dsh-remote-mobile 1.1.0

package/lib/client.js

@@ -0,0 +1,3606 @@
+/**
+ * dsh-remote-mobile 客户端运行时 Bundle
+ * 由 scripts/build-client.js 基于 esbuild 自动化编译打包，请勿直接手动修改此文件！
+ * 源码请移步 src/client/ 目录进行模块化开发与维护。
+ */
+window.__ModuleLoader__.load({
+  id: "dsh-remote-mobile",
+  factory: function(require) {
+    var module = { exports: {} };
+    var exports = module.exports;
+
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/client/index.jsx
+var index_exports = {};
+__export(index_exports, {
+  TailscaleMobileSection: () => TailscaleMobileSection,
+  apply: () => apply,
+  default: () => index_default,
+  inject: () => inject
+});
+module.exports = __toCommonJS(index_exports);
+var import_react9 = __toESM(require("react"), 1);
+
+// src/client/components/MainSection.jsx
+var import_react8 = __toESM(require("react"), 1);
+
+// src/client/api.js
+function fetchStatus() {
+  return fetch("/api/remote-mobile/status?_t=" + Date.now()).then(function(res) {
+    return res.json();
+  });
+}
+function generatePairCode() {
+  return fetch("/api/remote-mobile/generate-code", { method: "POST" }).then(function(res) {
+    return res.json();
+  });
+}
+function updateBypassConfig(allowTailscale, allowLan) {
+  return fetch("/api/remote-mobile/update-options", {
+    method: "POST",
+    headers: { "Content-Type": "application/json" },
+    body: JSON.stringify({ allowTailscale, allowLan })
+  }).then(function(res) {
+    return res.json();
+  });
+}
+function updateAdvancedSecurityOptions(payload) {
+  return fetch("/api/remote-mobile/update-options", {
+    method: "POST",
+    headers: { "Content-Type": "application/json" },
+    body: JSON.stringify(payload)
+  }).then(function(res) {
+    return res.json();
+  });
+}
+function updateSecret(secret) {
+  return fetch("/api/remote-mobile/set-secret", {
+    method: "POST",
+    headers: { "Content-Type": "application/json" },
+    body: JSON.stringify({ secret })
+  }).then(function(res) {
+    return res.json();
+  });
+}
+function clearSecretApi() {
+  return fetch("/api/remote-mobile/clear-secret", {
+    method: "POST",
+    headers: { "Content-Type": "application/json" }
+  }).then(function(res) {
+    return res.json();
+  });
+}
+function revokeDeviceApi(token) {
+  return fetch("/api/remote-mobile/revoke-device", {
+    method: "POST",
+    headers: { "Content-Type": "application/json" },
+    body: JSON.stringify({ token })
+  }).then(function(res) {
+    return res.json();
+  });
+}
+function revokeAllDevicesApi() {
+  return fetch("/api/remote-mobile/revoke-all", {
+    method: "POST",
+    headers: { "Content-Type": "application/json" }
+  }).then(function(res) {
+    return res.json();
+  });
+}
+function unlockIpApi(ip) {
+  return fetch("/api/remote-mobile/unlock-ip", {
+    method: "POST",
+    headers: { "Content-Type": "application/json" },
+    body: JSON.stringify({ ip })
+  }).then(function(res) {
+    return res.json();
+  });
+}
+function clearIpStatsApi() {
+  return fetch("/api/remote-mobile/clear-ip-stats", {
+    method: "POST",
+    headers: { "Content-Type": "application/json" }
+  }).then(function(res) {
+    return res.json();
+  });
+}
+
+// src/client/qrcode.js
+var generateQrSvg = (function() {
+  var PAD0 = 236, PAD1 = 17;
+  function QRCodeModel(typeNumber, errorCorrectLevel) {
+    this.typeNumber = typeNumber;
+    this.errorCorrectLevel = errorCorrectLevel;
+    this.modules = null;
+    this.moduleCount = 0;
+    this.dataCache = null;
+    this.dataList = [];
+  }
+  QRCodeModel.prototype = {
+    addData: function(data) {
+      this.dataList.push(new QR8bitByte(data));
+      this.dataCache = null;
+    },
+    isDark: function(row, col) {
+      if (row < 0 || this.moduleCount <= row || col < 0 || this.moduleCount <= col) throw new Error(row + "," + col);
+      return this.modules[row][col];
+    },
+    getModuleCount: function() {
+      return this.moduleCount;
+    },
+    make: function() {
+      if (this.typeNumber < 1) {
+        var typeNumber = 1;
+        for (typeNumber = 1; typeNumber < 40; typeNumber++) {
+          var rsBlocks = QRRSBlock.getRSBlocks(typeNumber, this.errorCorrectLevel);
+          var buffer = new QRBitBuffer();
+          var totalDataCount = 0;
+          for (var i2 = 0; i2 < rsBlocks.length; i2++) totalDataCount += rsBlocks[i2].dataCount;
+          for (var i2 = 0; i2 < this.dataList.length; i2++) {
+            var data = this.dataList[i2];
+            buffer.put(data.mode, 4);
+            buffer.put(data.getLength(), QRUtil.getLengthInBits(data.mode, typeNumber));
+            data.write(buffer);
+          }
+          if (buffer.getLengthInBits() <= totalDataCount * 8) break;
+        }
+        this.typeNumber = typeNumber;
+      }
+      this.makeImpl(false, this.getBestMaskPattern());
+    },
+    makeImpl: function(test, maskPattern) {
+      this.moduleCount = this.typeNumber * 4 + 17;
+      this.modules = new Array(this.moduleCount);
+      for (var row = 0; row < this.moduleCount; row++) {
+        this.modules[row] = new Array(this.moduleCount);
+        for (var col = 0; col < this.moduleCount; col++) this.modules[row][col] = null;
+      }
+      this.setupPositionProbePattern(0, 0);
+      this.setupPositionProbePattern(this.moduleCount - 7, 0);
+      this.setupPositionProbePattern(0, this.moduleCount - 7);
+      this.setupPositionAdjustPattern();
+      this.setupTimingPattern();
+      this.setupTypeInfo(test, maskPattern);
+      if (this.typeNumber >= 7) this.setupTypeNumber(test);
+      if (this.dataCache == null) this.dataCache = QRCodeModel.createData(this.typeNumber, this.errorCorrectLevel, this.dataList);
+      this.mapData(this.dataCache, maskPattern);
+    },
+    setupPositionProbePattern: function(row, col) {
+      for (var r = -1; r <= 7; r++) {
+        if (row + r <= -1 || this.moduleCount <= row + r) continue;
+        for (var c = -1; c <= 7; c++) {
+          if (col + c <= -1 || this.moduleCount <= col + c) continue;
+          if (0 <= r && r <= 6 && (c == 0 || c == 6) || 0 <= c && c <= 6 && (r == 0 || r == 6) || 2 <= r && r <= 4 && 2 <= c && c <= 4) {
+            this.modules[row + r][col + c] = true;
+          } else {
+            this.modules[row + r][col + c] = false;
+          }
+        }
+      }
+    },
+    getBestMaskPattern: function() {
+      var minLostPoint = 0, pattern = 0;
+      for (var i2 = 0; i2 < 8; i2++) {
+        this.makeImpl(true, i2);
+        var lostPoint = QRUtil.getLostPoint(this);
+        if (i2 == 0 || minLostPoint > lostPoint) {
+          minLostPoint = lostPoint;
+          pattern = i2;
+        }
+      }
+      return pattern;
+    },
+    setupTimingPattern: function() {
+      for (var r = 8; r < this.moduleCount - 8; r++) {
+        if (this.modules[r][6] !== null) continue;
+        this.modules[r][6] = r % 2 == 0;
+      }
+      for (var c = 8; c < this.moduleCount - 8; c++) {
+        if (this.modules[6][c] !== null) continue;
+        this.modules[6][c] = c % 2 == 0;
+      }
+    },
+    setupPositionAdjustPattern: function() {
+      var pos = QRUtil.getPatternPosition(this.typeNumber);
+      for (var i2 = 0; i2 < pos.length; i2++) {
+        for (var j = 0; j < pos.length; j++) {
+          var row = pos[i2], col = pos[j];
+          if (this.modules[row][col] !== null) continue;
+          for (var r = -2; r <= 2; r++) {
+            for (var c = -2; c <= 2; c++) {
+              if (r == -2 || r == 2 || c == -2 || c == 2 || r == 0 && c == 0) this.modules[row + r][col + c] = true;
+              else this.modules[row + r][col + c] = false;
+            }
+          }
+        }
+      }
+    },
+    setupTypeNumber: function(test) {
+      var bits = QRUtil.getBCHTypeNumber(this.typeNumber);
+      for (var i2 = 0; i2 < 18; i2++) {
+        var mod = !test && (bits >> i2 & 1) == 1;
+        this.modules[Math.floor(i2 / 3)][i2 % 3 + this.moduleCount - 8 - 3] = mod;
+        this.modules[i2 % 3 + this.moduleCount - 8 - 3][Math.floor(i2 / 3)] = mod;
+      }
+    },
+    setupTypeInfo: function(test, maskPattern) {
+      var data = this.errorCorrectLevel << 3 | maskPattern;
+      var bits = QRUtil.getBCHTypeInfo(data);
+      for (var i2 = 0; i2 < 15; i2++) {
+        var mod = !test && (bits >> i2 & 1) == 1;
+        if (i2 < 6) this.modules[i2][8] = mod;
+        else if (i2 < 8) this.modules[i2 + 1][8] = mod;
+        else this.modules[this.moduleCount - 15 + i2][8] = mod;
+        if (i2 < 8) this.modules[8][this.moduleCount - i2 - 1] = mod;
+        else if (i2 < 9) this.modules[8][15 - i2 - 1 + 1] = mod;
+        else this.modules[8][15 - i2 - 1] = mod;
+      }
+      this.modules[this.moduleCount - 8][8] = !test;
+    },
+    mapData: function(data, maskPattern) {
+      var inc = -1, row = this.moduleCount - 1, bitIndex = 7, byteIndex = 0;
+      for (var col = this.moduleCount - 1; col > 0; col -= 2) {
+        if (col == 6) col--;
+        while (true) {
+          for (var c = 0; c < 2; c++) {
+            if (this.modules[row][col - c] === null) {
+              var dark = false;
+              if (byteIndex < data.length) dark = (data[byteIndex] >>> bitIndex & 1) == 1;
+              var mask = QRUtil.getMask(maskPattern, row, col - c);
+              if (mask) dark = !dark;
+              this.modules[row][col - c] = dark;
+              bitIndex--;
+              if (bitIndex == -1) {
+                byteIndex++;
+                bitIndex = 7;
+              }
+            }
+          }
+          row += inc;
+          if (row < 0 || this.moduleCount <= row) {
+            row -= inc;
+            inc = -inc;
+            break;
+          }
+        }
+      }
+    }
+  };
+  QRCodeModel.createData = function(typeNumber, errorCorrectLevel, dataList) {
+    var rsBlocks = QRRSBlock.getRSBlocks(typeNumber, errorCorrectLevel);
+    var buffer = new QRBitBuffer();
+    for (var i2 = 0; i2 < dataList.length; i2++) {
+      var data = dataList[i2];
+      buffer.put(data.mode, 4);
+      buffer.put(data.getLength(), QRUtil.getLengthInBits(data.mode, typeNumber));
+      data.write(buffer);
+    }
+    var totalDataCount = 0;
+    for (var i2 = 0; i2 < rsBlocks.length; i2++) totalDataCount += rsBlocks[i2].dataCount;
+    if (buffer.getLengthInBits() > totalDataCount * 8) throw new Error("code length overflow");
+    if (buffer.getLengthInBits() + 4 <= totalDataCount * 8) buffer.put(0, 4);
+    while (buffer.getLengthInBits() % 8 != 0) buffer.putBit(false);
+    while (true) {
+      if (buffer.getLengthInBits() >= totalDataCount * 8) break;
+      buffer.put(PAD0, 8);
+      if (buffer.getLengthInBits() >= totalDataCount * 8) break;
+      buffer.put(PAD1, 8);
+    }
+    return QRCodeModel.createBytes(buffer, rsBlocks);
+  };
+  QRCodeModel.createBytes = function(buffer, rsBlocks) {
+    var offset = 0, maxDcCount = 0, maxEcCount = 0;
+    var dcdata = new Array(rsBlocks.length), ecdata = new Array(rsBlocks.length);
+    for (var r = 0; r < rsBlocks.length; r++) {
+      var dcCount = rsBlocks[r].dataCount, ecCount = rsBlocks[r].totalCount - dcCount;
+      maxDcCount = Math.max(maxDcCount, dcCount);
+      maxEcCount = Math.max(maxEcCount, ecCount);
+      dcdata[r] = new Array(dcCount);
+      for (var i2 = 0; i2 < dcdata[r].length; i2++) dcdata[r][i2] = 255 & buffer.buffer[i2 + offset];
+      offset += dcCount;
+      var rsPoly = QRUtil.getErrorCorrectPolynomial(ecCount);
+      var rawPoly = new QRPolynomial(dcdata[r], rsPoly.getLength() - 1);
+      var modPoly = rawPoly.mod(rsPoly);
+      ecdata[r] = new Array(rsPoly.getLength() - 1);
+      for (var i2 = 0; i2 < ecdata[r].length; i2++) {
+        var modIndex = i2 + modPoly.getLength() - ecdata[r].length;
+        ecdata[r][i2] = modIndex >= 0 ? modPoly.get(modIndex) : 0;
+      }
+    }
+    var totalCodeCount = 0;
+    for (var i2 = 0; i2 < rsBlocks.length; i2++) totalCodeCount += rsBlocks[i2].totalCount;
+    var data = new Array(totalCodeCount), index = 0;
+    for (var i2 = 0; i2 < maxDcCount; i2++) {
+      for (var r = 0; r < rsBlocks.length; r++) {
+        if (i2 < dcdata[r].length) data[index++] = dcdata[r][i2];
+      }
+    }
+    for (var i2 = 0; i2 < maxEcCount; i2++) {
+      for (var r = 0; r < rsBlocks.length; r++) {
+        if (i2 < ecdata[r].length) data[index++] = ecdata[r][i2];
+      }
+    }
+    return data;
+  };
+  function QR8bitByte(data) {
+    this.mode = 4;
+    this.data = data;
+    this.parsedData = [];
+    for (var i2 = 0, l = this.data.length; i2 < l; i2++) {
+      var byteArray = [], code = this.data.charCodeAt(i2);
+      if (code > 65536) {
+        byteArray[0] = 240 | (code & 1835008) >>> 18;
+        byteArray[1] = 128 | (code & 258048) >>> 12;
+        byteArray[2] = 128 | (code & 4032) >>> 6;
+        byteArray[3] = 128 | code & 63;
+      } else if (code > 2048) {
+        byteArray[0] = 224 | (code & 61440) >>> 12;
+        byteArray[1] = 128 | (code & 4032) >>> 6;
+        byteArray[2] = 128 | code & 63;
+      } else if (code > 127) {
+        byteArray[0] = 192 | (code & 1984) >>> 6;
+        byteArray[1] = 128 | code & 63;
+      } else {
+        byteArray[0] = code;
+      }
+      this.parsedData.push(byteArray);
+    }
+    this.parsedData = Array.prototype.concat.apply([], this.parsedData);
+    if (this.parsedData.length != this.data.length) this.parsedData.unshift(191, 187, 239);
+  }
+  QR8bitByte.prototype = {
+    getLength: function() {
+      return this.parsedData.length;
+    },
+    write: function(buffer) {
+      for (var i2 = 0, l = this.parsedData.length; i2 < l; i2++) buffer.put(this.parsedData[i2], 8);
+    }
+  };
+  var QRUtil = {
+    PATTERN_POSITION_TABLE: [
+      [],
+      [6, 18],
+      [6, 22],
+      [6, 26],
+      [6, 30],
+      [6, 34],
+      [6, 22, 38],
+      [6, 24, 42],
+      [6, 26, 46],
+      [6, 28, 50],
+      [6, 30, 54],
+      [6, 32, 58],
+      [6, 34, 62],
+      [6, 26, 46, 66],
+      [6, 26, 48, 70],
+      [6, 26, 50, 74],
+      [6, 30, 54, 78],
+      [6, 30, 56, 82],
+      [6, 30, 58, 86],
+      [6, 34, 62, 90],
+      [6, 28, 50, 72, 94],
+      [6, 26, 50, 74, 98],
+      [6, 30, 54, 78, 102],
+      [6, 28, 54, 80, 106],
+      [6, 32, 58, 84, 110],
+      [6, 30, 58, 86, 114],
+      [6, 34, 62, 90, 118],
+      [6, 26, 50, 74, 98, 122],
+      [6, 30, 54, 78, 102, 126],
+      [6, 26, 52, 78, 104, 130],
+      [6, 30, 56, 82, 108, 134],
+      [6, 34, 60, 86, 112, 138],
+      [6, 30, 58, 86, 114, 142],
+      [6, 34, 62, 90, 118, 146],
+      [6, 30, 54, 78, 102, 126, 150],
+      [6, 24, 50, 76, 102, 128, 154],
+      [6, 28, 54, 80, 106, 132, 158],
+      [6, 32, 58, 84, 110, 136, 162],
+      [6, 26, 54, 82, 110, 138, 166],
+      [6, 30, 58, 86, 114, 142, 170]
+    ],
+    G15: 1 << 10 | 1 << 8 | 1 << 5 | 1 << 4 | 1 << 2 | 1 << 1 | 1 << 0,
+    G18: 1 << 12 | 1 << 11 | 1 << 10 | 1 << 9 | 1 << 8 | 1 << 5 | 1 << 2 | 1 << 0,
+    G15_MASK: 1 << 14 | 1 << 12 | 1 << 10 | 1 << 4 | 1 << 1,
+    getBCHTypeInfo: function(data) {
+      var d = data << 10;
+      while (QRUtil.getBCHDigit(d) - QRUtil.getBCHDigit(QRUtil.G15) >= 0) {
+        d ^= QRUtil.G15 << QRUtil.getBCHDigit(d) - QRUtil.getBCHDigit(QRUtil.G15);
+      }
+      return (data << 10 | d) ^ QRUtil.G15_MASK;
+    },
+    getBCHTypeNumber: function(data) {
+      var d = data << 12;
+      while (QRUtil.getBCHDigit(d) - QRUtil.getBCHDigit(QRUtil.G18) >= 0) {
+        d ^= QRUtil.G18 << QRUtil.getBCHDigit(d) - QRUtil.getBCHDigit(QRUtil.G18);
+      }
+      return data << 12 | d;
+    },
+    getBCHDigit: function(data) {
+      var digit = 0;
+      while (data != 0) {
+        digit++;
+        data >>>= 1;
+      }
+      return digit;
+    },
+    getPatternPosition: function(typeNumber) {
+      return QRUtil.PATTERN_POSITION_TABLE[typeNumber - 1];
+    },
+    getMask: function(maskPattern, i2, j) {
+      switch (maskPattern) {
+        case 0:
+          return (i2 + j) % 2 == 0;
+        case 1:
+          return i2 % 2 == 0;
+        case 2:
+          return j % 3 == 0;
+        case 3:
+          return (i2 + j) % 3 == 0;
+        case 4:
+          return (Math.floor(i2 / 2) + Math.floor(j / 3)) % 2 == 0;
+        case 5:
+          return i2 * j % 2 + i2 * j % 3 == 0;
+        case 6:
+          return (i2 * j % 2 + i2 * j % 3) % 2 == 0;
+        case 7:
+          return (i2 * j % 3 + (i2 + j) % 2) % 2 == 0;
+        default:
+          throw new Error("bad maskPattern:" + maskPattern);
+      }
+    },
+    getErrorCorrectPolynomial: function(errorCorrectLength) {
+      var a = new QRPolynomial([1], 0);
+      for (var i2 = 0; i2 < errorCorrectLength; i2++) a = a.multiply(new QRPolynomial([1, QRMath.gexp(i2)], 0));
+      return a;
+    },
+    getLengthInBits: function(mode, type) {
+      if (1 <= type && type < 10) return 8;
+      else if (type < 27) return 16;
+      else if (type < 41) return 16;
+      else throw new Error("type:" + type);
+    },
+    getLostPoint: function(qrCode) {
+      var moduleCount = qrCode.getModuleCount(), lostPoint = 0;
+      for (var row = 0; row < moduleCount; row++) {
+        for (var col = 0; col < moduleCount; col++) {
+          var sameCount = 0, dark = qrCode.isDark(row, col);
+          for (var r = -1; r <= 1; r++) {
+            if (row + r < 0 || moduleCount <= row + r) continue;
+            for (var c = -1; c <= 1; c++) {
+              if (col + c < 0 || moduleCount <= col + c) continue;
+              if (r == 0 && c == 0) continue;
+              if (dark == qrCode.isDark(row + r, col + c)) sameCount++;
+            }
+          }
+          if (sameCount > 5) lostPoint += 3 + sameCount - 5;
+        }
+      }
+      return lostPoint;
+    }
+  };
+  var QRMath = {
+    glog: function(n) {
+      if (n < 1) throw new Error("glog(" + n + ")");
+      return QRMath.LOG_TABLE[n];
+    },
+    gexp: function(n) {
+      while (n < 0) n += 255;
+      while (n >= 256) n -= 255;
+      return QRMath.EXP_TABLE[n];
+    },
+    EXP_TABLE: new Array(256),
+    LOG_TABLE: new Array(256)
+  };
+  for (var i = 0; i < 8; i++) QRMath.EXP_TABLE[i] = 1 << i;
+  for (var i = 8; i < 256; i++) QRMath.EXP_TABLE[i] = QRMath.EXP_TABLE[i - 4] ^ QRMath.EXP_TABLE[i - 5] ^ QRMath.EXP_TABLE[i - 6] ^ QRMath.EXP_TABLE[i - 8];
+  for (var i = 0; i < 255; i++) QRMath.LOG_TABLE[QRMath.EXP_TABLE[i]] = i;
+  function QRPolynomial(num, shift) {
+    if (num.length == void 0) throw new Error(num.length + "/" + shift);
+    var offset = 0;
+    while (offset < num.length && num[offset] == 0) offset++;
+    this.num = new Array(num.length - offset + shift);
+    for (var i2 = 0; i2 < num.length - offset; i2++) this.num[i2] = num[i2 + offset];
+  }
+  QRPolynomial.prototype = {
+    get: function(index) {
+      return this.num[index];
+    },
+    getLength: function() {
+      return this.num.length;
+    },
+    multiply: function(e) {
+      var num = new Array(this.getLength() + e.getLength() - 1);
+      for (var i2 = 0; i2 < this.getLength(); i2++) {
+        for (var j = 0; j < e.getLength(); j++) num[i2 + j] ^= QRMath.gexp(QRMath.glog(this.get(i2)) + QRMath.glog(e.get(j)));
+      }
+      return new QRPolynomial(num, 0);
+    },
+    mod: function(e) {
+      if (this.getLength() - e.getLength() < 0) return this;
+      var ratio = QRMath.glog(this.get(0)) - QRMath.glog(e.get(0));
+      var num = new Array(this.getLength());
+      for (var i2 = 0; i2 < this.getLength(); i2++) num[i2] = this.get(i2);
+      for (var i2 = 0; i2 < e.getLength(); i2++) num[i2] ^= QRMath.gexp(QRMath.glog(e.get(i2)) + ratio);
+      return new QRPolynomial(num, 0).mod(e);
+    }
+  };
+  function QRRSBlock(totalCount, dataCount) {
+    this.totalCount = totalCount;
+    this.dataCount = dataCount;
+  }
+  QRRSBlock.RS_BLOCK_TABLE = [
+    [1, 26, 19],
+    [1, 26, 16],
+    [1, 26, 13],
+    [1, 26, 9],
+    [1, 44, 34],
+    [1, 44, 28],
+    [1, 44, 22],
+    [1, 44, 16],
+    [1, 70, 55],
+    [1, 70, 44],
+    [2, 35, 17],
+    [2, 35, 13],
+    [1, 100, 80],
+    [2, 50, 32],
+    [2, 50, 24],
+    [4, 25, 9]
+  ];
+  QRRSBlock.getRSBlocks = function(typeNumber, errorCorrectLevel) {
+    var rsBlock = QRRSBlock.getRsBlockTable(typeNumber, errorCorrectLevel);
+    if (rsBlock == void 0) throw new Error("bad rs block @ typeNumber:" + typeNumber + "/errorCorrectLevel:" + errorCorrectLevel);
+    var length = rsBlock.length / 3, list = [];
+    for (var i2 = 0; i2 < length; i2++) {
+      var count = rsBlock[i2 * 3 + 0], totalCount = rsBlock[i2 * 3 + 1], dataCount = rsBlock[i2 * 3 + 2];
+      for (var j = 0; j < count; j++) list.push(new QRRSBlock(totalCount, dataCount));
+    }
+    return list;
+  };
+  QRRSBlock.getRsBlockTable = function(typeNumber, errorCorrectLevel) {
+    switch (errorCorrectLevel) {
+      case 1:
+        return QRRSBlock.RS_BLOCK_TABLE[(typeNumber - 1) * 4 + 0];
+      case 0:
+        return QRRSBlock.RS_BLOCK_TABLE[(typeNumber - 1) * 4 + 1];
+      case 3:
+        return QRRSBlock.RS_BLOCK_TABLE[(typeNumber - 1) * 4 + 2];
+      case 2:
+        return QRRSBlock.RS_BLOCK_TABLE[(typeNumber - 1) * 4 + 3];
+      default:
+        return void 0;
+    }
+  };
+  function QRBitBuffer() {
+    this.buffer = [];
+    this.length = 0;
+  }
+  QRBitBuffer.prototype = {
+    get: function(index) {
+      return (this.buffer[Math.floor(index / 8)] >>> 7 - index % 8 & 1) == 1;
+    },
+    put: function(num, length) {
+      for (var i2 = 0; i2 < length; i2++) this.putBit((num >>> length - i2 - 1 & 1) == 1);
+    },
+    getLengthInBits: function() {
+      return this.length;
+    },
+    putBit: function(bit) {
+      var bufIndex = Math.floor(this.length / 8);
+      if (this.buffer.length <= bufIndex) this.buffer.push(0);
+      if (bit) this.buffer[bufIndex] |= 128 >>> this.length % 8;
+      this.length++;
+    }
+  };
+  return function(text, size) {
+    size = size || 180;
+    var qr = new QRCodeModel(0, 1);
+    qr.addData(text);
+    qr.make();
+    var count = qr.getModuleCount();
+    var margin = 2;
+    var total = count + margin * 2;
+    var cellSize = size / total;
+    var svg = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 ' + size + " " + size + '" width="' + size + '" height="' + size + '" style="border-radius:12px;background:#ffffff;">';
+    svg += '<rect width="100%" height="100%" fill="#ffffff"/>';
+    svg += '<g fill="#0f172a">';
+    for (var r = 0; r < count; r++) {
+      for (var c = 0; c < count; c++) {
+        if (qr.isDark(r, c)) {
+          var x = ((c + margin) * cellSize).toFixed(2);
+          var y = ((r + margin) * cellSize).toFixed(2);
+          var w = (cellSize + 0.3).toFixed(2);
+          svg += '<rect x="' + x + '" y="' + y + '" width="' + w + '" height="' + w + '"/>';
+        }
+      }
+    }
+    svg += "</g></svg>";
+    return svg;
+  };
+})();
+
+// src/client/components/NetworkCard.jsx
+var import_react = __toESM(require("react"), 1);
+
+// src/client/i18n.js
+var translations = {
+  zh: {
+    // 主面板
+    title: "\u8FDC\u7A0B\u4E0E\u79FB\u52A8\u7AEF",
+    subtitle: "\u652F\u6301 Tailscale \u865A\u62DF\u79C1\u7F51\u4E0E\u672C\u5730\u5C40\u57DF\u7F51 (Wi-Fi) \u63A5\u5165\uFF0C\u63D0\u4F9B\u626B\u7801\u5FEB\u901F\u914D\u5BF9\u4E0E\u957F\u671F\u8BBF\u95EE\u5BC6\u7801\u3002",
+    // 卡片 1: 网络与直连
+    netCardTitle: "\u7F51\u7EDC\u63A5\u5165\u5730\u5740\u4E0E\u514D\u5BC6\u76F4\u8FDE\u7BA1\u7406",
+    netCardDesc: "\u5728\u624B\u673A\u6D4F\u89C8\u5668\u4E2D\u76F4\u63A5\u8F93\u5165\u4E0B\u5217\u5730\u5740\uFF0C\u6216\u901A\u8FC7\u4E0B\u65B9\u4E8C\u7EF4\u7801\u626B\u7801\u914D\u5BF9\u3002\u82E5\u60A8\u5904\u4E8E\u53EF\u4FE1\u5B89\u5168\u7F51\u7EDC\u73AF\u5883\u4E2D\uFF0C\u53EF\u5F00\u542F\u514D\u5BC6\u76F4\u8FDE\u529F\u80FD\u3002",
+    tailscaleSectionTitle: "Tailscale \u865A\u62DF\u79C1\u7F51\u63A5\u5165 (\u63A8\u8350)",
+    tailscaleBadge: "Tailscale IP",
+    tailscaleNotConnected: "\u672A\u68C0\u6D4B\u5230 Tailscale \u865A\u62DF\u79C1\u7F51 IP",
+    tailscaleGuide: "\u8BF7\u786E\u4FDD\u672C\u673A\u5DF2\u5B89\u88C5\u5E76\u767B\u5F55 Tailscale\u3002\u901A\u8FC7\u865A\u62DF\u79C1\u7F51\u8BBF\u95EE\u65E2\u5B89\u5168\u53C8\u65E0\u9700\u516C\u7F51\u6620\u5C04\u3002",
+    lanSectionTitle: "\u672C\u5730\u5C40\u57DF\u7F51\u63A5\u5165 (LAN / Wi-Fi)",
+    lanBadge: "\u5C40\u57DF\u7F51 IP",
+    lanNotConnected: "\u672A\u68C0\u6D4B\u5230\u53EF\u7528\u7684\u672C\u5730\u5C40\u57DF\u7F51 IP",
+    copyUrlBtn: "\u{1F4CB} \u590D\u5236\u94FE\u63A5",
+    copiedTip: "\u5DF2\u6210\u529F\u590D\u5236\u94FE\u63A5\u5230\u526A\u8D34\u677F\uFF01",
+    directBypassToggle: "\u514D\u5BC6\u76F4\u8FDE\u6A21\u5F0F (\u76F4\u8FBE\u9875\u9762)",
+    directBypassOn: "\u5DF2\u5F00\u542F\u514D\u5BC6\u76F4\u8FDE",
+    directBypassOff: "\u5DF2\u5173\u95ED\u514D\u5BC6\u76F4\u8FDE",
+    tailscaleBypassDesc: "\u5F00\u542F\u540E\uFF0C\u6240\u6709\u901A\u8FC7 Tailscale \u79C1\u7F51\u8BBF\u95EE\u7684\u8BBE\u5907\u65E0\u9700\u8F93\u5165\u5BC6\u7801\u6216\u914D\u5BF9\u7801\u5373\u53EF\u76F4\u63A5\u8FDB\u5165\u63A7\u5236\u53F0\uFF08\u63A8\u8350\u5728\u4E2A\u4EBA Tailnet \u79C1\u7F51\u4E2D\u5F00\u542F\uFF09\u3002",
+    lanBypassWarningTitle: "\u{1F6A8} \u6781\u9AD8\u98CE\u9669\u8B66\u793A\uFF1A\u5C40\u57DF\u7F51\u514D\u5BC6\u63A7\u5236\u98CE\u9669",
+    lanBypassDesc: "\u5F00\u542F\u5C40\u57DF\u7F51\u514D\u5BC6\u540E\uFF0C\u8FDE\u63A5\u540C\u4E00 Wi-Fi \u8DEF\u7531\u5668\u7684\u4EFB\u610F\u8BBE\u5907\uFF08\u5305\u62EC\u5BB6\u5EAD\u8BBF\u5BA2\u3001\u516C\u5171\u8E6D\u7F51\u8005\uFF09\u5747\u65E0\u9700\u5BC6\u7801\u5373\u53EF\u76F4\u63A5\u63A7\u5236\u548C\u6267\u884C\u672C\u670D\u52A1\uFF01\u5F3A\u70C8\u5EFA\u8BAE\u4EC5\u5728\u5B8C\u5168\u79C1\u6709\u53EF\u4FE1\u7684\u7F51\u7EDC\u4E2D\u8C28\u614E\u5F00\u542F\u3002",
+    lanBypassConfirm: "\u3010\u{1F6A8} \u6781\u9AD8\u5B89\u5168\u98CE\u9669\u64CD\u4F5C\u786E\u8BA4\u3011\n\n\u786E\u5B9A\u8981\u5F00\u542F\u300C\u5C40\u57DF\u7F51\u514D\u5BC6\u76F4\u8FDE\u300D\u5417\uFF1F\n\n\u26A0\uFE0F \u5F00\u542F\u540E\u679C\uFF1A\n\u540C\u4E00 Wi-Fi \u4E0B\u7684\u4EFB\u4F55\u5176\u4ED6\u8BBE\u5907\uFF08\u624B\u673A/\u7535\u8111/\u8BBF\u5BA2\u8BBE\u5907\uFF09\u65E0\u9700\u8F93\u5165\u4EFB\u4F55\u5BC6\u7801\u6216\u914D\u5BF9\u7801\uFF0C\u5C31\u80FD\u76F4\u63A5\u63A5\u7BA1\u5E76\u63A7\u5236\u60A8\u7684 DSH \u5DE5\u4F5C\u533A\u4E0E\u7EC8\u7AEF\u670D\u52A1\uFF01\n\n\u8BF7\u52A1\u5FC5\u786E\u8BA4\u60A8\u5F53\u524D\u8FDE\u63A5\u7684\u662F\u5B8C\u5168\u53EF\u4FE1\u7684\u5BB6\u5EAD\u79C1\u6709 Wi-Fi\uFF0C\u5207\u52FF\u5728\u516C\u5171\u7F51\u7EDC\uFF08\u5496\u5561\u5385/\u9152\u5E97/\u516C\u53F8 Wi-Fi\uFF09\u4E2D\u5F00\u542F\uFF01",
+    // 卡片 2: 配对码与二维码
+    pairingCardTitle: "\u624B\u673A\u5FEB\u901F\u914D\u5BF9\u4E0E\u626B\u7801\u63A5\u5165",
+    pairingCardDesc: "\u624B\u673A\u4E0E\u7535\u8111\u8FDE\u63A5\u540C\u4E00\u7F51\u7EDC\u540E\uFF0C\u4F7F\u7528\u624B\u673A\u5FAE\u4FE1\u6216\u76F8\u673A\u76F4\u63A5\u626B\u63CF\u4E0B\u65B9\u4E8C\u7EF4\u7801\uFF0C\u6216\u624B\u52A8\u8F93\u5165 6 \u4F4D\u77ED\u671F\u914D\u5BF9\u7801\u5373\u53EF\u5FEB\u901F\u5B8C\u6210\u8EAB\u4EFD\u6388\u6743\u4E0E\u8BBE\u5907\u7ED1\u5B9A\u3002",
+    shortCodeTitle: "6 \u4F4D\u77ED\u671F\u52A8\u6001\u914D\u5BF9\u7801",
+    codeValidUntil: "\u6709\u6548\u671F\u5269\u4F59\uFF1A",
+    codeExpired: "\u914D\u5BF9\u7801\u5DF2\u8FC7\u671F\uFF0C\u8BF7\u70B9\u51FB\u5237\u65B0\u91CD\u65B0\u751F\u6210",
+    clickToReveal: "\u70B9\u51FB\u67E5\u770B 6 \u4F4D\u914D\u5BF9\u7801",
+    clickToHide: "\u70B9\u51FB\u9690\u85CF",
+    refreshCodeBtn: "\u{1F504} \u5237\u65B0\u914D\u5BF9\u7801",
+    qrTitle: "\u626B\u7801\u514D\u8F93\u5BC6\u7801\u76F4\u8FDE",
+    toggleQrShow: "\u663E\u793A\u914D\u5BF9\u4E8C\u7EF4\u7801",
+    toggleQrHide: "\u6536\u8D77\u4E8C\u7EF4\u7801",
+    switchTailscaleTab: "Tailscale \u626B\u7801",
+    switchLanTab: "\u5C40\u57DF\u7F51 (Wi-Fi) \u626B\u7801",
+    copyDirectAuthLink: "\u{1F4CB} \u590D\u5236\u5E26\u914D\u5BF9\u7801\u76F4\u94FE",
+    // 卡片 3: 长期密码
+    secretCardTitle: "\u8BBE\u7F6E\u957F\u671F\u8BBF\u95EE\u5BC6\u7801 (\u53EF\u9009)",
+    secretCardDesc: "\u5982\u679C\u4E0D\u5E0C\u671B\u6BCF\u6B21\u4F7F\u7528 6 \u4F4D\u77ED\u671F\u914D\u5BF9\u7801\uFF0C\u53EF\u5728\u6B64\u8BBE\u7F6E\u4E00\u4E2A\u56FA\u5B9A\u5BC6\u7801\u3002\u5728\u624B\u673A\u7AEF\u8F93\u5165\u6B64\u5BC6\u7801\u4E5F\u53EF\u5B8C\u6210\u9A8C\u8BC1\u5E76\u6362\u53D6\u6301\u4E45\u6388\u6743\u3002",
+    secretConfigured: "\u2705 \u5F53\u524D\u5DF2\u914D\u7F6E\u957F\u671F\u8BBF\u95EE\u5BC6\u7801 (\u5DF2\u5B89\u5168\u52A0\u76D0\u52A0\u5BC6\u843D\u76D8\u5B58\u50A8)",
+    secretNotConfigured: "\u26AA \u5F53\u524D\u672A\u914D\u7F6E\u957F\u671F\u8BBF\u95EE\u5BC6\u7801 (\u4EC5\u80FD\u901A\u8FC7\u4E34\u65F6\u914D\u5BF9\u7801\u6388\u6743)",
+    secretInputPlaceholder: "\u8BF7\u8F93\u5165 6 \u4F4D\u4EE5\u4E0A\u5B57\u6BCD\u4E0E\u6570\u5B57\u7EC4\u5408\u5BC6\u7801",
+    secretInputLabel: "\u957F\u671F\u5BC6\u7801\uFF1A",
+    showPassword: "\u{1F441}\uFE0F \u663E\u793A\u5BC6\u7801",
+    hidePassword: "\u{1F648} \u9690\u85CF\u5BC6\u7801",
+    saveSecretBtn: "\u{1F4BE} \u4FDD\u5B58\u5BC6\u7801",
+    clearSecretBtn: "\u{1F5D1}\uFE0F \u6E05\u9664\u5BC6\u7801",
+    secretWeakTip: "\u5BC6\u7801\u5FC5\u987B\u81F3\u5C11 6 \u4F4D\uFF0C\u4E14\u540C\u65F6\u5305\u542B\u5B57\u6BCD\u548C\u6570\u5B57",
+    clearSecretConfirm: "\u786E\u5B9A\u8981\u6E05\u9664\u5DF2\u8BBE\u7F6E\u7684\u957F\u671F\u5BC6\u7801\u5417\uFF1F\u6E05\u9664\u540E\u5C06\u65E0\u6CD5\u518D\u4F7F\u7528\u56FA\u5B9A\u5BC6\u7801\u767B\u5F55\u3002",
+    // 卡片 4: 设备列表
+    deviceCardTitle: "\u5DF2\u6388\u6743\u63A5\u5165\u8BBE\u5907\u5217\u8868",
+    deviceCardDesc: "\u6240\u6709\u5DF2\u901A\u8FC7\u77ED\u671F\u914D\u5BF9\u7801\u3001\u957F\u671F\u5BC6\u7801\u6216\u514D\u5BC6\u76F4\u8FDE\u6210\u529F\u63A5\u5165\u7684\u79FB\u52A8\u8BBE\u5907\u3002\u60A8\u53EF\u4EE5\u968F\u65F6\u64A4\u9500\u5355\u4E2A\u8BBE\u5907\uFF0C\u6216\u4E00\u952E\u6CE8\u9500\u5168\u90E8\u8BBE\u5907\u3002",
+    authDevicesCount: "\u53F0\u8BBE\u5907\u5DF2\u6388\u6743",
+    revokeAllBtn: "\u{1F5D1}\uFE0F \u4E00\u952E\u6CE8\u9500\u6240\u6709\u8BBE\u5907",
+    revokeAllConfirm: "\u786E\u5B9A\u8981\u64A4\u9500\u5E76\u8E22\u4E0B\u7EBF\u6240\u6709\u5DF2\u6388\u6743\u7684\u8BBE\u5907\u5417\uFF1F",
+    noDevices: "\u6682\u65E0\u5DF2\u6388\u6743\u8BBE\u5907\uFF0C\u4F7F\u7528\u624B\u673A\u626B\u7801\u914D\u5BF9\u540E\u5C06\u5728\u6B64\u81EA\u52A8\u5217\u51FA\u3002",
+    deviceOnlineNow: "\u5728\u7EBF",
+    deviceOffline: "\u79BB\u7EBF",
+    deviceBypassLabel: "\u514D\u5BC6\u76F4\u8FDE",
+    devicePasscodeLabel: "\u914D\u5BF9\u7801\u6388\u6743",
+    deviceSecretLabel: "\u957F\u671F\u5BC6\u7801",
+    deviceFirstSeen: "\u9996\u6B21\u6388\u6743\uFF1A",
+    deviceLastSeen: "\u6700\u8FD1\u6D3B\u8DC3\uFF1A",
+    revokeDeviceBtn: "\u8E22\u4E0B\u7EBF",
+    revokeDeviceConfirm: "\u786E\u5B9A\u8981\u64A4\u9500\u8FD9\u53F0\u8BBE\u5907\u7684\u8BBF\u95EE\u6743\u9650\u5417\uFF1F",
+    // 卡片 5: 防暴力破解与审计
+    securityCardTitle: "\u9632\u66B4\u529B\u7834\u89E3\u4E0E IP \u5B89\u5168\u5BA1\u8BA1",
+    securityCardDesc: "\u5B9E\u65F6\u76D1\u63A7\u6240\u6709\u5916\u90E8\u8BBF\u95EE IP \u7684\u8BF7\u6C42\u9891\u7387\u4E0E\u8BA4\u8BC1\u5931\u8D25\u6B21\u6570\u3002\u8FDE\u7EED\u8F93\u9519 5 \u6B21\u5C06\u81EA\u52A8\u9501\u5B9A IP\uFF0C\u9632\u6B62\u5BC6\u7801\u88AB\u6076\u610F\u66B4\u529B\u679A\u4E3E\u3002",
+    securityNormal: "\u2705 \u6240\u6709\u5916\u90E8\u8BBF\u95EE IP \u72B6\u6001\u6B63\u5E38\uFF0C\u672A\u68C0\u6D4B\u5230\u66B4\u529B\u7834\u89E3\u6216\u5F02\u5E38\u7206\u7834\u98CE\u9669\u3002",
+    unlockIpBtn: "\u{1F513} \u89E3\u9664\u9501\u5B9A",
+    unlockIpConfirm: "\u786E\u5B9A\u8981\u4E3A IP {ip} \u89E3\u9664\u5C01\u9501\u5417\uFF1F",
+    clearSecurityLogBtn: "\u{1F5D1}\uFE0F \u6E05\u7A7A\u5BA1\u8BA1\u65E5\u5FD7",
+    clearSecurityLogConfirm: "\u786E\u5B9A\u8981\u6E05\u7A7A\u6240\u6709 IP \u8BBF\u95EE\u4E0E\u5B89\u5168\u5BA1\u8BA1\u65E5\u5FD7\u5417\uFF1F",
+    thIp: "\u8BBF\u95EE\u6765\u6E90 IP",
+    thStatus: "\u5F53\u524D\u72B6\u6001",
+    thFailed: "\u5931\u8D25/\u603B\u6B21\u6570",
+    thLastSeen: "\u6700\u8FD1\u8BBF\u95EE",
+    thAction: "\u64CD\u4F5C",
+    statusLocked: "\u{1F6AB} \u5DF2\u88AB\u9501\u5B9A",
+    statusNormal: "\u{1F7E2} \u6B63\u5E38",
+    // 卡片 6: 本地存储说明
+    storageCardTitle: "\u672C\u5730\u6570\u636E\u4E0E\u5BC6\u94A5\u6301\u4E45\u5316\u5B58\u50A8\u8BF4\u660E",
+    storageCardDesc: "\u6240\u6709\u654F\u611F\u51ED\u8BC1\u5747\u5728\u672C\u5730\u7ECF\u8FC7\u52A0\u76D0\u54C8\u5E0C\u6216\u975E\u5BF9\u79F0\u52A0\u5BC6\u4FDD\u62A4\uFF0C\u4E0D\u4F9D\u8D56\u4EFB\u4F55\u7B2C\u4E09\u65B9\u4E91\u7AEF\u9274\u6743\u4E2D\u5FC3\u3002",
+    storageDeviceFile: "\u5DF2\u6388\u6743\u8BBE\u5907\u4E0E\u4F1A\u8BDD\u7F13\u5B58\u6587\u4EF6\uFF1A",
+    storageRsaFile: "\u670D\u52A1\u7AEF RSA \u79C1\u94A5\u6587\u4EF6 (0o600 \u6743\u9650\u4FDD\u62A4)\uFF1A",
+    storageConfigFile: "\u4E3B\u914D\u7F6E\u6587\u4EF6 (\u547D\u540D\u7A7A\u95F4: dsh-remote-mobile)\uFF1A",
+    // 卡片 7: 全局高级配置
+    configCardTitle: "\u5168\u5C40\u9AD8\u7EA7\u5B89\u5168\u53C2\u6570\u914D\u7F6E",
+    configCardDesc: "\u8C03\u6574\u5355 IP \u8BBF\u95EE\u9891\u7387\u9650\u5236\u3001\u8F93\u9519\u5C01\u7981\u9608\u503C\u4E0E\u9501\u5B9A\u6301\u7EED\u65F6\u95F4\u3002\u70B9\u51FB\u4FDD\u5B58\u5C06\u7ACB\u5373\u751F\u6548\u5E76\u81EA\u52A8\u540C\u6B65\u5199\u56DE ~/.dsh/settings.yaml \u914D\u7F6E\u6587\u4EF6\u3002",
+    copySettingsPathBtn: "\u{1F4CB} \u590D\u5236 settings.yaml \u8DEF\u5F84",
+    fieldVisitsLimit: "\u23F1\uFE0F \u6BCF\u5206\u949F\u8BBF\u95EE\u4E0A\u9650 (\u6B21/\u5206)",
+    fieldVisitsLimitHint: "\u5355 IP 1\u5206\u949F\u5185\u6253\u5F00\u767B\u5F55\u9875\u8D85\u8FC7\u6B64\u503C\u5C06\u89E6\u53D1\u9650\u9891",
+    fieldFailedLimit: "\u{1F6E1}\uFE0F \u8F93\u9519\u5BC6\u7801\u5C01\u7981\u9608\u503C (\u6B21)",
+    fieldFailedLimitHint: "\u8FDE\u7EED\u8F93\u9519\u914D\u5BF9\u7801/\u5BC6\u7801\u8FBE\u5230\u6B64\u503C\u5C06\u5C01\u9501\u8BE5 IP",
+    fieldLockDuration: "\u{1F6AB} \u89E6\u53D1\u5C01\u9501\u6301\u7EED\u65F6\u95F4 (\u5206\u949F)",
+    fieldLockDurationHint: "IP \u88AB\u9501\u5B9A\u540E\u7684\u51B7\u5374\u7B49\u5F85\u65F6\u957F (\u9ED8\u8BA4 15 \u5206\u949F)",
+    restoreDefaultsBtn: "\u{1F504} \u6062\u590D\u9ED8\u8BA4\u53C2\u6570",
+    saveConfigBtn: "\u{1F4BE} \u4FDD\u5B58\u53C2\u6570\u914D\u7F6E",
+    savingConfigBtn: "\u6B63\u5728\u4FDD\u5B58...",
+    saveConfigConfirm: "\u786E\u5B9A\u8981\u4FDD\u5B58\u5F53\u524D\u9AD8\u7EA7\u5B89\u5168\u53C2\u6570\u914D\u7F6E\u5417\uFF1F\u4FDD\u5B58\u540E\u5C06\u7ACB\u5373\u751F\u6548\u5E76\u81EA\u52A8\u540C\u6B65\u5199\u56DE ~/.dsh/settings.yaml\u3002",
+    restoreDefaultsConfirm: "\u786E\u5B9A\u8981\u5C06\u5B89\u5168\u53C2\u6570\u6062\u590D\u4E3A\u7CFB\u7EDF\u9ED8\u8BA4\u503C\uFF0860\u6B21/\u5206\u30015\u6B21\u5931\u8D25\u3001\u9501\u5B9A15\u5206\u949F\uFF09\u5417\uFF1F\u786E\u8BA4\u540E\u5C06\u76F4\u63A5\u751F\u6548\u5E76\u81EA\u52A8\u540C\u6B65\u3002",
+    saveConfigSuccessToast: "\u9AD8\u7EA7\u5B89\u5168\u53C2\u6570\u5DF2\u6210\u529F\u4FDD\u5B58\u5E76\u540C\u6B65\u5230 settings.yaml\uFF01",
+    restoreDefaultsSuccessToast: "\u5DF2\u6210\u529F\u6062\u590D\u9ED8\u8BA4\u5B89\u5168\u53C2\u6570\u5E76\u7ACB\u5373\u751F\u6548\uFF01",
+    saveConfigFailTip: "\u53C2\u6570\u5FC5\u987B\u4E3A\u5927\u4E8E 0 \u7684\u6709\u6548\u6574\u6570",
+    // Toast 提示
+    toastDeviceConnected: "\u{1F389} \u65B0\u8BBE\u5907\u63A5\u5165\u6210\u529F\uFF1A{name} ({ip})",
+    toastDeviceOnline: "\u{1F4F6} \u8BBE\u5907\u91CD\u65B0\u4E0A\u7EBF\uFF1A{name} ({ip})",
+    toastIpLocked: "\u{1F6AB} \u89E6\u53D1\u5B89\u5168\u8B66\u62A5\uFF1AIP {ip} \u8FDE\u7EED\u8BA4\u8BC1\u5931\u8D25\u5DF2\u88AB\u9501\u5B9A\uFF01"
+  },
+  en: {
+    // Main
+    title: "Remote & Mobile Access",
+    subtitle: "Enable access via Tailscale private network and local Wi-Fi, featuring QR code pairing and persistent passwords.",
+    // Card 1: Network & Bypass
+    netCardTitle: "Network Access & Bypass Management",
+    netCardDesc: "Enter the address below in your mobile browser, or scan the QR code to pair. You can enable direct bypass if you are in a trusted private network.",
+    tailscaleSectionTitle: "Tailscale Private Network (Recommended)",
+    tailscaleBadge: "Tailscale IP",
+    tailscaleNotConnected: "No Tailscale private IP detected",
+    tailscaleGuide: "Please ensure Tailscale is installed and logged in on this machine for secure access without port forwarding.",
+    lanSectionTitle: "Local Area Network (LAN / Wi-Fi)",
+    lanBadge: "LAN IP",
+    lanNotConnected: "No available local LAN IP detected",
+    copyUrlBtn: "\u{1F4CB} Copy Link",
+    copiedTip: "Link copied to clipboard!",
+    directBypassToggle: "Direct Bypass Mode (Passwordless)",
+    directBypassOn: "Bypass Enabled",
+    directBypassOff: "Bypass Disabled",
+    tailscaleBypassDesc: "When enabled, any device connecting via Tailscale can directly access the console without passwords or pairing codes.",
+    lanBypassWarningTitle: "\u{1F6A8} HIGH RISK SECURITY WARNING: LAN BYPASS",
+    lanBypassDesc: "Enabling LAN Bypass allows ANY device connected to the same Wi-Fi router (including guest/shared users) to execute commands and control DSH without any authentication. ONLY enable this in completely trusted home private networks!",
+    lanBypassConfirm: "[\u{1F6A8} CRITICAL SECURITY RISK CONFIRMATION]\n\nAre you sure you want to enable LAN Passwordless Bypass?\n\n\u26A0\uFE0F Consequences:\nANY device on the same Wi-Fi network (smartphones, PCs, guests) will gain FULL access and control over your DSH workspace without passwords or codes!\n\nDo NOT enable this on public networks (Cafes, Hotels, Office Wi-Fi)!",
+    // Card 2: Pairing & QR
+    pairingCardTitle: "Quick Pairing & QR Code Access",
+    pairingCardDesc: "When both devices are on the same network, scan the QR code or enter the 6-digit dynamic pairing code to authenticate.",
+    shortCodeTitle: "6-Digit Dynamic Pairing Code",
+    codeValidUntil: "Expires in: ",
+    codeExpired: "Pairing code expired. Click refresh to generate a new one.",
+    clickToReveal: "Click to reveal 6-digit code",
+    clickToHide: "Click to hide",
+    refreshCodeBtn: "\u{1F504} Refresh Code",
+    qrTitle: "Scan QR Code for Instant Access",
+    toggleQrShow: "Show QR Code",
+    toggleQrHide: "Hide QR Code",
+    switchTailscaleTab: "Tailscale QR",
+    switchLanTab: "LAN (Wi-Fi) QR",
+    copyDirectAuthLink: "\u{1F4CB} Copy Link with Code",
+    // Card 3: Persistent Password
+    secretCardTitle: "Configure Persistent Password (Optional)",
+    secretCardDesc: "If you prefer not using 6-digit short codes every time, set a fixed password here. Entering this password on mobile grants persistent access.",
+    secretConfigured: "\u2705 Persistent password is configured (securely salted & encrypted)",
+    secretNotConfigured: "\u26AA No persistent password set (authentication via temporary codes only)",
+    secretInputPlaceholder: "Enter a password with at least 6 alphanumeric characters",
+    secretInputLabel: "Password:",
+    showPassword: "\u{1F441}\uFE0F Show Password",
+    hidePassword: "\u{1F648} Hide Password",
+    saveSecretBtn: "\u{1F4BE} Save Password",
+    clearSecretBtn: "\u{1F5D1}\uFE0F Clear Password",
+    secretWeakTip: "Password must be at least 6 characters and contain both letters and numbers",
+    clearSecretConfirm: "Are you sure you want to clear the persistent password? You will no longer be able to log in with a fixed password.",
+    // Card 4: Device List
+    deviceCardTitle: "Authorized Devices List",
+    deviceCardDesc: "All mobile devices successfully authorized via pairing code, persistent password, or bypass. You can revoke access at any time.",
+    authDevicesCount: "device(s) authorized",
+    revokeAllBtn: "\u{1F5D1}\uFE0F Revoke All Devices",
+    revokeAllConfirm: "Are you sure you want to disconnect and revoke all authorized devices?",
+    noDevices: "No authorized devices yet. Scan the QR code with your mobile device to connect.",
+    deviceOnlineNow: "Online",
+    deviceOffline: "Offline",
+    deviceBypassLabel: "Bypass",
+    devicePasscodeLabel: "Code",
+    deviceSecretLabel: "Password",
+    deviceFirstSeen: "Authorized: ",
+    deviceLastSeen: "Last active: ",
+    revokeDeviceBtn: "Revoke",
+    revokeDeviceConfirm: "Are you sure you want to revoke access for this device?",
+    // Card 5: Security & Audit
+    securityCardTitle: "Brute-Force Defense & IP Audit",
+    securityCardDesc: "Real-time monitoring of external access IP request frequencies and failure rates. Automatically locks IPs after 5 consecutive failures.",
+    securityNormal: "\u2705 All external IPs are in good standing. No brute-force attacks detected.",
+    unlockIpBtn: "\u{1F513} Unlock IP",
+    unlockIpConfirm: "Are you sure you want to unlock IP {ip}?",
+    clearSecurityLogBtn: "\u{1F5D1}\uFE0F Clear Audit Logs",
+    clearSecurityLogConfirm: "Are you sure you want to clear all IP access and security audit logs?",
+    thIp: "Client IP",
+    thStatus: "Status",
+    thFailed: "Fail / Total",
+    thLastSeen: "Last Seen",
+    thAction: "Actions",
+    statusLocked: "\u{1F6AB} Locked",
+    statusNormal: "\u{1F7E2} Normal",
+    // Card 6: Storage
+    storageCardTitle: "Local Storage & Key Persistence",
+    storageCardDesc: "All sensitive credentials are protected locally via slow salt hashing and asymmetric RSA cryptography, without cloud dependencies.",
+    storageDeviceFile: "Authorized devices & session cache:",
+    storageRsaFile: "Server RSA private key (0o600 protected):",
+    storageConfigFile: "Main configuration (namespace: dsh-remote-mobile):",
+    // Card 7: Advanced Security Config
+    configCardTitle: "Global Security Policy Configuration",
+    configCardDesc: "Configure per-IP rate limits, brute-force failure thresholds, and lockout durations. Changes take effect immediately and sync to ~/.dsh/settings.yaml.",
+    copySettingsPathBtn: "\u{1F4CB} Copy settings.yaml Path",
+    fieldVisitsLimit: "\u23F1\uFE0F Max Visits per Minute (visits/min)",
+    fieldVisitsLimitHint: "Rate limit triggered when a single IP opens login page more than this value",
+    fieldFailedLimit: "\u{1F6E1}\uFE0F Max Failed Password Attempts (times)",
+    fieldFailedLimitHint: "IP locked after consecutive incorrect pairing codes or passwords",
+    fieldLockDuration: "\u{1F6AB} Lockout Duration (minutes)",
+    fieldLockDurationHint: "Cool-down lock period for blocked IPs (default: 15 minutes)",
+    restoreDefaultsBtn: "\u{1F504} Restore Defaults",
+    saveConfigBtn: "\u{1F4BE} Save Configuration",
+    savingConfigBtn: "Saving...",
+    saveConfigConfirm: "Are you sure you want to save the current security policy? It will take effect immediately and sync to ~/.dsh/settings.yaml.",
+    restoreDefaultsConfirm: "Are you sure you want to restore security policies to default values (60 visits/min, 5 failed attempts, 15m lockout)? It will take effect immediately.",
+    saveConfigSuccessToast: "Security policy successfully saved and synced to settings.yaml!",
+    restoreDefaultsSuccessToast: "Default security policies restored and applied immediately!",
+    saveConfigFailTip: "Parameters must be valid integers greater than 0",
+    // Toast
+    toastDeviceConnected: "\u{1F389} New device connected: {name} ({ip})",
+    toastDeviceOnline: "\u{1F4F6} Device reconnected: {name} ({ip})",
+    toastIpLocked: "\u{1F6AB} Security Alert: IP {ip} locked due to consecutive failures!"
+  }
+};
+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";
+  }
+  if (status && typeof status.locale === "string") {
+    return status.locale.toLowerCase().startsWith("en") ? "en" : "zh";
+  }
+  if (typeof navigator !== "undefined" && navigator.language) {
+    return navigator.language.toLowerCase().startsWith("en") ? "en" : "zh";
+  }
+  return "zh";
+}
+function t(key, lang, params) {
+  var currentLang = lang && (lang.startsWith("en") || lang === "en") ? "en" : "zh";
+  var dict = translations[currentLang] || translations.zh;
+  var text = dict[key] || translations.zh[key] || key;
+  if (params && typeof params === "object") {
+    for (var p in params) {
+      if (Object.prototype.hasOwnProperty.call(params, p)) {
+        text = text.replace(new RegExp("\\{" + p + "\\}", "g"), String(params[p]));
+      }
+    }
+  }
+  return text;
+}
+
+// src/client/components/NetworkCard.jsx
+var import_jsx_runtime = require("react/jsx-runtime");
+function NetworkCard({ status, toggleTailscale, toggleLan, copyText, lang }) {
+  const tsHost = status.tailscaleIp || "100.x.y.z";
+  const lanHost = status.lanIp || "127.0.0.1";
+  const port = typeof window !== "undefined" && window.location.port || "3080";
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    "div",
+    {
+      style: {
+        background: "var(--dsw-alias-bg-layer-3, rgba(128,128,128,0.06))",
+        border: "1px solid var(--dsw-alias-border-l2, rgba(128,128,128,0.15))",
+        borderRadius: "12px",
+        padding: "18px 20px"
+      },
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          "div",
+          {
+            style: {
+              fontSize: "15px",
+              fontWeight: "600",
+              color: "var(--dsw-alias-label-primary, inherit)",
+              marginBottom: "4px"
+            },
+            children: t("netCardTitle", lang)
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          "div",
+          {
+            style: {
+              fontSize: "12px",
+              color: "var(--dsw-alias-label-tertiary, #888)",
+              marginBottom: "16px"
+            },
+            children: t("netCardDesc", lang)
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+          "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"
+            },
+            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) }),
+                  status.tailscaleIp ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                    "span",
+                    {
+                      style: {
+                        fontSize: "11px",
+                        padding: "2px 6px",
+                        borderRadius: "4px",
+                        background: "rgba(16,185,129,0.15)",
+                        color: "#10b981",
+                        fontWeight: "600"
+                      },
+                      children: lang === "en" ? "Connected" : "\u5DF2\u8FDE\u63A5"
+                    }
+                  ) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                    "span",
+                    {
+                      style: {
+                        fontSize: "11px",
+                        padding: "2px 6px",
+                        borderRadius: "4px",
+                        background: "rgba(239,68,68,0.15)",
+                        color: "#ef4444",
+                        fontWeight: "600"
+                      },
+                      children: lang === "en" ? "Not Connected" : "\u672A\u8FDE\u63A5"
+                    }
+                  )
+                ] }),
+                status.tailscaleIp ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+                  "div",
+                  {
+                    style: {
+                      fontSize: "13px",
+                      marginTop: "4px",
+                      fontFamily: "monospace",
+                      color: "var(--dsw-alias-brand-primary, #3b82f6)"
+                    },
+                    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",
+                            background: "transparent",
+                            border: "1px solid var(--dsw-alias-border-l2, rgba(128,128,128,0.2))",
+                            borderRadius: "4px",
+                            fontSize: "11px",
+                            cursor: "pointer",
+                            color: "var(--dsw-alias-label-secondary, inherit)"
+                          },
+                          children: t("copyUrlBtn", lang)
+                        }
+                      )
+                    ]
+                  }
+                ) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                  "div",
+                  {
+                    style: {
+                      fontSize: "12px",
+                      color: "var(--dsw-alias-label-tertiary, #888)",
+                      marginTop: "4px"
+                    },
+                    children: t("tailscaleGuide", lang)
+                  }
+                ),
+                status.tailscaleIp ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                  "div",
+                  {
+                    style: {
+                      fontSize: "12px",
+                      color: "var(--dsw-alias-label-tertiary, #888)",
+                      marginTop: "4px"
+                    },
+                    children: t("tailscaleBypassDesc", lang)
+                  }
+                ) : null
+              ] }),
+              status.tailscaleIp ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: { display: "flex", alignItems: "center", gap: "8px" }, 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"
+                    },
+                    children: status.allowTailscale ? t("directBypassOn", lang) : t("directBypassOff", lang)
+                  }
+                ),
+                /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+                  "label",
+                  {
+                    style: {
+                      position: "relative",
+                      display: "inline-block",
+                      width: "44px",
+                      height: "24px",
+                      cursor: "pointer",
+                      userSelect: "none"
+                    },
+                    children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                        "input",
+                        {
+                          type: "checkbox",
+                          checked: !!status.allowTailscale,
+                          onChange: toggleTailscale,
+                          style: { opacity: 0, width: 0, height: 0, margin: 0 }
+                        }
+                      ),
+                      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                        "span",
+                        {
+                          style: {
+                            position: "absolute",
+                            top: 0,
+                            left: 0,
+                            right: 0,
+                            bottom: 0,
+                            backgroundColor: status.allowTailscale ? "var(--dsw-alias-brand-primary, #3b82f6)" : "var(--dsw-alias-border-l2, rgba(128,128,128,0.3))",
+                            transition: "background-color 0.25s ease",
+                            borderRadius: "24px"
+                          }
+                        }
+                      ),
+                      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                        "span",
+                        {
+                          style: {
+                            position: "absolute",
+                            top: "3px",
+                            left: "3px",
+                            width: "18px",
+                            height: "18px",
+                            backgroundColor: "#ffffff",
+                            borderRadius: "50%",
+                            boxShadow: "0 2px 4px rgba(0, 0, 0, 0.25)",
+                            transform: status.allowTailscale ? "translateX(20px)" : "translateX(0px)",
+                            transition: "transform 0.25s cubic-bezier(0.4, 0, 0.2, 1)"
+                          }
+                        }
+                      )
+                    ]
+                  }
+                )
+              ] }) : null
+            ]
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: { display: "flex", flexDirection: "column", gap: "10px" }, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+            "div",
+            {
+              style: {
+                display: "flex",
+                alignItems: "center",
+                justifyContent: "space-between",
+                flexWrap: "wrap",
+                gap: "12px"
+              },
+              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.jsx)(
+                      "span",
+                      {
+                        style: {
+                          fontSize: "11px",
+                          padding: "2px 6px",
+                          borderRadius: "4px",
+                          background: "rgba(16,185,129,0.15)",
+                          color: "#10b981",
+                          fontWeight: "600"
+                        },
+                        children: lang === "en" ? "Ready" : "\u5DF2\u5C31\u7EEA"
+                      }
+                    )
+                  ] }),
+                  /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+                    "div",
+                    {
+                      style: {
+                        fontSize: "13px",
+                        marginTop: "4px",
+                        fontFamily: "monospace",
+                        color: "var(--dsw-alias-brand-primary, #3b82f6)"
+                      },
+                      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",
+                              background: "transparent",
+                              border: "1px solid var(--dsw-alias-border-l2, rgba(128,128,128,0.2))",
+                              borderRadius: "4px",
+                              fontSize: "11px",
+                              cursor: "pointer",
+                              color: "var(--dsw-alias-label-secondary, inherit)"
+                            },
+                            children: t("copyUrlBtn", lang)
+                          }
+                        )
+                      ]
+                    }
+                  )
+                ] }),
+                /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: { display: "flex", alignItems: "center", gap: "8px" }, children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                    "span",
+                    {
+                      style: {
+                        fontSize: "12px",
+                        color: status.allowLan ? "#ef4444" : "var(--dsw-alias-label-secondary, #888)",
+                        fontWeight: status.allowLan ? "700" : "500",
+                        display: "flex",
+                        alignItems: "center",
+                        gap: "4px"
+                      },
+                      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)
+                    }
+                  ),
+                  /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+                    "label",
+                    {
+                      style: {
+                        position: "relative",
+                        display: "inline-block",
+                        width: "44px",
+                        height: "24px",
+                        cursor: "pointer",
+                        userSelect: "none"
+                      },
+                      children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                          "input",
+                          {
+                            type: "checkbox",
+                            checked: !!status.allowLan,
+                            onChange: toggleLan,
+                            style: { opacity: 0, width: 0, height: 0, margin: 0 }
+                          }
+                        ),
+                        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                          "span",
+                          {
+                            style: {
+                              position: "absolute",
+                              top: 0,
+                              left: 0,
+                              right: 0,
+                              bottom: 0,
+                              backgroundColor: status.allowLan ? "#ef4444" : "var(--dsw-alias-border-l2, rgba(128,128,128,0.3))",
+                              boxShadow: status.allowLan ? "0 0 10px rgba(239, 68, 68, 0.45)" : "none",
+                              transition: "all 0.25s ease",
+                              borderRadius: "24px"
+                            }
+                          }
+                        ),
+                        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                          "span",
+                          {
+                            style: {
+                              position: "absolute",
+                              top: "3px",
+                              left: "3px",
+                              width: "18px",
+                              height: "18px",
+                              backgroundColor: "#ffffff",
+                              borderRadius: "50%",
+                              boxShadow: "0 2px 4px rgba(0, 0, 0, 0.25)",
+                              transform: status.allowLan ? "translateX(20px)" : "translateX(0px)",
+                              transition: "transform 0.25s cubic-bezier(0.4, 0, 0.2, 1)"
+                            }
+                          }
+                        )
+                      ]
+                    }
+                  )
+                ] })
+              ]
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+            "div",
+            {
+              style: {
+                marginTop: "4px",
+                padding: "10px 14px",
+                borderRadius: "8px",
+                background: status.allowLan ? "rgba(239, 68, 68, 0.12)" : "rgba(245, 158, 11, 0.08)",
+                border: status.allowLan ? "1px solid rgba(239, 68, 68, 0.4)" : "1px solid rgba(245, 158, 11, 0.25)",
+                borderLeft: status.allowLan ? "4px solid #ef4444" : "4px solid #f59e0b",
+                boxShadow: status.allowLan ? "0 2px 8px rgba(239, 68, 68, 0.15)" : "none"
+              },
+              children: [
+                /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+                  "div",
+                  {
+                    style: {
+                      display: "flex",
+                      alignItems: "center",
+                      gap: "6px",
+                      fontSize: "12px",
+                      fontWeight: "700",
+                      color: status.allowLan ? "#ef4444" : "#f59e0b",
+                      marginBottom: "4px"
+                    },
+                    children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: status.allowLan ? "\u{1F6A8}" : "\u26A0\uFE0F" }),
+                      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: t("lanBypassWarningTitle", lang) })
+                    ]
+                  }
+                ),
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                  "div",
+                  {
+                    style: {
+                      fontSize: "12px",
+                      lineHeight: "1.55",
+                      color: status.allowLan ? "var(--dsw-alias-label-primary, #fca5a5)" : "var(--dsw-alias-label-secondary, #cbd5e1)"
+                    },
+                    children: t("lanBypassDesc", lang)
+                  }
+                )
+              ]
+            }
+          )
+        ] })
+      ]
+    }
+  );
+}
+
+// src/client/components/QrPairingCard.jsx
+var import_react2 = __toESM(require("react"), 1);
+
+// src/client/utils/format.js
+function formatTime(ts, lang) {
+  if (!ts) return lang === "en" ? "Unknown" : "\u672A\u77E5\u65F6\u95F4";
+  var date = new Date(ts);
+  var now = /* @__PURE__ */ new Date();
+  var isToday = date.toDateString() === now.toDateString();
+  var pad = function(n) {
+    return n < 10 ? "0" + n : n;
+  };
+  var timeStr = pad(date.getHours()) + ":" + pad(date.getMinutes()) + ":" + pad(date.getSeconds());
+  if (isToday) {
+    return (lang === "en" ? "Today " : "\u4ECA\u5929 ") + timeStr;
+  }
+  if (lang === "en") {
+    var months = ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"];
+    return months[date.getMonth()] + " " + date.getDate() + " " + timeStr;
+  }
+  return date.getMonth() + 1 + "\u6708" + date.getDate() + "\u65E5 " + timeStr;
+}
+function formatCountdown(sec, lang) {
+  if (sec <= 0) return lang === "en" ? "Expired" : "\u5DF2\u8FC7\u671F";
+  var m = Math.floor(sec / 60);
+  var s = sec % 60;
+  if (lang === "en") {
+    return (m > 0 ? m + "m " : "") + (s < 10 ? "0" + s : s) + "s";
+  }
+  return (m > 0 ? m + " \u5206 " : "") + (s < 10 ? "0" + s : s) + " \u79D2";
+}
+
+// src/client/components/QrPairingCard.jsx
+var import_jsx_runtime2 = require("react/jsx-runtime");
+function QrPairingCard({
+  status,
+  showCode,
+  setShowCode,
+  timeLeft,
+  showQr,
+  setShowQr,
+  selectedTab,
+  setSelectedTab,
+  generateQrSvg: generateQrSvg2,
+  refreshStatusAndCode,
+  copyDirectLink,
+  lang
+}) {
+  const port = typeof window !== "undefined" && window.location.port || "3080";
+  const isExpired = timeLeft <= 0;
+  const currentHost = selectedTab === "lan" && status.lanIp ? status.lanIp : status.tailscaleIp || status.lanIp || typeof window !== "undefined" && window.location.hostname || "127.0.0.1";
+  const directLink = `http://${currentHost}:${port}/auth?token=${status.code || ""}`;
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+    "div",
+    {
+      style: {
+        background: "var(--dsw-alias-bg-layer-3, rgba(128,128,128,0.06))",
+        border: "1px solid var(--dsw-alias-border-l2, rgba(128,128,128,0.15))",
+        borderRadius: "12px",
+        padding: "20px",
+        textAlign: "center"
+      },
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+          "div",
+          {
+            style: {
+              fontSize: "15px",
+              fontWeight: "600",
+              marginBottom: "4px",
+              color: "var(--dsw-alias-label-primary, inherit)"
+            },
+            children: `\u{1F4F1} ${t("shortCodeTitle", lang)}`
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+          "div",
+          {
+            style: {
+              fontSize: "12px",
+              color: "var(--dsw-alias-label-tertiary, #888)",
+              marginBottom: "14px"
+            },
+            children: t("pairingCardDesc", lang)
+          }
+        ),
+        showQr ? /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+          "div",
+          {
+            style: {
+              background: "var(--dsw-alias-bg-layer-2, rgba(128,128,128,0.06))",
+              border: "1px solid var(--dsw-alias-border-l2, rgba(128,128,128,0.12))",
+              borderRadius: "10px",
+              padding: "16px",
+              maxWidth: "320px",
+              margin: "0 auto 16px auto",
+              display: "flex",
+              flexDirection: "column",
+              alignItems: "center",
+              gap: "10px"
+            },
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+                "div",
+                {
+                  style: {
+                    display: "flex",
+                    width: "100%",
+                    background: "var(--dsw-alias-bg-layer-3, rgba(128,128,128,0.1))",
+                    padding: "3px",
+                    borderRadius: "8px"
+                  },
+                  children: [
+                    status.tailscaleIp ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                      "button",
+                      {
+                        type: "button",
+                        onClick: () => setSelectedTab("tailscale"),
+                        style: {
+                          flex: 1,
+                          padding: "5px 8px",
+                          borderRadius: "6px",
+                          border: "none",
+                          background: selectedTab === "tailscale" ? "var(--dsw-alias-brand-primary, #3b82f6)" : "transparent",
+                          color: selectedTab === "tailscale" ? "#ffffff" : "var(--dsw-alias-label-secondary, inherit)",
+                          fontSize: "12px",
+                          fontWeight: "600",
+                          cursor: "pointer",
+                          transition: "all 0.2s"
+                        },
+                        children: `\u{1F680} ${t("switchTailscaleTab", lang)}`
+                      }
+                    ) : null,
+                    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                      "button",
+                      {
+                        type: "button",
+                        onClick: () => setSelectedTab("lan"),
+                        style: {
+                          flex: 1,
+                          padding: "5px 8px",
+                          borderRadius: "6px",
+                          border: "none",
+                          background: selectedTab === "lan" ? "var(--dsw-alias-brand-primary, #3b82f6)" : "transparent",
+                          color: selectedTab === "lan" ? "#ffffff" : "var(--dsw-alias-label-secondary, inherit)",
+                          fontSize: "12px",
+                          fontWeight: "600",
+                          cursor: "pointer",
+                          transition: "all 0.2s"
+                        },
+                        children: `\u{1F3E0} ${t("switchLanTab", lang)}`
+                      }
+                    )
+                  ]
+                }
+              ),
+              /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                "div",
+                {
+                  style: {
+                    display: "flex",
+                    justifyContent: "center",
+                    opacity: isExpired ? 0.3 : 1
+                  },
+                  dangerouslySetInnerHTML: {
+                    __html: generateQrSvg2(directLink, 170)
+                  }
+                }
+              ),
+              /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+                "div",
+                {
+                  style: {
+                    width: "100%",
+                    padding: "6px 10px",
+                    background: "var(--dsw-alias-bg-layer-1, rgba(0,0,0,0.12))",
+                    border: "1px solid var(--dsw-alias-border-l2, rgba(128,128,128,0.15))",
+                    borderRadius: "6px",
+                    fontFamily: "monospace",
+                    fontSize: "11px",
+                    color: isExpired ? "var(--dsw-alias-label-error, #ef4444)" : "var(--dsw-alias-label-secondary, inherit)",
+                    wordBreak: "break-all",
+                    userSelect: "all",
+                    lineHeight: "1.4",
+                    textAlign: "center"
+                  },
+                  children: [
+                    `http://${currentHost}:${port}/auth?token=`,
+                    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                      "span",
+                      {
+                        style: {
+                          fontWeight: "700",
+                          color: showCode ? "var(--dsw-alias-brand-primary, #3b82f6)" : "inherit",
+                          letterSpacing: showCode ? "1px" : "2px"
+                        },
+                        children: showCode ? status.code || "" : "\u2022\u2022\u2022\u2022\u2022\u2022"
+                      }
+                    )
+                  ]
+                }
+              ),
+              /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                "button",
+                {
+                  type: "button",
+                  onClick: copyDirectLink,
+                  style: {
+                    padding: "6px 16px",
+                    background: "var(--dsw-alias-brand-primary, #3b82f6)",
+                    color: "white",
+                    border: "none",
+                    borderRadius: "6px",
+                    fontSize: "12px",
+                    fontWeight: "600",
+                    cursor: "pointer",
+                    transition: "background-color 0.2s"
+                  },
+                  children: status.copied ? `\u2705 ${lang === "en" ? "Copied!" : "\u5DF2\u590D\u5236\uFF01"}` : t("copyDirectAuthLink", lang)
+                }
+              )
+            ]
+          }
+        ) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+          "div",
+          {
+            style: {
+              display: "inline-flex",
+              alignItems: "center",
+              justifyContent: "center",
+              gap: "12px",
+              background: "var(--dsw-alias-bg-layer-2, rgba(128,128,128,0.1))",
+              border: "1px solid var(--dsw-alias-border-l2, rgba(128,128,128,0.2))",
+              borderRadius: "10px",
+              padding: "6px 20px",
+              margin: "4px auto 8px auto"
+            },
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                "span",
+                {
+                  style: {
+                    fontSize: "32px",
+                    fontWeight: "800",
+                    letterSpacing: showCode ? "6px" : "4px",
+                    color: isExpired ? "var(--dsw-alias-label-error, #ef4444)" : "var(--dsw-alias-brand-primary, #3b82f6)",
+                    fontFamily: "monospace",
+                    userSelect: "all"
+                  },
+                  children: isExpired ? lang === "en" ? "EXPIRED" : "\u5DF2\u8FC7\u671F" : showCode ? status.code : "\u2022\u2022\u2022\u2022\u2022\u2022"
+                }
+              ),
+              /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                "button",
+                {
+                  type: "button",
+                  onClick: () => setShowCode(!showCode),
+                  title: showCode ? t("clickToHide", lang) : t("clickToReveal", lang),
+                  style: {
+                    background: "transparent",
+                    border: "none",
+                    color: "var(--dsw-alias-label-secondary, #888)",
+                    cursor: "pointer",
+                    display: "flex",
+                    alignItems: "center",
+                    justifyContent: "center",
+                    padding: "4px"
+                  },
+                  children: showCode ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("svg", { style: { width: "20px", height: "20px", fill: "currentColor" }, viewBox: "0 0 24 24", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("path", { d: "M12 4.5C7 4.5 2.73 7.61 1 12c1.73 4.39 6 7.5 11 7.5s9.27-3.11 11-7.5c-1.73-4.39-6-7.5-11-7.5zM12 17c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5zm0-8c-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3z" }) }) : /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("svg", { style: { width: "20px", height: "20px", fill: "currentColor" }, viewBox: "0 0 24 24", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("path", { d: "M12 7c2.76 0 5 2.24 5 5 0 .65-.13 1.26-.36 1.83l2.92 2.92c1.51-1.26 2.7-2.89 3.43-4.75-1.73-4.39-6-7.5-11-7.5-1.4 0-2.74.25-3.98.7l2.16 2.16C10.74 7.13 11.35 7 12 7zM2 4.27l2.28 2.28.46.46C3.08 8.3 1.78 10.02 1 12c1.73 4.39 6 7.5 11 7.5 1.55 0 3.03-.3 4.38-.84l.42.42L19.73 22 21 20.73 3.27 3 2 4.27zM7.53 9.8l1.55 1.55c-.05.21-.08.43-.08.65 0 1.66 1.34 3 3 3 .22 0 .44-.03.65-.08l1.55 1.55c-.67.33-1.41.53-2.2.53-2.76 0-5-2.24-5-5 0-.79.2-1.53.53-2.2zm4.31-.78l3.15 3.15.02-.16c0-1.66-1.34-3-3-3l-.17.01z" }) })
+                }
+              )
+            ]
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+          "div",
+          {
+            style: {
+              fontSize: "12px",
+              color: isExpired ? "var(--dsw-alias-label-error, #ef4444)" : "var(--dsw-alias-label-secondary, #888)",
+              margin: "4px 0 16px 0",
+              display: "flex",
+              alignItems: "center",
+              justifyContent: "center",
+              gap: "6px"
+            },
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                "span",
+                {
+                  style: {
+                    display: "inline-block",
+                    width: "8px",
+                    height: "8px",
+                    borderRadius: "50%",
+                    background: isExpired ? "#ef4444" : "#10b981"
+                  }
+                }
+              ),
+              isExpired ? `\u26A0\uFE0F ${t("codeExpired", lang)}` : `${t("codeValidUntil", lang)}${formatCountdown(timeLeft, lang)}`
+            ]
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+          "div",
+          {
+            style: {
+              display: "flex",
+              gap: "10px",
+              justifyContent: "center",
+              flexWrap: "wrap"
+            },
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                "button",
+                {
+                  type: "button",
+                  onClick: () => setShowQr(!showQr),
+                  style: {
+                    padding: "7px 16px",
+                    background: showQr ? "rgba(59,130,246,0.15)" : "var(--dsw-alias-bg-layer-2, rgba(128,128,128,0.1))",
+                    border: "1px solid var(--dsw-alias-border-l2, rgba(128,128,128,0.2))",
+                    color: showQr ? "var(--dsw-alias-brand-primary, #3b82f6)" : "var(--dsw-alias-label-primary, inherit)",
+                    borderRadius: "8px",
+                    fontSize: "13px",
+                    fontWeight: "600",
+                    cursor: "pointer"
+                  },
+                  children: showQr ? `\u{1F4F7} ${t("toggleQrHide", lang)}` : `\u{1F4F7} ${t("toggleQrShow", lang)}`
+                }
+              ),
+              /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                "button",
+                {
+                  type: "button",
+                  onClick: refreshStatusAndCode,
+                  style: {
+                    padding: "7px 16px",
+                    background: "rgba(59,130,246,0.12)",
+                    border: "1px solid rgba(59,130,246,0.3)",
+                    color: "var(--dsw-alias-brand-primary, #3b82f6)",
+                    borderRadius: "8px",
+                    fontSize: "13px",
+                    fontWeight: "600",
+                    cursor: "pointer"
+                  },
+                  children: t("refreshCodeBtn", lang)
+                }
+              )
+            ]
+          }
+        )
+      ]
+    }
+  );
+}
+
+// src/client/components/SecretCard.jsx
+var import_react3 = __toESM(require("react"), 1);
+var import_jsx_runtime3 = require("react/jsx-runtime");
+function SecretCard({
+  status,
+  secretInput,
+  setSecretInput,
+  showSecret,
+  setShowSecret,
+  saveSecret,
+  clearSecret,
+  lang
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
+    "div",
+    {
+      style: {
+        background: "var(--dsw-alias-bg-layer-3, rgba(128,128,128,0.06))",
+        border: "1px solid var(--dsw-alias-border-l2, rgba(128,128,128,0.15))",
+        borderRadius: "12px",
+        padding: "18px 20px"
+      },
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+          "style",
+          {
+            dangerouslySetInnerHTML: {
+              __html: "input.dsh-secret-pwd-input::-ms-reveal, input.dsh-secret-pwd-input::-ms-clear, input.dsh-secret-pwd-input::-webkit-credentials-auto-fill-button, input.dsh-secret-pwd-input::-webkit-contacts-auto-fill-button { display: none !important; width: 0 !important; height: 0 !important; visibility: hidden !important; pointer-events: none !important; }"
+            }
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
+          "div",
+          {
+            style: {
+              display: "flex",
+              alignItems: "center",
+              justifyContent: "space-between",
+              marginBottom: "4px"
+            },
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+                "div",
+                {
+                  style: {
+                    fontSize: "15px",
+                    fontWeight: "600",
+                    color: "var(--dsw-alias-label-primary, inherit)"
+                  },
+                  children: t("secretCardTitle", lang)
+                }
+              ),
+              status.hasSecret ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+                "span",
+                {
+                  style: {
+                    fontSize: "12px",
+                    color: "#10b981",
+                    background: "rgba(16,185,129,0.12)",
+                    padding: "2px 8px",
+                    borderRadius: "12px",
+                    fontWeight: "500"
+                  },
+                  children: t("secretConfigured", lang)
+                }
+              ) : /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+                "span",
+                {
+                  style: {
+                    fontSize: "12px",
+                    color: "var(--dsw-alias-label-tertiary, #888)"
+                  },
+                  children: t("secretNotConfigured", lang)
+                }
+              )
+            ]
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+          "div",
+          {
+            style: {
+              fontSize: "12px",
+              color: "var(--dsw-alias-label-tertiary, #888)",
+              marginBottom: "12px"
+            },
+            children: t("secretCardDesc", lang)
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { style: { display: "flex", gap: "10px", alignItems: "center" }, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
+            "div",
+            {
+              style: {
+                position: "relative",
+                flex: 1,
+                display: "flex",
+                alignItems: "center"
+              },
+              children: [
+                /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+                  "input",
+                  {
+                    className: "dsh-secret-pwd-input",
+                    type: showSecret ? "text" : "password",
+                    value: secretInput,
+                    placeholder: status.hasSecret ? lang === "en" ? "\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022 (Password configured, enter new to update)" : "\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022 (\u5DF2\u914D\u7F6E\u6709\u6548\u5BC6\u7801\uFF0C\u8F93\u5165\u65B0\u5BC6\u7801\u53EF\u8986\u76D6\u66F4\u65B0)" : t("secretInputPlaceholder", lang),
+                    onChange: (e) => setSecretInput(e.target.value),
+                    style: {
+                      width: "100%",
+                      height: "38px",
+                      background: "var(--dsw-alias-bg-layer-2, rgba(128,128,128,0.1))",
+                      border: "1px solid var(--dsw-alias-border-l2, rgba(128,128,128,0.2))",
+                      borderRadius: "8px",
+                      padding: "0 38px 0 12px",
+                      color: "inherit",
+                      fontSize: "14px",
+                      outline: "none"
+                    }
+                  }
+                ),
+                /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+                  "button",
+                  {
+                    type: "button",
+                    onClick: () => setShowSecret(!showSecret),
+                    title: showSecret ? t("hidePassword", lang) : t("showPassword", lang),
+                    style: {
+                      position: "absolute",
+                      right: "8px",
+                      background: "transparent",
+                      border: "none",
+                      color: "var(--dsw-alias-label-secondary, #888)",
+                      cursor: "pointer",
+                      display: "flex",
+                      alignItems: "center",
+                      justifyContent: "center",
+                      padding: "4px"
+                    },
+                    children: showSecret ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("svg", { style: { width: "18px", height: "18px", fill: "currentColor" }, viewBox: "0 0 24 24", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M12 4.5C7 4.5 2.73 7.61 1 12c1.73 4.39 6 7.5 11 7.5s9.27-3.11 11-7.5c-1.73-4.39-6-7.5-11-7.5zM12 17c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5zm0-8c-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3z" }) }) : /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("svg", { style: { width: "18px", height: "18px", fill: "currentColor" }, viewBox: "0 0 24 24", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M12 7c2.76 0 5 2.24 5 5 0 .65-.13 1.26-.36 1.83l2.92 2.92c1.51-1.26 2.7-2.89 3.43-4.75-1.73-4.39-6-7.5-11-7.5-1.4 0-2.74.25-3.98.7l2.16 2.16C10.74 7.13 11.35 7 12 7zM2 4.27l2.28 2.28.46.46C3.08 8.3 1.78 10.02 1 12c1.73 4.39 6 7.5 11 7.5 1.55 0 3.03-.3 4.38-.84l.42.42L19.73 22 21 20.73 3.27 3 2 4.27zM7.53 9.8l1.55 1.55c-.05.21-.08.43-.08.65 0 1.66 1.34 3 3 3 .22 0 .44-.03.65-.08l1.55 1.55c-.67.33-1.41.53-2.2.53-2.76 0-5-2.24-5-5 0-.79.2-1.53.53-2.2zm4.31-.78l3.15 3.15.02-.16c0-1.66-1.34-3-3-3l-.17.01z" }) })
+                  }
+                )
+              ]
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+            "button",
+            {
+              type: "button",
+              onClick: saveSecret,
+              style: {
+                padding: "0 16px",
+                height: "38px",
+                background: "var(--dsw-alias-brand-primary, #3b82f6)",
+                color: "white",
+                border: "none",
+                borderRadius: "8px",
+                fontSize: "13px",
+                fontWeight: "600",
+                cursor: "pointer",
+                whiteSpace: "nowrap",
+                flexShrink: 0
+              },
+              children: t("saveSecretBtn", lang)
+            }
+          ),
+          status.hasSecret ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+            "button",
+            {
+              type: "button",
+              onClick: clearSecret,
+              title: t("clearSecretConfirm", lang),
+              style: {
+                padding: "0 12px",
+                height: "38px",
+                background: "rgba(239, 68, 68, 0.1)",
+                color: "#ef4444",
+                border: "1px solid rgba(239, 68, 68, 0.2)",
+                borderRadius: "8px",
+                fontSize: "13px",
+                fontWeight: "500",
+                cursor: "pointer",
+                whiteSpace: "nowrap",
+                flexShrink: 0
+              },
+              children: t("clearSecretBtn", lang)
+            }
+          ) : null
+        ] })
+      ]
+    }
+  );
+}
+
+// src/client/components/DeviceListCard.jsx
+var import_react4 = __toESM(require("react"), 1);
+var import_jsx_runtime4 = require("react/jsx-runtime");
+function isCurrentLocalIp(ip, status) {
+  if (!ip) return false;
+  if (ip === "127.0.0.1" || ip === "::1" || ip === "localhost") return true;
+  if (status && status.lanIp && ip === status.lanIp) return true;
+  if (status && status.tailscaleIp && ip === status.tailscaleIp) return true;
+  if (typeof window !== "undefined" && window.location && window.location.hostname && ip === window.location.hostname)
+    return true;
+  return false;
+}
+function DeviceListCard({ status, revokeDevice, revokeAll, lang }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+    "div",
+    {
+      style: {
+        background: "var(--dsw-alias-bg-layer-3, rgba(128,128,128,0.06))",
+        border: "1px solid var(--dsw-alias-border-l2, rgba(128,128,128,0.15))",
+        borderRadius: "12px",
+        padding: "18px 20px"
+      },
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+          "div",
+          {
+            style: {
+              display: "flex",
+              alignItems: "center",
+              justifyContent: "space-between",
+              gap: "12px",
+              marginBottom: "14px"
+            },
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { style: { minWidth: 0 }, children: [
+                /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+                  "div",
+                  {
+                    style: {
+                      fontSize: "15px",
+                      fontWeight: "600",
+                      color: "var(--dsw-alias-label-primary, inherit)"
+                    },
+                    children: `\u{1F4F1} ${t("deviceCardTitle", lang)} (${status.devicesCount}${lang === "en" ? " devices" : " \u53F0"})`
+                  }
+                ),
+                /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+                  "div",
+                  {
+                    style: {
+                      fontSize: "12px",
+                      color: "var(--dsw-alias-label-tertiary, #888)",
+                      marginTop: "2px"
+                    },
+                    children: t("deviceCardDesc", lang)
+                  }
+                )
+              ] }),
+              status.devicesCount > 0 ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+                "button",
+                {
+                  type: "button",
+                  onClick: revokeAll,
+                  style: {
+                    background: "transparent",
+                    border: "1px solid rgba(239,68,68,0.4)",
+                    color: "var(--dsw-alias-label-error, #ef4444)",
+                    padding: "5px 12px",
+                    borderRadius: "6px",
+                    fontSize: "12px",
+                    cursor: "pointer",
+                    whiteSpace: "nowrap",
+                    flexShrink: 0
+                  },
+                  children: t("revokeAllBtn", lang)
+                }
+              ) : null
+            ]
+          }
+        ),
+        status.devices && status.devices.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { style: { display: "flex", flexDirection: "column", gap: "10px" }, children: status.devices.map((dev) => {
+          const isLocal = isCurrentLocalIp(dev.ip, status);
+          const ipLabel = `${dev.ip}${isLocal ? lang === "en" ? " (Local)" : " (\u672C\u673A)" : ""}`;
+          return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+            "div",
+            {
+              style: {
+                display: "flex",
+                alignItems: "center",
+                justifyContent: "space-between",
+                gap: "12px",
+                padding: "12px 14px",
+                background: "var(--dsw-alias-bg-layer-2, rgba(128,128,128,0.08))",
+                border: "1px solid var(--dsw-alias-border-l2, rgba(128,128,128,0.12))",
+                borderRadius: "8px"
+              },
+              children: [
+                /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+                  "div",
+                  {
+                    style: {
+                      display: "flex",
+                      flexDirection: "column",
+                      gap: "4px",
+                      minWidth: 0,
+                      flex: 1
+                    },
+                    children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+                        "div",
+                        {
+                          style: {
+                            fontSize: "14px",
+                            fontWeight: "600",
+                            color: "var(--dsw-alias-label-primary, inherit)",
+                            display: "flex",
+                            alignItems: "center",
+                            flexWrap: "wrap",
+                            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",
+                              {
+                                style: {
+                                  fontSize: "11px",
+                                  padding: "1px 6px",
+                                  borderRadius: "4px",
+                                  background: dev.isBypass ? "rgba(16,185,129,0.15)" : "rgba(59,130,246,0.15)",
+                                  color: dev.isBypass ? "#10b981" : "var(--dsw-alias-brand-primary, #3b82f6)",
+                                  fontWeight: "normal",
+                                  whiteSpace: "nowrap"
+                                },
+                                children: dev.authType
+                              }
+                            )
+                          ]
+                        }
+                      ),
+                      /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+                        "div",
+                        {
+                          style: {
+                            fontSize: "12px",
+                            color: "var(--dsw-alias-label-tertiary, #888)",
+                            lineHeight: "1.4",
+                            wordBreak: "break-word"
+                          },
+                          children: [
+                            lang === "en" ? "IP: " : "\u6765\u6E90 IP: ",
+                            ipLabel,
+                            lang === "en" ? " \xB7 Authorized: " : " \xB7 \u6388\u6743\u4E8E ",
+                            formatTime(dev.createdAt, lang),
+                            lang === "en" ? " \xB7 Last seen: " : " \xB7 \u6700\u8FD1\u6D3B\u8DC3 ",
+                            formatTime(dev.lastSeenAt, lang)
+                          ]
+                        }
+                      )
+                    ]
+                  }
+                ),
+                !dev.isBypass ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+                  "button",
+                  {
+                    type: "button",
+                    onClick: () => revokeDevice(dev.token),
+                    style: {
+                      padding: "5px 12px",
+                      background: "transparent",
+                      border: "1px solid rgba(239,68,68,0.3)",
+                      color: "var(--dsw-alias-label-error, #ef4444)",
+                      borderRadius: "6px",
+                      fontSize: "12px",
+                      cursor: "pointer",
+                      whiteSpace: "nowrap",
+                      flexShrink: 0
+                    },
+                    children: t("revokeDeviceBtn", lang)
+                  }
+                ) : null
+              ]
+            },
+            dev.token
+          );
+        }) }) : /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+          "div",
+          {
+            style: {
+              textAlign: "center",
+              padding: "16px",
+              color: "var(--dsw-alias-label-tertiary, #888)",
+              fontSize: "13px"
+            },
+            children: t("noDevices", lang)
+          }
+        )
+      ]
+    }
+  );
+}
+
+// src/client/components/SecurityCard.jsx
+var import_react5 = __toESM(require("react"), 1);
+var import_jsx_runtime5 = require("react/jsx-runtime");
+function isCurrentLocalIp2(ip, status) {
+  if (!ip) return false;
+  if (ip === "127.0.0.1" || ip === "::1" || ip === "localhost") return true;
+  if (status && status.lanIp && ip === status.lanIp) return true;
+  if (status && status.tailscaleIp && ip === status.tailscaleIp) return true;
+  if (typeof window !== "undefined" && window.location && window.location.hostname && ip === window.location.hostname)
+    return true;
+  return false;
+}
+function SecurityCard({ status, unlockIp, clearIpStats, lang }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
+    "div",
+    {
+      style: {
+        background: "var(--dsw-alias-bg-layer-3, rgba(128,128,128,0.06))",
+        border: "1px solid var(--dsw-alias-border-l2, rgba(128,128,128,0.15))",
+        borderRadius: "12px",
+        padding: "18px 20px"
+      },
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
+          "div",
+          {
+            style: {
+              display: "flex",
+              alignItems: "center",
+              justifyContent: "space-between",
+              marginBottom: "8px"
+            },
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { style: { display: "flex", alignItems: "center", gap: "8px" }, children: [
+                /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { style: { fontSize: "16px" }, children: "\u{1F6E1}\uFE0F" }),
+                /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+                  "span",
+                  {
+                    style: {
+                      fontSize: "15px",
+                      fontWeight: "600",
+                      color: "var(--dsw-alias-label-primary, inherit)",
+                      whiteSpace: "nowrap"
+                    },
+                    children: t("securityCardTitle", lang)
+                  }
+                )
+              ] }),
+              status.ipSecurityStats && status.ipSecurityStats.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+                "button",
+                {
+                  type: "button",
+                  onClick: clearIpStats,
+                  style: {
+                    background: "transparent",
+                    border: "1px solid var(--dsw-alias-border-l2, rgba(128,128,128,0.25))",
+                    color: "var(--dsw-alias-label-secondary, inherit)",
+                    padding: "3px 10px",
+                    borderRadius: "6px",
+                    fontSize: "12px",
+                    cursor: "pointer"
+                  },
+                  children: t("clearSecurityLogBtn", lang)
+                }
+              ) : null
+            ]
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
+          "div",
+          {
+            style: {
+              display: "flex",
+              alignItems: "center",
+              gap: "8px",
+              flexWrap: "wrap",
+              marginBottom: "8px"
+            },
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+                "span",
+                {
+                  style: {
+                    fontSize: "12px",
+                    color: "#10b981",
+                    background: "rgba(16,185,129,0.12)",
+                    padding: "2px 8px",
+                    borderRadius: "12px",
+                    fontWeight: "500"
+                  },
+                  children: lang === "en" ? `\u23F1\uFE0F IP Rate Limit: ${status.maxVisitsPerMinute || 60}/min` : `\u23F1\uFE0F \u5355 IP \u9650\u9891 ${status.maxVisitsPerMinute || 60}\u6B21/\u5206\u949F`
+                }
+              ),
+              /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+                "span",
+                {
+                  style: {
+                    fontSize: "12px",
+                    color: "#10b981",
+                    background: "rgba(16,185,129,0.12)",
+                    padding: "2px 8px",
+                    borderRadius: "12px",
+                    fontWeight: "500"
+                  },
+                  children: lang === "en" ? `\u{1F6E1}\uFE0F Lockout: ${status.maxFailedAttempts || 5} fails / ${Math.round(
+                    (status.lockDurationMs || 9e5) / 6e4
+                  )} mins` : `\u{1F6E1}\uFE0F \u8FDE\u7EED ${status.maxFailedAttempts || 5} \u6B21\u9519\u8BEF\u5C01\u9501 ${Math.round(
+                    (status.lockDurationMs || 9e5) / 6e4
+                  )} \u5206\u949F`
+                }
+              )
+            ]
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+          "div",
+          {
+            style: {
+              fontSize: "12px",
+              color: "var(--dsw-alias-label-tertiary, #888)",
+              marginBottom: "12px",
+              lineHeight: "1.5"
+            },
+            children: t("securityCardDesc", lang)
+          }
+        ),
+        status.ipSecurityStats && status.ipSecurityStats.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { style: { display: "flex", flexDirection: "column", gap: "8px" }, children: status.ipSecurityStats.map((stat) => {
+          const isLocked = stat.lockedUntil && stat.lockedUntil > Date.now();
+          const remMin = isLocked ? Math.ceil((stat.lockedUntil - Date.now()) / 6e4) : 0;
+          const matchedDevice = status.devices && Array.isArray(status.devices) ? status.devices.find((d) => d.ip === stat.ip) : null;
+          let effectiveAuthType = stat.authType;
+          if (!effectiveAuthType || effectiveAuthType === "\u26AA \u5F85\u8BA4\u8BC1" || effectiveAuthType === "\u26AA Pending") {
+            if (matchedDevice) {
+              if (matchedDevice.authType && matchedDevice.authType.indexOf("\u514D\u5BC6") !== -1) {
+                effectiveAuthType = lang === "en" ? "\u26A1 Bypass Access" : matchedDevice.authType;
+              } else if (matchedDevice.authType && matchedDevice.authType.indexOf("\u5BC6\u7801") !== -1) {
+                effectiveAuthType = lang === "en" ? "\u{1F511} Password Auth" : "\u{1F511} \u957F\u671F\u5BC6\u7801\u8BA4\u8BC1";
+              } else {
+                effectiveAuthType = lang === "en" ? "\u{1F4F1} QR Pairing Auth" : "\u{1F4F1} \u626B\u7801\u914D\u5BF9\u8BA4\u8BC1";
+              }
+            }
+          }
+          let effectiveDeviceName = stat.deviceName;
+          if (!effectiveDeviceName && matchedDevice && matchedDevice.deviceName) {
+            effectiveDeviceName = matchedDevice.deviceName;
+          }
+          const isLocal = isCurrentLocalIp2(stat.ip, status);
+          const ipLabel = `${stat.ip}${isLocal ? lang === "en" ? " (Local)" : " (\u672C\u673A)" : ""}`;
+          return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
+            "div",
+            {
+              style: {
+                display: "flex",
+                alignItems: "center",
+                justifyContent: "space-between",
+                gap: "12px",
+                padding: "10px 14px",
+                background: isLocked ? "rgba(239,68,68,0.08)" : "var(--dsw-alias-bg-layer-2, rgba(128,128,128,0.08))",
+                border: isLocked ? "1px solid rgba(239,68,68,0.3)" : "1px solid var(--dsw-alias-border-l2, rgba(128,128,128,0.1))",
+                borderRadius: "8px"
+              },
+              children: [
+                /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
+                  "div",
+                  {
+                    style: {
+                      display: "flex",
+                      flexDirection: "column",
+                      gap: "3px",
+                      minWidth: 0,
+                      flex: 1
+                    },
+                    children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
+                        "div",
+                        {
+                          style: {
+                            fontSize: "13px",
+                            fontWeight: "600",
+                            color: "var(--dsw-alias-label-primary, inherit)",
+                            display: "flex",
+                            alignItems: "center",
+                            gap: "8px",
+                            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 })
+                            ] }),
+                            effectiveAuthType ? (() => {
+                              let bg = "rgba(148,163,184,0.15)";
+                              let color = "#94a3b8";
+                              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) {
+                                bg = "rgba(59,130,246,0.15)";
+                                color = "#3b82f6";
+                              } else if (effectiveAuthType.indexOf("\u5BC6\u7801") !== -1 || effectiveAuthType.indexOf("Password") !== -1) {
+                                bg = "rgba(139,92,246,0.15)";
+                                color = "#a78bfa";
+                              }
+                              return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+                                "span",
+                                {
+                                  style: {
+                                    fontSize: "11px",
+                                    padding: "1px 6px",
+                                    borderRadius: "4px",
+                                    background: bg,
+                                    color,
+                                    fontWeight: "600",
+                                    whiteSpace: "nowrap"
+                                  },
+                                  children: effectiveAuthType
+                                }
+                              );
+                            })() : null,
+                            isLocked ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+                              "span",
+                              {
+                                style: {
+                                  fontSize: "11px",
+                                  padding: "1px 6px",
+                                  borderRadius: "4px",
+                                  background: "rgba(239,68,68,0.2)",
+                                  color: "#ef4444",
+                                  fontWeight: "700",
+                                  whiteSpace: "nowrap"
+                                },
+                                children: lang === "en" ? `\u{1F6AB} Locked (${remMin}m left)` : `\u{1F6AB} \u5DF2\u88AB\u9501\u5B9A (\u8FD8\u5269 ${remMin} \u5206\u949F)`
+                              }
+                            ) : stat.failedAttempts > 0 ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+                              "span",
+                              {
+                                style: {
+                                  fontSize: "11px",
+                                  padding: "1px 6px",
+                                  borderRadius: "4px",
+                                  background: "rgba(245,158,11,0.2)",
+                                  color: "#f59e0b",
+                                  fontWeight: "600",
+                                  whiteSpace: "nowrap"
+                                },
+                                children: lang === "en" ? `\u26A0\uFE0F ${stat.failedAttempts} failed attempts` : `\u26A0\uFE0F \u66FE\u5931\u8D25 ${stat.failedAttempts} \u6B21`
+                              }
+                            ) : !effectiveAuthType ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+                              "span",
+                              {
+                                style: {
+                                  fontSize: "11px",
+                                  padding: "1px 6px",
+                                  borderRadius: "4px",
+                                  background: "rgba(148,163,184,0.15)",
+                                  color: "#94a3b8",
+                                  fontWeight: "600",
+                                  whiteSpace: "nowrap"
+                                },
+                                children: lang === "en" ? "\u26AA Pending" : "\u26AA \u5F85\u8BA4\u8BC1"
+                              }
+                            ) : null
+                          ]
+                        }
+                      ),
+                      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+                        "div",
+                        {
+                          style: {
+                            fontSize: "11px",
+                            color: "var(--dsw-alias-label-tertiary, #888)",
+                            lineHeight: "1.4",
+                            wordBreak: "break-word"
+                          },
+                          children: lang === "en" ? `Visits: ${stat.authVisits} \xB7 Attempts: ${stat.totalAttempts} \xB7 Consecutive fails: ${stat.failedAttempts} \xB7 Last seen: ${formatTime(stat.lastSeenAt, lang)}` : `\u6253\u5F00\u767B\u5F55\u9875 ${stat.authVisits} \u6B21 \xB7 \u5C1D\u8BD5\u914D\u5BF9 ${stat.totalAttempts} \u6B21 \xB7 \u8FDE\u7EED\u5931\u8D25 ${stat.failedAttempts} \u6B21 \xB7 \u6700\u8FD1\u8BBF\u95EE ${formatTime(stat.lastSeenAt, lang)}`
+                        }
+                      )
+                    ]
+                  }
+                ),
+                isLocked ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+                  "button",
+                  {
+                    type: "button",
+                    onClick: () => unlockIp(stat.ip),
+                    style: {
+                      padding: "5px 12px",
+                      background: "rgba(59,130,246,0.12)",
+                      border: "1px solid rgba(59,130,246,0.3)",
+                      color: "var(--dsw-alias-brand-primary, #3b82f6)",
+                      borderRadius: "6px",
+                      fontSize: "12px",
+                      fontWeight: "600",
+                      cursor: "pointer",
+                      whiteSpace: "nowrap",
+                      flexShrink: 0
+                    },
+                    children: t("unlockIpBtn", lang)
+                  }
+                ) : null
+              ]
+            },
+            stat.ip
+          );
+        }) }) : /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+          "div",
+          {
+            style: {
+              textAlign: "center",
+              padding: "14px",
+              color: "var(--dsw-alias-label-tertiary, #888)",
+              fontSize: "13px"
+            },
+            children: t("securityNormal", lang)
+          }
+        )
+      ]
+    }
+  );
+}
+
+// src/client/components/StorageCard.jsx
+var import_react6 = __toESM(require("react"), 1);
+var import_jsx_runtime6 = require("react/jsx-runtime");
+function StorageCard({ status, lang }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
+    "div",
+    {
+      style: {
+        background: "var(--dsw-alias-bg-layer-2, rgba(128,128,128,0.04))",
+        border: "1px dashed var(--dsw-alias-border-l2, rgba(128,128,128,0.2))",
+        borderRadius: "10px",
+        padding: "14px 16px",
+        display: "flex",
+        flexDirection: "column",
+        gap: "10px"
+      },
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
+          "div",
+          {
+            style: {
+              display: "flex",
+              alignItems: "center",
+              justifyContent: "space-between",
+              gap: "12px"
+            },
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { style: { display: "flex", alignItems: "center", gap: "10px", minWidth: 0 }, children: [
+                /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { style: { fontSize: "18px" }, children: "\u{1F4C1}" }),
+                /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { style: { display: "flex", flexDirection: "column", gap: "2px", minWidth: 0 }, children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+                    "div",
+                    {
+                      style: {
+                        fontSize: "12px",
+                        fontWeight: "600",
+                        color: "var(--dsw-alias-label-primary, inherit)"
+                      },
+                      children: t("storageDeviceFile", lang)
+                    }
+                  ),
+                  /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+                    "code",
+                    {
+                      style: {
+                        fontSize: "11px",
+                        color: "var(--dsw-alias-brand-primary, #3b82f6)",
+                        fontFamily: "monospace",
+                        wordBreak: "break-all"
+                      },
+                      children: status.persistPath || "~/.dsh/remote-mobile/devices.json"
+                    }
+                  )
+                ] })
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+                "button",
+                {
+                  type: "button",
+                  onClick: () => {
+                    const p = status.persistPath || "~/.dsh/remote-mobile/devices.json";
+                    navigator.clipboard.writeText(p).then(() => {
+                      alert((lang === "en" ? "Copied path:\n" : "\u5B58\u50A8\u6587\u4EF6\u8DEF\u5F84\u5DF2\u590D\u5236\u5230\u526A\u8D34\u677F\uFF01\n") + p);
+                    });
+                  },
+                  style: {
+                    padding: "4px 10px",
+                    background: "var(--dsw-alias-bg-layer-3, rgba(128,128,128,0.1))",
+                    border: "1px solid var(--dsw-alias-border-l2, rgba(128,128,128,0.2))",
+                    color: "var(--dsw-alias-label-secondary, inherit)",
+                    borderRadius: "6px",
+                    fontSize: "11px",
+                    cursor: "pointer",
+                    whiteSpace: "nowrap"
+                  },
+                  children: t("copyUrlBtn", lang)
+                }
+              )
+            ]
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
+          "div",
+          {
+            style: {
+              display: "flex",
+              alignItems: "center",
+              justifyContent: "space-between",
+              gap: "12px",
+              paddingTop: "8px",
+              borderTop: "1px dashed var(--dsw-alias-border-l2, rgba(128,128,128,0.15))"
+            },
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { style: { display: "flex", alignItems: "center", gap: "10px", minWidth: 0 }, children: [
+                /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { style: { fontSize: "18px" }, children: "\u{1F511}" }),
+                /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { style: { display: "flex", flexDirection: "column", gap: "2px", minWidth: 0 }, children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+                    "div",
+                    {
+                      style: {
+                        fontSize: "12px",
+                        fontWeight: "600",
+                        color: "var(--dsw-alias-label-primary, inherit)"
+                      },
+                      children: t("storageRsaFile", lang)
+                    }
+                  ),
+                  /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+                    "code",
+                    {
+                      style: {
+                        fontSize: "11px",
+                        color: "var(--dsw-alias-brand-primary, #3b82f6)",
+                        fontFamily: "monospace",
+                        wordBreak: "break-all"
+                      },
+                      children: status.rsaKeyPath || "~/.dsh/remote-mobile/rsa-keys.json"
+                    }
+                  )
+                ] })
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+                "button",
+                {
+                  type: "button",
+                  onClick: () => {
+                    const p = status.rsaKeyPath || "~/.dsh/remote-mobile/rsa-keys.json";
+                    navigator.clipboard.writeText(p).then(() => {
+                      alert((lang === "en" ? "Copied RSA path:\n" : "RSA \u5BC6\u94A5\u6587\u4EF6\u8DEF\u5F84\u5DF2\u590D\u5236\u5230\u526A\u8D34\u677F\uFF01\n") + p);
+                    });
+                  },
+                  style: {
+                    padding: "4px 10px",
+                    background: "var(--dsw-alias-bg-layer-3, rgba(128,128,128,0.1))",
+                    border: "1px solid var(--dsw-alias-border-l2, rgba(128,128,128,0.2))",
+                    color: "var(--dsw-alias-label-secondary, inherit)",
+                    borderRadius: "6px",
+                    fontSize: "11px",
+                    cursor: "pointer",
+                    whiteSpace: "nowrap"
+                  },
+                  children: t("copyUrlBtn", lang)
+                }
+              )
+            ]
+          }
+        )
+      ]
+    }
+  );
+}
+
+// src/client/components/ConfigCard.jsx
+var import_react7 = __toESM(require("react"), 1);
+var import_jsx_runtime7 = require("react/jsx-runtime");
+function ConfigCard({
+  maxVisitsInput,
+  setMaxVisitsInput,
+  maxFailedInput,
+  setMaxFailedInput,
+  lockDurationMinsInput,
+  setLockDurationMinsInput,
+  saveAdvancedConfig,
+  resetAdvancedConfigDefaults,
+  isSaving,
+  lang
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
+    "div",
+    {
+      style: {
+        background: "var(--dsw-alias-bg-layer-3, rgba(128,128,128,0.06))",
+        border: "1px solid var(--dsw-alias-border-l2, rgba(128,128,128,0.15))",
+        borderRadius: "12px",
+        padding: "18px 20px",
+        display: "flex",
+        flexDirection: "column",
+        gap: "14px"
+      },
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
+          "div",
+          {
+            style: {
+              display: "flex",
+              alignItems: "center",
+              justifyContent: "space-between",
+              gap: "10px"
+            },
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { style: { display: "flex", alignItems: "center", gap: "8px" }, children: [
+                /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { style: { fontSize: "16px" }, children: "\u2699\uFE0F" }),
+                /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+                  "span",
+                  {
+                    style: {
+                      fontSize: "15px",
+                      fontWeight: "600",
+                      color: "var(--dsw-alias-label-primary, inherit)"
+                    },
+                    children: t("configCardTitle", lang)
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+                "button",
+                {
+                  type: "button",
+                  onClick: () => {
+                    navigator.clipboard.writeText("~/.dsh/settings.yaml").then(() => {
+                      alert(
+                        lang === "en" ? "Copied settings path:\n~/.dsh/settings.yaml (namespace: dsh-remote-mobile)" : "\u5DF2\u590D\u5236\u914D\u7F6E\u6587\u4EF6\u8DEF\u5F84\uFF1A\n~/.dsh/settings.yaml (\u547D\u540D\u7A7A\u95F4: dsh-remote-mobile)"
+                      );
+                    });
+                  },
+                  style: {
+                    padding: "4px 10px",
+                    background: "var(--dsw-alias-bg-layer-3, rgba(128,128,128,0.1))",
+                    border: "1px solid var(--dsw-alias-border-l2, rgba(128,128,128,0.2))",
+                    color: "var(--dsw-alias-label-secondary, inherit)",
+                    borderRadius: "6px",
+                    fontSize: "11px",
+                    cursor: "pointer",
+                    whiteSpace: "nowrap",
+                    flexShrink: 0
+                  },
+                  children: t("copySettingsPathBtn", lang)
+                }
+              )
+            ]
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+          "div",
+          {
+            style: {
+              fontSize: "12px",
+              color: "var(--dsw-alias-label-tertiary, #888)",
+              lineHeight: "1.5"
+            },
+            children: t("configCardDesc", lang)
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
+          "div",
+          {
+            style: {
+              display: "grid",
+              gridTemplateColumns: "repeat(auto-fit, minmax(220px, 1fr))",
+              gap: "12px"
+            },
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
+                "div",
+                {
+                  style: {
+                    display: "flex",
+                    flexDirection: "column",
+                    gap: "6px",
+                    background: "var(--dsw-alias-bg-layer-2, rgba(128,128,128,0.06))",
+                    border: "1px solid var(--dsw-alias-border-l2, rgba(128,128,128,0.12))",
+                    borderRadius: "8px",
+                    padding: "10px 12px"
+                  },
+                  children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+                      "label",
+                      {
+                        style: {
+                          fontSize: "12px",
+                          fontWeight: "600",
+                          color: "var(--dsw-alias-label-primary, inherit)"
+                        },
+                        children: t("fieldVisitsLimit", lang)
+                      }
+                    ),
+                    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+                      "input",
+                      {
+                        type: "number",
+                        min: "1",
+                        max: "1000",
+                        value: maxVisitsInput,
+                        onChange: (e) => setMaxVisitsInput(e.target.value),
+                        placeholder: "60",
+                        style: {
+                          height: "34px",
+                          background: "var(--dsw-alias-bg-layer-1, rgba(0,0,0,0.15))",
+                          border: "1px solid var(--dsw-alias-border-l2, rgba(128,128,128,0.25))",
+                          borderRadius: "6px",
+                          padding: "0 10px",
+                          color: "inherit",
+                          fontSize: "13px",
+                          outline: "none"
+                        }
+                      }
+                    ),
+                    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { style: { fontSize: "11px", color: "var(--dsw-alias-label-tertiary, #888)" }, children: t("fieldVisitsLimitHint", lang) })
+                  ]
+                }
+              ),
+              /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
+                "div",
+                {
+                  style: {
+                    display: "flex",
+                    flexDirection: "column",
+                    gap: "6px",
+                    background: "var(--dsw-alias-bg-layer-2, rgba(128,128,128,0.06))",
+                    border: "1px solid var(--dsw-alias-border-l2, rgba(128,128,128,0.12))",
+                    borderRadius: "8px",
+                    padding: "10px 12px"
+                  },
+                  children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+                      "label",
+                      {
+                        style: {
+                          fontSize: "12px",
+                          fontWeight: "600",
+                          color: "var(--dsw-alias-label-primary, inherit)"
+                        },
+                        children: t("fieldFailedLimit", lang)
+                      }
+                    ),
+                    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+                      "input",
+                      {
+                        type: "number",
+                        min: "1",
+                        max: "100",
+                        value: maxFailedInput,
+                        onChange: (e) => setMaxFailedInput(e.target.value),
+                        placeholder: "5",
+                        style: {
+                          height: "34px",
+                          background: "var(--dsw-alias-bg-layer-1, rgba(0,0,0,0.15))",
+                          border: "1px solid var(--dsw-alias-border-l2, rgba(128,128,128,0.25))",
+                          borderRadius: "6px",
+                          padding: "0 10px",
+                          color: "inherit",
+                          fontSize: "13px",
+                          outline: "none"
+                        }
+                      }
+                    ),
+                    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { style: { fontSize: "11px", color: "var(--dsw-alias-label-tertiary, #888)" }, children: t("fieldFailedLimitHint", lang) })
+                  ]
+                }
+              ),
+              /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
+                "div",
+                {
+                  style: {
+                    display: "flex",
+                    flexDirection: "column",
+                    gap: "6px",
+                    background: "var(--dsw-alias-bg-layer-2, rgba(128,128,128,0.06))",
+                    border: "1px solid var(--dsw-alias-border-l2, rgba(128,128,128,0.12))",
+                    borderRadius: "8px",
+                    padding: "10px 12px"
+                  },
+                  children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+                      "label",
+                      {
+                        style: {
+                          fontSize: "12px",
+                          fontWeight: "600",
+                          color: "var(--dsw-alias-label-primary, inherit)"
+                        },
+                        children: t("fieldLockDuration", lang)
+                      }
+                    ),
+                    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+                      "input",
+                      {
+                        type: "number",
+                        min: "1",
+                        max: "1440",
+                        value: lockDurationMinsInput,
+                        onChange: (e) => setLockDurationMinsInput(e.target.value),
+                        placeholder: "15",
+                        style: {
+                          height: "34px",
+                          background: "var(--dsw-alias-bg-layer-1, rgba(0,0,0,0.15))",
+                          border: "1px solid var(--dsw-alias-border-l2, rgba(128,128,128,0.25))",
+                          borderRadius: "6px",
+                          padding: "0 10px",
+                          color: "inherit",
+                          fontSize: "13px",
+                          outline: "none"
+                        }
+                      }
+                    ),
+                    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { style: { fontSize: "11px", color: "var(--dsw-alias-label-tertiary, #888)" }, children: t("fieldLockDurationHint", lang) })
+                  ]
+                }
+              )
+            ]
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
+          "div",
+          {
+            style: {
+              display: "flex",
+              alignItems: "center",
+              justifyContent: "flex-end",
+              gap: "10px",
+              marginTop: "4px"
+            },
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+                "button",
+                {
+                  type: "button",
+                  onClick: resetAdvancedConfigDefaults,
+                  disabled: isSaving,
+                  style: {
+                    padding: "6px 14px",
+                    background: "transparent",
+                    border: "1px solid var(--dsw-alias-border-l2, rgba(128,128,128,0.25))",
+                    color: "var(--dsw-alias-label-secondary, inherit)",
+                    borderRadius: "6px",
+                    fontSize: "12px",
+                    cursor: isSaving ? "not-allowed" : "pointer",
+                    opacity: isSaving ? 0.6 : 1,
+                    whiteSpace: "nowrap"
+                  },
+                  children: t("restoreDefaultsBtn", lang)
+                }
+              ),
+              /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+                "button",
+                {
+                  type: "button",
+                  onClick: saveAdvancedConfig,
+                  disabled: isSaving,
+                  style: {
+                    padding: "6px 18px",
+                    background: "var(--dsw-alias-brand-primary, #3b82f6)",
+                    border: "none",
+                    color: "white",
+                    borderRadius: "6px",
+                    fontSize: "12px",
+                    fontWeight: "600",
+                    cursor: isSaving ? "not-allowed" : "pointer",
+                    opacity: isSaving ? 0.7 : 1,
+                    whiteSpace: "nowrap"
+                  },
+                  children: isSaving ? t("savingConfigBtn", lang) : t("saveConfigBtn", lang)
+                }
+              )
+            ]
+          }
+        )
+      ]
+    }
+  );
+}
+
+// src/client/version.js
+var PLUGIN_VERSION = "v1.1.0";
+
+// src/client/components/MainSection.jsx
+var import_jsx_runtime8 = require("react/jsx-runtime");
+function TailscaleMobileSection(props) {
+  const ctx = props && props.ctx || typeof window !== "undefined" && window.__DSH_CLIENT_CTX__ || null;
+  const [status, setStatus] = (0, import_react8.useState)({
+    tailscaleIp: "",
+    lanIp: "",
+    code: "",
+    expiresAt: 0,
+    hasSecret: false,
+    allowTailscale: false,
+    allowLan: false,
+    maxVisitsPerMinute: 60,
+    maxFailedAttempts: 5,
+    lockDurationMs: 9e5,
+    devicesCount: 0,
+    devices: [],
+    ipSecurityStats: [],
+    copied: false,
+    loading: true,
+    persistPath: "",
+    locale: "zh"
+  });
+  const [secretInput, setSecretInput] = (0, import_react8.useState)("");
+  const [showSecret, setShowSecret] = (0, import_react8.useState)(false);
+  const [showCode, setShowCode] = (0, import_react8.useState)(false);
+  const [showQr, setShowQr] = (0, import_react8.useState)(false);
+  const [selectedTab, setSelectedTab] = (0, import_react8.useState)("lan");
+  const [timeLeft, setTimeLeft] = (0, import_react8.useState)(300);
+  const [toast, setToast] = (0, import_react8.useState)(null);
+  const [maxVisitsInput, setMaxVisitsInput] = (0, import_react8.useState)("60");
+  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 [currentLang, setCurrentLang] = (0, import_react8.useState)(resolveLocale(ctx, status));
+  const refreshStatusOnly = (0, import_react8.useCallback)(() => {
+    fetchStatus().then((data) => {
+      if (data.tailscaleIp) {
+        setSelectedTab("tailscale");
+      }
+      if (data.maxVisitsPerMinute) setMaxVisitsInput(String(data.maxVisitsPerMinute));
+      if (data.maxFailedAttempts) setMaxFailedInput(String(data.maxFailedAttempts));
+      if (data.lockDurationMs)
+        setLockDurationMinsInput(String(Math.round(data.lockDurationMs / 6e4)));
+      if (data.locale) {
+        setCurrentLang(resolveLocale(ctx, data));
+      }
+      setStatus((prev) => ({
+        ...prev,
+        tailscaleIp: data.tailscaleIp || "",
+        lanIp: data.lanIp || "",
+        hasSecret: data.hasSecret,
+        allowTailscale: data.allowTailscale,
+        allowLan: data.allowLan,
+        maxVisitsPerMinute: data.maxVisitsPerMinute || 60,
+        maxFailedAttempts: data.maxFailedAttempts || 5,
+        lockDurationMs: data.lockDurationMs || 9e5,
+        devicesCount: data.devicesCount || 0,
+        devices: data.devices || [],
+        ipSecurityStats: data.ipSecurityStats || [],
+        persistPath: data.persistPath || "",
+        rsaKeyPath: data.rsaKeyPath || "",
+        locale: data.locale || "zh",
+        loading: false
+      }));
+    }).catch(() => {
+    });
+  }, [ctx]);
+  const refreshStatusAndCode = (0, import_react8.useCallback)(() => {
+    refreshStatusOnly();
+    generatePairCode().then((data) => {
+      if (data.success) {
+        setStatus((prev) => ({
+          ...prev,
+          code: data.code,
+          expiresAt: data.expiresAt
+        }));
+        const remain = Math.max(0, Math.floor((data.expiresAt - Date.now()) / 1e3));
+        setTimeLeft(remain);
+      }
+    }).catch(() => {
+    });
+  }, [refreshStatusOnly]);
+  (0, import_react8.useEffect)(() => {
+    refreshStatusAndCode();
+    const localeUnsubs = [];
+    try {
+      const loc = ctx && (typeof ctx.get === "function" ? ctx.get("locale") : ctx.locale);
+      if (loc && typeof loc.subscribe === "function") {
+        const unsub = loc.subscribe(() => {
+          setCurrentLang(resolveLocale(ctx, status));
+        });
+        if (typeof unsub === "function") localeUnsubs.push(unsub);
+      }
+    } catch (e) {
+    }
+    const handleDeviceUpdate = (e) => {
+      if (!e || !e.detail) return;
+      const detail = e.detail;
+      if (detail.stats && Array.isArray(detail.stats)) {
+        setStatus((prev) => ({ ...prev, ipSecurityStats: detail.stats }));
+      }
+      if (detail.device) {
+        const dev = detail.device;
+        setStatus((prev) => {
+          const prevList = prev.devices || [];
+          const nextList = [dev].concat(prevList.filter((d) => d.token !== dev.token));
+          return {
+            ...prev,
+            devicesCount: nextList.length,
+            devices: nextList
+          };
+        });
+        const msg = detail.type === "device-connected" ? t("toastDeviceConnected", currentLang, {
+          name: dev.deviceName || "Device",
+          ip: dev.ip
+        }) : t("toastDeviceOnline", currentLang, {
+          name: dev.deviceName || "Device",
+          ip: dev.ip
+        });
+        setToast({ message: msg, type: "info" });
+        setTimeout(() => setToast(null), 4e3);
+      }
+      if (detail.type === "device-revoked") {
+        setStatus((prev) => {
+          const prevList = prev.devices || [];
+          const nextList = detail.all ? [] : prevList.filter((d) => d.token !== detail.token);
+          return {
+            ...prev,
+            devicesCount: nextList.length,
+            devices: nextList
+          };
+        });
+      }
+      if (detail.type === "ip-security-alert") {
+        const alertMsg = t("toastIpLocked", currentLang, { ip: detail.ip });
+        setToast({ message: alertMsg, type: "danger" });
+        setTimeout(() => setToast(null), 5e3);
+      }
+      refreshStatusOnly();
+    };
+    window.addEventListener("dsh-device-updated", handleDeviceUpdate);
+    const pollTimer = setInterval(() => {
+      refreshStatusOnly();
+    }, 3e3);
+    return () => {
+      clearInterval(pollTimer);
+      window.removeEventListener("dsh-device-updated", handleDeviceUpdate);
+      for (let i = 0; i < localeUnsubs.length; i++) {
+        localeUnsubs[i]();
+      }
+    };
+  }, [refreshStatusAndCode, refreshStatusOnly, currentLang, ctx]);
+  (0, import_react8.useEffect)(() => {
+    if (timeLeft <= 0) return;
+    const timer = setInterval(() => {
+      setTimeLeft((prev) => {
+        if (prev <= 1) {
+          clearInterval(timer);
+          return 0;
+        }
+        return prev - 1;
+      });
+    }, 1e3);
+    return () => clearInterval(timer);
+  }, [timeLeft]);
+  const toggleTailscale = () => {
+    const nextVal = !status.allowTailscale;
+    updateBypassConfig(nextVal, status.allowLan).then(() => {
+      setStatus((prev) => ({ ...prev, allowTailscale: nextVal }));
+    });
+  };
+  const toggleLan = () => {
+    const nextVal = !status.allowLan;
+    if (nextVal) {
+      const warnMsg = t("lanBypassConfirm", currentLang);
+      if (!confirm(warnMsg)) return;
+    }
+    updateBypassConfig(status.allowTailscale, nextVal).then(() => {
+      setStatus((prev) => ({ ...prev, allowLan: nextVal }));
+    });
+  };
+  const saveSecret = () => {
+    const trimmed = (secretInput || "").trim();
+    if (!trimmed) {
+      alert(t("secretInputPlaceholder", currentLang));
+      return;
+    }
+    const hasLetter = /[a-zA-Z]/.test(trimmed);
+    const hasNumber = /[0-9]/.test(trimmed);
+    if (trimmed.length < 6 || !hasLetter || !hasNumber) {
+      alert(t("secretWeakTip", currentLang));
+      return;
+    }
+    updateSecret(trimmed).then((data) => {
+      if (data.success) {
+        setStatus((prev) => ({ ...prev, hasSecret: true }));
+        setSecretInput("");
+        setToast({
+          message: currentLang === "en" ? "Persistent password saved!" : "\u957F\u671F\u8BBF\u95EE\u5BC6\u7801\u5DF2\u6210\u529F\u4FDD\u5B58\u5E76\u542F\u7528\uFF01",
+          type: "success"
+        });
+        setTimeout(() => setToast(null), 3e3);
+      } else {
+        alert((currentLang === "en" ? "Save failed: " : "\u4FDD\u5B58\u5931\u8D25\uFF1A") + (data.reason || ""));
+      }
+    });
+  };
+  const clearSecret = () => {
+    if (confirm(t("clearSecretConfirm", currentLang))) {
+      clearSecretApi().then(() => {
+        setStatus((prev) => ({ ...prev, hasSecret: false }));
+        setSecretInput("");
+        setToast({
+          message: currentLang === "en" ? "Password cleared!" : "\u5DF2\u6210\u529F\u6E05\u9664\u957F\u671F\u8BBF\u95EE\u5BC6\u7801\uFF01",
+          type: "info"
+        });
+        setTimeout(() => setToast(null), 3e3);
+      });
+    }
+  };
+  const revokeDevice = (token) => {
+    if (confirm(t("revokeDeviceConfirm", currentLang))) {
+      revokeDeviceApi(token).then(() => {
+        refreshStatusAndCode();
+        setToast({
+          message: currentLang === "en" ? "Device disconnected!" : "\u5DF2\u6210\u529F\u8E22\u51FA\u8BE5\u8BBE\u5907\uFF01",
+          type: "info"
+        });
+        setTimeout(() => setToast(null), 2500);
+      });
+    }
+  };
+  const revokeAll = () => {
+    if (confirm(t("revokeAllConfirm", currentLang))) {
+      revokeAllDevicesApi().then(() => {
+        refreshStatusAndCode();
+        setToast({
+          message: currentLang === "en" ? "All devices disconnected!" : "\u5DF2\u6210\u529F\u6CE8\u9500\u5E76\u8E22\u4E0B\u7EBF\u6240\u6709\u8BBE\u5907\uFF01",
+          type: "info"
+        });
+        setTimeout(() => setToast(null), 2500);
+      });
+    }
+  };
+  const unlockIp = (ip) => {
+    if (confirm(t("unlockIpConfirm", currentLang, { ip }))) {
+      unlockIpApi(ip).then(() => {
+        refreshStatusAndCode();
+        setToast({
+          message: currentLang === "en" ? `IP ${ip} unlocked!` : `\u5DF2\u6210\u529F\u4E3A IP ${ip} \u89E3\u9664\u9501\u5B9A\uFF01`,
+          type: "success"
+        });
+        setTimeout(() => setToast(null), 3e3);
+      }).catch(() => {
+      });
+    }
+  };
+  const clearIpStats = () => {
+    if (confirm(t("clearSecurityLogConfirm", currentLang))) {
+      clearIpStatsApi().then(() => {
+        refreshStatusAndCode();
+        setToast({
+          message: currentLang === "en" ? "Audit logs cleared!" : "\u5DF2\u6210\u529F\u6E05\u7A7A\u6240\u6709\u5B89\u5168\u5BA1\u8BA1\u65E5\u5FD7\uFF01",
+          type: "success"
+        });
+        setTimeout(() => setToast(null), 2500);
+      }).catch(() => {
+      });
+    }
+  };
+  const saveAdvancedConfig = () => {
+    const visits = parseInt(maxVisitsInput, 10);
+    const failed = parseInt(maxFailedInput, 10);
+    const mins = parseInt(lockDurationMinsInput, 10);
+    if (isNaN(visits) || visits <= 0 || isNaN(failed) || failed <= 0 || isNaN(mins) || mins <= 0) {
+      alert(t("saveConfigFailTip", currentLang));
+      return;
+    }
+    if (!confirm(t("saveConfigConfirm", currentLang))) {
+      return;
+    }
+    setIsSaving(true);
+    updateAdvancedSecurityOptions({
+      maxVisitsPerMinute: visits,
+      maxFailedAttempts: failed,
+      lockDurationMs: mins * 60 * 1e3
+    }).then((data) => {
+      setIsSaving(false);
+      if (data.success) {
+        refreshStatusAndCode();
+        setToast({ message: t("saveConfigSuccessToast", currentLang), type: "success" });
+        setTimeout(() => setToast(null), 3e3);
+      } else {
+        alert((currentLang === "en" ? "Save failed: " : "\u4FDD\u5B58\u5931\u8D25\uFF1A") + (data.reason || ""));
+      }
+    }).catch(() => {
+      setIsSaving(false);
+      alert(currentLang === "en" ? "Network request failed, please try again." : "\u7F51\u7EDC\u8BF7\u6C42\u5931\u8D25\uFF0C\u8BF7\u7A0D\u540E\u91CD\u8BD5");
+    });
+  };
+  const resetAdvancedConfigDefaults = () => {
+    if (!confirm(t("restoreDefaultsConfirm", currentLang))) {
+      return;
+    }
+    setMaxVisitsInput("60");
+    setMaxFailedInput("5");
+    setLockDurationMinsInput("15");
+    setIsSaving(true);
+    updateAdvancedSecurityOptions({
+      maxVisitsPerMinute: 60,
+      maxFailedAttempts: 5,
+      lockDurationMs: 15 * 60 * 1e3
+    }).then((data) => {
+      setIsSaving(false);
+      if (data.success) {
+        refreshStatusAndCode();
+        setToast({ message: t("restoreDefaultsSuccessToast", currentLang), type: "success" });
+        setTimeout(() => setToast(null), 3e3);
+      } else {
+        alert((currentLang === "en" ? "Reset failed: " : "\u91CD\u7F6E\u5931\u8D25\uFF1A") + (data.reason || ""));
+      }
+    }).catch(() => {
+      setIsSaving(false);
+      alert(currentLang === "en" ? "Network request failed, please try again." : "\u7F51\u7EDC\u8BF7\u6C42\u5931\u8D25\uFF0C\u8BF7\u7A0D\u540E\u91CD\u8BD5");
+    });
+  };
+  const copyDirectLink = () => {
+    if (timeLeft <= 0) {
+      alert(t("codeExpired", currentLang));
+      return;
+    }
+    const effectiveQrIp = selectedTab === "tailscale" && status.tailscaleIp ? status.tailscaleIp : status.lanIp || "127.0.0.1";
+    const port = typeof window !== "undefined" && window.location.port || "3080";
+    const directLink = `http://${effectiveQrIp}:${port}/auth?token=${status.code || ""}`;
+    navigator.clipboard.writeText(directLink).then(() => {
+      setStatus((prev) => ({ ...prev, copied: true }));
+      setTimeout(() => {
+        setStatus((prev) => ({ ...prev, copied: false }));
+      }, 2e3);
+    });
+  };
+  const copyText = (text, successTip) => {
+    navigator.clipboard.writeText(text).then(() => {
+      setToast({
+        message: successTip || (currentLang === "en" ? "Copied to clipboard!" : "\u5DF2\u6210\u529F\u590D\u5236\u5230\u526A\u8D34\u677F\uFF01"),
+        type: "success"
+      });
+      setTimeout(() => setToast(null), 2500);
+    });
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
+    "div",
+    {
+      style: {
+        padding: "4px 8px",
+        color: "var(--dsw-alias-label-primary, inherit)",
+        display: "flex",
+        flexDirection: "column",
+        gap: "16px"
+      },
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
+          "div",
+          {
+            style: {
+              display: "flex",
+              alignItems: "flex-start",
+              justifyContent: "space-between",
+              flexWrap: "wrap",
+              gap: "12px",
+              marginBottom: "4px"
+            },
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { style: { minWidth: "220px", flex: 1 }, children: [
+                /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
+                  "div",
+                  {
+                    style: {
+                      display: "flex",
+                      alignItems: "center",
+                      gap: "8px",
+                      flexWrap: "wrap",
+                      margin: "0 0 6px 0"
+                    },
+                    children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+                        "h3",
+                        {
+                          style: {
+                            fontSize: "20px",
+                            fontWeight: "700",
+                            margin: 0,
+                            color: "var(--dsw-alias-label-primary, inherit)"
+                          },
+                          children: t("title", currentLang)
+                        }
+                      ),
+                      /* @__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"
+                          },
+                          children: PLUGIN_VERSION
+                        }
+                      )
+                    ]
+                  }
+                ),
+                /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+                  "div",
+                  {
+                    style: {
+                      fontSize: "13px",
+                      color: "var(--dsw-alias-label-tertiary, #888)"
+                    },
+                    children: t("subtitle", currentLang)
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
+                "a",
+                {
+                  href: "https://github.com/IceApriler/dsh-remote-mobile",
+                  target: "_blank",
+                  rel: "noopener noreferrer",
+                  style: {
+                    display: "inline-flex",
+                    alignItems: "center",
+                    gap: "6px",
+                    padding: "6px 12px",
+                    background: "var(--dsw-alias-bg-layer-3, rgba(128,128,128,0.1))",
+                    border: "1px solid var(--dsw-alias-border-l2, rgba(128,128,128,0.2))",
+                    borderRadius: "8px",
+                    color: "var(--dsw-alias-label-secondary, inherit)",
+                    fontSize: "12px",
+                    fontWeight: "500",
+                    textDecoration: "none",
+                    transition: "all 0.2s ease",
+                    cursor: "pointer"
+                  },
+                  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)(
+          NetworkCard,
+          {
+            status,
+            toggleTailscale,
+            toggleLan,
+            copyText,
+            lang: currentLang
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+          QrPairingCard,
+          {
+            status,
+            showCode,
+            setShowCode,
+            timeLeft,
+            showQr,
+            setShowQr,
+            selectedTab,
+            setSelectedTab,
+            generateQrSvg,
+            refreshStatusAndCode,
+            copyDirectLink,
+            lang: currentLang
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+          SecretCard,
+          {
+            status,
+            secretInput,
+            setSecretInput,
+            showSecret,
+            setShowSecret,
+            saveSecret,
+            clearSecret,
+            lang: currentLang
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+          DeviceListCard,
+          {
+            status,
+            revokeDevice,
+            revokeAll,
+            lang: currentLang
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+          SecurityCard,
+          {
+            status,
+            unlockIp,
+            clearIpStats,
+            lang: currentLang
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(StorageCard, { status, lang: currentLang }),
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+          ConfigCard,
+          {
+            maxVisitsInput,
+            setMaxVisitsInput,
+            maxFailedInput,
+            setMaxFailedInput,
+            lockDurationMinsInput,
+            setLockDurationMinsInput,
+            saveAdvancedConfig,
+            resetAdvancedConfigDefaults,
+            isSaving,
+            lang: currentLang
+          }
+        )
+      ]
+    }
+  );
+}
+
+// src/client/utils/toast.js
+function showGlobalDeviceToast(device, eventType) {
+  if (typeof document === "undefined") return;
+  var toastId = "dsh-global-device-toast";
+  var existing = document.getElementById(toastId);
+  if (existing) existing.remove();
+  var isNewPair = eventType === "device-connected";
+  var bgGradient = isNewPair ? "linear-gradient(135deg, rgba(16, 185, 129, 0.95), rgba(5, 150, 105, 0.95))" : "linear-gradient(135deg, rgba(59, 130, 246, 0.95), rgba(37, 99, 235, 0.95))";
+  var glowShadow = isNewPair ? "rgba(16, 185, 129, 0.3)" : "rgba(59, 130, 246, 0.3)";
+  var icon = isNewPair ? "\u{1F389}" : "\u{1F4F6}";
+  var title = isNewPair ? "\u65B0\u8BBE\u5907\u5DF2\u6210\u529F\u914D\u5BF9\u63A5\u5165\uFF01" : "\u5DF2\u6388\u6743\u8BBE\u5907\u5DF2\u91CD\u65B0\u4E0A\u7EBF\uFF01";
+  var toast = document.createElement("div");
+  toast.id = toastId;
+  toast.style.cssText = [
+    "position: fixed",
+    "top: 24px",
+    "left: 50%",
+    "transform: translateX(-50%)",
+    "z-index: 9999999",
+    "background: " + bgGradient,
+    "color: white",
+    "border-radius: 14px",
+    "padding: 14px 20px",
+    "box-shadow: 0 16px 36px rgba(0, 0, 0, 0.35), 0 0 24px " + glowShadow,
+    "display: flex",
+    "align-items: center",
+    "gap: 14px",
+    "min-width: 340px",
+    "max-width: 90vw",
+    "backdrop-filter: blur(12px)",
+    "-webkit-backdrop-filter: blur(12px)",
+    "border: 1px solid rgba(255, 255, 255, 0.25)",
+    'font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif',
+    "animation: dshToastIn 0.35s cubic-bezier(0.16, 1, 0.3, 1)",
+    "cursor: pointer"
+  ].join(";");
+  if (!document.getElementById("dsh-toast-anim-style")) {
+    var style = document.createElement("style");
+    style.id = "dsh-toast-anim-style";
+    style.textContent = "@keyframes dshToastIn { from { opacity: 0; transform: translate(-50%, -20px) scale(0.95); } to { opacity: 1; transform: translate(-50%, 0) scale(1); } } @keyframes dshToastOut { from { opacity: 1; transform: translate(-50%, 0); } to { opacity: 0; transform: translate(-50%, -20px); } }";
+    document.head.appendChild(style);
+  }
+  toast.innerHTML = [
+    '<div style="font-size: 26px; line-height: 1; filter: drop-shadow(0 2px 4px rgba(0,0,0,0.2));">' + icon + "</div>",
+    '<div style="flex: 1; min-width: 0;">',
+    '  <div style="font-size: 14px; font-weight: 700; margin-bottom: 2px; letter-spacing: 0.2px;">' + title + "</div>",
+    '  <div style="font-size: 12px; opacity: 0.92; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;">' + (device.deviceName || "\u79FB\u52A8\u7AEF\u8BBE\u5907") + " \xB7 IP: " + (device.ip || "\u672A\u77E5") + "</div>",
+    "</div>",
+    '<button id="dsh-toast-close" style="background: transparent; border: none; color: white; opacity: 0.8; font-size: 16px; cursor: pointer; padding: 4px 6px; line-height: 1; border-radius: 4px;">\u2715</button>'
+  ].join("");
+  document.body.appendChild(toast);
+  var timer = setTimeout(function() {
+    if (toast && toast.parentElement) {
+      toast.style.animation = "dshToastOut 0.3s forwards";
+      setTimeout(function() {
+        if (toast.parentElement) toast.remove();
+      }, 300);
+    }
+  }, 6e3);
+  var closeBtn = toast.querySelector("#dsh-toast-close");
+  if (closeBtn) {
+    closeBtn.onclick = function(e) {
+      e.stopPropagation();
+      clearTimeout(timer);
+      toast.remove();
+    };
+  }
+}
+function showGlobalSecurityToast(alertData) {
+  if (typeof document === "undefined") return;
+  var toastId = "dsh-global-security-toast";
+  var existing = document.getElementById(toastId);
+  if (existing) existing.remove();
+  var toast = document.createElement("div");
+  toast.id = toastId;
+  toast.style.cssText = [
+    "position: fixed",
+    "top: 24px",
+    "left: 50%",
+    "transform: translateX(-50%)",
+    "z-index: 9999999",
+    "background: linear-gradient(135deg, rgba(239, 68, 68, 0.95), rgba(185, 28, 28, 0.95))",
+    "color: white",
+    "border-radius: 14px",
+    "padding: 14px 20px",
+    "box-shadow: 0 16px 36px rgba(0, 0, 0, 0.4), 0 0 24px rgba(239, 68, 68, 0.4)",
+    "display: flex",
+    "align-items: center",
+    "gap: 14px",
+    "min-width: 360px",
+    "max-width: 90vw",
+    "backdrop-filter: blur(12px)",
+    "-webkit-backdrop-filter: blur(12px)",
+    "border: 1px solid rgba(255, 255, 255, 0.3)",
+    'font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif',
+    "animation: dshToastIn 0.35s cubic-bezier(0.16, 1, 0.3, 1)",
+    "cursor: pointer"
+  ].join(";");
+  toast.innerHTML = [
+    '<div style="font-size: 26px; line-height: 1; filter: drop-shadow(0 2px 4px rgba(0,0,0,0.2));">\u{1F6A8}</div>',
+    '<div style="flex: 1; min-width: 0;">',
+    '  <div style="font-size: 14px; font-weight: 700; margin-bottom: 2px; letter-spacing: 0.2px;">\u5B89\u5168\u62E6\u622A\u9884\u8B66</div>',
+    '  <div style="font-size: 12px; opacity: 0.95; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;">IP ' + (alertData.ip || "\u672A\u77E5") + " " + (alertData.reason || "\u5DF2\u89E6\u53D1\u5B89\u5168\u7194\u65AD\u9501\u5B9A\uFF01") + "</div>",
+    "</div>",
+    '<button id="dsh-sec-toast-close" style="background: transparent; border: none; color: white; opacity: 0.8; font-size: 16px; cursor: pointer; padding: 4px 6px; line-height: 1; border-radius: 4px;">\u2715</button>'
+  ].join("");
+  document.body.appendChild(toast);
+  var timer = setTimeout(function() {
+    if (toast && toast.parentElement) {
+      toast.style.animation = "dshToastOut 0.3s forwards";
+      setTimeout(function() {
+        if (toast.parentElement) toast.remove();
+      }, 300);
+    }
+  }, 7e3);
+  var closeBtn = toast.querySelector("#dsh-sec-toast-close");
+  if (closeBtn) {
+    closeBtn.onclick = function(e) {
+      e.stopPropagation();
+      clearTimeout(timer);
+      toast.remove();
+    };
+  }
+}
+
+// src/client/index.jsx
+var inject = ["slots", "locale", "connection", "settingsScope", "remote"];
+function apply(ctx) {
+  if (typeof window !== "undefined") {
+    window.__DSH_CLIENT_CTX__ = ctx;
+    var meta = document.querySelector('meta[name="viewport"]');
+    if (!meta) {
+      meta = document.createElement("meta");
+      meta.name = "viewport";
+      document.head.appendChild(meta);
+    }
+    meta.content = "width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover";
+    if (!window.__DSH_REMOTE_MOBILE_SSE_LISTENER__) {
+      window.__DSH_REMOTE_MOBILE_SSE_LISTENER__ = true;
+      var initSse = function() {
+        try {
+          var eventSource = new EventSource("/api/remote-mobile/events");
+          eventSource.onmessage = function(event) {
+            try {
+              var data = JSON.parse(event.data || "{}");
+              if (data.type === "device-connected" && data.device) {
+                showGlobalDeviceToast(data.device, "device-connected");
+                window.dispatchEvent(new CustomEvent("dsh-device-updated", { detail: data }));
+              } else if (data.type === "device-online" && data.device) {
+                showGlobalDeviceToast(data.device, "device-online");
+                window.dispatchEvent(new CustomEvent("dsh-device-updated", { detail: data }));
+              } else if (data.type === "device-revoked") {
+                window.dispatchEvent(new CustomEvent("dsh-device-updated", { detail: data }));
+              } else if (data.type === "ip-security-alert") {
+                showGlobalSecurityToast(data);
+                window.dispatchEvent(new CustomEvent("dsh-device-updated", { detail: data }));
+              } else if (data.type === "ip-security-updated") {
+                window.dispatchEvent(new CustomEvent("dsh-device-updated", { detail: data }));
+              }
+            } catch (e) {
+            }
+          };
+          eventSource.onerror = function() {
+            try {
+              eventSource.close();
+            } catch (e) {
+            }
+            setTimeout(initSse, 3e3);
+          };
+        } catch (e) {
+          setTimeout(initSse, 5e3);
+        }
+      };
+      initSse();
+    }
+    var slots = null;
+    try {
+      if (ctx && typeof ctx.get === "function") {
+        slots = ctx.get("slots");
+      } else if (ctx && ctx.slots) {
+        slots = ctx.slots;
+      }
+    } catch (e) {
+    }
+    if (slots && typeof slots.inject === "function") {
+      try {
+        slots.inject("settings.section", function() {
+          var unregister = slots.register({
+            name: "settings.section",
+            id: "tailscale-mobile",
+            order: 150,
+            label: function() {
+              var lang = resolveLocale(ctx);
+              return lang === "en" ? "Remote & Mobile" : "\u8FDC\u7A0B\u4E0E\u79FB\u52A8\u7AEF";
+            }
+          }, TailscaleMobileSection);
+          return function() {
+            if (typeof unregister === "function") unregister();
+          };
+        });
+      } catch (e) {
+      }
+    }
+  }
+}
+var index_default = apply;
+
+
+    return module.exports;
+  }
+});