codex-endpoint-switcher 1.0.0 → 1.1.0

package/src/renderer/index.html

@@ -64,6 +64,18 @@
               <span class="metric-label">模型</span>
               <strong id="currentModel">-</strong>
             </article>
+            <article class="metric-card metric-card-wide">
+              <span class="metric-label">热更新模式</span>
+              <strong id="proxyModeStatus">未开启</strong>
+              <p class="field-hint" id="proxyModeHint">
+                当前还是直连模式。开启后，后续同一 Codex 会话可在下一次请求时热更新到新 URL/Key。
+              </p>
+              <div class="action-row metric-actions">
+                <button id="enableProxyModeButton" type="button" class="secondary-button">
+                  开启热更新模式
+                </button>
+              </div>
+            </article>
           </div>
         </section>
 
@@ -110,6 +122,77 @@
               <button id="clearFormButton" type="button" class="ghost-button">清空表单</button>
             </div>
           </form>
+
+          <div class="stack-form stack-form-alt">
+            <div>
+              <p class="panel-kicker">Cloud Sync</p>
+              <h3>账号配置同步</h3>
+            </div>
+            <label class="field">
+              <span>同步服务器</span>
+              <input
+                id="cloudServerUrl"
+                type="text"
+                placeholder="例如：http://127.0.0.1:3190"
+                autocomplete="off"
+              />
+            </label>
+            <label class="field">
+              <span>账号</span>
+              <input
+                id="cloudUsername"
+                type="text"
+                placeholder="例如：yourname"
+                autocomplete="off"
+              />
+            </label>
+            <label class="field">
+              <span>密码</span>
+              <input
+                id="cloudPassword"
+                type="password"
+                placeholder="输入同步账号密码"
+                autocomplete="off"
+              />
+            </label>
+            <p class="field-hint">
+              账号空间里保存的是你的连接配置。推送是把本机连接上传到账号，拉取是把账号里的连接同步回本机。
+            </p>
+            <div class="sync-status-grid">
+              <article class="sync-status-card">
+                <span class="metric-label">登录状态</span>
+                <strong id="cloudAuthStatus">未登录</strong>
+              </article>
+              <article class="sync-status-card">
+                <span class="metric-label">服务器</span>
+                <strong id="cloudRemoteStatus">未设置</strong>
+              </article>
+              <article class="sync-status-card sync-status-card-wide">
+                <span class="metric-label">同步记录</span>
+                <strong id="cloudLastSyncStatus">还没有推送或拉取记录</strong>
+              </article>
+            </div>
+            <div class="action-row">
+              <button id="cloudRegisterButton" type="button" class="secondary-button">
+                注册账号
+              </button>
+              <button id="cloudLoginButton" type="button" class="primary-button">
+                登录账号
+              </button>
+              <button id="cloudLogoutButton" type="button" class="ghost-button">退出登录</button>
+            </div>
+            <div class="action-row">
+              <button id="cloudPushButton" type="button" class="secondary-button">
+                推送当前连接
+              </button>
+              <button id="cloudPullMergeButton" type="button" class="primary-button">
+                合并拉取
+              </button>
+              <button id="cloudPullReplaceButton" type="button" class="danger-button">
+                覆盖拉取
+              </button>
+            </div>
+          </div>
         </section>
 
         <section class="panel profiles-panel">

package/src/renderer/renderer.js

@@ -2,6 +2,7 @@ const state = {
   current: null,
   endpoints: [],
   paths: null,
+  cloud: null,
 };
 
 function createWebBridge() {
@@ -51,6 +52,42 @@ function createWebBridge() {
         body: JSON.stringify(payload),
       });
     },
