dsh-remote-mobile 1.1.0 → 1.2.1

package/lib/auth/token.js

@@ -1,5 +1,5 @@
 import { randomBytes, randomInt } from 'node:crypto';
-import { existsSync, readFileSync, writeFileSync, mkdirSync } from 'node:fs';
+import { existsSync, readFileSync, writeFileSync, mkdirSync, renameSync, unlinkSync } from 'node:fs';
 import { dirname } from 'node:path';
 import { homedir } from 'node:os';
 import { EventEmitter } from 'node:events';
@@ -90,9 +90,10 @@ export function readGlobalLocale(filePath = GLOBAL_SETTINGS_FILE) {
     }
 }
 /**
- * 将最新的插件配置安全写回 ~/.dsh/settings.yaml 中的 dsh-remote-mobile 命名空间
+ * 将最新的插件配置安全原子写回 ~/.dsh/settings.yaml 中的 dsh-remote-mobile 命名空间
  */
 export function writeBackToSettingsYaml(options, filePath = GLOBAL_SETTINGS_FILE) {
+    const tmpPath = `${filePath}.${process.pid}.${Date.now()}.tmp`;
     try {
         if (!existsSync(filePath))
             return false;
@@ -126,10 +127,16 @@ export function writeBackToSettingsYaml(options, filePath = GLOBAL_SETTINGS_FILE
             lines.splice(startIdx, endIdx - startIdx, newBlock);
             updatedContent = lines.join('\n');
         }
-        writeFileSync(filePath, updatedContent, 'utf8');
+        writeFileSync(tmpPath, updatedContent, 'utf8');
+        renameSync(tmpPath, filePath);
         return true;
     }
     catch {
+        try {
+            if (existsSync(tmpPath))
+                unlinkSync(tmpPath);
+        }
+        catch { }
         return false;
     }
 }
@@ -168,12 +175,24 @@ export function parseDeviceName(ua = '') {
         return `💻 Linux (${browser})`;
     return `📱 移动设备 (${browser})`;
 }
