@dshfly/remote-connector 0.2.1

package/dist/client.js

@@ -0,0 +1,556 @@
+window.__ModuleLoader__.load({ id: "@dshfly/remote-connector", factory: (require) => { var module = { exports: {} }; var exports = module.exports;
+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, {
+  apply: () => apply,
+  inject: () => inject
+});
+module.exports = __toCommonJS(index_exports);
+
+// src/client/locales.js
+var zh = {
+  nav: "\u8FDC\u7A0B\u8FDE\u63A5",
+  statusConnected: "\u5DF2\u8FDE\u63A5",
+  statusConnecting: "\u8FDE\u63A5\u4E2D",
+  statusDisconnected: "\u672A\u8FDE\u63A5",
+  relayServer: "\u4E2D\u7EE7\u670D\u52A1\u5668",
+  version: "\u7248\u672C",
+  checkUpdate: "\u68C0\u67E5\u66F4\u65B0",
+  updateAvailable: "\u53D1\u73B0\u65B0\u7248\u672C",
+  upgrade: "\u4E00\u952E\u5347\u7EA7",
+  upgrading: "\u5347\u7EA7\u4E2D\u2026",
+  upgradeDone: "\u5347\u7EA7\u5B8C\u6210\uFF0C\u8BF7\u91CD\u542F dsh web \u751F\u6548",
+  upgradeFailed: "\u5347\u7EA7\u5931\u8D25",
+  upToDate: "\u5DF2\u662F\u6700\u65B0\u7248\u672C",
+  checkFailed: "\u68C0\u67E5\u66F4\u65B0\u5931\u8D25",
+  accountName: "\u8D26\u53F7",
+  deviceId: "\u8BBE\u5907 ID",
+  hostname: "\u8BA1\u7B97\u673A\u540D",
+  pairedDevices: "\u5DF2\u914D\u5BF9\u8BBE\u5907",
+  noDevices: "\u6682\u65E0\u5DF2\u914D\u5BF9\u8BBE\u5907",
+  lastUsed: "\u6700\u8FD1\u4F7F\u7528",
+  never: "\u4ECE\u672A",
+  unpair: "\u89E3\u9664\u914D\u5BF9",
+  deviceOnline: "\u5728\u7EBF",
+  deviceOffline: "\u79BB\u7EBF",
+  startPairing: "\u65B0\u5EFA\u914D\u5BF9",
+  pairingTitle: "\u914D\u5BF9\u4E8C\u7EF4\u7801",
+  waitingScan: "\u7B49\u5F85\u624B\u673A\u626B\u7801\u2026\uFF0810 \u5206\u949F\u6709\u6548\uFF09",
+  recommendedTitle: "\u63A8\u8350\u63D2\u4EF6",
+  recommendedHint: "\u88C5\u5230\u672C\u673A dsh web \u540E\uFF0C\u624B\u673A App \u7684\u63D2\u4EF6 Tab \u4F1A\u81EA\u52A8\u51FA\u73B0\uFF1A",
+  install: "\u4E00\u952E\u5B89\u88C5",
+  installing: "\u5B89\u88C5\u4E2D\u2026",
+  installed: "\u5DF2\u5B89\u88C5",
+  installDone: "\u5B89\u88C5\u5B8C\u6210\uFF0C\u65E0\u9700\u91CD\u542F",
+  installReboot: "\u5DF2\u5B89\u88C5\uFF0C\u9700\u91CD\u542F dsh web \u540E\u751F\u6548",
+  installFailed: "\u5B89\u88C5\u5931\u8D25",
+  awaitingConfirm: "\u6709\u4E00\u53F0\u624B\u673A\u8BF7\u6C42\u4E0E\u672C\u673A\u914D\u5BF9",
+  confirmPairing: "\u914D\u5BF9\u8BF7\u6C42",
+  approve: "\u786E\u8BA4\u901A\u8FC7",
+  reject: "\u62D2\u7EDD",
+  pairingDone: "\u914D\u5BF9\u5B8C\u6210",
+  pairingRejected: "\u5DF2\u62D2\u7EDD\u8BE5\u914D\u5BF9\u8BF7\u6C42",
+  copyLink: "\u590D\u5236\u94FE\u63A5",
+  copied: "\u5DF2\u590D\u5236",
+  refresh: "\u5237\u65B0",
+  operationFailed: "\u64CD\u4F5C\u5931\u8D25\uFF0C\u8BF7\u91CD\u8BD5",
+  loadFailed: "\u52A0\u8F7D\u72B6\u6001\u5931\u8D25",
+  confirmUnpair: "\u786E\u8BA4\u89E3\u9664\u8FD9\u53F0\u8BBE\u5907\u7684\u914D\u5BF9\uFF1F",
+  fullDisk: "\u5141\u8BB8\u6D4F\u89C8\u5B8C\u6574\u78C1\u76D8",
+  fullDiskHint: "\u5F00\u542F\u540E\u624B\u673A\u53EF\u6D4F\u89C8\u6574\u4E2A\u6587\u4EF6\u7CFB\u7EDF\u5E76\u65B0\u5EFA\u4EFB\u610F\u4F4D\u7F6E\u7684\u5DE5\u4F5C\u533A\uFF1B\u5173\u95ED\u5219\u4EC5\u9650\u5DF2\u767B\u8BB0\u5DE5\u4F5C\u533A\u4E0E dsh web \u4E3B\u76EE\u5F55",
+  permissionChanged: "\u6743\u9650\u5DF2\u66F4\u65B0",
+  intro: "\u901A\u8FC7\u624B\u673A App \u968F\u65F6\u968F\u5730\u8FDE\u63A5 DeepSeek Harness\u2014\u2014\u7AEF\u5230\u7AEF\u52A0\u5BC6\u3001\u5B89\u5168\u4E2D\u7EE7\uFF0C\u590D\u6742\u7F51\u7EDC\u73AF\u5883\u4E5F\u80FD\u7A33\u5B9A\u8FDE\u63A5\u3002",
+  confirm: "\u786E\u5B9A",
+  cancel: "\u53D6\u6D88",
+  scanHint: "\u5728\u624B\u673A\u4E0A\u4F7F\u7528 DSH Fly \u626B\u7801",
+  shortCodeHint: "\u8BF7\u6838\u5BF9\u624B\u673A\u5C4F\u5E55\u4E0A\u7684\u914D\u5BF9\u7801",
+  shortCodeCompare: "\u4E0E\u624B\u673A\u300C\u914D\u5BF9\u5B8C\u6210\u300D\u9875\u663E\u793A\u7684 8 \u4F4D\u7801\u4E00\u81F4\u624D\u53EF\u786E\u8BA4\u2014\u2014\u7801\u4E0D\u540C\u8BF4\u660E\u4E2D\u7EE7\u88AB\u7BE1\u6539",
+  knownDevice: "\u8FD9\u662F\u5DF2\u914D\u5BF9\u8FC7\u7684\u8BBE\u5907\uFF0C\u786E\u8BA4\u540E\u514D\u7801\u91CD\u8FDE",
+  tokenRevoked: "\u8BBE\u5907\u5DF2\u64A4\u9500",
+  tokenRevokedTip: "\u672C\u673A\u5DF2\u88AB\u4E2D\u7EE7\u64A4\u9500\uFF0C\u9700\u91CD\u65B0\u521D\u59CB\u5316\u540E\u518D\u914D\u5BF9",
+  tokenExpired: "\u51ED\u8BC1\u5DF2\u8FC7\u671F",
+  tokenExpiredTip: "\u8BBE\u5907\u51ED\u8BC1\u5DF2\u8FC7\u671F\uFF0C\u6B63\u5728\u81EA\u52A8\u5237\u65B0\uFF08\u4E00\u822C\u51E0\u79D2\u5185\u6062\u590D\uFF09",
+  tokenExpiring: "\u51ED\u8BC1\u5373\u5C06\u8FC7\u671F",
+  tokenExpiringTip: "\u8BBE\u5907\u51ED\u8BC1\u5C06\u5728 12 \u5C0F\u65F6\u5185\u8FC7\u671F\uFF0C\u4F1A\u81EA\u52A8\u5237\u65B0",
+  tokenUnregistered: "\u672A\u767B\u8BB0",
+  tokenUnregisteredTip: "\u672C\u673A\u5C1A\u672A\u5728\u4E2D\u7EE7\u767B\u8BB0\uFF0C\u65B0\u5EFA\u914D\u5BF9\u4F1A\u81EA\u52A8\u767B\u8BB0"
+};
+var en = {
+  nav: "Remote Connector",
+  statusConnected: "Connected",
+  statusConnecting: "Connecting",
+  statusDisconnected: "Disconnected",
+  relayServer: "Relay server",
+  version: "Version",
+  checkUpdate: "Check update",
+  updateAvailable: "New version available",
+  upgrade: "Upgrade",
+  upgrading: "Upgrading\u2026",
+  upgradeDone: "Upgrade done, restart dsh web to apply",
+  upgradeFailed: "Upgrade failed",
+  upToDate: "Up to date",
+  checkFailed: "Update check failed",
+  accountName: "Account",
+  deviceId: "Device ID",
+  hostname: "Hostname",
+  pairedDevices: "Paired devices",
+  noDevices: "No paired devices",
+  lastUsed: "Last used",
+  never: "never",
+  unpair: "Unpair",
+  deviceOnline: "Online",
+  deviceOffline: "Offline",
+  startPairing: "New pairing",
+  pairingTitle: "Pairing QR",
+  waitingScan: "Waiting for phone scan\u2026 (10 min)",
+  awaitingConfirm: "A phone is requesting to pair with this machine",
+  confirmPairing: "Pairing request",
+  approve: "Approve",
+  reject: "Reject",
+  pairingDone: "Paired",
+  pairingRejected: "Pairing request rejected",
+  copyLink: "Copy link",
+  copied: "Copied",
+  refresh: "Refresh",
+  operationFailed: "Operation failed, retry",
+  loadFailed: "Failed to load status",
+  confirmUnpair: "Unpair this device?",
+  fullDisk: "Allow full disk browsing",
+  fullDiskHint: "When on, the phone can browse the whole filesystem and create workspaces anywhere; when off, it is limited to registered workspaces and the dsh web home directory",
+  permissionChanged: "Permission updated",
+  intro: "Connect to DeepSeek Harness from your phone anytime, anywhere \u2014 end-to-end encrypted, secure relay, stable under any network conditions.",
+  confirm: "OK",
+  cancel: "Cancel",
+  scanHint: "Scan with the DSH Fly app on your phone",
+  shortCodeHint: "Compare with the pairing code on the phone screen",
+  shortCodeCompare: `Only confirm if it matches the 8-char code on the phone's "paired" screen \u2014 a mismatch means the relay was tampered with`,
+  knownDevice: "This device was paired before; confirm to reconnect without a code",
+  tokenRevoked: "Device revoked",
+  tokenRevokedTip: "This machine was revoked by the relay; reinitialize before pairing",
+  tokenExpired: "Credential expired",
+  tokenExpiredTip: "Device credential expired, auto-refreshing (usually recovers in seconds)",
+  tokenExpiring: "Credential expiring",
+  tokenExpiringTip: "Device credential expires within 12h, auto-refreshed",
+  tokenUnregistered: "Unregistered",
+  tokenUnregisteredTip: "Not registered on the relay; a new pairing registers it automatically",
+  recommendedTitle: "Recommended plugins",
+  recommendedHint: "Installed into this dsh web, they appear in the app plugin tab automatically:",
+  install: "Install",
+  installing: "Installing\u2026",
+  installed: "Installed",
+  installDone: "Installed, no restart needed",
+  installReboot: "Installed, restart dsh web to apply",
+  installFailed: "Install failed"
+};
+
+// src/client/SettingsSection.jsx
+var import_react = __toESM(require("react"), 1);
+
+// src/client/api.js
+async function request(path, init) {
+  const headers = new Headers(init?.headers);
+  if (init?.body !== void 0 && !headers.has("content-type")) {
+    headers.set("content-type", "application/json");
+  }
+  const response = await fetch(path, { ...init, headers, cache: "no-store" });
+  let payload = null;
+  try {
+    payload = await response.json();
+  } catch {
+  }
+  if (!response.ok) {
+    throw new Error(payload && payload.error || `HTTP ${response.status}`);
+  }
+  return payload;
+}
+var getStatus = () => request("/dshfly/status");
+var startPairing = () => request("/dshfly/pair", { method: "POST" });
+var getPairing = (id) => request(`/dshfly/pair/${encodeURIComponent(id)}`);
+var confirmPairing = (id, fullDisk = false) => request(`/dshfly/pair/${encodeURIComponent(id)}/confirm`, { method: "POST", body: JSON.stringify({ fullDisk }) });
+var rejectPairing = (id) => request(`/dshfly/pair/${encodeURIComponent(id)}/reject`, { method: "POST" });
+var unpair = (phonePk) => request("/dshfly/unpair", { method: "POST", body: JSON.stringify({ phonePk }) });
+var setPermission = (phonePk, fullDisk) => request("/dshfly/permissions", { method: "POST", body: JSON.stringify({ phonePk, fullDisk }) });
+var getRecommendedPlugins = () => request("/dshfly/plugins/recommended");
+var installPlugin = (id) => request("/dshfly/plugins/install", { method: "POST", body: JSON.stringify({ id }) });
+var checkUpdate = () => request("/dshfly/plugins/checkUpdate");
+var upgrade = () => request("/dshfly/plugins/upgrade", { method: "POST" });
+
+// src/client/SettingsSection.jsx
+var sectionStyle = {
+  display: "grid",
+  gap: 20,
+  maxWidth: 760,
+  // 对齐 DSH 内置设置页 section（.pbvGtq_section max-width:760px）
+  padding: "8px 0 32px"
+};
+var cardStyle = {
+  border: "1px solid var(--dsh-border, rgba(127, 127, 127, .28))",
+  borderRadius: 12,
+  padding: 16,
+  display: "grid",
+  gap: 12
+};
+var rowStyle = {
+  display: "flex",
+  alignItems: "center",
+  justifyContent: "space-between",
+  gap: 12,
+  flexWrap: "wrap"
+};
+var labelStyle = { fontSize: 12, opacity: 0.65 };
+var badgeStyle = (color) => ({
+  display: "inline-flex",
+  alignItems: "center",
+  gap: 6,
+  fontSize: 13,
+  padding: "3px 10px",
+  borderRadius: 999,
+  border: "1px solid currentColor",
+  color
+});
+var btnStyle = {
+  border: "1px solid var(--dsh-border, rgba(127, 127, 127, .35))",
+  borderRadius: 8,
+  background: "transparent",
+  color: "inherit",
+  padding: "8px 14px",
+  cursor: "pointer",
+  fontSize: 13
+};
+var deviceStatusStyle = (online) => ({
+  display: "inline-flex",
+  alignItems: "center",
+  gap: 5,
+  fontSize: 12,
+  padding: "2px 8px",
+  borderRadius: 999,
+  border: "1px solid currentColor",
+  color: online ? "#2f9e44" : "#868e96",
+  whiteSpace: "nowrap"
+});
+var switchStyle = { display: "flex", alignItems: "center", gap: 8, fontSize: 13 };
+var modalBackdropStyle = {
+  position: "fixed",
+  inset: 0,
+  zIndex: 9999,
+  background: "rgba(0, 0, 0, 0.55)",
+  display: "flex",
+  alignItems: "center",
+  justifyContent: "center",
+  padding: 24
+};
+var modalCardStyle = {
+  background: "var(--dsh-card-bg, #fff)",
+  color: "var(--dsh-card-fg, #1a1d26)",
+  borderRadius: 16,
+  padding: 24,
+  maxWidth: 380,
+  width: "100%",
+  boxShadow: "0 12px 40px rgba(0,0,0,.35)"
+};
+var modalTitleStyle = { fontSize: 17, fontWeight: "700", marginBottom: 10 };
+function statusBadge(connection, t, relayUrl) {
+  const tip = relayUrl ? `${t("relayServer")}: ${relayUrl}` : void 0;
+  if (connection === "connected") return /* @__PURE__ */ import_react.default.createElement("span", { style: badgeStyle("#2f9e44"), title: tip }, "\u25CF ", t("statusConnected"));
+  if (connection === "connecting") return /* @__PURE__ */ import_react.default.createElement("span", { style: badgeStyle("#e8890c"), title: tip }, "\u25D0 ", t("statusConnecting"));
+  return /* @__PURE__ */ import_react.default.createElement("span", { style: badgeStyle("#c92a2a"), title: tip }, "\u25CB ", t("statusDisconnected"));
+}
+function tokenBadge(tokenState, t) {
+  if (tokenState === "revoked") return /* @__PURE__ */ import_react.default.createElement("span", { style: badgeStyle("#c92a2a"), title: t("tokenRevokedTip") }, "\u26A0 ", t("tokenRevoked"));
+  if (tokenState === "expired") return /* @__PURE__ */ import_react.default.createElement("span", { style: badgeStyle("#c92a2a"), title: t("tokenExpiredTip") }, "\u26A0 ", t("tokenExpired"));
+  if (tokenState === "expiring") return /* @__PURE__ */ import_react.default.createElement("span", { style: badgeStyle("#e8890c"), title: t("tokenExpiringTip") }, "\u25D0 ", t("tokenExpiring"));
+  if (tokenState === "unregistered") return /* @__PURE__ */ import_react.default.createElement("span", { style: badgeStyle("#868e96"), title: t("tokenUnregisteredTip") }, "\u25CB ", t("tokenUnregistered"));
+  return null;
+}
+function fmtTime(ts, t) {
+  if (!ts) return t("never");
+  const d = new Date(ts);
+  return `${d.getMonth() + 1}/${d.getDate()} ${String(d.getHours()).padStart(2, "0")}:${String(d.getMinutes()).padStart(2, "0")}`;
+}
+function SettingsSection({ t }) {
+  const [status, setStatus] = (0, import_react.useState)(null);
+  const [pairing, setPairing] = (0, import_react.useState)(null);
+  const [confirmFullDisk, setConfirmFullDisk] = (0, import_react.useState)(false);
+  const [busy, setBusy] = (0, import_react.useState)(null);
+  const [error, setError] = (0, import_react.useState)(null);
+  const [notice, setNotice] = (0, import_react.useState)(null);
+  const [recommended, setRecommended] = (0, import_react.useState)(null);
+  const [installBusy, setInstallBusy] = (0, import_react.useState)(null);
+  const [installNotice, setInstallNotice] = (0, import_react.useState)(null);
+  const [updateInfo, setUpdateInfo] = (0, import_react.useState)(null);
+  const [updateBusy, setUpdateBusy] = (0, import_react.useState)(false);
+  const [toast, setToast] = (0, import_react.useState)(null);
+  const toastTimer = (0, import_react.useRef)(null);
+  const showToast = (0, import_react.useCallback)((text, kind = "ok") => {
+    setToast({ text, kind });
+    if (toastTimer.current) clearTimeout(toastTimer.current);
+    toastTimer.current = setTimeout(() => setToast(null), 3e3);
+  }, []);
+  const loadUpdate = (0, import_react.useCallback)(async (manual = false) => {
+    try {
+      const r = await checkUpdate();
+      setUpdateInfo(r);
+      if (manual) {
+        if (r.updateAvailable) showToast(t("updateAvailable") + ` v${r.latest}`, "ok");
+        else if (r.error) showToast(`${t("checkFailed")}\uFF1A${r.error}`, "err");
+        else showToast(t("upToDate"), "ok");
+      }
+    } catch (e) {
+      setUpdateInfo({ error: e.message });
+      if (manual) showToast(`${t("checkFailed")}\uFF1A${e.message}`, "err");
+    }
+  }, [t, showToast]);
+  (0, import_react.useEffect)(() => {
+    void loadUpdate(false);
+  }, [loadUpdate]);
+  const onUpgrade = (0, import_react.useCallback)(async () => {
+    setUpdateBusy(true);
+    try {
+      await upgrade();
+      showToast(t("upgradeDone"), "ok");
+    } catch (e) {
+      showToast(`${t("upgradeFailed")}\uFF1A${e.message}`, "err");
+    } finally {
+      setUpdateBusy(false);
+    }
+  }, [t, showToast]);
+  const loadRecommended = (0, import_react.useCallback)(async () => {
+    try {
+      const r = await getRecommendedPlugins();
+      setRecommended(r.plugins || []);
+    } catch (e) {
+      setRecommended([]);
+    }
+  }, []);
+  (0, import_react.useEffect)(() => {
+    void loadRecommended();
+  }, [loadRecommended]);
+  const onInstallPlugin = (0, import_react.useCallback)(async (id) => {
+    setInstallBusy(id);
+    setInstallNotice(null);
+    try {
+      const r = await installPlugin(id);
+      setInstallNotice({ id, text: r.rebootNeeded ? t("installReboot") : t("installDone"), kind: "ok" });
+      void loadRecommended();
+    } catch (e) {
+      setInstallNotice({ id, text: `${t("installFailed")}\uFF1A${e.message}`, kind: "err" });
+    } finally {
+      setInstallBusy(null);
+    }
+  }, [t, loadRecommended]);
+  const refresh = (0, import_react.useCallback)(async () => {
+    try {
+      setStatus(await getStatus());
+    } catch (e) {
+      setError(e.message);
+    }
+  }, []);
+  (0, import_react.useEffect)(() => {
+    void refresh();
+    const timer = window.setInterval(() => void refresh(), 2e3);
+    return () => window.clearInterval(timer);
+  }, [refresh]);
+  (0, import_react.useEffect)(() => {
+    if (!pairing || pairing.phase === "done" || pairing.phase === "awaiting-confirm") return;
+    let alive = true;
+    const timer = window.setInterval(async () => {
+      try {
+        const st = await getPairing(pairing.pairingId);
+        if (st.status === "completed" && alive) {
+          setPairing((p) => ({
+            ...p,
+            phase: "awaiting-confirm",
+            phonePk: st.phone?.pk_identity || p.phonePk,
+            phoneName: st.phone?.name || p.phoneName,
+            shortCode: st.shortCode || null,
+            // A0：首次配对短码（connector 本地计算）
+            known: !!st.known
+            // A0：已 pin 设备 → 免码直接确认
+          }));
+        } else if (st.status === "done" && alive) {
+          setPairing((p) => ({ ...p, phase: "done" }));
+          void refresh();
+        }
+      } catch {
+      }
+    }, 1500);
+    return () => {
+      alive = false;
+      window.clearInterval(timer);
+    };
+  }, [pairing, refresh]);
+  async function run(label, action) {
+    try {
+      setBusy(label);
+      setError(null);
+      setNotice(null);
+      await action();
+    } catch (e) {
+      setError(e.message || t("operationFailed"));
+    } finally {
+      setBusy(null);
+    }
+  }
+  async function onStartPairing() {
+    await run("pair", async () => {
+      const p = await startPairing();
+      setPairing({ ...p, phase: "waiting-scan" });
+    });
+  }
+  async function onConfirm() {
+    if (!pairing) return;
+    await run("confirm", async () => {
+      await confirmPairing(pairing.pairingId, confirmFullDisk);
+      setPairing((p) => ({ ...p, phase: "done" }));
+      setConfirmFullDisk(false);
+      await refresh();
+    });
+  }
+  async function onReject() {
+    if (!pairing) return;
+    await run("reject", async () => {
+      await rejectPairing(pairing.pairingId);
+      setPairing(null);
+      setNotice(t("pairingRejected"));
+    });
+  }
+  async function onUnpair(phonePk) {
+    if (!window.confirm(t("confirmUnpair"))) return;
+    await run("unpair", async () => {
+      await unpair(phonePk);
+      await refresh();
+    });
+  }
+  async function onTogglePermission(phonePk, fullDisk) {
+    await run("perm", async () => {
+      await setPermission(phonePk, fullDisk);
+      await refresh();
+      setNotice(t("permissionChanged"));
+    });
+  }
+  async function onCopyLink() {
+    if (!pairing?.deepLink) return;
+    try {
+      await navigator.clipboard.writeText(pairing.deepLink);
+      setNotice(t("copied"));
+    } catch {
+      setError(t("operationFailed"));
+    }
+  }
+  const connected = status?.connection === "connected";
+  const devices = status?.devices || [];
+  const recommendedPending = (recommended || []).filter((p) => !p.installed);
+  return /* @__PURE__ */ import_react.default.createElement("div", { style: sectionStyle }, /* @__PURE__ */ import_react.default.createElement("div", { style: { display: "flex", alignItems: "center", justifyContent: "space-between", gap: 16 } }, /* @__PURE__ */ import_react.default.createElement("h2", { style: { margin: 0, fontSize: 18, fontWeight: 600, color: "var(--dsw-alias-label-primary, inherit)" } }, t("nav")), /* @__PURE__ */ import_react.default.createElement("div", { style: { display: "flex", alignItems: "center", gap: 8, flexShrink: 0 } }, /* @__PURE__ */ import_react.default.createElement("code", { style: { fontSize: 13, opacity: 0.75 } }, status?.version ? `v${status.version}` : "\u2026"), /* @__PURE__ */ import_react.default.createElement(
+    "button",
+    {
+      title: t("checkUpdate"),
+      "aria-label": t("checkUpdate"),
+      onClick: () => loadUpdate(true),
+      disabled: updateBusy,
+      style: {
+        border: "none",
+        background: "transparent",
+        cursor: updateBusy ? "default" : "pointer",
+        padding: 6,
+        borderRadius: 6,
+        color: "inherit",
+        opacity: updateBusy ? 0.4 : 0.7,
+        lineHeight: 0
+      }
+    },
+    /* @__PURE__ */ import_react.default.createElement("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.2", strokeLinecap: "round", strokeLinejoin: "round" }, /* @__PURE__ */ import_react.default.createElement("path", { d: "M21 12a9 9 0 1 1-2.64-6.36" }), /* @__PURE__ */ import_react.default.createElement("polyline", { points: "21 3 21 9 15 9" }))
+  ))), /* @__PURE__ */ import_react.default.createElement("p", { style: { margin: 0, fontSize: 13, color: "var(--dsw-alias-label-tertiary, inherit)", lineHeight: 1.6, maxWidth: 560 } }, t("intro")), updateInfo?.updateAvailable && /* @__PURE__ */ import_react.default.createElement("div", { style: { ...cardStyle, borderColor: "#e8890c", padding: "10px 16px" } }, /* @__PURE__ */ import_react.default.createElement("div", { style: { ...rowStyle, gap: 10 } }, /* @__PURE__ */ import_react.default.createElement("span", { style: { fontSize: 13, color: "#e8890c" } }, t("updateAvailable"), " v", updateInfo.latest), /* @__PURE__ */ import_react.default.createElement("span", { style: { display: "flex", alignItems: "center", gap: 8 } }, /* @__PURE__ */ import_react.default.createElement("button", { style: btnStyle, onClick: onUpgrade, disabled: updateBusy }, updateBusy ? t("upgrading") : t("upgrade"))))), /* @__PURE__ */ import_react.default.createElement("div", { style: cardStyle }, /* @__PURE__ */ import_react.default.createElement("div", { style: rowStyle }, /* @__PURE__ */ import_react.default.createElement("span", { style: labelStyle }, t("relayServer")), /* @__PURE__ */ import_react.default.createElement("span", { style: { display: "flex", alignItems: "center", gap: 8 } }, statusBadge(status?.connection, t, status?.relayUrl), tokenBadge(status?.tokenState, t))), /* @__PURE__ */ import_react.default.createElement("div", { style: rowStyle }, /* @__PURE__ */ import_react.default.createElement("span", { style: labelStyle }, t("accountName")), /* @__PURE__ */ import_react.default.createElement("code", null, status?.accountName || "\u2026")), /* @__PURE__ */ import_react.default.createElement("div", { style: rowStyle }, /* @__PURE__ */ import_react.default.createElement("span", { style: labelStyle }, t("deviceId")), /* @__PURE__ */ import_react.default.createElement("code", null, status?.deviceId ? status.deviceId.slice(0, 12) + "\u2026" : "\u2026")), /* @__PURE__ */ import_react.default.createElement("div", { style: rowStyle }, /* @__PURE__ */ import_react.default.createElement("span", { style: labelStyle }, t("hostname")), /* @__PURE__ */ import_react.default.createElement("code", null, status?.hostname || "\u2026"))), recommendedPending.length > 0 && /* @__PURE__ */ import_react.default.createElement("div", { style: cardStyle }, /* @__PURE__ */ import_react.default.createElement("div", { style: { fontSize: 15, fontWeight: "600" } }, t("recommendedTitle")), /* @__PURE__ */ import_react.default.createElement("div", { style: { fontSize: 13, opacity: 0.7, lineHeight: 1.5 } }, t("recommendedHint")), recommendedPending.map((p) => /* @__PURE__ */ import_react.default.createElement("div", { key: p.id, style: rowStyle }, /* @__PURE__ */ import_react.default.createElement("span", { style: { display: "flex", alignItems: "center", gap: 8, fontSize: 13 } }, /* @__PURE__ */ import_react.default.createElement("span", null, p.icon ? /* @__PURE__ */ import_react.default.createElement("span", { style: { fontSize: 16 } }, "\u{1F4E6}") : null), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement("strong", null, p.title), " \u2014 ", p.description)), /* @__PURE__ */ import_react.default.createElement(
+    "button",
+    {
+      style: btnStyle,
+      onClick: () => onInstallPlugin(p.id),
+      disabled: installBusy !== null
+    },
+    installBusy === p.id ? t("installing") : t("install")
+  ), installNotice?.id === p.id && /* @__PURE__ */ import_react.default.createElement("span", { style: { fontSize: 12, color: installNotice.kind === "err" ? "#c92a2a" : "#2f9e44" } }, installNotice.text)))), /* @__PURE__ */ import_react.default.createElement("div", { style: cardStyle }, /* @__PURE__ */ import_react.default.createElement("div", { style: rowStyle }, /* @__PURE__ */ import_react.default.createElement("strong", null, t("pairingTitle")), !pairing && /* @__PURE__ */ import_react.default.createElement("button", { style: btnStyle, onClick: onStartPairing, disabled: busy !== null || !connected }, t("startPairing"))), pairing && pairing.phase === "waiting-scan" && pairing.qrDataUrl && /* @__PURE__ */ import_react.default.createElement("div", { style: { display: "grid", justifyItems: "center", gap: 10 } }, /* @__PURE__ */ import_react.default.createElement("img", { src: pairing.qrDataUrl, alt: "QR", style: { width: 220, height: 220, borderRadius: 8 } }), /* @__PURE__ */ import_react.default.createElement("div", { style: { fontSize: 13, opacity: 0.75 } }, t("scanHint")), /* @__PURE__ */ import_react.default.createElement("div", { style: { fontSize: 12, opacity: 0.6 } }, pairing.pairingId, " \xB7 ", pairing.fp.slice(0, 12), "\u2026"), /* @__PURE__ */ import_react.default.createElement("button", { style: btnStyle, onClick: onCopyLink }, t("copyLink"))), pairing && pairing.phase === "done" && /* @__PURE__ */ import_react.default.createElement("div", { style: { display: "grid", gap: 10 } }, /* @__PURE__ */ import_react.default.createElement("div", { style: { fontSize: 14, color: "#2f9e44" } }, t("pairingDone")), /* @__PURE__ */ import_react.default.createElement("button", { style: btnStyle, onClick: () => setPairing(null), disabled: busy !== null }, t("startPairing")))), pairing && pairing.phase === "awaiting-confirm" && /* @__PURE__ */ import_react.default.createElement("div", { style: modalBackdropStyle }, /* @__PURE__ */ import_react.default.createElement("div", { style: modalCardStyle }, /* @__PURE__ */ import_react.default.createElement("div", { style: modalTitleStyle }, t("confirmPairing")), /* @__PURE__ */ import_react.default.createElement("div", { style: { fontSize: 14, opacity: 0.8, marginBottom: 6 } }, t("awaitingConfirm")), /* @__PURE__ */ import_react.default.createElement("div", { style: { fontSize: 13, opacity: 0.65, marginBottom: 14 } }, pairing.phoneName ? `${t("deviceId")}: ${pairing.phoneName}` : `${pairing.pairingId.slice(0, 8)}\u2026 \xB7 ${t("deviceId")}: ${pairing.phonePk ? pairing.phonePk.slice(0, 10) + "\u2026" : "\u2014"}`), pairing.shortCode && /* @__PURE__ */ import_react.default.createElement("div", { style: { background: "var(--dsh-border, rgba(127,127,127,.08))", borderRadius: 8, padding: "12px 14px", marginBottom: 12, textAlign: "center" } }, /* @__PURE__ */ import_react.default.createElement("div", { style: { fontSize: 12, opacity: 0.7, marginBottom: 6 } }, t("shortCodeHint")), /* @__PURE__ */ import_react.default.createElement("div", { style: { fontSize: 28, fontWeight: 800, letterSpacing: 4, fontFamily: "monospace", color: "var(--dsh-fg, #1a1d26)" } }, pairing.shortCode), /* @__PURE__ */ import_react.default.createElement("div", { style: { fontSize: 12, opacity: 0.6, marginTop: 6, lineHeight: 1.5 } }, t("shortCodeCompare"))), pairing.known && /* @__PURE__ */ import_react.default.createElement("div", { style: { fontSize: 13, opacity: 0.7, marginBottom: 12 } }, t("knownDevice")), /* @__PURE__ */ import_react.default.createElement("label", { style: { ...switchStyle, marginBottom: 16, cursor: "pointer" } }, /* @__PURE__ */ import_react.default.createElement(
+    "input",
+    {
+      type: "checkbox",
+      checked: confirmFullDisk,
+      onChange: (e) => setConfirmFullDisk(e.target.checked),
+      disabled: busy !== null
+    }
+  ), /* @__PURE__ */ import_react.default.createElement("span", null, t("fullDisk"))), /* @__PURE__ */ import_react.default.createElement("div", { style: { fontSize: 12, opacity: 0.6, marginBottom: 16, lineHeight: 1.5 } }, t("fullDiskHint")), /* @__PURE__ */ import_react.default.createElement("div", { style: { display: "flex", gap: 10 } }, /* @__PURE__ */ import_react.default.createElement("button", { style: { ...btnStyle, flex: 1, background: "#fff", borderColor: "#c92a2a", color: "#c92a2a", fontWeight: "600", padding: "12px 16px" }, onClick: onReject, disabled: busy !== null }, t("reject")), /* @__PURE__ */ import_react.default.createElement("button", { style: { ...btnStyle, flex: 2, background: "#2f9e44", borderColor: "#2f9e44", color: "#fff", fontWeight: "700", padding: "12px 16px" }, onClick: onConfirm, disabled: busy !== null }, t("approve"))))), /* @__PURE__ */ import_react.default.createElement("div", { style: cardStyle }, /* @__PURE__ */ import_react.default.createElement("strong", null, t("pairedDevices")), devices.length === 0 && /* @__PURE__ */ import_react.default.createElement("div", { style: { fontSize: 13, opacity: 0.6 } }, t("noDevices")), devices.map((d) => /* @__PURE__ */ import_react.default.createElement("div", { key: d.phonePk, style: { ...rowStyle, padding: "6px 0", borderTop: "1px solid var(--dsh-border, rgba(127,127,127,.15))" } }, /* @__PURE__ */ import_react.default.createElement("div", { style: { display: "grid", gap: 4 } }, /* @__PURE__ */ import_react.default.createElement("code", { style: { fontSize: 13, fontWeight: d.name ? 600 : 400 } }, d.name || d.shortId + "\u2026"), /* @__PURE__ */ import_react.default.createElement("span", { style: { fontSize: 12, opacity: 0.6 } }, t("lastUsed"), ": ", fmtTime(d.lastUsedAt, t)), /* @__PURE__ */ import_react.default.createElement("label", { style: { ...switchStyle, cursor: "pointer", opacity: 0.9 } }, /* @__PURE__ */ import_react.default.createElement(
+    "input",
+    {
+      type: "checkbox",
+      checked: !!(d.permission && d.permission.fullDisk),
+      onChange: (e) => onTogglePermission(d.phonePk, e.target.checked),
+      disabled: busy !== null
+    }
+  ), /* @__PURE__ */ import_react.default.createElement("span", null, t("fullDisk")))), /* @__PURE__ */ import_react.default.createElement("div", { style: { display: "flex", alignItems: "center", gap: 10 } }, /* @__PURE__ */ import_react.default.createElement("span", { style: deviceStatusStyle(d.online !== false) }, d.online === false ? `\u25CB ${t("deviceOffline")}` : `\u25CF ${t("deviceOnline")}`), /* @__PURE__ */ import_react.default.createElement("button", { style: btnStyle, onClick: () => onUnpair(d.phonePk), disabled: busy !== null }, t("unpair")))))), notice && /* @__PURE__ */ import_react.default.createElement("div", { style: { fontSize: 13, color: "#2f9e44" } }, notice), error && /* @__PURE__ */ import_react.default.createElement("div", { style: { fontSize: 13, color: "#c92a2a" } }, error), toast && /* @__PURE__ */ import_react.default.createElement("div", { style: {
+    position: "fixed",
+    top: 24,
+    right: 24,
+    zIndex: 1e4,
+    background: toast.kind === "err" ? "#c92a2a" : "#2f9e44",
+    color: "#fff",
+    borderRadius: 8,
+    padding: "10px 16px",
+    fontSize: 13,
+    boxShadow: "0 8px 24px rgba(0,0,0,.25)",
+    maxWidth: 320,
+    lineHeight: 1.5
+  } }, toast.text));
+}
+
+// src/client/index.jsx
+var namespace = "dshfly";
+var inject = ["slots", "locale"];
+function apply(context) {
+  context.effect(
+    () => context.locale.register(namespace, { zh, en }),
+    "dshfly-remote-connector: dictionaries"
+  );
+  const translate = context.locale.bind(namespace);
+  const injected = () => ({ t: translate });
+  context.slots.inject(
+    "settings.section",
+    () => context.slots.register(
+      {
+        name: "settings.section",
+        id: "dshfly-remote-connector",
+        order: 30,
+        // 位于内置 models(10) 等之后
+        label: () => translate("nav"),
+        inject: injected
+      },
+      SettingsSection
+    )
+  );
+}
+return module.exports; } });
+//# sourceMappingURL=client.js.map