@mrrisega/dsh-remote 0.6.2 → 0.6.4-beta.1

package/README.md

@@ -28,7 +28,13 @@ dsh-remote 是一个轻量的**隧道模式**远程控制方案：电脑端运
                            └→ bridge (电脑端) → 127.0.0.1:3080 (dsh web)
 ```
 
-## 0.6.2 速览（用户最关心的新能力）
+## 0.6.4 速览（首次安装不再卡）
+
+- **登录后 bridge 自动连上，全程零刷新**：面板自动补运行环境 → 拉起 bridge → 显示「正在连接中继…」，连上后自动变成「已连接 ✅」并刷新二维码与设备列表；失败有可读原因、自动重试倒计时和「复制诊断信息」。
+- **手机端自动等待电脑上线**：空设备列表不再让人干等或手动刷新，电脑一上线设备自己出现。
+- **安装引导改版**：有插件市场入口就搜索 `dsh-remote` 安装（不用敲命令）；没有就复制一条命令；两条路都收敛到「登录后稍等，电脑会自己出现」。
+
+**0.6.2 起已有**
 
 - **插件市场安装即可用**：市场只装「面板插件」，桌面运行环境（bridge + 自启动）由插件在后台自动补齐；修掉了
   「装完 bridge 起不来且永远不自愈」的三处根因（运行环境缺失仍写自启动 → launchd 崩溃循环；崩溃循环被误判成

package/clients/dsh-remote/dsh-bridge.mjs

@@ -155,6 +155,45 @@ function clearBindError() {
   try { fs.rmSync(BIND_ERROR_FILE, { force: true }); } catch { /* 非关键 */ }
 }
 
+/**
+ * bridge 运行状态文件:供 dsh web 插件面板判定「设备是否已在中继注册成功」(连接阶段 online)。
+ * 面板用它把「bridge 进程在跑」与「设备已注册、手机端真的能用」区分开——后者才是用户关心的状态,
+ * 只按进程存活判断会谎报可用。
+ *   { device_id, started_at, account_bound_at, tunnel_registered_at, phase, last_error? }
+ * 每次进程启动都 reset 一次:上一轮进程的成功记录不能代表当前这一轮。
+ */
+const BRIDGE_STATE_FILE = path.join(path.dirname(CONFIG_PATH), ".dsh-bridge-state.json");
+function persistBridgeState(patch, opts = {}) {
+  try {
+    fs.mkdirSync(path.dirname(BRIDGE_STATE_FILE), { recursive: true });
+    let base = {};
+    if (!opts.reset) {
+      try { base = JSON.parse(fs.readFileSync(BRIDGE_STATE_FILE, "utf8")) || {}; } catch { base = {}; }
+    }
+    fs.writeFileSync(BRIDGE_STATE_FILE, JSON.stringify({ ...base, ...patch, at: Date.now() }, null, 2), { mode: 0o600 });
+  } catch { /* 非关键:面板侧还有日志/账号兜底判据 */ }
+}
+
+// ---------- 安装来源 / 版本(服务端设备行统计口径) ----------
+// DSH_BRIDGE_INSTALL_SOURCE 由一键安装器(dsh-setup.mjs)注入 = npx;未设置表示这台电脑走的是
+// 「插件市场装面板插件 + 插件自愈补装运行环境」那条路径 = plugin_market;白名单外一律 unknown。
+const INSTALL_SOURCE_VALUES = new Set(["npx", "plugin_market"]);
+function resolveInstallSource() {
+  const v = String(process.env.DSH_BRIDGE_INSTALL_SOURCE || "").trim();
+  if (INSTALL_SOURCE_VALUES.has(v)) return v;
+  return v ? "unknown" : "plugin_market";
+}
+/** 安装版本:安装器注入的包版本优先,其次本包 package.json 版本(读不到留空)。 */
+function resolveInstallVersion() {
+  const v = String(process.env.DSH_BRIDGE_INSTALL_VERSION || "").trim();
+  if (v) return v;
+  try {
+    return JSON.parse(fs.readFileSync(path.join(ROOT, "package.json"), "utf8")).version || "";
+  } catch { return ""; }
+}
+const INSTALL_SOURCE = resolveInstallSource();
+const INSTALL_VERSION = resolveInstallVersion();
+
 // ---------- 稳定设备身份(.dsh-config.json) ----------
 
 function loadLocalConfig() {
@@ -921,12 +960,19 @@ async function registerDeviceInAccount(token) {
         device_id: DEVICE_ID,
         device_name: os.hostname() || "dsh-bridge",
         pub_key: pubKey,
-        machine_fp: MACHINE_FP // v6 同机识别:服务端据此自动顶替旧设备(重装不再被设备数卡死)
+        machine_fp: MACHINE_FP, // v6 同机识别:服务端据此自动顶替旧设备(重装不再被设备数卡死)
+        // 安装口径(服务端存到设备行,供运营统计「市场安装/自愈补装」vs「安装器 npx」):
+        //   install_source: npx(安装器注入) | plugin_market(插件拉起/自愈,默认) | unknown(白名单外)
+        install_source: INSTALL_SOURCE,
+        install_version: INSTALL_VERSION,
+        host_os: process.platform,
+        host_arch: process.arch
       })
     });
     const d = await r.json().catch(() => ({}));
     if (r.status === 201 || r.status === 200) {
       clearBindError();
+      persistBridgeState({ device_id: DEVICE_ID, account_bound_at: Date.now(), phase: "bound" });
       console.log(`[bridge] ✅ 设备已登记到账号: ${DEVICE_ID}`);
       return;
     }
@@ -961,6 +1007,7 @@ function connectTunnel(token) {
   ws.on("open", () => {
     tunnelRetry = 0;
     console.log(`[bridge] 隧道已连 ${endpoint},注册 ${DEVICE_ID}...`);
+    persistBridgeState({ device_id: DEVICE_ID, phase: "connecting" }); // 新一轮连接:上一轮的成功记录已过期
     try {
       // caps:bridge E2EE 能力上报(§6.2/§7.1;router 纯透传)。enabled=false → 空数组(明文回退)
       ws.send(JSON.stringify({ type: "tunnel-register", deviceId: DEVICE_ID, token, name: os.hostname() || "dsh-bridge", caps: e2ee.caps() }));
@@ -981,10 +1028,13 @@ function connectTunnel(token) {
     try {
       receive(raw, (frame) => {
         if (frame?.type === "tunnel-register-ok") {
+          // 中继注册成功 = 手机端此刻真的能进这台电脑:面板据此把阶段推进到 online(已连接 ✅)
+          persistBridgeState({ device_id: DEVICE_ID, tunnel_registered_at: Date.now(), phase: "online", last_error: null });
           console.log(`[bridge] ✅ router 注册成功: ${DEVICE_ID},等待手机访问 /remote/${DEVICE_ID}/`);
           return;
         }
         if (frame?.type === "tunnel-register-err") {
+          persistBridgeState({ phase: "error", last_error: { code: frame.code || "register_err", message: frame.message || "router 拒绝注册" } });
           console.error(`[bridge] router 拒绝注册: ${frame.code} ${frame.message || ""}`);
           return;
         }
@@ -1037,6 +1087,8 @@ async function runTunnel() {
     console.error("[bridge] 隧道模式需要账号认证:请设 DSH_BRIDGE_TOKEN,或 DSH_BRIDGE_PHONE+DSH_BRIDGE_PASSWORD");
     process.exit(1);
   }
+  // 新进程开始:重置状态文件(上一轮的成功记录不能代表这一轮,面板据此判定 online)
+  persistBridgeState({ device_id: DEVICE_ID, started_at: Date.now(), phase: "connecting", last_error: null }, { reset: true });
   await initE2ee(token);
   await registerDeviceInAccount(token);
   connectTunnel(token);

package/dsh-setup.mjs

@@ -131,6 +131,16 @@ function preferredNode() {
 }
 const NODE_BIN = preferredNode();
 
+// ---------- 安装口径（随 bridge 环境变量注入；服务端存到设备行，供运营统计） ----------
+/**
+ * install_source：本文件即「一键安装器」→ 默认 npx（用户自己跑 `npx @mrrisega/dsh-remote` 的那条路径）。
+ * 插件市场那条路径由插件半自愈补装：插件 spawn 本安装器时显式传入
+ * DSH_BRIDGE_INSTALL_SOURCE=plugin_market，这里原样透传（外部注入 > 硬编码默认）。
+ * install_version：优先取外部注入（插件/在线更新器），否则取本包 package.json 版本。
+ */
+const INSTALL_SOURCE = String(process.env.DSH_BRIDGE_INSTALL_SOURCE || "").trim() || "npx";
+const INSTALL_VERSION = String(process.env.DSH_BRIDGE_INSTALL_VERSION || "").trim() || pkgVersion();
+
 // ---------- 配置读写 ----------
 function loadConfig() {
   try { return JSON.parse(fs.readFileSync(CONFIG_PATH, "utf8")); }
@@ -206,7 +216,7 @@ function writeAutostartFile() {
   <key>KeepAlive</key><true/>
   <key>StandardOutPath</key><string>${path.join(CONFIG_DIR, ".dsh-bridge.log")}</string>
   <key>StandardErrorPath</key><string>${path.join(CONFIG_DIR, ".dsh-bridge.log")}</string>
-  <key>EnvironmentVariables</key><dict><key>PATH</key><string>/usr/local/bin:/opt/homebrew/bin:/usr/bin:/bin</string></dict>
+  <key>EnvironmentVariables</key><dict><key>PATH</key><string>/usr/local/bin:/opt/homebrew/bin:/usr/bin:/bin</string><key>DSH_BRIDGE_INSTALL_SOURCE</key><string>${INSTALL_SOURCE}</string><key>DSH_BRIDGE_INSTALL_VERSION</key><string>${INSTALL_VERSION}</string></dict>
 </dict></plist>`;
     fs.writeFileSync(plistPath, plist);
     console.log(`✅ 已创建自启动服务: ${plistPath}`);