+const activeStores = new Set();
+if (typeof process !== 'undefined' && typeof process.on === 'function') {
+    process.on('beforeExit', () => {
+        for (const s of activeStores) {
+            try {
+                s.flushPersistedData();
+            }
+            catch { }
+        }
+    });
+}
 export class SessionStore extends EventEmitter {
     sessions = new Map();
     shortCodes = new Map();
     ipStats = new Map();
     options;
     settingsMutator;
+    debounceTimer = null;
     persistPath;
     settingsFilePath;
     constructor(options = {}) {
@@ -211,6 +230,7 @@ export class SessionStore extends EventEmitter {
         };
         this.persistPath = this.options.devicesFile;
         this.loadPersistedData();
+        activeStores.add(this);
     }
     getOptions() {
         return { ...this.options };
@@ -378,7 +398,7 @@ export class SessionStore extends EventEmitter {
             }
         }
         this.emit('ip-security-updated', { stats: this.getIpSecurityStats() });
-        this.savePersistedData();
+        this.savePersistedDataDebounced();
         return { allowed: true };
     }
     /**
@@ -625,7 +645,7 @@ export class SessionStore extends EventEmitter {
         }
         if (isReconnecting) {
             this.emit('device-online', session);
-            this.savePersistedData();
+            this.savePersistedDataDebounced();
         }
         return true;
     }
@@ -770,21 +790,6 @@ export class SessionStore extends EventEmitter {
                     }
                 }
                 else if (data && typeof data === 'object') {
-                    if (data.config) {
-                        if (typeof data.config.allowTailscale === 'boolean') {
-                            this.options.allowTailscale = data.config.allowTailscale;
-                        }
-                        if (typeof data.config.allowLan === 'boolean') {
-                            this.options.allowLan = data.config.allowLan;
-                        }
-                        if (typeof data.config.secretHash === 'string') {
-                            this.options.secretHash = data.config.secretHash;
-                        }
-                        else if (typeof data.config.secret === 'string' && data.config.secret) {
-                            // 自动将老版本的明文 secret 迁移升级为安全加盐哈希
-                            this.options.secretHash = hashSecret(data.config.secret);
-                        }
-                    }
                     if (Array.isArray(data.devices)) {
                         for (const s of data.devices) {
                             if (s && s.token) {
@@ -831,7 +836,35 @@ export class SessionStore extends EventEmitter {
         }
         catch { }
     }
+    /**
+     * 同步立即持久化落盘（由关键路径调用：配对成功、密码认证、撤销设备、手动改密/配置等）
+     */
     savePersistedData() {
+        this.flushPersistedData();
+    }
+    /**
+     * 500ms 防抖持久化落盘（由高频访问路径调用：每次打开 /auth、validateToken 重连时间戳更新等）
+     */
+    savePersistedDataDebounced() {
+        if (this.debounceTimer)
+            return;
+        this.debounceTimer = setTimeout(() => {
+            this.debounceTimer = null;
+            this.flushPersistedData();
+        }, 500);
+        if (typeof this.debounceTimer.unref === 'function') {
+            ;
+            this.debounceTimer.unref();
+        }
+    }
+    /**
+     * 立即执行待写的持久化数据落盘并清理定时器
+     */
+    flushPersistedData() {
+        if (this.debounceTimer) {
+            clearTimeout(this.debounceTimer);
+            this.debounceTimer = null;
+        }
         try {
             mkdirSync(dirname(this.persistPath), { recursive: true });
             const payload = {

package/lib/client.js

@@ -876,20 +876,6 @@ var translations = {
   }
 };
 function resolveLocale(ctx, status) {
-  try {
-    if (ctx) {
-      if (typeof ctx.get === "function") {
-        var loc = ctx.get("locale");
-        if (loc && loc.snapshot && loc.snapshot.active) {
-          return loc.snapshot.active.startsWith("en") ? "en" : "zh";
-        }
-      }
-      if (ctx.locale && ctx.locale.snapshot && ctx.locale.snapshot.active) {
-        return ctx.locale.snapshot.active.startsWith("en") ? "en" : "zh";
-      }
-    }
-  } catch (e) {
-  }
   if (typeof document !== "undefined" && document.documentElement && document.documentElement.lang) {
     return document.documentElement.lang.toLowerCase().startsWith("en") ? "en" : "zh";
   }
@@ -914,6 +900,39 @@ function t(key, lang, params) {
   }
   return text;
 }
+function formatDeviceName(name, lang) {
+  if (!name) return lang === "en" ? "Mobile Device" : "\u79FB\u52A8\u7AEF\u8BBE\u5907";
+  if (lang !== "en") return name;
+  return name.replace(/手机/g, "Phone").replace(/移动设备/g, "Mobile Device").replace(/微信内置浏览器/g, "WeChat Browser").replace(/局域网免密临时设备/g, "LAN Bypass Device").replace(/Tailscale免密临时设备/g, "Tailscale Bypass Device");
+}
+function formatAuthType(authType, lang) {
+  if (!authType) return lang === "en" ? "\u26AA Pending" : "\u26AA \u5F85\u8BA4\u8BC1";
+  if (lang !== "en") return authType;
+  if (authType.includes("\u626B\u7801\u914D\u5BF9") || authType.includes("\u914D\u5BF9\u7801")) {
+    if (authType.includes("365")) return "\u{1F4F1} QR Pairing (365d)";
+    return "\u{1F4F1} QR Authenticated";
+  }
+  if (authType.includes("\u957F\u671F\u5BC6\u7801") || authType.includes("\u5BC6\u7801\u9A8C\u8BC1")) {
+    if (authType.includes("365")) return "\u{1F511} Password Auth (365d)";
+    return "\u{1F511} Password Auth";
+  }
+  if (authType.includes("\u5C40\u57DF\u7F51") || authType.includes("LAN")) {
+    return "\u26A1 LAN Direct Bypass";
+  }
+  if (authType.includes("Tailscale")) {
+    return "\u26A1 Tailscale Bypass";
+  }
+  if (authType.includes("\u5F85\u8BA4\u8BC1") || authType.includes("\u672A\u8BA4\u8BC1")) {
+    return "\u26AA Pending";
+  }
+  return authType;
+}
+function formatFailedAttempts(count, lang) {
+  if (lang === "en") {
+    return count === 1 ? "\u26A0\uFE0F 1 failed attempt" : `\u26A0\uFE0F ${count} failed attempts`;
+  }
+  return `\u26A0\uFE0F \u66FE\u5931\u8D25 ${count} \u6B21`;
+}
 
 // src/client/components/NetworkCard.jsx
 var import_jsx_runtime = require("react/jsx-runtime");
@@ -958,20 +977,19 @@ function NetworkCard({ status, toggleTailscale, toggleLan, copyText, lang }) {
           "div",
           {
             style: {
-              display: "flex",
-              alignItems: "center",
-              justifyContent: "space-between",
-              flexWrap: "wrap",
-              gap: "12px",
               paddingBottom: "16px",
               borderBottom: "1px solid var(--dsw-alias-border-l2, rgba(128,128,128,0.12))",
-              marginBottom: "16px"
+              marginBottom: "16px",
+              display: "flex",
+              justifyContent: "space-between",
+              alignItems: "flex-start",
+              gap: "16px"
             },
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: { flex: 1, minWidth: "220px" }, children: [
-                /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: { display: "flex", alignItems: "center", gap: "8px" }, children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { style: { fontSize: "16px" }, children: "\u{1F512}" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { style: { fontSize: "14px", fontWeight: "700" }, children: t("tailscaleSectionTitle", lang) }),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: { flex: 1, minWidth: 0, display: "flex", flexDirection: "column", gap: "6px" }, children: [
+                /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: { display: "flex", alignItems: "center", gap: "8px", flexWrap: "wrap" }, children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { style: { fontSize: "16px", flexShrink: 0 }, children: "\u{1F512}" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { style: { fontSize: "14px", fontWeight: "700", color: "var(--dsw-alias-label-primary, inherit)" }, children: t("tailscaleSectionTitle", lang) }),
                   status.tailscaleIp ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
                     "span",
                     {
@@ -981,7 +999,9 @@ function NetworkCard({ status, toggleTailscale, toggleLan, copyText, lang }) {
                         borderRadius: "4px",
                         background: "rgba(16,185,129,0.15)",
                         color: "#10b981",
-                        fontWeight: "600"
+                        fontWeight: "600",
+                        whiteSpace: "nowrap",
+                        flexShrink: 0
                       },
                       children: lang === "en" ? "Connected" : "\u5DF2\u8FDE\u63A5"
                     }
@@ -994,7 +1014,9 @@ function NetworkCard({ status, toggleTailscale, toggleLan, copyText, lang }) {
                         borderRadius: "4px",
                         background: "rgba(239,68,68,0.15)",
                         color: "#ef4444",
-                        fontWeight: "600"
+                        fontWeight: "600",
+                        whiteSpace: "nowrap",
+                        flexShrink: 0
                       },
                       children: lang === "en" ? "Not Connected" : "\u672A\u8FDE\u63A5"
                     }
@@ -1005,26 +1027,30 @@ function NetworkCard({ status, toggleTailscale, toggleLan, copyText, lang }) {
                   {
                     style: {
                       fontSize: "13px",
-                      marginTop: "4px",
                       fontFamily: "monospace",
-                      color: "var(--dsw-alias-brand-primary, #3b82f6)"
+                      color: "var(--dsw-alias-brand-primary, #3b82f6)",
+                      display: "flex",
+                      alignItems: "center",
+                      flexWrap: "wrap",
+                      gap: "8px"
                     },
                     children: [
-                      `http://${tsHost}:${port}`,
+                      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: `http://${tsHost}:${port}` }),
                       /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
                         "button",
                         {
                           type: "button",
                           onClick: () => copyText(`http://${tsHost}:${port}`, t("copiedTip", lang)),
                           style: {
-                            marginLeft: "8px",
-                            padding: "2px 6px",
+                            padding: "2px 8px",
                             background: "transparent",
-                            border: "1px solid var(--dsw-alias-border-l2, rgba(128,128,128,0.2))",
+                            border: "1px solid var(--dsw-alias-border-l2, rgba(128,128,128,0.25))",
                             borderRadius: "4px",
                             fontSize: "11px",
                             cursor: "pointer",
-                            color: "var(--dsw-alias-label-secondary, inherit)"
+                            color: "var(--dsw-alias-label-secondary, inherit)",
+                            whiteSpace: "nowrap",
+                            flexShrink: 0
                           },
                           children: t("copyUrlBtn", lang)
                         }
@@ -1037,7 +1063,7 @@ function NetworkCard({ status, toggleTailscale, toggleLan, copyText, lang }) {
                     style: {
                       fontSize: "12px",
                       color: "var(--dsw-alias-label-tertiary, #888)",
-                      marginTop: "4px"
+                      lineHeight: "1.4"
                     },
                     children: t("tailscaleGuide", lang)
                   }
@@ -1048,20 +1074,21 @@ function NetworkCard({ status, toggleTailscale, toggleLan, copyText, lang }) {
                     style: {
                       fontSize: "12px",
                       color: "var(--dsw-alias-label-tertiary, #888)",
-                      marginTop: "4px"
+                      lineHeight: "1.4"
                     },
                     children: t("tailscaleBypassDesc", lang)
                   }
                 ) : null
               ] }),
-              status.tailscaleIp ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: { display: "flex", alignItems: "center", gap: "8px" }, children: [
+              status.tailscaleIp ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: { display: "flex", alignItems: "center", gap: "8px", flexShrink: 0, paddingTop: "2px" }, children: [
                 /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
                   "span",
                   {
                     style: {
                       fontSize: "12px",
                       color: status.allowTailscale ? "var(--dsw-alias-brand-primary, #3b82f6)" : "var(--dsw-alias-label-secondary, #888)",
-                      fontWeight: "600"
+                      fontWeight: "600",
+                      whiteSpace: "nowrap"
                     },
                     children: status.allowTailscale ? t("directBypassOn", lang) : t("directBypassOff", lang)
                   }
@@ -1075,7 +1102,8 @@ function NetworkCard({ status, toggleTailscale, toggleLan, copyText, lang }) {
                       width: "44px",
                       height: "24px",
                       cursor: "pointer",
-                      userSelect: "none"
+                      userSelect: "none",
+                      flexShrink: 0
                     },
                     children: [
                       /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
@@ -1132,16 +1160,15 @@ function NetworkCard({ status, toggleTailscale, toggleLan, copyText, lang }) {
             {
               style: {
                 display: "flex",
-                alignItems: "center",
                 justifyContent: "space-between",
-                flexWrap: "wrap",
-                gap: "12px"
+                alignItems: "flex-start",
+                gap: "16px"
               },
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: { flex: 1, minWidth: "220px" }, children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: { display: "flex", alignItems: "center", gap: "8px" }, children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { style: { fontSize: "16px" }, children: "\u{1F3E0}" }),
-                    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { style: { fontSize: "14px", fontWeight: "700" }, children: t("lanSectionTitle", lang) }),
+                /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: { flex: 1, minWidth: 0, display: "flex", flexDirection: "column", gap: "6px" }, children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: { display: "flex", alignItems: "center", gap: "8px", flexWrap: "wrap" }, children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { style: { fontSize: "16px", flexShrink: 0 }, children: "\u{1F3E0}" }),
+                    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { style: { fontSize: "14px", fontWeight: "700", color: "var(--dsw-alias-label-primary, inherit)" }, children: t("lanSectionTitle", lang) }),
                     /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
                       "span",
                       {
@@ -1151,7 +1178,9 @@ function NetworkCard({ status, toggleTailscale, toggleLan, copyText, lang }) {
                           borderRadius: "4px",
                           background: "rgba(16,185,129,0.15)",
                           color: "#10b981",
-                          fontWeight: "600"
+                          fontWeight: "600",
+                          whiteSpace: "nowrap",
+                          flexShrink: 0
                         },
                         children: lang === "en" ? "Ready" : "\u5DF2\u5C31\u7EEA"
                       }
@@ -1162,26 +1191,30 @@ function NetworkCard({ status, toggleTailscale, toggleLan, copyText, lang }) {
                     {
                       style: {
                         fontSize: "13px",
-                        marginTop: "4px",
                         fontFamily: "monospace",
-                        color: "var(--dsw-alias-brand-primary, #3b82f6)"
+                        color: "var(--dsw-alias-brand-primary, #3b82f6)",
+                        display: "flex",
+                        alignItems: "center",
+                        flexWrap: "wrap",
+                        gap: "8px"
                       },
                       children: [
-                        `http://${lanHost}:${port}`,
+                        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: `http://${lanHost}:${port}` }),
                         /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
                           "button",
                           {
                             type: "button",
                             onClick: () => copyText(`http://${lanHost}:${port}`, t("copiedTip", lang)),
                             style: {
-                              marginLeft: "8px",
-                              padding: "2px 6px",
+                              padding: "2px 8px",
                               background: "transparent",
-                              border: "1px solid var(--dsw-alias-border-l2, rgba(128,128,128,0.2))",
+                              border: "1px solid var(--dsw-alias-border-l2, rgba(128,128,128,0.25))",
                               borderRadius: "4px",
                               fontSize: "11px",
                               cursor: "pointer",
-                              color: "var(--dsw-alias-label-secondary, inherit)"
+                              color: "var(--dsw-alias-label-secondary, inherit)",
+                              whiteSpace: "nowrap",
+                              flexShrink: 0
                             },
                             children: t("copyUrlBtn", lang)
                           }
@@ -1190,7 +1223,7 @@ function NetworkCard({ status, toggleTailscale, toggleLan, copyText, lang }) {
                     }
                   )
                 ] }),
