ai-zero-token 2.0.3 → 2.0.4

package/dist/desktop/main.js

@@ -1,18 +1,28 @@
 #!/usr/bin/env node
-import { app as electronApp, BrowserWindow, dialog, shell } from "electron";
+import { app as electronApp, BrowserWindow, Menu, Tray, clipboard, dialog, nativeImage, screen, shell } from "electron";
+import { execFile } from "node:child_process";
 import { readFileSync } from "node:fs";
 import path from "node:path";
+import { promisify } from "node:util";
 import { fileURLToPath } from "node:url";
 import { startServer } from "../server/index.js";
 let gatewayServer = null;
 let mainWindow = null;
+let tray = null;
+let accountPanelWindow = null;
 let isQuitting = false;
 let isRestarting = false;
+let isAccountPanelBusy = false;
 let currentGatewayUrl = null;
 let currentAdminUrl = null;
 const desktopDir = path.dirname(fileURLToPath(import.meta.url));
 const appIconPath = path.resolve(desktopDir, "../../build/icon.png");
+const trayIconPath = path.resolve(desktopDir, "../../build/tray-icon-template.png");
 const startupPageUrl = buildStartupPageUrl("\u6B63\u5728\u542F\u52A8\u672C\u5730\u7F51\u5173");
+const accountPanelWidth = 420;
+const accountPanelHeight = 640;
+const execFileAsync = promisify(execFile);
+const codexAppPath = "/Applications/Codex.app";
 electronApp.setName("AI Zero Token");
 function createBrowserUrl(host, port) {
   if (host === "0.0.0.0" || host === "::") {
@@ -53,11 +63,17 @@ function resolvePreferredGatewayParams() {
 function isAllowedAppUrl(targetUrl) {
   return Boolean(currentAdminUrl && isGatewayUrl(targetUrl, currentAdminUrl) || currentGatewayUrl && isGatewayUrl(targetUrl, currentGatewayUrl));
 }
+function updateDesktopUrls(server) {
+  const gatewayUrl = createBrowserUrl(server.host, server.port);
+  currentGatewayUrl = gatewayUrl;
+  currentAdminUrl = resolveAdminUrl(gatewayUrl);
+}
 async function restartGateway() {
   if (isRestarting) {
     return;
   }
   isRestarting = true;
+  void renderAccountPanel("\u6B63\u5728\u91CD\u542F\u672C\u5730\u7F51\u5173...");
   try {
     if (mainWindow && !mainWindow.isDestroyed()) {
       await mainWindow.loadURL(buildStartupPageUrl("\u6B63\u5728\u91CD\u542F\u672C\u5730\u7F51\u5173"));
@@ -66,13 +82,11 @@ async function restartGateway() {
       console.error("[desktop:gateway:restart-close]", error);
     });
     const server = await ensureGatewayServer();
-    const gatewayUrl = createBrowserUrl(server.host, server.port);
-    const adminUrl = resolveAdminUrl(gatewayUrl);
-    currentGatewayUrl = gatewayUrl;
-    currentAdminUrl = adminUrl;
+    updateDesktopUrls(server);
     if (mainWindow && !mainWindow.isDestroyed()) {
-      await mainWindow.loadURL(adminUrl);
+      await mainWindow.loadURL(currentAdminUrl ?? createBrowserUrl(server.host, server.port));
     }
+    void renderAccountPanel();
   } catch (error) {
     const message = error instanceof Error ? error.message : String(error);
     console.error("[desktop:gateway:restart]", error);
@@ -80,10 +94,61 @@ async function restartGateway() {
       await mainWindow.loadURL(buildStartupPageUrl(`\u7F51\u5173\u91CD\u542F\u5931\u8D25\uFF1A${message}`)).catch(() => void 0);
     }
     dialog.showErrorBox("AI Zero Token \u7F51\u5173\u91CD\u542F\u5931\u8D25", message);
+    void renderAccountPanel(`\u7F51\u5173\u91CD\u542F\u5931\u8D25\uFF1A${message}`);
   } finally {
     isRestarting = false;
   }
 }
+async function restartCodexApp() {
+  if (process.platform !== "darwin") {
+    throw new Error("\u5F53\u524D\u4EC5\u652F\u6301\u5728 macOS \u4E0A\u91CD\u542F Codex\u3002");
+  }
+  await execFileAsync("osascript", ["-e", 'tell application "Codex" to quit']).catch(() => void 0);
+  const gracefullyExited = await waitForCodexMainProcess(false, 6e3);
+  if (!gracefullyExited) {
+    await execFileAsync("pkill", ["-TERM", "-x", "Codex"]).catch(() => void 0);
+    await waitForCodexMainProcess(false, 3e3);
+  }
+  await execFileAsync("open", [codexAppPath]).catch(async () => {
+    await execFileAsync("open", ["-a", "Codex"]);
+  });
+  const started = await waitForCodexMainProcess(true, 8e3);
+  if (!started) {
+    throw new Error("Codex \u5DF2\u9000\u51FA\uFF0C\u4F46\u672A\u80FD\u786E\u8BA4\u91CD\u65B0\u542F\u52A8\u3002");
+  }
+}
+async function isCodexMainProcessRunning() {
+  try {
+    await execFileAsync("pgrep", ["-x", "Codex"]);
+    return true;
+  } catch {
+    return false;
+  }
+}
+async function waitForCodexMainProcess(expectedRunning, timeoutMs) {
+  const deadline = Date.now() + timeoutMs;
+  while (Date.now() < deadline) {
+    if (await isCodexMainProcessRunning() === expectedRunning) {
+      return true;
+    }
+    await new Promise((resolve) => setTimeout(resolve, 250));
+  }
+  return false;
+}
+async function confirmRestartCodexApp() {
+  const options = {
+    type: "question",
+    buttons: ["\u91CD\u542F Codex", "\u7A0D\u540E\u624B\u52A8\u91CD\u542F"],
+    defaultId: 0,
+    cancelId: 1,
+    title: "\u91CD\u542F Codex \u4EE5\u751F\u6548",
+    message: "Codex \u8D26\u53F7\u5DF2\u5207\u6362\uFF0C\u662F\u5426\u73B0\u5728\u91CD\u542F Codex \u5BA2\u6237\u7AEF\uFF1F",
+    detail: "Codex \u901A\u5E38\u5728\u542F\u52A8\u65F6\u8BFB\u53D6\u672C\u673A auth.json\u3002\u91CD\u542F\u540E\u65B0\u8D26\u53F7\u4F1A\u7ACB\u5373\u751F\u6548\u3002"
+  };
+  const parent = accountPanelWindow ?? mainWindow;
+  const result = parent ? await dialog.showMessageBox(parent, options) : await dialog.showMessageBox(options);
+  return result.response === 0;
+}
 function buildStartupPageUrl(subtitle) {
   const iconUrl = `data:image/png;base64,${readFileSync(appIconPath).toString("base64")}`;
   const html = `<!doctype html>
@@ -162,18 +227,554 @@ function buildStartupPageUrl(subtitle) {
 function escapeHtml(value) {
   return value.replaceAll("&", "&amp;").replaceAll("<", "&lt;").replaceAll(">", "&gt;").replaceAll('"', "&quot;");
 }
+function normalizeLabel(value, fallback) {
+  return value?.trim() || fallback;
+}
+function maskAccountLabel(value) {
+  const [name, domain] = value.split("@");
+  if (!domain) {
+    return value.length <= 10 ? value : `${value.slice(0, 6)}...${value.slice(-4)}`;
+  }
+  const maskedName = name.length <= 4 ? `${name.slice(0, 1)}***` : `${name.slice(0, 3)}***${name.slice(-2)}`;
+  return `${maskedName}@${domain}`;
+}
+function profileLabel(profile) {
+  if (!profile) {
+    return "\u672A\u9009\u62E9";
+  }
+  return normalizeLabel(profile.email, profile.accountId);
+}
+function maskedProfileLabel(profile) {
+  return maskAccountLabel(profileLabel(profile));
+}
+function codexLabel(config) {
+  if (!config?.codex.accountId && !config?.codex.email) {
+    return "\u672A\u5E94\u7528";
+  }
+  const codexProfile = config.profiles.find((profile) => profile.accountId === config.codex.accountId);
+  return maskedProfileLabel(codexProfile) || maskAccountLabel(normalizeLabel(config.codex.email, config.codex.accountId ?? "\u672A\u77E5\u8D26\u53F7"));
+}
+function primaryUsage(profile) {
+  return Math.max(0, Math.min(100, profile.quota?.primaryUsedPercent ?? 0));
+}
+function secondaryUsage(profile) {
+  return Math.max(0, Math.min(100, profile.quota?.secondaryUsedPercent ?? 0));
+}
+function isQuotaExhausted(profile) {
+  return primaryUsage(profile) >= 100 || secondaryUsage(profile) >= 100;
+}
+function isProfileInvalid(profile) {
+  return Boolean(
+    profile.authStatus?.state === "token_invalidated" || profile.authStatus?.state === "auth_error" || profile.expiresAt && profile.expiresAt <= Date.now()
+  );
+}
+function profileHealth(profile) {
+  if (profile.authStatus?.state === "token_invalidated") return { key: "invalid", label: "\u767B\u5F55\u5931\u6548" };
+  if (profile.authStatus?.state === "auth_error") return { key: "invalid", label: "\u8BA4\u8BC1\u5F02\u5E38" };
+  if (profile.expiresAt && profile.expiresAt <= Date.now()) return { key: "expired", label: "\u5DF2\u8FC7\u671F" };
+  if (isQuotaExhausted(profile)) return { key: "exhausted", label: "\u989D\u5EA6\u8017\u5C3D" };
+  if (primaryUsage(profile) >= 75 || secondaryUsage(profile) >= 75) return { key: "warning", label: "\u504F\u4F4E" };
+  return { key: "healthy", label: "\u5065\u5EB7" };
+}
+function timestampToMillis(value) {
+  if (typeof value !== "number" || !Number.isFinite(value) || value <= 0) {
+    return void 0;
+  }
+  return value < 1e12 ? value * 1e3 : value;
+}
+function compactDateTime(value) {
+  if (!value) {
+    return "-";
+  }
+  return new Intl.DateTimeFormat("zh-CN", {
+    month: "2-digit",
+    day: "2-digit",
+    hour: "2-digit",
+    minute: "2-digit"
+  }).format(new Date(value));
+}
+function resetWindowLabel(profile, slot) {
+  const minutes = slot === "primary" ? profile.quota?.primaryWindowMinutes : profile.quota?.secondaryWindowMinutes;
+  if (!minutes) {
+    return slot === "primary" ? "\u4E3B\u989D\u5EA6" : "\u5468\u989D\u5EA6";
+  }
+  if (minutes < 60) return `${minutes} \u5206\u949F\u91CD\u7F6E`;
+  if (minutes < 60 * 24) return `${Math.round(minutes / 60)} \u5C0F\u65F6\u91CD\u7F6E`;
+  return `${Math.round(minutes / 60 / 24)} \u5929\u91CD\u7F6E`;
+}
+function resetTimeLabel(profile, slot) {
+  const direct = slot === "primary" ? profile.quota?.primaryResetAt : profile.quota?.secondaryResetAt;
+  const after = slot === "primary" ? profile.quota?.primaryResetAfterSeconds : profile.quota?.secondaryResetAfterSeconds;
+  const directMillis = timestampToMillis(direct);
+  if (directMillis) {
+    return compactDateTime(directMillis);
+  }
+  if (typeof after === "number" && after > 0) {
+    const capturedAt = timestampToMillis(profile.quota?.capturedAt) || Date.now();
+    return compactDateTime(capturedAt + after * 1e3);
+  }
+  return "-";
+}
+function accountPanelProfiles(config, tab) {
+  const codexAccountId = config.codex.accountId;
+  const profiles = [...config.profiles].sort((left, right) => {
+    const leftCurrent = Number(left.isActive || left.accountId === codexAccountId);
+    const rightCurrent = Number(right.isActive || right.accountId === codexAccountId);
+    if (leftCurrent !== rightCurrent) return rightCurrent - leftCurrent;
+    const leftInvalid = Number(isProfileInvalid(left) || isQuotaExhausted(left));
+    const rightInvalid = Number(isProfileInvalid(right) || isQuotaExhausted(right));
+    if (leftInvalid !== rightInvalid) return leftInvalid - rightInvalid;
+    return primaryUsage(left) - primaryUsage(right);
+  });
+  if (tab === "all") {
+    return profiles;
+  }
+  if (tab === "recent") {
+    return profiles.slice(0, 12);
+  }
+  return profiles.filter((profile) => !isProfileInvalid(profile) && !isQuotaExhausted(profile)).slice(0, 12);
+}
+function createTrayIcon() {
+  if (process.platform !== "darwin") {
+    return nativeImage.createFromPath(appIconPath).resize({ width: 18, height: 18 });
+  }
+  const icon = nativeImage.createFromPath(trayIconPath).resize({ width: 18, height: 18 });
+  icon.setTemplateImage(true);
+  return icon;
+}
+function ensureTray() {
+  if (tray) {
+    return;
+  }
+  tray = new Tray(createTrayIcon());
+  tray.setToolTip("AI Zero Token");
+  tray.on("click", () => {
+    void toggleAccountPanel();
+  });
+  tray.on("right-click", () => {
+    tray?.popUpContextMenu(Menu.buildFromTemplate([
+      { label: "\u6253\u5F00\u5FEB\u901F\u5207\u6362", click: () => void showAccountPanel() },
+      { label: "\u6253\u5F00\u63A7\u5236\u53F0", click: () => focusMainWindow() },
+      { type: "separator" },
+      { label: "\u9000\u51FA", role: "quit" }
+    ]));
+  });
+}
+function getAccountPanelPosition() {
+  const trayBounds = tray?.getBounds();
+  const display = trayBounds ? screen.getDisplayNearestPoint({ x: trayBounds.x, y: trayBounds.y }) : screen.getPrimaryDisplay();
+  const workArea = display.workArea;
+  const x = Math.min(
+    Math.max(Math.round((trayBounds?.x ?? workArea.x + workArea.width - accountPanelWidth) + (trayBounds?.width ?? 0) / 2 - accountPanelWidth / 2), workArea.x + 12),
+    workArea.x + workArea.width - accountPanelWidth - 12
+  );
+  const y = process.platform === "darwin" ? Math.max((trayBounds?.y ?? workArea.y) + (trayBounds?.height ?? 0) + 8, workArea.y + 12) : Math.min((trayBounds?.y ?? workArea.y) - accountPanelHeight - 8, workArea.y + workArea.height - accountPanelHeight - 12);
+  return { x, y: Math.max(y, workArea.y + 12) };
+}
+function ensureAccountPanelWindow() {
+  if (accountPanelWindow && !accountPanelWindow.isDestroyed()) {
+    return accountPanelWindow;
+  }
+  accountPanelWindow = new BrowserWindow({
+    width: accountPanelWidth,
+    height: accountPanelHeight,
+    show: false,
+    frame: false,
+    resizable: false,
+    movable: false,
+    fullscreenable: false,
+    skipTaskbar: true,
+    alwaysOnTop: true,
+    backgroundColor: "#00000000",
+    transparent: process.platform === "darwin",
+    webPreferences: {
+      contextIsolation: true,
+      nodeIntegration: false,
+      sandbox: true
+    }
+  });
+  accountPanelWindow.webContents.setWindowOpenHandler(({ url }) => {
+    void handleAccountPanelUrl(url);
+    return { action: "deny" };
+  });
+  accountPanelWindow.webContents.on("will-navigate", (event, url) => {
+    if (url.startsWith("data:")) {
+      return;
+    }
+    event.preventDefault();
+    void handleAccountPanelUrl(url);
+  });
+  accountPanelWindow.on("blur", () => {
+    if (!isAccountPanelBusy) {
+      accountPanelWindow?.hide();
+    }
+  });
+  accountPanelWindow.on("closed", () => {
+    accountPanelWindow = null;
+  });
+  return accountPanelWindow;
+}
+async function showAccountPanel() {
+  ensureTray();
+  const panel = ensureAccountPanelWindow();
+  panel.setBounds({ ...getAccountPanelPosition(), width: accountPanelWidth, height: accountPanelHeight });
+  await renderAccountPanel();
+  panel.show();
+  panel.focus();
+}
+async function toggleAccountPanel() {
+  if (accountPanelWindow?.isVisible()) {
+    accountPanelWindow.hide();
+    return;
+  }
+  await showAccountPanel();
+}
+async function fetchAdminConfig() {
+  const server = await ensureGatewayServer();
+  updateDesktopUrls(server);
+  const response = await fetch(`${currentGatewayUrl}/_gateway/admin/config`);
+  if (!response.ok) {
+    throw new Error(`HTTP ${response.status}`);
+  }
+  return await response.json();
+}
+async function postGatewayAction(pathname, body) {
+  const server = await ensureGatewayServer();
+  updateDesktopUrls(server);
+  const response = await fetch(`${currentGatewayUrl}${pathname}`, {
+    method: "POST",
+    headers: body ? { "Content-Type": "application/json" } : void 0,
+    body: body ? JSON.stringify(body) : void 0
+  });
+  const data = await response.json();
+  if (!response.ok) {
+    const message = "error" in data ? data.error?.message : void 0;
+    throw new Error(message || `HTTP ${response.status}`);
+  }
+  return "config" in data ? data.config : data;
+}
+async function applyAccountPanelProfile(profileId, action) {
+  if (isAccountPanelBusy) {
+    return;
+  }
+  isAccountPanelBusy = true;
+  await renderAccountPanel("\u6B63\u5728\u5E94\u7528\u8D26\u53F7...");
+  try {
+    if (action === "gateway" || action === "both") {
+      await postGatewayAction("/_gateway/admin/profiles/activate", { profileId });
+    }
+    if (action === "codex" || action === "both") {
+      await postGatewayAction("/_gateway/admin/codex/apply", { profileId });
+    }
+    await renderAccountPanel(action === "both" ? "\u5DF2\u540C\u65F6\u5E94\u7528\u5230\u7F51\u5173\u548C Codex\u3002" : action === "gateway" ? "\u5DF2\u5E94\u7528\u5230\u7F51\u5173\u3002" : "\u5DF2\u5E94\u7528\u5230\u672C\u673A Codex\u3002");
+    if (action === "codex" || action === "both") {
+      const shouldRestart = await confirmRestartCodexApp();
+      if (shouldRestart) {
+        await renderAccountPanel("\u6B63\u5728\u91CD\u542F Codex...");
+        await restartCodexApp();
+        await renderAccountPanel("Codex \u5DF2\u91CD\u542F\u3002");
+      } else {
+        await renderAccountPanel("\u5DF2\u5E94\u7528\u5230 Codex\uFF0C\u91CD\u542F\u5BA2\u6237\u7AEF\u540E\u751F\u6548\u3002");
+      }
+    }
+  } catch (error) {
+    const message = error instanceof Error ? error.message : String(error);
+    await renderAccountPanel(message);
+  } finally {
+    isAccountPanelBusy = false;
+  }
+}
+async function handleAccountPanelUrl(url) {
+  if (url === "azt-action://refresh") {
+    isAccountPanelBusy = true;
+    await renderAccountPanel("\u6B63\u5728\u540C\u6B65\u989D\u5EA6...");
+    try {
+      await postGatewayAction("/_gateway/admin/runtime-refresh", { staleOnly: false });
+      await renderAccountPanel("\u989D\u5EA6\u5DF2\u540C\u6B65\u3002");
+    } catch (error) {
+      const message = error instanceof Error ? error.message : String(error);
+      await renderAccountPanel(`\u540C\u6B65\u5931\u8D25\uFF1A${message}`);
+    } finally {
+      isAccountPanelBusy = false;
+    }
+    return;
+  }
+  if (url === "azt-action://open-console") {
+    accountPanelWindow?.hide();
+    focusMainWindow();
+    return;
+  }
+  if (url === "azt-action://copy-base-url") {
+    const config = await fetchAdminConfig();
+    clipboard.writeText(config.baseUrl);
+    await renderAccountPanel("Base URL \u5DF2\u590D\u5236\u3002");
+    return;
+  }
+  if (url === "azt-action://restart-gateway") {
+    await restartGateway();
+    return;
+  }
+  if (!url.startsWith("azt-action://apply")) {
+    return;
+  }
+  const parsed = new URL(url);
+  const profileId = parsed.searchParams.get("profileId");
+  const action = parsed.searchParams.get("target");
+  if (!profileId || action !== "gateway" && action !== "codex" && action !== "both") {
+    return;
+  }
+  await applyAccountPanelProfile(profileId, action);
+}
+async function renderAccountPanel(message = "") {
+  if (!accountPanelWindow || accountPanelWindow.isDestroyed()) {
+    return;
+  }
+  try {
+    const config = await fetchAdminConfig();
+    await accountPanelWindow.loadURL(buildAccountPanelPage(config, message));
+  } catch (error) {
+    const detail = error instanceof Error ? error.message : String(error);
+    await accountPanelWindow.loadURL(buildAccountPanelPage(null, message || `\u72B6\u6001\u8BFB\u53D6\u5931\u8D25\uFF1A${detail}`));
+  }
+}
+function buildAccountPanelPage(config, message) {
+  const iconUrl = `data:image/png;base64,${readFileSync(appIconPath).toString("base64")}`;
+  const activeLabel = maskedProfileLabel(config?.profile);
+  const activeCodexLabel = codexLabel(config);
+  const totalCount = config?.profiles.length ?? 0;
+  const usableCount = config?.profiles.filter((profile) => !isProfileInvalid(profile) && !isQuotaExhausted(profile)).length ?? 0;
+  const problemCount = Math.max(0, totalCount - usableCount);
+  const profiles = config ? accountPanelProfiles(config, "all") : [];
+  const codexAccountId = config?.codex.accountId;
+  const boot = JSON.stringify({
+    message,
+    profiles: profiles.map((profile) => {
+      const health = profileHealth(profile);
+      const quotaRemaining = Math.max(0, Math.round(100 - primaryUsage(profile)));
+      const isGateway = profile.isActive;
+      const isCodex = codexAccountId === profile.accountId;
+      return {
+        profileId: profile.profileId,
+        accountId: profile.accountId,
+        label: maskedProfileLabel(profile),
+        searchLabel: profileLabel(profile),
+        plan: profile.quota?.planType ?? "unknown",
+        quotaRemaining,
+        meta: [profile.quota?.planType ?? "unknown", `${quotaRemaining}%`, isGateway ? "\u7F51\u5173" : "", isCodex ? "Codex" : ""].filter(Boolean).join(" \xB7 "),
+        initial: profileLabel(profile).slice(0, 1).toUpperCase(),
+        primaryResetLabel: `${resetWindowLabel(profile, "primary")} ${resetTimeLabel(profile, "primary")}`,
+        secondaryResetLabel: `${resetWindowLabel(profile, "secondary")} ${resetTimeLabel(profile, "secondary")}`,
+        healthKey: health.key,
+        healthLabel: health.label,
+        isGateway,
+        isCodex,
+        isUsable: !isProfileInvalid(profile) && !isQuotaExhausted(profile)
+      };
+    })
+  }).replaceAll("</", "<\\/");
+  const html = `<!doctype html>
+<html lang="zh-CN">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <style>
+      :root { color-scheme: light; font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", "PingFang SC", "Microsoft YaHei", Arial, sans-serif; }
+      * { box-sizing: border-box; }
+      html, body { width: 100%; height: 100%; margin: 0; background: transparent; color: #101828; overflow: hidden; }
+      body { padding: 7px; }
+      a { color: inherit; text-decoration: none; }
+      .panel { height: 100%; border: 1px solid rgba(208, 213, 221, 0.7); border-radius: 18px; background: rgba(252, 252, 253, 0.97); box-shadow: 0 10px 24px rgba(16, 24, 40, 0.08); overflow: hidden; }
+      .inner { height: 100%; padding: 12px; display: grid; grid-template-rows: auto auto auto auto 1fr auto auto auto; gap: 8px; }
+      .hero { position: relative; display: flex; align-items: center; gap: 8px; min-height: 46px; padding: 9px 10px; border: 1px solid #e6f0f4; border-radius: 13px; background: linear-gradient(135deg, rgba(255,255,255,0.98), rgba(240,249,255,0.88)); color: #101828; overflow: hidden; }
+      .hero::before { content: ""; position: absolute; inset: 0 0 auto 0; height: 3px; background: linear-gradient(90deg, #14b8a6, #3b82f6, #f59e0b); }
+      .mark { position: relative; width: 26px; height: 26px; border-radius: 7px; background: #fff; box-shadow: 0 1px 4px rgba(16, 24, 40, 0.08); }
+      .hero-title { position: relative; font-size: 13px; font-weight: 800; line-height: 1.1; }
+      .hero-sub { position: relative; margin-top: 2px; color: #667085; font-size: 10px; font-weight: 650; }
+      .run { position: relative; margin-left: auto; display: inline-flex; align-items: center; gap: 5px; padding: 5px 9px; border-radius: 999px; background: #dcfce7; color: #15803d; font-size: 10.5px; font-weight: 800; }
+      .dot { width: 6px; height: 6px; border-radius: 999px; background: #22c55e; }
+      .current { display: grid; gap: 5px; padding: 8px 10px; border: 1px solid #e2e8f0; border-radius: 12px; background: linear-gradient(180deg, #fff, #f8fafc); }
+      .status-card { min-width: 0; display: grid; grid-template-columns: 48px 1fr auto; align-items: center; gap: 8px; padding: 0; border: 0; border-radius: 0; background: transparent; }
+      .label { color: #667085; font-size: 10.5px; font-weight: 800; }
+      .value { margin-top: 0; overflow: hidden; color: #101828; font-size: 12px; font-weight: 800; text-overflow: ellipsis; white-space: nowrap; }
+      .subvalue { margin-top: 0; overflow: hidden; color: #667085; font-size: 10px; font-weight: 700; text-overflow: ellipsis; white-space: nowrap; }
+      .search { height: 36px; display: flex; align-items: center; gap: 8px; padding: 0 10px; border: 1px solid #cbd5e1; border-radius: 12px; background: #fff; }
+      .search svg { flex: 0 0 auto; color: #0ea5e9; }
+      .search input { min-width: 0; flex: 1; border: 0; outline: 0; background: transparent; color: #101828; font: inherit; font-size: 12px; font-weight: 700; }
+      .search input::placeholder { color: #667085; }
+      .kbd { padding: 3px 8px; border: 1px solid #d0d5dd; border-radius: 7px; background: #f8fafc; color: #667085; font-size: 10px; font-weight: 800; }
+      .tabs { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 3px; padding: 3px; border-radius: 11px; background: #f2f4f7; }
+      .tab { height: 26px; border: 0; display: grid; place-items: center; border-radius: 8px; color: #667085; font-size: 10.5px; font-weight: 800; cursor: pointer; }
+      .tab.active { background: #e0f2fe; color: #0369a1; box-shadow: inset 0 0 0 1px #bae6fd; }
+      .section-title { display: none; }
+      .list { min-height: 0; display: grid; align-content: start; gap: 7px; overflow-y: auto; padding-right: 4px; }
+      .list::-webkit-scrollbar { width: 5px; }
+      .list::-webkit-scrollbar-thumb { border-radius: 999px; background: #98a2b3; }
+      .account { position: relative; display: grid; grid-template-columns: minmax(0, 1fr) auto; grid-template-rows: auto auto auto; row-gap: 7px; padding: 10px 10px 9px; border: 1px solid #e5e7eb; border-radius: 13px; background: linear-gradient(180deg, #ffffff, #fbfdff); box-shadow: inset 3px 0 0 var(--accent, #3b82f6); }
+      .account-head { min-width: 0; display: flex; align-items: center; gap: 7px; padding-right: 72px; }
+      .account-title { overflow: hidden; color: #111827; font-size: 12px; font-weight: 850; text-overflow: ellipsis; white-space: nowrap; }
+      .plan-chip { flex: 0 0 auto; padding: 2px 6px; border-radius: 999px; background: color-mix(in srgb, var(--accent, #3b82f6) 10%, white); color: var(--accent, #2563eb); font-size: 9px; font-weight: 850; text-transform: lowercase; }
+      .status-row { grid-column: 1 / 3; display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 8px; }
+      .quota-text { color: #475467; font-size: 10px; font-weight: 850; }
+      .quota { min-width: 92px; height: 5px; border-radius: 999px; background: #eef2f6; overflow: hidden; }
+      .quota span { display: block; height: 100%; border-radius: inherit; background: var(--accent, #3b82f6); }
+      .health { width: max-content; min-width: 40px; padding: 3px 8px; border-radius: 999px; text-align: center; font-size: 9.5px; font-weight: 850; }
+      .health.healthy { background: #dcfce7; color: #15803d; }
+      .health.warning, .health.exhausted { background: #fef3c7; color: #b45309; }
+      .health.invalid, .health.expired { background: #fee2e2; color: #b42318; }
+      .badges { position: absolute; top: 9px; right: 10px; display: flex; justify-content: flex-end; gap: 4px; }
+      .corner-badge { height: 18px; min-width: 34px; display: grid; place-items: center; padding: 0 7px; border-radius: 999px; font-size: 9px; font-weight: 850; }
+      .corner-badge.api { background: #dcfce7; color: #15803d; }
+      .corner-badge.codex { background: #e0e7ff; color: #3730a3; }
+      .account-foot { grid-column: 1 / 3; display: flex; align-items: center; justify-content: space-between; gap: 8px; }
+      .reset-times { min-width: 0; display: flex; align-items: center; gap: 6px; overflow: hidden; color: #667085; font-size: 9.6px; font-weight: 750; white-space: nowrap; }
+      .reset-pill { padding: 3px 6px; border-radius: 8px; background: #f8fafc; }
+      .actions { flex: 0 0 auto; display: flex; gap: 4px; justify-content: flex-end; }
+      .btn { height: 21px; min-width: 42px; display: grid; place-items: center; padding: 0 8px; border-radius: 999px; background: #f2f4f7; color: #667085; font-size: 9.5px; font-weight: 850; }
+      .btn.gateway { background: #ecfdf3; color: #15803d; }
+      .btn.codex { background: #eef4ff; color: #3538cd; }
+      .btn.disabled { pointer-events: none; opacity: 0.48; }
+      .summary, .problems { display: flex; align-items: center; justify-content: space-between; height: 28px; padding: 0 10px; border: 1px solid #eaecf0; border-radius: 10px; background: #f8fafc; color: #344054; font-size: 10.5px; font-weight: 800; }
+      .problems { background: #fff; }
+      .message { min-height: 14px; color: #667085; font-size: 10px; font-weight: 800; }
+      .footer { display: grid; grid-template-columns: 1fr 1.12fr 1fr 1fr; gap: 6px; padding-top: 1px; border-top: 1px solid #eaecf0; }
+      .footer a { height: 32px; display: grid; place-items: center; border: 1px solid #d0d5dd; border-radius: 10px; background: #fff; color: #344054; font-size: 10.5px; font-weight: 800; }
+      .footer a.primary { border-color: #0ea5e9; background: #0ea5e9; color: #fff; }
+      .empty { padding: 24px; border: 1px dashed #d0d5dd; border-radius: 13px; color: #667085; text-align: center; font-size: 12px; font-weight: 700; }
+    </style>
+  </head>
+  <body>
+    <div class="panel">
+      <div class="inner">
+        <header class="hero">
+          <img class="mark" src="${iconUrl}" alt="" />
+          <div>
+            <div class="hero-title">AI Zero Token</div>
+            <div class="hero-sub">\u5FEB\u901F\u5207\u6362\u8D26\u53F7</div>
+          </div>
+          <div class="run"><span class="dot"></span>${config?.status.loggedIn ? "\u8FD0\u884C\u4E2D" : "\u5F85\u767B\u5F55"}</div>
+        </header>
+
+        <section class="current">
+          <div class="status-card">
+            <div class="label">\u7F51\u5173</div>
+            <div class="value">${escapeHtml(activeLabel)}</div>
+            <div class="subvalue">${escapeHtml(config?.baseUrl ? "API" : "\u542F\u52A8\u4E2D")}</div>
+          </div>
+          <div class="status-card">
+            <div class="label">Codex</div>
+            <div class="value">${escapeHtml(activeCodexLabel)}</div>
+            <div class="subvalue">${escapeHtml(config?.codex.exists ? "\u5DF2\u5E94\u7528" : "\u672A\u5E94\u7528")}</div>
+          </div>
+        </section>
+
+        <label class="search">
+          <svg width="18" height="18" viewBox="0 0 24 24" fill="none" aria-hidden="true"><circle cx="11" cy="11" r="7" stroke="currentColor" stroke-width="2"/><path d="M16.5 16.5L21 21" stroke="currentColor" stroke-width="2" stroke-linecap="round"/></svg>
+          <input id="query" type="search" placeholder="\u641C\u7D22\u90AE\u7BB1\u3001\u6807\u7B7E\u3001\u5957\u9910..." autofocus />
+          <span class="kbd">\u2318 K</span>
+        </label>
+
+        <nav class="tabs">
+          <button class="tab active" type="button" data-tab="recommended">\u63A8\u8350\u53EF\u7528</button>
+          <button class="tab" type="button" data-tab="recent">\u6700\u8FD1\u4F7F\u7528</button>
+          <button class="tab" type="button" data-tab="all">\u5168\u90E8 ${totalCount}</button>
+        </nav>
+
+        <div class="section-title" id="sectionTitle">\u63A8\u8350\u53EF\u7528 \xB7 \u6309\u5065\u5EB7\u548C\u6700\u8FD1\u4F7F\u7528\u6392\u5E8F</div>
+        <main class="list" id="list"></main>
+        <div class="summary"><span><span id="shownCount">0</span> / ${usableCount} \u53EF\u7528</span><span>\u603B\u6570 ${totalCount}</span></div>
+        <div class="problems"><span>${problemCount} \u4E2A\u9700\u5904\u7406</span><span>\u5DF2\u6298\u53E0</span></div>
+        <div class="message">${escapeHtml(message)}</div>
+        <footer class="footer">
+          <a class="primary" href="azt-action://refresh">\u5237\u65B0\u72B6\u6001</a>
+          <a href="azt-action://open-console">\u6253\u5F00\u63A7\u5236\u53F0</a>
+          <a href="azt-action://copy-base-url">\u590D\u5236 URL</a>
+          <a href="azt-action://restart-gateway">\u91CD\u542F\u7F51\u5173</a>
+        </footer>
+      </div>
+    </div>
+    <script>
+      const boot = ${boot};
+      let tab = "recommended";
+      const list = document.getElementById("list");
+      const query = document.getElementById("query");
+      const shownCount = document.getElementById("shownCount");
+      const sectionTitle = document.getElementById("sectionTitle");
+      const tabs = Array.from(document.querySelectorAll(".tab"));
+      const html = (value) => String(value ?? "").replace(/[&<>"']/g, (char) => ({ "&": "&amp;", "<": "&lt;", ">": "&gt;", '"': "&quot;", "'": "&#39;" }[char]));
+      const actionUrl = (profileId, target) => "azt-action://apply?target=" + encodeURIComponent(target) + "&profileId=" + encodeURIComponent(profileId);
+      const accent = (item) => item.healthKey === "healthy" ? "#16a34a" : item.healthKey === "warning" ? "#f59e0b" : item.healthKey === "exhausted" ? "#ef4444" : item.healthKey === "invalid" || item.healthKey === "expired" ? "#dc2626" : "#3b82f6";
+      function baseRows() {
+        const rows = boot.profiles.slice();
+        if (tab === "recommended") return rows.filter((item) => item.isUsable).slice(0, 12);
+        if (tab === "recent") return rows.slice(0, 12);
+        return rows;
+      }
+      function render() {
+        const q = query.value.trim().toLowerCase();
+        let rows = baseRows().filter((item) => !q || [item.searchLabel, item.accountId, item.meta, item.healthLabel].join(" ").toLowerCase().includes(q));
+        if (q) rows = boot.profiles.filter((item) => [item.searchLabel, item.accountId, item.meta, item.healthLabel].join(" ").toLowerCase().includes(q));
+        sectionTitle.textContent = q ? "\u641C\u7D22\u7ED3\u679C" : tab === "recommended" ? "\u63A8\u8350\u53EF\u7528 \xB7 \u6309\u5065\u5EB7\u548C\u6700\u8FD1\u4F7F\u7528\u6392\u5E8F" : tab === "recent" ? "\u6700\u8FD1\u4F7F\u7528" : "\u5168\u90E8\u8D26\u53F7";
+        shownCount.textContent = String(rows.length);
+        list.innerHTML = rows.length ? rows.map((item) => {
+          const disabled = item.isUsable ? "" : " disabled";
+          return \`
+            <article class="account" style="--accent:\${accent(item)}">
+              <div class="account-head">
+                <div class="account-title">\${html(item.label)}</div>
+                <span class="plan-chip">\${html(item.plan)}</span>
+              </div>
+              <div class="badges">\${item.isGateway ? '<span class="corner-badge api">API</span>' : ''}\${item.isCodex ? '<span class="corner-badge codex">Codex</span>' : ''}</div>
+              <div class="status-row">
+                <span class="quota-text">\${html(item.quotaRemaining)}%</span>
+                <span class="quota"><span style="width:\${Math.max(0, Math.min(100, item.quotaRemaining))}%"></span></span>
+                <span class="health \${html(item.healthKey)}">\${html(item.healthLabel)}</span>
+              </div>
+              <div class="account-foot">
+                <div class="reset-times">
+                  <span class="reset-pill">\${html(item.primaryResetLabel)}</span>
+                  <span class="reset-pill">\${html(item.secondaryResetLabel)}</span>
+                </div>
+                <div class="actions">
+                  <a class="btn gateway\${item.isGateway ? " disabled" : disabled}" href="\${actionUrl(item.profileId, "gateway")}">\u7F51\u5173</a>
+                  <a class="btn codex\${item.isCodex ? " disabled" : disabled}" href="\${actionUrl(item.profileId, "codex")}">Codex</a>
+                </div>
+              </div>
+            </article>\`;
+        }).join("") : '<div class="empty">\u6CA1\u6709\u5339\u914D\u7684\u8D26\u53F7</div>';
+      }
+      tabs.forEach((button) => {
+        button.addEventListener("click", () => {
+          tab = button.dataset.tab;
+          tabs.forEach((item) => item.classList.toggle("active", item === button));
+          render();
+        });
+      });
+      query.addEventListener("input", render);
+      document.addEventListener("keydown", (event) => {
+        if ((event.metaKey || event.ctrlKey) && event.key.toLowerCase() === "k") {
+          event.preventDefault();
+          query.focus();
+        }
+      });
+      render();
+    </script>
+  </body>
+</html>`;
+  return `data:text/html;charset=utf-8,${encodeURIComponent(html)}`;
+}
 async function ensureGatewayServer() {
   if (gatewayServer) {
     return gatewayServer;
   }
   gatewayServer = await startServer({
     ...resolvePreferredGatewayParams(),
-    onRestart: restartGateway
+    onRestart: restartGateway,
+    onRestartCodex: restartCodexApp
   });
-  const adminUrl = createBrowserUrl(gatewayServer.host, gatewayServer.port);
+  updateDesktopUrls(gatewayServer);
   console.log("AI Zero Token desktop gateway started.");
-  console.log(`admin: ${adminUrl}`);
-  console.log(`apiBase: ${adminUrl}/v1`);
+  console.log(`admin: ${currentGatewayUrl}`);
+  console.log(`apiBase: ${currentGatewayUrl}/v1`);
   console.log(`listen: http://${gatewayServer.host}:${gatewayServer.port}`);
   return gatewayServer;
 }
@@ -220,11 +821,8 @@ async function createMainWindow() {
   if (!mainWindow) {
     return;
   }
-  const gatewayUrl = createBrowserUrl(server.host, server.port);
-  const adminUrl = resolveAdminUrl(gatewayUrl);
-  currentGatewayUrl = gatewayUrl;
-  currentAdminUrl = adminUrl;
-  await mainWindow.loadURL(adminUrl);
+  updateDesktopUrls(server);
+  await mainWindow.loadURL(currentAdminUrl ?? createBrowserUrl(server.host, server.port));
 }
 function focusMainWindow() {
   if (!mainWindow) {
@@ -242,6 +840,8 @@ async function closeGatewayServer() {
   }
   const server = gatewayServer;
   gatewayServer = null;
+  currentGatewayUrl = null;
+  currentAdminUrl = null;
   await server.app.close();
 }
 function handleStartupError(error) {
@@ -260,6 +860,7 @@ if (!hasSingleInstanceLock) {
     focusMainWindow();
   });
   electronApp.whenReady().then(() => {
+    ensureTray();
     if (process.platform === "darwin") {
       electronApp.dock?.setIcon(appIconPath);
     }