+    enableProxyMode() {
+      return request("/api/proxy/enable", {
+        method: "POST",
+      });
+    },
+    getCloudSyncStatus() {
+      return request("/api/cloud/status");
+    },
+    registerCloudAccount(payload) {
+      return request("/api/cloud/register", {
+        method: "POST",
+        body: JSON.stringify(payload),
+      });
+    },
+    loginCloudAccount(payload) {
+      return request("/api/cloud/login", {
+        method: "POST",
+        body: JSON.stringify(payload),
+      });
+    },
+    logoutCloudAccount() {
+      return request("/api/cloud/logout", {
+        method: "POST",
+      });
+    },
+    pushCloudConfig() {
+      return request("/api/cloud/push", {
+        method: "POST",
+      });
+    },
+    pullCloudConfig(payload) {
+      return request("/api/cloud/pull", {
+        method: "POST",
+        body: JSON.stringify(payload),
+      });
+    },
     getPaths() {
       return request("/api/paths");
     },
@@ -91,6 +128,19 @@ function setStatus(message, type = "info") {
   statusBox.className = `status-box ${type}`;
 }
 
+function syncFieldValue(selector, value) {
+  const input = $(selector);
+  if (!input) {
+    return;
+  }
+
+  if (document.activeElement === input && String(input.value || "").trim()) {
+    return;
+  }
+
+  input.value = value || "";
+}
+
 function resetForm() {
   $("#endpointId").value = "";
   $("#endpointNote").value = "";
@@ -120,11 +170,64 @@ function renderCurrent() {
   $("#currentBaseUrl").textContent = current.currentUrl || "-";
   $("#currentKeyMasked").textContent = current.currentKeyMasked || "-";
   $("#currentModel").textContent = current.model || "-";
+  $("#proxyModeStatus").textContent = current.proxyModeEnabled
+    ? `已开启，固定代理：${current.proxyBaseUrl}`
+    : "未开启";
+  $("#proxyModeHint").textContent = current.proxyModeEnabled
+    ? "当前 Codex 只要已经接入本地代理，后续同一会话内切换连接会在下一次请求时热更新。"
+    : "当前还是直连模式。开启后需要把已打开的旧 Codex 会话重开一次；之后同一会话即可热更新。";
+  $("#enableProxyModeButton").disabled = current.proxyModeEnabled;
+  $("#enableProxyModeButton").textContent = current.proxyModeEnabled
+    ? "热更新模式已开启"
+    : "开启热更新模式";
   $("#heroBadge").textContent = current.currentNote
-    ? `当前连接：${current.currentNote}`
+    ? `${current.proxyModeEnabled ? "热更新中" : "当前连接"}：${current.currentNote}`
     : "当前未匹配到已保存连接";
 }
 
+function renderCloudStatus() {
+  const cloud = state.cloud;
+  if (!cloud) {
+    return;
+  }
+
+  syncFieldValue("#cloudServerUrl", cloud.serverUrl);
+  syncFieldValue("#cloudUsername", cloud.username);
+
+  const authText = !cloud.serverUrl
+    ? "未配置同步服务器"
+    : cloud.loggedIn
+      ? `已登录：${cloud.remoteUser || cloud.username}`
+      : cloud.hasToken
+        ? "本地已保存登录态，但远端校验未通过"
+        : "未登录";
+
+  const remoteText = cloud.serverUrl
+    ? cloud.lastError
+      ? `${cloud.serverUrl} · ${cloud.lastError}`
+      : cloud.serverUrl
+    : "未设置";
+
+  const syncStatusParts = [];
+  if (cloud.lastPushAt) {
+    syncStatusParts.push(`最近推送：${formatDateTime(cloud.lastPushAt)}`);
+  }
+  if (cloud.lastPullAt) {
+    syncStatusParts.push(`最近拉取：${formatDateTime(cloud.lastPullAt)}`);
+  }
+  if (!syncStatusParts.length) {
+    syncStatusParts.push("还没有推送或拉取记录");
+  }
+
+  $("#cloudAuthStatus").textContent = authText;
+  $("#cloudRemoteStatus").textContent = remoteText;
+  $("#cloudLastSyncStatus").textContent = syncStatusParts.join(" / ");
+  $("#cloudLogoutButton").disabled = !cloud.hasToken;
+  $("#cloudPushButton").disabled = !cloud.loggedIn;
+  $("#cloudPullMergeButton").disabled = !cloud.loggedIn;
+  $("#cloudPullReplaceButton").disabled = !cloud.loggedIn;
+}
+
 function createEndpointCard(endpoint) {
   const card = document.createElement("article");
   card.className = `profile-card ${endpoint.isActive ? "active" : ""}`;
@@ -215,18 +318,21 @@ function renderEndpoints() {
 
 async function refreshDashboard(showMessage = true) {
   try {
-    const [current, endpoints, paths] = await Promise.all([
+    const [current, endpoints, paths, cloud] = await Promise.all([
       bridge.getCurrentConfig(),
       bridge.listEndpoints(),
       bridge.getPaths(),
+      bridge.getCloudSyncStatus(),
     ]);
 
     state.current = current;
     state.endpoints = endpoints;
     state.paths = paths;
+    state.cloud = cloud;
 
     renderCurrent();
     renderEndpoints();
+    renderCloudStatus();
 
     if (showMessage) {
       setStatus("已刷新当前连接状态。", "success");
@@ -241,10 +347,14 @@ async function handleSwitchEndpoint(id, note) {
     setStatus(`正在切换到：${note} ...`, "info");
     const result = await bridge.switchEndpoint({ id });
     await refreshDashboard(false);
-    setStatus(
-      `已切换到 ${note}。已备份 config.toml 和 auth.json，下一条 codex 命令直接生效。`,
-      "success",
-    );
+    if (result.switchedViaProxy) {
+      setStatus(`已切换到 ${note}。当前会话下一次请求会直接走新的 URL/Key。`, "success");
+    } else {
+      setStatus(
+        `已切换到 ${note}。当前还是直连模式，只有新开的 Codex 会话会立即使用新配置。`,
+        "success",
+      );
+    }
     return result;
   } catch (error) {
     setStatus(`切换失败：${error.message}`, "error");
@@ -252,6 +362,109 @@ async function handleSwitchEndpoint(id, note) {
   }
 }
 
+async function handleEnableProxyMode() {
+  try {
+    setStatus("正在切到热更新代理模式 ...", "info");
+    const result = await bridge.enableProxyMode();
+    await refreshDashboard(false);
+    if (result.oneTimeRestartRequired) {
+      setStatus(
+        "热更新模式已开启。请把当前已经打开着的旧 Codex 会话重开一次；之后同一会话内即可热更新。",
+        "success",
+      );
+    } else {
+      setStatus("热更新模式已开启。当前会话后续请求可直接热更新到新连接。", "success");
+    }
+  } catch (error) {
+    setStatus(`开启热更新模式失败：${error.message}`, "error");
+  }
+}
+
+function getCloudFormPayload() {
+  return {
+    serverUrl: $("#cloudServerUrl").value.trim(),
+    username: $("#cloudUsername").value.trim(),
+    password: $("#cloudPassword").value,
+  };
+}
+
+async function handleCloudRegister() {
+  try {
+    setStatus("正在注册同步账号 ...", "info");
+    const payload = getCloudFormPayload();
+    const result = await bridge.registerCloudAccount(payload);
+    $("#cloudPassword").value = "";
+    await refreshDashboard(false);
+    setStatus(result.message || "账号注册成功。", "success");
+  } catch (error) {
+    setStatus(`注册失败：${error.message}`, "error");
+  }
+}
+
+async function handleCloudLogin() {
+  try {
+    setStatus("正在登录同步账号 ...", "info");
+    const payload = getCloudFormPayload();
+    const result = await bridge.loginCloudAccount(payload);
+    $("#cloudPassword").value = "";
+    await refreshDashboard(false);
+    setStatus(result.message || "账号登录成功。", "success");
+  } catch (error) {
+    setStatus(`登录失败：${error.message}`, "error");
+  }
+}
+
+async function handleCloudLogout() {
+  try {
+    setStatus("正在退出同步账号 ...", "info");
+    const result = await bridge.logoutCloudAccount();
+    await refreshDashboard(false);
+    setStatus(result.message || "已退出同步账号。", "success");
+  } catch (error) {
+    setStatus(`退出失败：${error.message}`, "error");
+  }
+}
+
+async function handleCloudPush() {
+  try {
+    setStatus("正在把当前连接推送到账号空间 ...", "info");
+    const result = await bridge.pushCloudConfig();
+    await refreshDashboard(false);
+    setStatus(
+      result.message || `已推送 ${result.endpointCount || 0} 条连接到账号空间。`,
+      "success",
+    );
+  } catch (error) {
+    setStatus(`推送失败：${error.message}`, "error");
+  }
+}
+
+async function handleCloudPull(mode) {
+  if (mode === "replace") {
+    const confirmed = window.confirm(
+      "覆盖拉取会直接替换本机保存的连接列表。拉取前会自动备份，确定继续吗？",
+    );
+    if (!confirmed) {
+      return;
+    }
+  }
+
+  try {
+    setStatus(mode === "merge" ? "正在从账号空间合并拉取 ..." : "正在从账号空间覆盖拉取 ...", "info");
+    const result = await bridge.pullCloudConfig({ mode });
+    await refreshDashboard(false);
+    const activeHint = result.activeEndpointNote
+      ? `当前生效连接记录：${result.activeEndpointNote}。`
+      : "当前没有匹配到生效连接记录。";
+    setStatus(
+      `${result.message || "拉取完成。"} 新增 ${result.addedCount} 条，更新 ${result.updatedCount} 条。${activeHint}`,
+      "success",
+    );
+  } catch (error) {
+    setStatus(`拉取失败：${error.message}`, "error");
+  }
+}
+
 async function handleSubmitEndpoint(event) {
   event.preventDefault();
   const id = $("#endpointId").value.trim();
@@ -320,6 +533,17 @@ function bindEvents() {
     resetForm();
     setStatus("已清空表单。", "info");
   });
+  $("#enableProxyModeButton").addEventListener("click", handleEnableProxyMode);
+  $("#cloudRegisterButton").addEventListener("click", handleCloudRegister);
+  $("#cloudLoginButton").addEventListener("click", handleCloudLogin);
+  $("#cloudLogoutButton").addEventListener("click", handleCloudLogout);
+  $("#cloudPushButton").addEventListener("click", handleCloudPush);
+  $("#cloudPullMergeButton").addEventListener("click", () => {
+    handleCloudPull("merge");
+  });
+  $("#cloudPullReplaceButton").addEventListener("click", () => {
+    handleCloudPull("replace");
+  });
   $("#openCodexRootButton").addEventListener("click", () => {
     if (state.paths?.codexRoot) {
       handleOpenPath(state.paths.codexRoot, " Codex 目录");

package/src/renderer/styles.css

@@ -33,7 +33,8 @@ body {
 }
 
 button,
-input {
+input,
+textarea {
   font: inherit;
 }
 
@@ -259,7 +260,8 @@ code {
 
 input[type="text"],
 input[type="password"],
-input[type="file"] {
+input[type="file"],
+textarea {
   width: 100%;
   min-height: 46px;
   padding: 10px 14px;
@@ -269,6 +271,12 @@ input[type="file"] {
   color: var(--text);
 }
 
+textarea {
+  min-height: 168px;
+  resize: vertical;
+  line-height: 1.6;
+}
+
 input[readonly] {
   color: var(--muted);
   background: rgba(249, 244, 238, 0.95);
@@ -300,6 +308,33 @@ input[readonly] {
   gap: 10px;
 }
 
+.sync-status-grid {
+  display: grid;
+  grid-template-columns: repeat(2, minmax(0, 1fr));
+  gap: 10px;
+}
+
+.sync-status-card {
+  padding: 14px;
+  border-radius: 14px;
+  background: rgba(255, 255, 255, 0.72);
+  border: 1px solid rgba(47, 36, 30, 0.08);
+}
+
+.sync-status-card strong {
+  display: block;
+  margin-top: 8px;
+  word-break: break-all;
+}
+
+.sync-status-card-wide {
+  grid-column: span 2;
+}
+
+.metric-actions {
+  margin-top: 12px;
+}
+
 .primary-button,
 .secondary-button,
 .ghost-button {
@@ -504,4 +539,12 @@ input[readonly] {
   .hero-side {
     min-height: 180px;
   }
+
+  .sync-status-grid {
+    grid-template-columns: 1fr;
+  }
+
+  .sync-status-card-wide {
+    grid-column: auto;
+  }
 }