@@ -215,7 +225,7 @@ function writeAutostartFile() {
   if (process.platform === "linux") {
     const dir = path.join(os.homedir(), ".config/systemd/user");
     fs.mkdirSync(dir, { recursive: true });
-    const unit = `[Unit]\nDescription=dsh-remote bridge (auto-starts with dsh web)\n\n[Service]\nExecStart=${runCmd}\nRestart=on-failure\nRestartSec=5\nEnvironment=PATH=/usr/local/bin:/usr/bin:/bin\n\n[Install]\nWantedBy=default.target\n`;
+    const unit = `[Unit]\nDescription=dsh-remote bridge (auto-starts with dsh web)\n\n[Service]\nExecStart=${runCmd}\nRestart=on-failure\nRestartSec=5\nEnvironment=PATH=/usr/local/bin:/usr/bin:/bin\nEnvironment=DSH_BRIDGE_INSTALL_SOURCE=${INSTALL_SOURCE}\nEnvironment=DSH_BRIDGE_INSTALL_VERSION=${INSTALL_VERSION}\n\n[Install]\nWantedBy=default.target\n`;
     const unitPath = autostartFilePath();
     fs.writeFileSync(unitPath, unit);
     console.log(`✅ 已创建自启动服务: ${unitPath}`);
@@ -350,6 +360,9 @@ async function runBridge() {
         ...process.env,
         DSH_BRIDGE_CONFIG: CONFIG_PATH,
         DSH_BRIDGE_TUNNEL_URL: cfg.tunnel_url,
+        // 安装口径透传给 bridge（bridge 把它随设备登记请求一起上报给账号 API）
+        DSH_BRIDGE_INSTALL_SOURCE: INSTALL_SOURCE,
+        DSH_BRIDGE_INSTALL_VERSION: INSTALL_VERSION,
         ...(saas ? { DSH_BRIDGE_PHONE: (cfg.phone || cfg.email || ""), DSH_BRIDGE_PASSWORD: cfg.password, DSH_BRIDGE_API: apiUrl, DSH_BRIDGE_SECRET: cfg.bridge_secret || "" } : {}),
         ...(local ? { DSH_BRIDGE_LOCAL_KEY: cfg.local_key } : {})
       };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mrrisega/dsh-remote",
-  "version": "0.6.2",
+  "version": "0.6.4-beta.1",
   "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",
@@ -49,13 +49,14 @@
   },
   "scripts": {
     "test": "npm run test:router && npm run test:plugin && npm run test:bridge",
-    "test:router": "node --test packages/relay-router/test/native-device-selection.test.mjs packages/relay-router/test/quotas.test.mjs",
+    "test:router": "node --test packages/relay-router/test/native-device-selection.test.mjs packages/relay-router/test/quotas.test.mjs packages/relay-router/test/presence-report.test.mjs",
     "_comment:test:plugin": "DSH_RELAY_SKIP_SERVICE=1 = 测试隔离：插件加载时不做真实系统操作（npx 补装 / launchctl / 重启 harness）；需要真实分支的用例自行 unset（见 account-switch / runtime-provision / harness-restart 用例注释）",
     "test:plugin": "DSH_RELAY_SKIP_SERVICE=1 node --test --test-concurrency=1 packages/dsh-remote-web/test/*.test.mjs",
     "test:bridge": "node --test clients/dsh-remote/test/*.test.mjs",
     "check": "node --check clients/dsh-remote/dsh-bridge.mjs && node --check clients/dsh-remote/e2ee-shim.mjs && node --check dsh-setup.mjs && node --check packages/dsh-remote-web/lib/index.js && node --check packages/dsh-remote-web/lib/client.js && bash -n deploy/install-open.sh && npm run check:alias",
     "sync:alias": "node scripts/sync-legacy-alias.mjs",
-    "check:alias": "node scripts/sync-legacy-alias.mjs --check"
+    "check:alias": "node scripts/sync-legacy-alias.mjs --check",
+    "release:tarballs": "bash scripts/release-tarballs.sh"
   },
   "dependencies": {
     "ws": "^8.18.0"

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

@@ -408,6 +408,13 @@ window.__ModuleLoader__.load({
     // 导致 busy 护栏失效（重复请求）或误拦（该重试却跳过）。
     var akeyInFlight = { v: false };
     var devInFlight = { v: false };
+    /** 连接阶段轮询的在途标记（同上：必须放组件外，否则闭包过期会重复请求）。 */
+    var connInFlight = { v: false };
+    /** 最近一次连接阶段（供自调度定时器决定快/慢轮询节奏，避免依赖渲染闭包）。 */
+    var connPhaseRef = { v: "" };
+    /** 连接阶段轮询节奏：未连通时 2.5s（自动推进），已连接后退避到 15s；页面隐藏时完全停下。 */
+    var CONN_POLL_FAST_MS = 2500;
+    var CONN_POLL_SLOW_MS = 15000;
     function cancelAkeyRetry() { clearLater(akeyRetry.timer); akeyRetry.timer = null; }
     function cancelDevRetry() { clearLater(devRetry.timer); devRetry.timer = null; }
 
@@ -1182,6 +1189,12 @@ window.__ModuleLoader__.load({
       // ── 💬 交流群（「加入交流群」按钮 + 弹窗）：同样放在全部既有字段之后 ──
       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];
+      // ── 🔗 登录后自动闭环：连接阶段（运行环境 → bridge 进程 → 设备已在中继注册=online） ──
+      // conn 来自 GET /dsh-remote/bridge-status（node 半在返回前会自动补装/拉起/退避重试），
+      // 面板据它显示「正在准备运行环境…/正在启动 Bridge…/正在连接中继…/已连接 ✅」，
+      // 并用短轮询自动推进到 online —— 用户不需要点按钮、也不需要刷新页面。
+      var connArr = useState(null); var conn = connArr[0]; var setConn = connArr[1];
+      var copiedDiagArr = useState(false); var copiedDiag = copiedDiagArr[0]; var setCopiedDiag = copiedDiagArr[1];
 
       var refresh = useCallback(function () {
         setBusy("status");
@@ -1222,6 +1235,13 @@ window.__ModuleLoader__.load({
       // 是否需要重启 DeepSeek harness（首次安装/在线更新后置顶提醒 + 底部常驻按钮）
       var restartInfo = (st && st.restart) || {};
       var restartPending = !!restartInfo.pending;
+      // 连接阶段（node 半下发）：轮询拿到的新鲜结果优先，其次用 /status 里带的那一份；
+      // 旧版 host（响应里没有 connect 字段）→ 回退到原来的 service.running 文案（行为不变）。
+      var connInfo = conn || (st && st.connect) || null;
+      var connPhase = (connInfo && connInfo.phase) || "";
+      var connOnline = connPhase === "online";
+      var connText = (connInfo && connInfo.text) || "";
+      var connError = connInfo && connInfo.error ? connInfo.error : null;
       // 账号标识（掩码手机号）：登录成功/换账号时变化 → 触发上方的重取 effect（比布尔 loggedIn 更敏感）
       var phoneKey = (st && st.config && st.config.phone) || "";
       var launchdPid = st && st.service && st.service.launchd && st.service.launchd.pid;
@@ -1531,6 +1551,87 @@ window.__ModuleLoader__.load({
         };
       }, [view, mode, loggedIn, phoneKey, serviceRunning]);
 
+      // ── 登录后自动闭环（0.6.4）：连接阶段短轮询 ──────────────────────────────
+      // 登录成功（含从别处已登录、被面板读到）后立刻开始推进连接，之后自调度：
+      //   非 online → 2.5s 一次（阶段自动前进，用户零操作）；online → 15s 一次（退避，只做保活/新设备发现）。
+      // 页面隐藏时 pollConnect 直接返回（不空转），回前台由 visibilitychange 立即补一次。
+      // 依赖里只有「视图/模式/登录态」：阶段变化不重建定时器，避免每次推进都多发一次请求。
+      useEffect(function () {
+        if (view !== "home" || mode !== "saas" || !loggedIn) return undefined;
+        var stopped = false;
+        var timer = null;
+        var tick = function () {
+          if (stopped) return;
+          clearLater(timer);
+          timer = later(function () {
+            timer = null;
+            tick();
+          }, connPhaseRef.v === "online" ? CONN_POLL_SLOW_MS : CONN_POLL_FAST_MS);
+          pollConnect();
+        };
+        var onVisible = function () { if (!document.hidden && !stopped) pollConnect(); };
+        try { document.addEventListener("visibilitychange", onVisible); } catch (e) { /* 环境无 document */ }
+        if (!document.hidden) { pollConnect(); tick(); }
+        return function () {
+          stopped = true;
+          clearLater(timer);
+          try { document.removeEventListener("visibilitychange", onVisible); } catch (e) { /* 忽略 */ }
+        };
+      }, [view, mode, loggedIn]);
+
+      /**
+       * 连接阶段轮询：GET /dsh-remote/bridge-status（node 半在返回前自动补装运行环境 / 拉起 bridge /
+       * 清理卡死标记，并自带退避），面板据此自动推进「准备运行环境 → 启动 Bridge → 连接中继 → 已连接」。
+       * 关键点：
+       *   - document.hidden 时完全不发请求（后台标签页不空转）；回前台由 visibilitychange 立即补一次；
+       *   - 阶段推进到 online 时自动重取二维码与已授权设备列表 —— 用户不用刷新页面就能扫码。
+       */
+      function pollConnect() {
+        if (document.hidden) return;
+        if (connInFlight.v) return;
+        connInFlight.v = true;
+        api("/dsh-remote/bridge-status").then(function (b) {
+          if (!b || !b.ok || !b.connect) return;
+          var prev = connPhaseRef.v;
+          connPhaseRef.v = b.connect.phase || "";
+          setConn(b.connect);
+          if (b.connect.phase === "online") {
+            // 已连接：立刻补一次二维码/设备列表（首次连上时 prev 不是 online → 无条件重取）
+            if (prev !== "online") {
+              akeyRetry.attempt = 0; devRetry.attempt = 0;
+              loadAccessKey();
+              loadDevices();
+            } else if (devSessions !== null) {
+              refreshDeviceList(); // 手机扫码后设备列表自动出现，无需刷新页面
+            }
+          }
+        }).catch(function () { /* 轮询失败静默：下一轮自动重试 */ })
+          .finally(function () { connInFlight.v = false; });
+      }
+
+      /** 「重试」按钮：POST /dsh-remote/connect/retry（清退避 + 立刻再走一遍闭环），随后刷新阶段。 */
+      var retryConnect = function () {
+        setBusy("connect-retry");
+        post("/dsh-remote/connect/retry").then(function (b) {
+          if (b && b.connect) { connPhaseRef.v = b.connect.phase || ""; setConn(b.connect); }
+          setMsg("ok", "已重新开始连接，正在自动重试…");
+        }).catch(function (e) {
+          setMsg("err", "重试失败：" + e.message);
+        }).finally(function () { setBusy(""); });
+      };
+
+      /** 「复制诊断信息」：版本 / 配置目录 / 阶段 / 最近错误 / 进程状态 / 日志路径（node 半已拼好）。 */
+      var copyDiagnostics = function () {
+        var text = (connInfo && connInfo.diagnostics) || "";
+        if (!text) return;
+        try {
+          navigator.clipboard.writeText(text).then(function () {
+            setCopiedDiag(true);
+            later(function () { setCopiedDiag(false); }, 1500);
+          });
+        } catch (e) { /* 剪贴板不可用：文案里已给出日志路径，用户可自行查看 */ }
+      };
+
       function setMsg(kind, text) { setMessage({ kind: kind, text: text }); }
 
       // ---------- 登录(密码/短信) ----------
@@ -1588,7 +1689,10 @@ window.__ModuleLoader__.load({
         if (rpass.length < 8) { setMsg("err", "密码至少 8 位"); return; }
         if (rpass !== rpass2) { setMsg("err", "两次输入的密码不一致"); return; }
         setBusy("register");
-        var regPayload = { phone: rphone.trim(), sms_code: rsms.trim(), password: rpass };
+        // reg_source：注册来源（增长口径）——面板内注册 = panel_register；
+        // 手机端网页注册走 clients/dsh-web/native.html（= remoteweb_register）。
+        // 节点半 /dsh-remote/register 全量透传 body，企业端白名单外的值会归一成 api_unknown。
+        var regPayload = { phone: rphone.trim(), sms_code: rsms.trim(), password: rpass, reg_source: "panel_register" };
         var invite = rInvite.trim().toUpperCase();
         if (invite) regPayload.invite_code = invite;
         if (rcap) { regPayload.captcha_id = rcap.id; regPayload.captcha_answer = rcapTxt.trim(); }
@@ -1947,12 +2051,59 @@ window.__ModuleLoader__.load({
         var expMs = akey ? toMs(akey.expires_at) : 0;
         var remainMs = expMs ? expMs - nowTick : 0;
         var loggedInSaaS = !!(st && st.config && st.config.phone);
+        // 状态行优先用连接阶段文案（node 半下发的 user-facing 文案）：
+        // 「正在准备运行环境（首次约 1~2 分钟）… / 正在启动 Bridge… / 正在连接中继… / 已连接 ✅ …」；
+        // 旧版 host 没有 connect 字段 → 完全回退到原来的 running 文案（既有行为不变）。
         var statusTxt = st === null
           ? "查询中…"
           : !loggedInSaaS
             ? "请先登录（下方账号卡片）后启用远程访问"
-            : serviceRunning ? "已连接（可远程访问）" : "等待设备连接";
-        var dotCls = "dru-dot " + (loggedInSaaS && serviceRunning ? "dru-dot-on" : "dru-dot-off");
+            : connInfo ? connText : serviceRunning ? "已连接（可远程访问）" : "等待设备连接";
+        var dotOn = loggedInSaaS ? (connInfo ? connOnline : serviceRunning) : false;
+        var dotCls = "dru-dot " + (dotOn ? "dru-dot-on" : "dru-dot-off");
+
+        /**
+         * 连接阶段区块：把「环境 → bridge 进程 → 中继注册」的自动推进过程如实展示出来，
+         * 面向非技术用户——非 online 阶段一律说明「正在自动进行，无需操作」；
+         * 只有失败（error）才给可操作项：重试 / 复制诊断信息 / 日志路径，绝不出现死胡同。
+         */
+        function renderConnectBlock() {
+          if (!loggedInSaaS || !connInfo) return null;
+          var phase = connInfo.phase || "";
+          if (phase === "online") {
+            return h("div", { className: "dru-meta", style: { marginTop: 6 } },
+              connInfo.registerSource === "account_api" || connInfo.registerSource === "account" || connInfo.registerSource === "state_account"
+                ? "设备已登记到你的账号：手机端「设备列表」可以看到这台电脑。"
+                : "设备已注册到中继：手机端扫码或打开链接即可进入这台电脑。");
+          }
+          var rows = [];
+          if (phase === "error") {
+            rows.push(h("div", { className: "dru-msg dru-msg-err", style: { marginTop: 6 } },
+              "⚠️ " + ((connError && connError.message) || connText)));
+            if (connInfo.detail) rows.push(h("div", { className: "dru-hint", style: { marginTop: 4 } }, connInfo.detail));
+            if (connInfo.nextRetryInMs > 0) {
+              rows.push(h("div", { className: "dru-hint", style: { marginTop: 4 } },
+                "已自动重试 " + (connInfo.attempts || 0) + " 次，约 " + Math.ceil(connInfo.nextRetryInMs / 1000) + " 秒后自动再试（也可以点下面按钮立刻重试）"));
+            }
+            rows.push(h("div", { className: "dru-actions", style: { marginTop: 8 } },
+              h("button", { type: "button", className: "dru-btn dru-btn-primary", disabled: busy !== "", onClick: retryConnect }, busy === "connect-retry" ? "重试中…" : "重试"),
+              h("button", { type: "button", className: "dru-btn dru-btn-ghost", onClick: copyDiagnostics }, copiedDiag ? "已复制" : "复制诊断信息")));
+            rows.push(h("div", { className: "dru-hint", style: { marginTop: 6 } },
+              "查看日志：bridge " + (connInfo.logPath || "") + " ，安装 " + (connInfo.installLogPath || "") + "（把「复制诊断信息」的内容发给客服可加速定位）"));
+            return h("div", null, rows);
+          }
+          // 非错误阶段：只解释「正在自动做什么」，并说明不需要任何操作
+          if (connInfo.detail) rows.push(h("div", { className: "dru-hint", style: { marginTop: 6 } }, connInfo.detail));
+          if (connInfo.installing || phase === "no_runtime") {
+            rows.push(h("div", { className: "dru-hint", style: { marginTop: 4 } },
+              "首次安装会自动下载并配置，期间请不要关闭 DeepSeek；装完会自动启动 bridge，无需任何操作。"));
+          }
+          if (connInfo.deviceId) rows.push(h("div", { className: "dru-meta" }, "设备 ID：" + connInfo.deviceId));
+          rows.push(h("div", { className: "dru-actions", style: { marginTop: 8 } },
+            h("button", { type: "button", className: "dru-btn dru-btn-ghost", disabled: busy !== "", onClick: retryConnect }, busy === "connect-retry" ? "立即重试中…" : "立即重试"),
+            h("button", { type: "button", className: "dru-btn dru-btn-ghost", onClick: copyDiagnostics }, copiedDiag ? "已复制" : "复制诊断信息")));
+          return h("div", null, rows);
+        }
         // Phase-5:端到端加密(E2EE)状态行 —— 未登录/旧 host 未下发 e2ee 一律不渲染
         // （桌面宽屏与手机镜像共用同一面板：纯文字状态行、不弹层不打扰）；启用=绿点绿字（🔒已启用），
         // 未启用=灰字 + 中性原因文案（回退普通 HTTPS 连接，不宣称“灰度等待”）。
@@ -1969,6 +2120,7 @@ window.__ModuleLoader__.load({
             h("span", { className: dotCls }),
             h("span", null, statusTxt)
           ),
+          renderConnectBlock(),
           renderE2eeBadge(),
           akeyMsg
             ? h("div", { className: "dru-msg dru-msg-" + akeyMsg.kind, style: { marginTop: 8 } },
@@ -1999,7 +2151,9 @@ window.__ModuleLoader__.load({
                 ),
                 h("div", { className: "dru-hint", style: { marginTop: 4 } },
                   !serviceRunning
-                    ? "本机 bridge 未运行：先在下方「🖥 Bridge 服务」卡启动。"
+                    ? (connInfo && connPhase !== "online"
+                        ? "本机 bridge 正在自动准备中（" + connText + "）：连上后这个链接/二维码即可使用，无需其他操作。"
+                        : "本机 bridge 未运行：先在下方「🖥 Bridge 服务」卡启动。")
                     : "打开链接/扫码进入即登录态；同设备重复扫码只更新授权，不新增设备。")
               )
             )
@@ -2195,6 +2349,11 @@ window.__ModuleLoader__.load({
               h("span", null, st ? serviceStateText : "查询中…"),
               launchdPid ? h("span", { className: "dru-meta", style: { marginTop: 0 } }, "(pid=" + launchdPid + ")") : null
             ),
+            // 自动连接进度（登录后由面板 2.5s 短轮询自动推进）：让用户在 bridge 卡也能一眼看到
+            // 「到底走到哪一步了」——进程在跑≠能用，注册到中继才算。
+            connInfo && connPhase && connPhase !== "no_account"
+              ? h("div", { className: "dru-hint", style: { marginTop: 6 } }, "自动连接进度：" + connText)
+              : null,
             h("div", { className: "dru-actions", style: { marginTop: 10 } },
               !serviceRunning
                 ? h("button", { type: "button", className: "dru-btn dru-btn-primary", disabled: busy !== "", onClick: function () { toggleBridge(true); } }, busy === "start" ? "启动中…" : "启动 bridge")