-                /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: { display: "flex", alignItems: "center", gap: "8px" }, children: [
+                /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: { display: "flex", alignItems: "center", gap: "8px", flexShrink: 0, paddingTop: "2px" }, children: [
                   /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
                     "span",
                     {
@@ -1200,9 +1233,10 @@ function NetworkCard({ status, toggleTailscale, toggleLan, copyText, lang }) {
                         fontWeight: status.allowLan ? "700" : "500",
                         display: "flex",
                         alignItems: "center",
-                        gap: "4px"
+                        gap: "4px",
+                        whiteSpace: "nowrap"
                       },
-                      children: status.allowLan ? lang === "en" ? "\u{1F6A8} LAN Bypass Enabled (HIGH RISK)" : "\u{1F6A8} \u5C40\u57DF\u7F51\u514D\u5BC6\u5DF2\u5F00\u542F\uFF08\u9AD8\u5371\u72B6\u6001\uFF09" : t("directBypassOff", lang)
+                      children: status.allowLan ? lang === "en" ? "\u{1F6A8} LAN Bypass (High Risk)" : "\u{1F6A8} \u5C40\u57DF\u7F51\u514D\u5BC6\uFF08\u9AD8\u5371\uFF09" : t("directBypassOff", lang)
                     }
                   ),
                   /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
@@ -1214,7 +1248,8 @@ function NetworkCard({ status, toggleTailscale, toggleLan, copyText, lang }) {
                         width: "44px",
                         height: "24px",
                         cursor: "pointer",
-                        userSelect: "none"
+                        userSelect: "none",
+                        flexShrink: 0
                       },
                       children: [
                         /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
@@ -1526,13 +1561,14 @@ function QrPairingCard({
                   onClick: copyDirectLink,
                   style: {
                     padding: "6px 16px",
-                    background: "var(--dsw-alias-brand-primary, #3b82f6)",
-                    color: "white",
+                    background: "#2563eb",
+                    color: "#ffffff",
                     border: "none",
                     borderRadius: "6px",
                     fontSize: "12px",
                     fontWeight: "600",
                     cursor: "pointer",
+                    boxShadow: "0 2px 6px rgba(37, 99, 235, 0.3)",
                     transition: "background-color 0.2s"
                   },
                   children: status.copied ? `\u2705 ${lang === "en" ? "Copied!" : "\u5DF2\u590D\u5236\uFF01"}` : t("copyDirectAuthLink", lang)
@@ -1828,15 +1864,16 @@ function SecretCard({
               style: {
                 padding: "0 16px",
                 height: "38px",
-                background: "var(--dsw-alias-brand-primary, #3b82f6)",
-                color: "white",
+                background: "#2563eb",
+                color: "#ffffff",
                 border: "none",
                 borderRadius: "8px",
                 fontSize: "13px",
                 fontWeight: "600",
                 cursor: "pointer",
                 whiteSpace: "nowrap",
-                flexShrink: 0
+                flexShrink: 0,
+                boxShadow: "0 2px 6px rgba(37, 99, 235, 0.3)"
               },
               children: t("saveSecretBtn", lang)
             }
@@ -1990,7 +2027,7 @@ function DeviceListCard({ status, revokeDevice, revokeAll, lang }) {
                             gap: "8px"
                           },
                           children: [
-                            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { children: dev.deviceName || (lang === "en" ? "Mobile Device" : "\u79FB\u52A8\u7AEF\u8BBE\u5907") }),
+                            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { children: formatDeviceName(dev.deviceName, lang) }),
                             /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
                               "span",
                               {
@@ -2003,7 +2040,7 @@ function DeviceListCard({ status, revokeDevice, revokeAll, lang }) {
                                   fontWeight: "normal",
                                   whiteSpace: "nowrap"
                                 },
-                                children: dev.authType
+                                children: formatAuthType(dev.authType, lang)
                               }
                             )
                           ]
@@ -2257,18 +2294,15 @@ function SecurityCard({ status, unlockIp, clearIpStats, lang }) {
                             flexWrap: "wrap"
                           },
                           children: [
-                            /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("span", { style: { display: "inline-flex", alignItems: "center", gap: "6px" }, children: [
-                              effectiveDeviceName ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { style: { color: "var(--dsw-alias-label-primary, inherit)" }, children: effectiveDeviceName }) : null,
-                              effectiveDeviceName ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { style: { color: "var(--dsw-alias-label-tertiary, #888)", fontWeight: "normal" }, children: "\xB7" }) : null,
-                              /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { style: { color: effectiveDeviceName ? "var(--dsw-alias-label-secondary, #888)" : "inherit" }, children: ipLabel })
-                            ] }),
+                            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { style: { fontWeight: "600" }, children: stat.deviceName ? `${formatDeviceName(stat.deviceName, lang)} \xB7 ${stat.ip}${isLocal ? lang === "en" ? " (Local)" : " (\u672C\u673A)" : ""}` : `${stat.ip}${isLocal ? lang === "en" ? " (Local)" : " (\u672C\u673A)" : ""}` }),
                             effectiveAuthType ? (() => {
-                              let bg = "rgba(148,163,184,0.15)";
-                              let color = "#94a3b8";
+                              const translatedAuth = formatAuthType(effectiveAuthType, lang);
+                              let bg = "rgba(59,130,246,0.12)";
+                              let color = "#3b82f6";
                               if (effectiveAuthType.indexOf("\u514D\u5BC6") !== -1 || effectiveAuthType.indexOf("Bypass") !== -1) {
                                 bg = "rgba(16,185,129,0.15)";
                                 color = "#10b981";
-                              } else if (effectiveAuthType.indexOf("\u626B\u7801") !== -1 || effectiveAuthType.indexOf("Pairing") !== -1) {
+                              } else if (effectiveAuthType.indexOf("\u626B\u7801") !== -1 || effectiveAuthType.indexOf("Pairing") !== -1 || effectiveAuthType.indexOf("QR") !== -1) {
                                 bg = "rgba(59,130,246,0.15)";
                                 color = "#3b82f6";
                               } else if (effectiveAuthType.indexOf("\u5BC6\u7801") !== -1 || effectiveAuthType.indexOf("Password") !== -1) {
@@ -2287,7 +2321,7 @@ function SecurityCard({ status, unlockIp, clearIpStats, lang }) {
                                     fontWeight: "600",
                                     whiteSpace: "nowrap"
                                   },
-                                  children: effectiveAuthType
+                                  children: translatedAuth
                                 }
                               );
                             })() : null,
