ai-zero-token 1.0.5 → 1.0.7

package/dist/server/admin-page.js

@@ -647,6 +647,19 @@ function renderAdminPage() {
       min-width: 156px;
     }
 
+    .account-selected-count {
+      min-height: 40px;
+      display: inline-flex;
+      align-items: center;
+      color: var(--text-muted);
+      font-size: 12px;
+      font-weight: 600;
+    }
+
+    .account-modal-body .textarea {
+      min-height: 280px;
+    }
+
     .account-grid {
       display: grid;
       grid-auto-rows: 1fr;
@@ -691,6 +704,30 @@ function renderAdminPage() {
       display: grid;
       gap: 6px;
       min-width: 0;
+      flex: 1;
+    }
+
+    .account-select {
+      display: inline-flex;
+      align-items: center;
+      gap: 6px;
+      min-height: 28px;
+      padding: 0 8px;
+      border: 1px solid var(--line);
+      border-radius: 8px;
+      background: #fff;
+      color: var(--text-muted);
+      font-size: 12px;
+      font-weight: 600;
+      cursor: pointer;
+      user-select: none;
+      white-space: nowrap;
+    }
+
+    .account-select input {
+      width: 14px;
+      height: 14px;
+      margin: 0;
     }
 
     .account-name {
@@ -1365,7 +1402,7 @@ function renderAdminPage() {
           <strong id="updatePanelTitle">\u53D1\u73B0\u65B0\u7248\u672C</strong>
           <span id="updatePanelDetail"></span>
         </div>
-        <code class="update-command" id="updatePanelCommand">npm install -g ai-zero-token@latest</code>
+        <code class="update-command" id="updatePanelCommand">npm install -g ai-zero-token</code>
       </section>
 
       <section class="summary-grid" id="summaryGrid"></section>
@@ -1380,6 +1417,7 @@ function renderAdminPage() {
               </div>
               <div class="actions">
                 <button class="btn-secondary" type="button" id="activateCurrentBtn">\u5B9A\u4F4D\u5F53\u524D\u8D26\u53F7</button>
+                <button class="btn-secondary" type="button" id="exportSelectedProfilesBtn">\u5BFC\u51FA\u6240\u9009</button>
               </div>
             </div>
 
@@ -1398,8 +1436,8 @@ function renderAdminPage() {
                 <option value="expiry-asc">\u6309\u8FC7\u671F\u65F6\u95F4</option>
                 <option value="name-asc">\u6309\u90AE\u7BB1\u6392\u5E8F</option>
               </select>
+              <span class="account-selected-count" id="selectedProfileCount">\u5DF2\u9009\u62E9 0 \u4E2A</span>
             </div>
-
             <div class="account-grid" id="profileList"></div>
           </section>
 
@@ -1460,6 +1498,7 @@ function renderAdminPage() {
             <div class="tester-tabs" id="testerTabs">
               <button class="tab-btn is-active" type="button" data-endpoint="/v1/chat/completions">Chat</button>
               <button class="tab-btn" type="button" data-endpoint="/v1/images/generations">Images</button>
+              <button class="tab-btn" type="button" data-endpoint="/v1/images/edits">Edits</button>
               <button class="tab-btn" type="button" data-endpoint="/v1/responses">Responses</button>
               <button class="tab-btn" type="button" data-endpoint="/v1/models">Models</button>
             </div>
@@ -1507,6 +1546,7 @@ function renderAdminPage() {
               <button class="btn-secondary" type="button" data-example="/v1/responses">\u793A\u4F8B Responses</button>
               <button class="btn-secondary" type="button" data-example="/v1/chat/completions">\u793A\u4F8B Chat</button>
               <button class="btn-secondary" type="button" data-example="/v1/images/generations">\u793A\u4F8B Images</button>
+              <button class="btn-secondary" type="button" data-example="/v1/images/edits">\u793A\u4F8B Edits</button>
               <button class="btn-primary" id="runTestBtn" type="button">\u53D1\u9001\u8BF7\u6C42</button>
             </div>
 
@@ -1578,6 +1618,41 @@ function renderAdminPage() {
     </section>
   </div>
 
+  <div class="modal-backdrop" id="accountModal" aria-hidden="true">
+    <section class="modal-card" role="dialog" aria-modal="true" aria-labelledby="accountModalTitle">
+      <div class="modal-head">
+        <div>
+          <h3 id="accountModalTitle">\u65B0\u589E\u8D26\u53F7</h3>
+          <p>\u9009\u62E9 OAuth \u767B\u5F55\uFF0C\u6216\u7C98\u8D34\u5355\u4E2A/\u6279\u91CF\u8D26\u53F7 JSON \u5BFC\u5165\u3002</p>
+        </div>
+        <div class="actions">
+          <button class="btn-secondary" id="closeAccountModalBtn" type="button">\u5173\u95ED</button>
+        </div>
+      </div>
+      <div class="modal-body account-modal-body">
+        <div class="contact-notes">
+          <div class="contact-note">
+            <strong>\u767B\u5F55\u65B0\u589E</strong>
+            <span>\u6253\u5F00 OpenAI OAuth \u6388\u6743\u6D41\u7A0B\uFF0C\u767B\u5F55\u6210\u529F\u540E\u81EA\u52A8\u4FDD\u5B58\u5E76\u5207\u6362\u4E3A\u5F53\u524D\u8D26\u53F7\u3002</span>
+            <button class="btn-primary" id="oauthLoginBtn" type="button">\u767B\u5F55</button>
+          </div>
+          <div class="contact-note">
+            <strong>\u6279\u91CF\u5BFC\u5165</strong>
+            <span>\u652F\u6301\u5355\u4E2A\u5BF9\u8C61\u3001\u5BF9\u8C61\u6570\u7EC4\uFF0C\u6216\u5305\u542B profiles \u6570\u7EC4\u7684\u5BF9\u8C61\u3002\u5BFC\u5165\u540E\u6700\u540E\u4E00\u4E2A\u8D26\u53F7\u4F1A\u6210\u4E3A\u5F53\u524D\u8D26\u53F7\u3002</span>
+            <div class="actions">
+              <button class="btn-secondary" id="loadImportTemplateBtn" type="button">\u586B\u5165\u53C2\u8003\u683C\u5F0F</button>
+              <button class="btn-primary" id="importProfileBtn" type="button">\u5BFC\u5165</button>
+            </div>
+          </div>
+        </div>
+        <div>
+          <textarea class="textarea" id="profileImportJson" spellcheck="false" placeholder='\u7C98\u8D34\u8D26\u53F7 JSON\uFF0C\u652F\u6301 { "profiles": [...] } \u6279\u91CF\u5BFC\u5165'></textarea>
+          <p class="hint">\u5BFC\u5165\u548C\u5BFC\u51FA\u7684 JSON \u90FD\u5305\u542B\u5B8C\u6574 access token \u548C refresh token\uFF0C\u8BF7\u53EA\u5728\u53EF\u4FE1\u73AF\u5883\u4E2D\u5904\u7406\u3002</p>
+        </div>
+      </div>
+    </section>
+  </div>
+
   <div class="modal-backdrop" id="contactModal" aria-hidden="true">
     <section class="modal-card" role="dialog" aria-modal="true" aria-labelledby="contactModalTitle">
       <div class="modal-head">
@@ -1622,6 +1697,7 @@ function renderAdminPage() {
         status: "all",
         sort: "quota-desc",
       },
+      selectedProfileIds: {},
       testerResultTab: "response",
     };
 
@@ -1646,6 +1722,11 @@ function renderAdminPage() {
         tab: "Images",
         description: "\u517C\u5BB9 OpenAI images.generations \u63A5\u53E3\u3002",
       },
+      "/v1/images/edits": {
+        method: "POST",
+        tab: "Edits",
+        description: "\u517C\u5BB9 OpenAI images.edits JSON \u63A5\u53E3\u3002",
+      },
     };
 
     const endpointSelect = document.getElementById("endpointSelect");
@@ -1659,6 +1740,7 @@ function renderAdminPage() {
     const imageCapabilityHint = document.getElementById("imageCapabilityHint");
     const runTestBtn = document.getElementById("runTestBtn");
     const toggleEmailBtn = document.getElementById("toggleEmailBtn");
+    const accountModal = document.getElementById("accountModal");
     const contactModal = document.getElementById("contactModal");
     const imagePreviewModal = document.getElementById("imagePreviewModal");
     const contactBtn = document.getElementById("contactBtn");
@@ -1668,6 +1750,12 @@ function renderAdminPage() {
     const profileSearch = document.getElementById("profileSearch");
     const profileStatusFilter = document.getElementById("profileStatusFilter");
     const profileSort = document.getElementById("profileSort");
+    const profileImportJson = document.getElementById("profileImportJson");
+    const importProfileBtn = document.getElementById("importProfileBtn");
+    const oauthLoginBtn = document.getElementById("oauthLoginBtn");
+    const loadImportTemplateBtn = document.getElementById("loadImportTemplateBtn");
+    const exportSelectedProfilesBtn = document.getElementById("exportSelectedProfilesBtn");
+    const selectedProfileCount = document.getElementById("selectedProfileCount");
     const proxyEnabled = document.getElementById("proxyEnabled");
     const proxyUrl = document.getElementById("proxyUrl");
     const proxyNoProxy = document.getElementById("proxyNoProxy");
@@ -2244,6 +2332,21 @@ function renderAdminPage() {
         });
       }
 
+      if (endpoint === "/v1/images/edits") {
+        return formatJson({
+          model: "gpt-image-2",
+          prompt: "\u53C2\u8003\u8FD9\u5F20\u56FE\u7247\uFF0C\u751F\u6210\u4E00\u5F20\u66F4\u9002\u5408\u79D1\u6280\u4EA7\u54C1\u5E7F\u544A\u7684\u7248\u672C\uFF0C\u4FDD\u7559\u4E3B\u4F53\u6784\u56FE\uFF0C\u589E\u5F3A\u5149\u7EBF\u548C\u8D28\u611F\u3002",
+          images: [
+            {
+              image_url: "data:image/png;base64,\u66FF\u6362\u4E3A\u4F60\u7684\u56FE\u7247base64",
+            },
+          ],
+          size: "1024x1024",
+          quality: "low",
+          response_format: "b64_json",
+        });
+      }
+
       return formatJson({
         model: model,
         input: "\u8BF7\u53EA\u56DE\u590D OK",
@@ -2255,6 +2358,10 @@ function renderAdminPage() {
       const avg = requests.length
         ? requests.reduce(function (sum, item) { return sum + (item.durationMs || 0); }, 0) / requests.length
         : 0;
+      const codexAccountId = config.codex && config.codex.accountId ? config.codex.accountId : "";
+      const codexProfile = codexAccountId && Array.isArray(config.profiles)
+        ? config.profiles.find(function (profile) { return profile.accountId === codexAccountId; })
+        : null;
 
       return [
         {
@@ -2276,6 +2383,12 @@ function renderAdminPage() {
           detail: "\u672A\u663E\u5F0F\u6307\u5B9A model \u65F6\u751F\u6548",
           compact: true,
         },
+        {
+          label: "Codex \u5F53\u524D\u8D26\u53F7",
+          value: codexProfile ? getProfileDisplayLabel(codexProfile) : (codexAccountId ? maskIdentifier(codexAccountId) : "\u672A\u68C0\u6D4B\u5230"),
+          detail: config.codex && config.codex.exists ? "\u6765\u81EA ~/.codex/auth.json" : "\u5C1A\u672A\u5E94\u7528\u5230 Codex",
+          compact: true,
+        },
         {
           label: "\u5F53\u524D\u7248\u672C",
           value: getVersionValue(config),
@@ -2369,8 +2482,35 @@ function renderAdminPage() {
       return filtered;
     }
 
+    function getSelectedProfileIds() {
+      return Object.keys(state.selectedProfileIds).filter(function (profileId) {
+        return !!state.selectedProfileIds[profileId];
+      });
+    }
+
+    function syncSelectedProfiles(config) {
+      const profiles = Array.isArray(config.profiles) ? config.profiles : [];
+      const availableIds = profiles.reduce(function (result, profile) {
+        result[profile.profileId] = true;
+        return result;
+      }, {});
+      getSelectedProfileIds().forEach(function (profileId) {
+        if (!availableIds[profileId]) {
+          delete state.selectedProfileIds[profileId];
+        }
+      });
+    }
+
+    function updateSelectedProfileControls() {
+      const count = getSelectedProfileIds().length;
+      selectedProfileCount.textContent = "\u5DF2\u9009\u62E9 " + String(count) + " \u4E2A";
+      exportSelectedProfilesBtn.disabled = count === 0;
+    }
+
     function renderProfiles(config) {
       const container = document.getElementById("profileList");
+      syncSelectedProfiles(config);
+      updateSelectedProfileControls();
       const profiles = getFilteredProfiles(config);
       const gridClass = profiles.length <= 0
         ? ""
@@ -2389,6 +2529,7 @@ function renderAdminPage() {
       }
 
       container.innerHTML = profiles.map(function (profile) {
+        const selected = !!state.selectedProfileIds[profile.profileId];
         const isSingleProfile = profiles.length === 1;
         const health = getProfileHealth(profile);
         const planType = getPlanType(profile);
@@ -2418,6 +2559,7 @@ function renderAdminPage() {
           +         '<span class="badge ' + escapeHtml(imageCapability.badgeClass) + '">' + escapeHtml(imageCapability.label) + "</span>"
           +       "</div>"
           +     "</div>"
+          +     '<label class="account-select"><input type="checkbox" data-profile-select data-profile-id="' + escapeHtml(profile.profileId) + '"' + (selected ? " checked" : "") + " /><span>\u9009\u62E9</span></label>"
           +   "</div>"
           +   '<div class="account-metrics">'
           +     '<div class="quota-row">'
@@ -2440,6 +2582,8 @@ function renderAdminPage() {
           +   "</div>"
           +   '<div class="account-actions">'
           +     actionButton
+          +     '<button class="btn-secondary" type="button" data-profile-action="apply-codex" data-profile-id="' + escapeHtml(profile.profileId) + '">\u5E94\u7528\u5230 Codex</button>'
+          +     '<button class="btn-secondary" type="button" data-profile-action="export" data-profile-id="' + escapeHtml(profile.profileId) + '">\u5BFC\u51FA</button>'
           +     '<button class="btn-danger" type="button" data-profile-action="remove" data-profile-id="' + escapeHtml(profile.profileId) + '">\u5220\u9664</button>'
           +   "</div>"
           + "</article>";
@@ -2450,13 +2594,15 @@ function renderAdminPage() {
       const profiles = Array.isArray(config.profiles) ? config.profiles : [];
       const now = Date.now();
       const seeds = profiles.slice(0, 5).map(function (profile, index) {
-        const endpoint = index % 4 === 0
+        const endpoint = index % 5 === 0
           ? "/v1/chat/completions"
-          : index % 4 === 1
+          : index % 5 === 1
             ? "/v1/responses"
-            : index % 4 === 2
+            : index % 5 === 2
               ? "/v1/models"
-              : "/v1/images/generations";
+              : index % 5 === 3
+                ? "/v1/images/generations"
+                : "/v1/images/edits";
         const method = endpointMeta[endpoint].method;
         return {
           time: now - index * 15 * 60 * 1000,
@@ -2464,7 +2610,7 @@ function renderAdminPage() {
           endpoint: endpoint,
           accountEmail: profile.email || "",
           accountFallback: profile.accountId || profile.profileId || "\u672A\u547D\u540D\u8D26\u53F7",
-          model: endpoint === "/v1/images/generations" ? "gpt-image-2" : config.settings.defaultModel,
+          model: endpoint.indexOf("/v1/images/") === 0 ? "gpt-image-2" : config.settings.defaultModel,
           statusCode: 200,
           durationMs: 860 + index * 230 + getPrimaryUsage(profile) * 8,
           source: index % 2 === 0 ? "\u7BA1\u7406\u9875" : "CLI",
@@ -2695,7 +2841,7 @@ function renderAdminPage() {
 
     function syncImageCapabilityHint(config) {
       const capability = getImageCapability(config ? config.profile : null);
-      const isImageEndpoint = endpointSelect.value === "/v1/images/generations";
+      const isImageEndpoint = endpointSelect.value === "/v1/images/generations" || endpointSelect.value === "/v1/images/edits";
       imageCapabilityHint.textContent = capability.detail;
       imageCapabilityHint.className = capability.supported && !isImageEndpoint ? "hint" : "hint warn";
       runTestBtn.disabled = isImageEndpoint && !capability.supported;
@@ -2832,7 +2978,7 @@ function renderAdminPage() {
     }
 
     async function login() {
-      const button = document.getElementById("loginBtn");
+      const button = oauthLoginBtn;
       setBusy(button, true);
       authStatus.textContent = "\u6B63\u5728\u65B0\u589E\u8D26\u53F7\u3001\u7B49\u5F85 OAuth \u5B8C\u6210\uFF0C\u5E76\u540C\u6B65\u989D\u5EA6\u4FE1\u606F...";
       try {
@@ -2845,6 +2991,7 @@ function renderAdminPage() {
         if (config.profile && config.profile.quota) {
           authStatus.textContent = "\u8D26\u53F7\u5DF2\u4FDD\u5B58\uFF0C\u5DF2\u5207\u6362\u4E3A\u5F53\u524D\u4F7F\u7528\u8D26\u53F7\u5E76\u540C\u6B65\u989D\u5EA6\u4FE1\u606F: " + getProfileDisplayLabel(config.profile);
         }
+        closeAccountModal();
       } catch (error) {
         authStatus.textContent = error.message;
       } finally {
@@ -2871,6 +3018,15 @@ function renderAdminPage() {
     }
 
     async function runProfileAction(action, profileId, button) {
+      if (action === "export") {
+        await exportProfile(profileId, button);
+        return;
+      }
+      if (action === "apply-codex") {
+        await applyProfileToCodex(profileId, button);
+        return;
+      }
+
       setBusy(button, true);
       authStatus.textContent = action === "activate" ? "\u6B63\u5728\u5207\u6362\u5F53\u524D\u8D26\u53F7..." : "\u6B63\u5728\u5220\u9664\u8D26\u53F7...";
       try {
@@ -2903,6 +3059,141 @@ function renderAdminPage() {
       }
     }
 
+    async function applyProfileToCodex(profileId, button) {
+      setBusy(button, true);
+      authStatus.textContent = "\u6B63\u5728\u5E94\u7528\u8D26\u53F7\u5230 Codex...";
+      try {
+        const result = await fetchJson("/_gateway/admin/codex/apply", {
+          method: "POST",
+          headers: {
+            "Content-Type": "application/json",
+          },
+          body: formatJson({
+            profileId: profileId,
+          }),
+        });
+        const config = result.config || await fetchJson("/_gateway/admin/config");
+        renderConfig(config);
+        const codex = result.codex || config.codex || {};
+        authStatus.textContent = "\u5DF2\u5E94\u7528\u5230 Codex\u3002\u65B0\u5F00\u7684 Codex \u4F1A\u8BDD\u5C06\u4F7F\u7528\u8BE5\u8D26\u53F7\u3002"
+          + (codex.backupPath ? " \u5DF2\u5907\u4EFD\u539F auth.json\u3002" : "");
+      } catch (error) {
+        authStatus.textContent = error.message;
+      } finally {
+        setBusy(button, false);
+      }
+    }
+
+    function downloadJsonFile(fileName, value) {
+      const blob = new Blob([formatJson(value) + "\\n"], { type: "application/json" });
+      const url = URL.createObjectURL(blob);
+      const link = document.createElement("a");
+      link.href = url;
+      link.download = fileName;
+      document.body.appendChild(link);
+      link.click();
+      link.remove();
+      URL.revokeObjectURL(url);
+    }
+
+    async function importProfile() {
+      const raw = profileImportJson.value.trim();
+      if (!raw) {
+        authStatus.textContent = "\u8BF7\u5148\u7C98\u8D34\u8981\u5BFC\u5165\u7684\u8D26\u53F7 JSON\u3002";
+        return;
+      }
+
+      let payload;
+      try {
+        payload = JSON.parse(raw);
+      } catch (_error) {
+        authStatus.textContent = "\u5BFC\u5165\u5931\u8D25: JSON \u683C\u5F0F\u4E0D\u6B63\u786E\u3002";
+        return;
+      }
+
+      setBusy(importProfileBtn, true);
+      authStatus.textContent = "\u6B63\u5728\u5BFC\u5165\u8D26\u53F7\u5E76\u540C\u6B65\u989D\u5EA6\u4FE1\u606F...";
+      try {
+        let config = await fetchJson("/_gateway/admin/profiles/import", {
+          method: "POST",
+          headers: {
+            "Content-Type": "application/json",
+          },
+          body: formatJson({
+            profile: payload,
+          }),
+        });
+        renderConfig(config);
+        const count = config.importedProfileCount || 1;
+        const baseMessage = "\u5DF2\u5BFC\u5165 " + String(count) + " \u4E2A\u8D26\u53F7\uFF0C\u5E76\u5DF2\u5207\u6362\u4E3A\u5F53\u524D\u4F7F\u7528\u8D26\u53F7: " + getProfileDisplayLabel(config.profile);
+        config = await syncQuotaAfterProfileChange(config, baseMessage);
+        if (config.profile && config.profile.quota) {
+          authStatus.textContent = "\u5DF2\u5BFC\u5165 " + String(count) + " \u4E2A\u8D26\u53F7\uFF0C\u989D\u5EA6\u4FE1\u606F\u5DF2\u540C\u6B65: " + getProfileDisplayLabel(config.profile);
+        }
+        profileImportJson.value = "";
+        closeAccountModal();
+      } catch (error) {
+        authStatus.textContent = error.message;
+      } finally {
+        setBusy(importProfileBtn, false);
+      }
+    }
+
+    async function loadImportTemplate() {
+      setBusy(loadImportTemplateBtn, true);
+      authStatus.textContent = "\u6B63\u5728\u8BFB\u53D6\u5BFC\u5165\u53C2\u8003\u683C\u5F0F...";
+      try {
+        const result = await fetchJson("/_gateway/admin/profiles/import-template");
+        profileImportJson.value = formatJson(result.profile);
+        authStatus.textContent = "\u5DF2\u586B\u5165\u53C2\u8003\u683C\u5F0F\uFF0C\u53EF\u66FF\u6362\u5176\u4E2D\u7684 token \u540E\u5BFC\u5165\u3002";
+      } catch (error) {
+        authStatus.textContent = error.message;
+      } finally {
+        setBusy(loadImportTemplateBtn, false);
+      }
+    }
+
+    async function exportProfile(profileId, button, options) {
+      setBusy(button, true);
+      authStatus.textContent = "\u6B63\u5728\u5BFC\u51FA\u8D26\u53F7\u914D\u7F6E...";
+      try {
+        const exportAll = !!(options && options.all);
+        const profileIds = options && Array.isArray(options.profileIds) ? options.profileIds : null;
+        const result = await fetchJson("/_gateway/admin/profiles/export", {
+          method: "POST",
+          headers: {
+            "Content-Type": "application/json",
+          },
+          body: formatJson(profileIds ? { profileIds: profileIds } : exportAll ? { all: true } : { profileId: profileId }),
+        });
+        const profile = result.profile;
+        const isBundle = profile && Array.isArray(profile.profiles);
+        const suffix = isBundle
+          ? "profiles-" + String(profile.profiles.length)
+          : profile && profile.account_id ? profile.account_id : "active";
+        downloadJsonFile("ai-zero-token-" + suffix + ".json", profile);
+        authStatus.textContent = isBundle
+          ? "\u5DF2\u6279\u91CF\u5BFC\u51FA " + String(profile.profiles.length) + " \u4E2A\u8D26\u53F7\u3002\u8BF7\u59A5\u5584\u4FDD\u7BA1\u5BFC\u51FA\u7684 refresh token\u3002"
+          : "\u8D26\u53F7\u914D\u7F6E\u5DF2\u5BFC\u51FA\u3002\u8BF7\u59A5\u5584\u4FDD\u7BA1\u5BFC\u51FA\u7684 refresh token\u3002";
+      } catch (error) {
+        authStatus.textContent = error.message;
+      } finally {
+        setBusy(button, false);
+      }
+    }
+
+    async function exportSelectedProfiles() {
+      const profileIds = getSelectedProfileIds();
+      if (profileIds.length === 0) {
+        authStatus.textContent = "\u8BF7\u5148\u52FE\u9009\u8981\u5BFC\u51FA\u7684\u8D26\u53F7\u3002";
+        return;
+      }
+
+      await exportProfile(null, exportSelectedProfilesBtn, {
+        profileIds: profileIds,
+      });
+    }
+
     async function saveModel() {
       const button = document.getElementById("saveModelBtn");
       const select = document.getElementById("defaultModel");
@@ -3081,6 +3372,16 @@ function renderAdminPage() {
       }
     }
 
+    function openAccountModal() {
+      accountModal.classList.add("is-open");
+      accountModal.setAttribute("aria-hidden", "false");
+    }
+
+    function closeAccountModal() {
+      accountModal.classList.remove("is-open");
+      accountModal.setAttribute("aria-hidden", "true");
+    }
+
     function openContactModal() {
       contactModal.classList.add("is-open");
       contactModal.setAttribute("aria-hidden", "false");
@@ -3091,7 +3392,7 @@ function renderAdminPage() {
       contactModal.setAttribute("aria-hidden", "true");
     }
 
-    document.getElementById("loginBtn").addEventListener("click", login);
+    document.getElementById("loginBtn").addEventListener("click", openAccountModal);
     document.getElementById("refreshBtn").addEventListener("click", function () {
       authStatus.textContent = "\u6B63\u5728\u540C\u6B65\u989D\u5EA6\u4E0E\u7248\u672C\u72B6\u6001...";
       refreshConfig({
@@ -3103,6 +3404,11 @@ function renderAdminPage() {
       });
     });
     document.getElementById("logoutBtn").addEventListener("click", logout);
+    oauthLoginBtn.addEventListener("click", login);
+    importProfileBtn.addEventListener("click", importProfile);
+    loadImportTemplateBtn.addEventListener("click", loadImportTemplate);
+    exportSelectedProfilesBtn.addEventListener("click", exportSelectedProfiles);
+    document.getElementById("closeAccountModalBtn").addEventListener("click", closeAccountModal);
     contactBtn.addEventListener("click", openContactModal);
     document.getElementById("closeContactBtn").addEventListener("click", closeContactModal);
     document.getElementById("closeImagePreviewBtn").addEventListener("click", closeImagePreviewModal);
@@ -3124,6 +3430,10 @@ function renderAdminPage() {
     });
 
     document.getElementById("profileList").addEventListener("click", function (event) {
+      if (event.target.closest("[data-profile-select]")) {
+        return;
+      }
+
       const button = event.target.closest("[data-profile-action]");
       if (!button) {
         return;
@@ -3138,6 +3448,25 @@ function renderAdminPage() {
       runProfileAction(action, profileId, button);
     });
 
+    document.getElementById("profileList").addEventListener("change", function (event) {
+      const checkbox = event.target.closest("[data-profile-select]");
+      if (!checkbox) {
+        return;
+      }
+
+      const profileId = checkbox.getAttribute("data-profile-id");
+      if (!profileId) {
+        return;
+      }
+
+      if (checkbox.checked) {
+        state.selectedProfileIds[profileId] = true;
+      } else {
+        delete state.selectedProfileIds[profileId];
+      }
+      updateSelectedProfileControls();
+    });
+
     document.getElementById("activateCurrentBtn").addEventListener("click", function () {
       if (!state.config || !state.config.profile || !state.config.profile.profileId) {
         return;
@@ -3209,6 +3538,12 @@ function renderAdminPage() {
       }
     });
 
+    accountModal.addEventListener("click", function (event) {
+      if (event.target === accountModal) {
+        closeAccountModal();
+      }
+    });
+
     imagePreviewModal.addEventListener("click", function (event) {
       if (event.target === imagePreviewModal) {
         closeImagePreviewModal();
@@ -3222,6 +3557,9 @@ function renderAdminPage() {
       if (event.key === "Escape" && contactModal.classList.contains("is-open")) {
         closeContactModal();
       }
+      if (event.key === "Escape" && accountModal.classList.contains("is-open")) {
+        closeAccountModal();
+      }
     });
 
     setTesterResultTab(state.testerResultTab);