@@ -2317,7 +2351,7 @@ function SecurityCard({ status, unlockIp, clearIpStats, lang }) {
                                   fontWeight: "600",
                                   whiteSpace: "nowrap"
                                 },
-                                children: lang === "en" ? `\u26A0\uFE0F ${stat.failedAttempts} failed attempts` : `\u26A0\uFE0F \u66FE\u5931\u8D25 ${stat.failedAttempts} \u6B21`
+                                children: formatFailedAttempts(stat.failedAttempts, lang)
                               }
                             ) : !effectiveAuthType ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
                               "span",
@@ -2834,15 +2868,16 @@ function ConfigCard({
                   disabled: isSaving,
                   style: {
                     padding: "6px 18px",
-                    background: "var(--dsw-alias-brand-primary, #3b82f6)",
+                    background: "#2563eb",
                     border: "none",
-                    color: "white",
+                    color: "#ffffff",
                     borderRadius: "6px",
                     fontSize: "12px",
                     fontWeight: "600",
                     cursor: isSaving ? "not-allowed" : "pointer",
                     opacity: isSaving ? 0.7 : 1,
-                    whiteSpace: "nowrap"
+                    whiteSpace: "nowrap",
+                    boxShadow: "0 2px 6px rgba(37, 99, 235, 0.3)"
                   },
                   children: isSaving ? t("savingConfigBtn", lang) : t("saveConfigBtn", lang)
                 }
@@ -2856,7 +2891,8 @@ function ConfigCard({
 }
 
 // src/client/version.js
-var PLUGIN_VERSION = "v1.1.0";
+var PLUGIN_VERSION = "v1.2.1";
+var BUILD_TIME = "2026-08-23 00:31:17";
 
 // src/client/components/MainSection.jsx
 var import_jsx_runtime8 = require("react/jsx-runtime");
@@ -2892,6 +2928,7 @@ function TailscaleMobileSection(props) {
   const [maxFailedInput, setMaxFailedInput] = (0, import_react8.useState)("5");
   const [lockDurationMinsInput, setLockDurationMinsInput] = (0, import_react8.useState)("15");
   const [isSaving, setIsSaving] = (0, import_react8.useState)(false);
+  const [showVersionTip, setShowVersionTip] = (0, import_react8.useState)(false);
   const [currentLang, setCurrentLang] = (0, import_react8.useState)(resolveLocale(ctx, status));
   const refreshStatusOnly = (0, import_react8.useCallback)(() => {
     fetchStatus().then((data) => {
@@ -3256,18 +3293,63 @@ function TailscaleMobileSection(props) {
                           children: t("title", currentLang)
                         }
                       ),
-                      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
-                        "span",
+                      /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
+                        "div",
                         {
-                          style: {
-                            fontSize: "11px",
-                            padding: "2px 7px",
-                            borderRadius: "10px",
-                            background: "rgba(59,130,246,0.15)",
-                            color: "var(--dsw-alias-brand-primary, #3b82f6)",
-                            fontWeight: "600"
+                          style: { position: "relative", display: "inline-flex", alignItems: "center" },
+                          onMouseEnter: () => setShowVersionTip(true),
+                          onMouseLeave: () => setShowVersionTip(false),
+                          onClick: () => {
+                            setToast({
+                              message: `\u{1F4E6} dsh-remote-mobile ${PLUGIN_VERSION} (${currentLang === "en" ? "Build: " : "\u6784\u5EFA\u65F6\u95F4: "}${BUILD_TIME})`,
+                              type: "info"
+                            });
+                            setTimeout(() => setToast(null), 3e3);
                           },
-                          children: PLUGIN_VERSION
+                          children: [
+                            /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+                              "span",
+                              {
+                                style: {
+                                  fontSize: "11px",
+                                  padding: "2px 7px",
+                                  borderRadius: "10px",
+                                  background: "rgba(59,130,246,0.15)",
+                                  color: "var(--dsw-alias-brand-primary, #3b82f6)",
+                                  fontWeight: "600",
+                                  cursor: "pointer",
+                                  userSelect: "none",
+                                  transition: "all 0.2s ease"
+                                },
+                                children: PLUGIN_VERSION
+                              }
+                            ),
+                            showVersionTip ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+                              "div",
+                              {
+                                style: {
+                                  position: "absolute",
+                                  top: "calc(100% + 6px)",
+                                  left: "50%",
+                                  transform: "translateX(-50%)",
+                                  backgroundColor: "#0f172a",
+                                  color: "#f8fafc",
+                                  padding: "5px 10px",
+                                  borderRadius: "6px",
+                                  fontSize: "11px",
+                                  fontWeight: "500",
+                                  whiteSpace: "nowrap",
+                                  boxShadow: "0 8px 16px rgba(0,0,0,0.3)",
+                                  border: "1px solid rgba(255,255,255,0.15)",
+                                  zIndex: 9999,
+                                  pointerEvents: "none",
+                                  lineHeight: "1.4",
+                                  textAlign: "center"
+                                },
+                                children: `${currentLang === "en" ? "Build: " : "\u6253\u5305\u65F6\u95F4: "}${BUILD_TIME}`
+                              }
+                            ) : null
+                          ]
                         }
                       )
                     ]
@@ -3307,7 +3389,7 @@ function TailscaleMobileSection(props) {
                   },
                   children: [
                     /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("svg", { style: { width: "16px", height: "16px", fill: "currentColor" }, viewBox: "0 0 24 24", children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("path", { d: "M12 0C5.37 0 0 5.37 0 12c0 5.31 3.435 9.795 8.205 11.385.6.105.825-.255.825-.57 0-.285-.015-1.23-.015-2.235-3.015.555-3.795-.735-4.035-1.41-.135-.345-.72-1.41-1.23-1.695-.42-.225-1.02-.78-.015-.795.945-.015 1.62.87 1.845 1.23 1.08 1.815 2.805 1.305 3.495.99.105-.78.42-1.305.765-1.605-2.67-.3-5.46-1.335-5.46-5.925 0-1.305.465-2.385 1.23-3.225-.12-.3-.54-1.53.12-3.18 0 0 1.005-.315 3.3 1.23.96-.27 1.98-.405 3-.405s2.04.135 3 .405c2.295-1.56 3.3-1.23 3.3-1.23.66 1.65.24 2.88.12 3.18.765.84 1.23 1.905 1.23 3.225 0 4.605-2.805 5.625-5.475 5.925.435.375.81 1.095.81 2.22 0 1.605-.015 2.895-.015 3.3 0 .315.225.69.825.57A12.02 12.02 0 0024 12c0-6.63-5.37-12-12-12z" }) }),
-                    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: "IceApriler/dsh-remote-mobile" })
+                    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: "dsh-remote-mobile" })
                   ]
                 }
               )