Spaces:

zye784581395
/

courl

Paused

File size: 46,121 Bytes

e43bcd4

<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Cursor To OpenAI - API Key 管理</title>
    <style>
        body {
            font-family: 'Arial', sans-serif;
            line-height: 1.6;
            margin: 0;
            padding: 20px;
            color: #333;
            max-width: 1200px;
            margin: 0 auto;
        }
        h1, h2 {
            color: #2c3e50;
        }
        .container {
            display: flex;
            flex-direction: column;
            gap: 20px;
        }
        .card {
            background: #fff;
            border-radius: 8px;
            box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
            padding: 20px;
        }
        .form-group {
            margin-bottom: 15px;
        }
        label {
            display: block;
            margin-bottom: 5px;
            font-weight: bold;
        }
        input, textarea {
            width: 100%;
            padding: 8px;
            border: 1px solid #ddd;
            border-radius: 4px;
            font-size: 16px;
        }
        textarea {
            min-height: 100px;
            font-family: monospace;
        }
        button {
            background: #3498db;
            color: white;
            border: none;
            padding: 10px 15px;
            border-radius: 4px;
            cursor: pointer;
            font-size: 16px;
        }
        button:hover {
            background: #2980b9;
        }
        table {
            width: 100%;
            border-collapse: collapse;
        }
        th, td {
            padding: 12px;
            text-align: left;
            border-bottom: 1px solid #ddd;
        }
        th {
            background-color: #f2f2f2;
        }
        .action-btn {
            background: #e74c3c;
            margin-right: 5px;
        }
        .action-btn:hover {
            background: #c0392b;
        }
        .edit-btn {
            background: #f39c12;
            margin-right: 5px;
        }
        .edit-btn:hover {
            background: #d35400;
        }
        .info {
            background-color: #d4edda;
            color: #155724;
            padding: 10px;
            border-radius: 4px;
            margin-bottom: 15px;
        }
        .error {
            background-color: #f8d7da;
            color: #721c24;
            padding: 10px;
            border-radius: 4px;
            margin-bottom: 15px;
        }
        .modal {
            display: none;
            position: fixed;
            z-index: 1;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            overflow: auto;
            background-color: rgba(0,0,0,0.4);
        }
        .modal-content {
            background-color: #fefefe;
            margin: 15% auto;
            padding: 20px;
            border: 1px solid #888;
            width: 80%;
            max-width: 600px;
            border-radius: 8px;
        }
        .close {
            color: #aaa;
            float: right;
            font-size: 28px;
            font-weight: bold;
            cursor: pointer;
        }
        .close:hover,
        .close:focus {
            color: black;
            text-decoration: none;
        }
        /* 无效Cookie样式 */
        .cookie-text {
            max-width: 80%;
            word-break: break-all;
        }
    </style>
</head>
<body>
    <div class="container">
        <div class="card">
            <h1>Cursor To OpenAI - API Key 管理</h1>
            <p>在此页面上，您可以管理自定义 API Key 与 Cursor Cookie 的映射关系。</p>
            <div style="margin-top: 10px; display: flex; justify-content: space-between; align-items: center;">
                <div>
                <button id="testApiBtn" style="margin-right: 10px;">测试API连接</button>
                <button id="clearCacheBtn">清除缓存并刷新</button>
                </div>
                <div>
                    <span id="adminUsername" style="margin-right: 10px;"></span>
                    <button id="logoutBtn" style="background: #e74c3c;">退出登录</button>
                </div>
            </div>
            <div id="testApiResult" style="margin-top: 10px;"></div>
        </div>

        <div class="card">
            <h2>添加/更新 API Key</h2>
            <div id="addKeyMessage"></div>
            <form id="addKeyForm">
                <div class="form-group">
                    <label for="apiKey">API Key（自定义）</label>
                    <input type="text" id="apiKey" name="apiKey" placeholder="输入您想使用的自定义 API Key" required>
                </div>
                <div class="form-group">
                    <label for="cookieValues">Cursor Cookie 值（多个值请用逗号分隔）</label>
                    <textarea id="cookieValues" name="cookieValues" placeholder="输入 WorkosCursorSessionToken 值，多个值请用逗号分隔" required></textarea>
                </div>
                <button type="submit">保存</button>
            </form>
        </div>

        <div class="card">
            <h2>现有 API Key</h2>
            <div id="keyListMessage"></div>
            <table id="keyTable">
                <thead>
                    <tr>
                        <th>API Key</th>
                        <th>Cookie 数量</th>
                        <th>操作</th>
                    </tr>
                </thead>
                <tbody id="keyList">
                    <!-- 数据将通过 JavaScript 动态加载 -->
                </tbody>
            </table>
        </div>

        <div class="card">
            <h2>使用说明</h2>
            <ol>
                <li>添加自定义 API Key 和对应的 Cursor Cookie 值。</li>
                <li>使用自定义 API Key 作为 OpenAI API 的认证凭证。</li>
                <li>系统将自动在多个 Cookie 之间进行轮询。</li>
                <li>API 端点：
                    <ul>
                        <li>模型列表：<code>/v1/models</code></li>
                        <li>聊天补全：<code>/v1/chat/completions</code></li>
                    </ul>
                </li>
            </ol>
        </div>
    </div>

    <!-- 修改 Cookie 的模态框 -->
    <div id="editModal" class="modal">
        <div class="modal-content">
            <span class="close">&times;</span>
            <h2>修改 API Key 的 Cookie</h2>
            <div id="editModalMessage"></div>
            <form id="editCookieForm">
                <input type="hidden" id="editApiKey" name="editApiKey">
                <div class="form-group">
                    <label for="editCookieValues">Cursor Cookie 值（多个值请用逗号分隔）</label>
                    <textarea id="editCookieValues" name="editCookieValues" placeholder="输入 WorkosCursorSessionToken 值，多个值请用逗号分隔" required></textarea>
                </div>
                <button type="submit">保存修改</button>
            </form>
        </div>
    </div>

    <div class="card">
        <h2>无效Cookie管理</h2>
        <div class="form-group">
            <div class="info">
                以下是系统自动检测到的无效Cookie列表。这些Cookie在请求过程中被发现无效，已被自动从API Key中移除。
            </div>
            <div id="invalidCookiesContainer">
                <div style="text-align: center; padding: 20px;">
                    <div>加载中...</div>
                </div>
            </div>
            <button id="clearAllInvalidCookies" style="background: #e74c3c;">清除所有无效Cookie</button>
        </div>
    </div>

    <!-- 新增：Cookie刷新功能 -->
    <div class="card">
        <h2>Cookie自动刷新</h2>
        <div class="form-group">
            <div class="info">
                系统支持自动刷新Cookie，确保API Key始终有足够的可用Cookie。您可以在此手动触发刷新操作。
            </div>
            <div id="refreshCookieMessage"></div>
            <div style="margin-top: 15px;">
                <div class="form-group">
                    <label for="refreshApiKey">选择要刷新的API Key（不选则刷新所有）</label>
                    <select id="refreshApiKey" style="width: 100%; padding: 8px; border: 1px solid #ddd; border-radius: 4px; font-size: 16px;">
                        <option value="">所有API Key</option>
                        <!-- 选项将通过JavaScript动态加载 -->
                    </select>
                </div>
                <button id="refreshCookieBtn" style="background: #27ae60;">刷新Cookie</button>
            </div>
            <div id="refreshStatusContainer" style="margin-top: 15px; display: none;">
                <div class="info">
                    <div>刷新状态：<span id="refreshStatus">准备中...</span></div>
                    <div style="margin-top: 10px;">
                        <progress id="refreshProgress" value="0" max="100" style="width: 100%;"></progress>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- 新增：获取Cursor Cookie功能 -->
    <div class="card">
        <h2>获取Cursor Cookie</h2>
        <div class="form-group">
            <div class="info">
                通过此功能可以快速获取新的Cursor Cookie并添加到系统中。点击按钮生成链接，完成登录后自动添加Cookie。
            </div>
            <div id="getCookieMessage"></div>
            <div style="margin-top: 15px;">
                <div class="form-group">
                    <label for="targetApiKey">选择要添加Cookie的API Key（不选则添加到所有）</label>
                    <select id="targetApiKey" style="width: 100%; padding: 8px; border: 1px solid #ddd; border-radius: 4px; font-size: 16px;">
                        <option value="">所有API Key</option>
                        <!-- 选项将通过JavaScript动态加载 -->
                    </select>
                </div>
                <button id="generateLinkBtn" style="background: #2980b9;">生成登录链接</button>
            </div>
            <div id="loginLinkContainer" style="margin-top: 15px; display: none;">
                <div class="info">
                    <p>请点击下面的链接或复制到浏览器打开，然后登录Cursor账号并授权：</p>
                    <div style="margin: 10px 0; word-break: break-all; background: #f8f9fa; padding: 10px; border-radius: 4px;">
                        <a id="loginLink" href="#" target="_blank"></a>
                    </div>
                    <p>登录完成后系统将自动获取Cookie并添加到API Key中。</p>
                </div>
                <div id="pollStatus" style="margin-top: 10px;">
                    <div>状态：<span id="pollStatusText">等待用户登录...</span></div>
                    <div style="margin-top: 10px;">
                        <progress id="pollProgress" value="0" max="100" style="width: 100%;"></progress>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <script>
        // 获取模态框元素
        const modal = document.getElementById('editModal');
        const closeBtn = document.getElementsByClassName('close')[0];
        
        // 关闭模态框
        closeBtn.onclick = function() {
            modal.style.display = 'none';
        }
        
        // 点击模态框外部关闭
        window.onclick = function(event) {
            if (event.target == modal) {
                modal.style.display = 'none';
            }
        }
        
        // 加载现有 API Key
        async function loadApiKeys() {
            try {
                console.log('开始加载API Keys...');
                const response = await fetch('/v1/api-keys', {
                    method: 'GET',
                    headers: {
                        'Content-Type': 'application/json',
                        'Cache-Control': 'no-cache'
                    }
                });
                
                if (!response.ok) {
                    throw new Error(`HTTP错误: ${response.status} ${response.statusText}`);
                }
                
                console.log('API响应状态:', response.status);
                const data = await response.json();
                console.log('获取到的数据:', data);
                
                const keyList = document.getElementById('keyList');
                keyList.innerHTML = '';
                
                if (data.success && data.apiKeys.length > 0) {
                    data.apiKeys.forEach(key => {
                        const row = document.createElement('tr');
                        row.innerHTML = `
                            <td>${key.key}</td>
                            <td>${key.cookieCount}</td>
                            <td>
                                <button class="edit-btn" onclick="editApiKey('${key.key}')">修改</button>
                                <button class="action-btn" onclick="deleteApiKey('${key.key}')">删除</button>
                            </td>
                        `;
                        keyList.appendChild(row);
                    });
                } else {
                    keyList.innerHTML = '<tr><td colspan="3">暂无 API Key</td></tr>';
                }
            } catch (error) {
                console.error('加载 API Key 失败:', error);
                document.getElementById('keyListMessage').innerHTML = `
                    <div class="error">加载 API Key 失败: ${error.message}</div>
                `;
            }
        }

        // 添加/更新 API Key
        document.getElementById('addKeyForm').addEventListener('submit', async function(e) {
            e.preventDefault();
            
            const apiKey = document.getElementById('apiKey').value.trim();
            const cookieValuesText = document.getElementById('cookieValues').value.trim();
            
            if (!apiKey || !cookieValuesText) {
                document.getElementById('addKeyMessage').innerHTML = `
                    <div class="error">API Key 和 Cookie 值不能为空</div>
                `;
                return;
            }
            
            // 将逗号分隔的 Cookie 值转换为数组
            const cookieValues = cookieValuesText.split(',').map(cookie => cookie.trim()).filter(cookie => cookie);
            
            try {
                const response = await fetch('/v1/api-keys', {
                    method: 'POST',
                    headers: {
                        'Content-Type': 'application/json',
                    },
                    body: JSON.stringify({
                        apiKey,
                        cookieValues,
                    }),
                });
                
                const data = await response.json();
                
                if (data.success) {
                    document.getElementById('addKeyMessage').innerHTML = `
                        <div class="info">API Key 添加/更新成功</div>
                    `;
                    document.getElementById('apiKey').value = '';
                    document.getElementById('cookieValues').value = '';
                    loadApiKeys();
                } else {
                    document.getElementById('addKeyMessage').innerHTML = `
                        <div class="error">API Key 添加/更新失败: ${data.error}</div>
                    `;
                }
            } catch (error) {
                console.error('添加/更新 API Key 失败:', error);
                document.getElementById('addKeyMessage').innerHTML = `
                    <div class="error">添加/更新 API Key 失败: ${error.message}</div>
                `;
            }
        });

        // 删除 API Key
        async function deleteApiKey(apiKey) {
            if (!confirm(`确定要删除 API Key "${apiKey}" 吗？`)) {
                return;
            }
            
            try {
                const response = await fetch(`/v1/api-keys/${encodeURIComponent(apiKey)}`, {
                    method: 'DELETE',
                });
                
                const data = await response.json();
                
                if (data.success) {
                    document.getElementById('keyListMessage').innerHTML = `
                        <div class="info">API Key 删除成功</div>
                    `;
                    loadApiKeys();
                } else {
                    document.getElementById('keyListMessage').innerHTML = `
                        <div class="error">API Key 删除失败: ${data.error}</div>
                    `;
                }
            } catch (error) {
                console.error('删除 API Key 失败:', error);
                document.getElementById('keyListMessage').innerHTML = `
                    <div class="error">删除 API Key 失败: ${error.message}</div>
                `;
            }
        }
        
        // 获取API Key的Cookie值
        async function getCookiesForApiKey(apiKey) {
            try {
                const response = await fetch(`/v1/api-keys/${encodeURIComponent(apiKey)}/cookies`, {
                    method: 'GET',
                    headers: {
                        'Content-Type': 'application/json',
                        'Cache-Control': 'no-cache'
                    }
                });
                
                if (!response.ok) {
                    throw new Error(`HTTP错误: ${response.status} ${response.statusText}`);
                }
                
                const data = await response.json();
                return data.cookies;
            } catch (error) {
                console.error(`获取 ${apiKey} 的Cookie值失败:`, error);
                throw error;
            }
        }
        
        // 修改 API Key
        async function editApiKey(apiKey) {
            try {
                document.getElementById('editModalMessage').innerHTML = '';
                document.getElementById('editApiKey').value = apiKey;
                
                // 获取当前Cookie值
                const cookies = await getCookiesForApiKey(apiKey);
                document.getElementById('editCookieValues').value = cookies.join(',');
                
                // 显示模态框
                modal.style.display = 'block';
            } catch (error) {
                alert(`获取 ${apiKey} 的Cookie值失败: ${error.message}`);
            }
        }
        
        // 提交修改表单
        document.getElementById('editCookieForm').addEventListener('submit', async function(e) {
            e.preventDefault();
            
            const apiKey = document.getElementById('editApiKey').value.trim();
            const cookieValuesText = document.getElementById('editCookieValues').value.trim();
            
            if (!apiKey || !cookieValuesText) {
                document.getElementById('editModalMessage').innerHTML = `
                    <div class="error">API Key 和 Cookie 值不能为空</div>
                `;
                return;
            }
            
            // 将逗号分隔的 Cookie 值转换为数组
            const cookieValues = cookieValuesText.split(',').map(cookie => cookie.trim()).filter(cookie => cookie);
            
            try {
                const response = await fetch('/v1/api-keys', {
                    method: 'POST',
                    headers: {
                        'Content-Type': 'application/json',
                    },
                    body: JSON.stringify({
                        apiKey,
                        cookieValues,
                    }),
                });
                
                const data = await response.json();
                
                if (data.success) {
                    document.getElementById('editModalMessage').innerHTML = `
                        <div class="info">Cookie 修改成功</div>
                    `;
                    setTimeout(() => {
                        modal.style.display = 'none';
                        loadApiKeys();
                    }, 1500);
                } else {
                    document.getElementById('editModalMessage').innerHTML = `
                        <div class="error">Cookie 修改失败: ${data.error}</div>
                    `;
                }
            } catch (error) {
                console.error('修改 Cookie 失败:', error);
                document.getElementById('editModalMessage').innerHTML = `
                    <div class="error">修改 Cookie 失败: ${error.message}</div>
                `;
            }
        });

        // 测试API连接
        document.getElementById('testApiBtn').addEventListener('click', async function() {
            const resultDiv = document.getElementById('testApiResult');
            resultDiv.innerHTML = '<div class="info">正在测试API连接...</div>';
            
            try {
                const response = await fetch('/v1/api-keys', {
                    method: 'GET',
                    headers: {
                        'Content-Type': 'application/json',
                        'Cache-Control': 'no-cache'
                    }
                });
                
                resultDiv.innerHTML = `<div class="info">API响应状态: ${response.status}</div>`;
                
                if (!response.ok) {
                    throw new Error(`HTTP错误: ${response.status} ${response.statusText}`);
                }
                
                const data = await response.json();
                resultDiv.innerHTML += `<div class="info">获取到的数据: ${JSON.stringify(data)}</div>`;
            } catch (error) {
                console.error('测试API失败:', error);
                resultDiv.innerHTML = `<div class="error">测试API失败: ${error.message}</div>`;
            }
        });
        
        // 清除缓存并刷新
        document.getElementById('clearCacheBtn').addEventListener('click', function() {
            // 清除缓存
            if ('caches' in window) {
                caches.keys().then(function(names) {
                    for (let name of names) {
                        caches.delete(name);
                    }
                });
            }
            
            // 强制刷新页面（绕过缓存）
            window.location.reload(true);
        });

        // 获取无效Cookie列表
        async function getInvalidCookies() {
            try {
                const response = await fetch('/v1/invalid-cookies', {
                    method: 'GET',
                    headers: {
                        'Content-Type': 'application/json',
                        'Cache-Control': 'no-cache'
                    }
                });
                
                if (!response.ok) {
                    throw new Error(`HTTP错误: ${response.status} ${response.statusText}`);
                }
                
                const data = await response.json();
                return data.invalidCookies;
            } catch (error) {
                console.error('获取无效Cookie失败:', error);
                throw error;
            }
        }
        
        // 清除特定无效Cookie
        async function clearInvalidCookie(cookie) {
            try {
                const response = await fetch(`/v1/invalid-cookies/${encodeURIComponent(cookie)}`, {
                    method: 'DELETE',
                    headers: {
                        'Content-Type': 'application/json',
                        'Cache-Control': 'no-cache'
                    }
                });
                
                if (!response.ok) {
                    throw new Error(`HTTP错误: ${response.status} ${response.statusText}`);
                }
                
                const data = await response.json();
                return data.success;
            } catch (error) {
                console.error(`清除无效Cookie失败:`, error);
                throw error;
            }
        }
        
        // 清除所有无效Cookie
        async function clearAllInvalidCookies() {
            try {
                const response = await fetch('/v1/invalid-cookies', {
                    method: 'DELETE',
                    headers: {
                        'Content-Type': 'application/json',
                        'Cache-Control': 'no-cache'
                    }
                });
                
                if (!response.ok) {
                    throw new Error(`HTTP错误: ${response.status} ${response.statusText}`);
                }
                
                const data = await response.json();
                return data.success;
            } catch (error) {
                console.error('清除所有无效Cookie失败:', error);
                throw error;
            }
        }
        
        // 渲染无效Cookie列表
        async function renderInvalidCookies() {
            const container = document.getElementById('invalidCookiesContainer');
            
            try {
                const invalidCookies = await getInvalidCookies();
                
                if (invalidCookies.length === 0) {
                    container.innerHTML = '<div class="info">没有检测到无效Cookie</div>';
                    return;
                }
                
                let html = '<table><thead><tr><th>无效Cookie</th><th>操作</th></tr></thead><tbody>';
                
                invalidCookies.forEach(cookie => {
                    // 截断显示cookie，避免页面过长
                    const displayCookie = cookie.length > 50 ? cookie.substring(0, 50) + '...' : cookie;
                    
                    html += `
                        <tr>
                            <td class="cookie-text" title="${cookie}">${displayCookie}</td>
                            <td>
                                <button class="action-btn clear-invalid-cookie" data-cookie="${cookie}">
                                    清除
                                </button>
                            </td>
                        </tr>
                    `;
                });
                
                html += '</tbody></table>';
                container.innerHTML = html;
                
                // 添加清除按钮事件监听
                document.querySelectorAll('.clear-invalid-cookie').forEach(button => {
                    button.addEventListener('click', async function() {
                        const cookie = this.getAttribute('data-cookie');
                        
                        try {
                            await clearInvalidCookie(cookie);
                            showMessage('invalidCookiesContainer', '无效Cookie已清除', 'info');
                            renderInvalidCookies(); // 重新渲染列表
                        } catch (error) {
                            showMessage('invalidCookiesContainer', `清除失败: ${error.message}`, 'error');
                        }
                    });
                });
                
            } catch (error) {
                container.innerHTML = `<div class="error">加载失败: ${error.message}</div>`;
            }
        }
        
        // 清除所有无效Cookie按钮事件
        document.getElementById('clearAllInvalidCookies').addEventListener('click', async function() {
            try {
                await clearAllInvalidCookies();
                showMessage('invalidCookiesContainer', '所有无效Cookie已清除', 'info');
                renderInvalidCookies(); // 重新渲染列表
            } catch (error) {
                showMessage('invalidCookiesContainer', `清除失败: ${error.message}`, 'error');
            }
        });
        
        // 页面加载时获取 API Key 列表和无效Cookie列表
        document.addEventListener('DOMContentLoaded', function() {
            checkAuth();
            loadApiKeys();
            renderInvalidCookies();
            populateRefreshApiKeySelect();
            populateCookieApiKeySelect();
        });

        // 显示消息的通用函数
        function showMessage(containerId, message, type) {
            const container = document.getElementById(containerId);
            container.innerHTML = `<div class="${type}">${message}</div>`;
        }

        // 填充刷新API Key的下拉选择框
        async function populateRefreshApiKeySelect() {
            try {
                const apiKeys = await getApiKeys();
                const select = document.getElementById('refreshApiKey');
                
                // 清空现有选项（保留"所有API Key"选项）
                while (select.options.length > 1) {
                    select.remove(1);
                }
                
                // 添加API Key选项
                apiKeys.forEach(key => {
                    const option = document.createElement('option');
                    option.value = key.key;
                    option.textContent = `${key.key} (${key.cookieCount} 个Cookie)`;
                    select.appendChild(option);
                });
            } catch (error) {
                console.error('加载API Key选项失败:', error);
            }
        }

        // 获取API Keys的辅助函数
        async function getApiKeys() {
            const response = await fetch('/v1/api-keys', {
                method: 'GET',
                headers: {
                    'Content-Type': 'application/json',
                    'Cache-Control': 'no-cache'
                }
            });
            
            if (!response.ok) {
                throw new Error(`HTTP错误: ${response.status} ${response.statusText}`);
            }
            
            const data = await response.json();
            return data.success ? data.apiKeys : [];
        }

        // 刷新Cookie按钮事件
        document.getElementById('refreshCookieBtn').addEventListener('click', async function() {
            const refreshBtn = this;
            const apiKey = document.getElementById('refreshApiKey').value;
            const statusContainer = document.getElementById('refreshStatusContainer');
            const statusText = document.getElementById('refreshStatus');
            const progressBar = document.getElementById('refreshProgress');
            
            // 禁用按钮，显示状态容器
            refreshBtn.disabled = true;
            statusContainer.style.display = 'block';
            statusText.textContent = '正在发送刷新请求...';
            progressBar.value = 10;
            
            try {
                // 构建请求URL
                let url = '/v1/refresh-cookies';
                if (apiKey) {
                    url += `?apiKey=${encodeURIComponent(apiKey)}`;
                }
                
                // 发送刷新请求
                statusText.textContent = '正在发送刷新请求...';
                progressBar.value = 20;
                
                const response = await fetch(url, {
                    method: 'POST',
                    headers: {
                        'Content-Type': 'application/json',
                        'Cache-Control': 'no-cache'
                    }
                });
                
                if (!response.ok) {
                    throw new Error(`HTTP错误: ${response.status} ${response.statusText}`);
                }
                
                // 显示长时间等待提示
                statusText.textContent = '刷新请求已发送，请耐心等待2-12分钟...';
                progressBar.value = 50;
                showMessage('refreshCookieMessage', '刷新请求已发送，由于需要访问Cursor官网获取新Cookie，整个过程可能需要2-12分钟，请耐心等待。您可以关闭此页面，稍后再来查看结果。', 'info');
                
                // 启动定时检查刷新状态
                let checkInterval = setInterval(async () => {
                    try {
                        const statusResponse = await fetch('/v1/refresh-status', {
                            method: 'GET',
                            headers: {
                                'Cache-Control': 'no-cache'
                            }
                        });
                        
                        if (!statusResponse.ok) {
                            throw new Error(`HTTP错误: ${statusResponse.status} ${statusResponse.statusText}`);
                        }
                        
                        const statusData = await statusResponse.json();
                        const refreshData = statusData.data;
                        
                        // 更新状态信息
                        statusText.textContent = refreshData.message || '正在刷新...';
                        
                        // 根据状态更新进度条和UI
                        if (refreshData.status === 'completed') {
                            // 刷新完成
                            progressBar.value = 100;
                            statusText.textContent = `刷新完成: ${refreshData.message}`;
                            clearInterval(checkInterval);
                            
                            // 重新加载API Key列表
                            await loadApiKeys();
                            await populateRefreshApiKeySelect();
                            
                            // 显示成功消息
                            showMessage('refreshCookieMessage', `刷新完成: ${refreshData.message}`, 'success');
                            
                            // 启用按钮
                            refreshBtn.disabled = false;
                            
                            // 3秒后隐藏状态容器
                            setTimeout(() => {
                                statusContainer.style.display = 'none';
                            }, 3000);
                        } else if (refreshData.status === 'failed') {
                            // 刷新失败
                            progressBar.value = 0;
                            statusText.textContent = `刷新失败: ${refreshData.message}`;
                            clearInterval(checkInterval);
                            
                            // 显示错误消息
                            showMessage('refreshCookieMessage', `刷新失败: ${refreshData.message}`, 'error');
                            
                            // 启用按钮
                            refreshBtn.disabled = false;
                        } else if (refreshData.status === 'running') {
                            // 正在刷新
                            progressBar.value = 75;
                        } else if (!refreshData.isRunning) {
                            // 未知状态但不在运行
                            clearInterval(checkInterval);
                            refreshBtn.disabled = false;
                        }
                    } catch (error) {
                        console.error('检查刷新状态失败:', error);
                    }
                }, 5000); // 每5秒检查一次
                
                // 设置超时检查，12分钟后如果还没完成就停止检查
                setTimeout(() => {
                    if (checkInterval) {
                        clearInterval(checkInterval);
                        refreshBtn.disabled = false;
                        statusContainer.style.display = 'none';
                    }
                }, 720000);
            } catch (error) {
                console.error('刷新Cookie失败:', error);
                statusText.textContent = '刷新请求发送失败';
                progressBar.value = 0;
                showMessage('refreshCookieMessage', `刷新请求发送失败: ${error.message}`, 'error');
                refreshBtn.disabled = false;
            }
        });

        // 检查登录状态
        function checkAuth() {
            const token = localStorage.getItem('adminToken');
            if (!token) {
                window.location.href = '/login.html';
                return;
            }
            
            // 验证token
            fetch('/v1/admin/verify', {
                headers: {
                    'Authorization': `Bearer ${token}`
                }
            })
            .then(response => response.json())
            .then(data => {
                if (!data.success) {
                    localStorage.removeItem('adminToken');
                    window.location.href = '/login.html';
                } else {
                    // 显示管理员用户名
                    document.getElementById('adminUsername').textContent = `管理员：${data.username}`;
                }
            })
            .catch(error => {
                console.error('验证失败:', error);
                localStorage.removeItem('adminToken');
                window.location.href = '/login.html';
            });
        }

        // 退出登录
        document.getElementById('logoutBtn').addEventListener('click', () => {
            localStorage.removeItem('adminToken');
            window.location.href = '/login.html';
        });

        // 添加token到所有API请求
        function addAuthHeader(headers = {}) {
            const token = localStorage.getItem('adminToken');
            return {
                ...headers,
                'Authorization': `Bearer ${token}`
            };
        }

        // 修改所有fetch请求，添加token
        const originalFetch = window.fetch;
        window.fetch = function(url, options = {}) {
            // 只对管理页面的API请求添加token
            if (url.includes('/v1/api-keys') || 
                url.includes('/v1/invalid-cookies') || 
                url.includes('/v1/refresh-cookies') ||
                url.includes('/v1/generate-cookie-link') ||
                url.includes('/v1/check-cookie-status')) {
                options.headers = addAuthHeader(options.headers);
            }
            return originalFetch(url, options);
        };

        // 为Cookie获取功能填充API Key下拉框
        function populateCookieApiKeySelect() {
            populateRefreshApiKeySelect().then(() => {
                // 复制refreshApiKey的选项到targetApiKey
                const sourceSelect = document.getElementById('refreshApiKey');
                const targetSelect = document.getElementById('targetApiKey');
                
                // 保留第一个选项（"所有API Key"）
                while (targetSelect.options.length > 1) {
                    targetSelect.remove(1);
                }
                
                // 复制选项
                for (let i = 1; i < sourceSelect.options.length; i++) {
                    const option = document.createElement('option');
                    option.value = sourceSelect.options[i].value;
                    option.textContent = sourceSelect.options[i].textContent;
                    targetSelect.appendChild(option);
                }
            });
        }

        // 生成登录链接
        document.getElementById('generateLinkBtn').addEventListener('click', async function() {
            const messageContainer = document.getElementById('getCookieMessage');
            const linkContainer = document.getElementById('loginLinkContainer');
            const loginLink = document.getElementById('loginLink');
            const pollStatusText = document.getElementById('pollStatusText');
            const pollProgress = document.getElementById('pollProgress');
            const targetApiKey = document.getElementById('targetApiKey').value;

            try {
                // 显示加载状态
                messageContainer.innerHTML = '<div class="info">正在生成登录链接...</div>';
                
                // 请求生成登录链接
                const response = await fetch('/v1/generate-cookie-link', {
                    method: 'POST',
                    headers: {
                        'Content-Type': 'application/json',
                        'Cache-Control': 'no-cache'
                    },
                    body: JSON.stringify({ apiKey: targetApiKey })
                });
                
                if (!response.ok) {
                    throw new Error(`HTTP错误: ${response.status} ${response.statusText}`);
                }
                
                const data = await response.json();
                
                if (!data.success) {
                    throw new Error(data.message || '生成链接失败');
                }
                
                // 显示链接
                loginLink.href = data.url;
                loginLink.textContent = data.url;
                linkContainer.style.display = 'block';
                
                // 更新状态
                pollStatusText.textContent = '等待用户登录...';
                pollProgress.value = 10;
                
                // 开始轮询获取cookie状态
                messageContainer.innerHTML = '<div class="info">链接已生成，请点击链接登录Cursor账号并授权</div>';
                
                // 开始轮询cookie状态
                pollForCookieStatus(data.uuid);
                
            } catch (error) {
                console.error('生成登录链接失败:', error);
                messageContainer.innerHTML = `<div class="error">生成链接失败: ${error.message}</div>`;
            }
        });

        // 轮询Cookie获取状态
        function pollForCookieStatus(uuid) {
            const messageContainer = document.getElementById('getCookieMessage');
            const pollStatusText = document.getElementById('pollStatusText');
            const pollProgress = document.getElementById('pollProgress');
            const maxAttempts = 120; // 最多尝试120次，相当于2分钟
            let attempt = 0;
            
            // 更新状态显示
            pollStatusText.textContent = '等待用户登录...';
            
            const interval = setInterval(function() {
                attempt++;
                
                try {
                    // 更新进度条（保持在10%-90%之间，表示等待中）
                    pollProgress.value = 10 + Math.min(80, attempt) * 0.8;
                    
                    // 请求检查状态
                    fetch(`/v1/check-cookie-status?uuid=${encodeURIComponent(uuid)}`, {
                        method: 'GET',
                        headers: {
                            'Cache-Control': 'no-cache'
                        }
                    }).then(function(response) {
                        if (!response.ok) {
                            pollStatusText.textContent = `请求失败: ${response.status}`;
                            return;
                        }
                        
                        return response.json();
                    }).then(function(data) {
                        if (data.success) {
                            // Cookie获取成功
                            clearInterval(interval);
                            pollProgress.value = 100;
                            pollStatusText.textContent = '获取Cookie成功！';
                            messageContainer.innerHTML = `<div class="info">成功获取并添加Cookie！${data.message || ''}</div>`;
                            
                            // 刷新API Keys列表
                            loadApiKeys();
                            populateCookieApiKeySelect();
                            
                        } else if (data.status === 'waiting') {
                            // 继续等待
                            pollStatusText.textContent = '等待用户登录...';
                        } else if (data.status === 'failed') {
                            // 获取失败
                            clearInterval(interval);
                            pollStatusText.textContent = '获取失败';
                            pollProgress.value = 0;
                            messageContainer.innerHTML = `<div class="error">获取Cookie失败: ${data.message || '未知错误'}</div>`;
                        }
                    }).catch(function(error) {
                        console.error('轮询Cookie状态失败:', error);
                        pollStatusText.textContent = `轮询出错: ${error.message}`;
                    });
                    
                } catch (error) {
                    console.error('轮询Cookie状态出错:', error);
                    pollStatusText.textContent = `轮询出错: ${error.message}`;
                }
                
                // 达到最大尝试次数后停止
                if (attempt >= maxAttempts) {
                    clearInterval(interval);
                    pollStatusText.textContent = '超时，请重试';
                    pollProgress.value = 0;
                    messageContainer.innerHTML = '<div class="error">获取Cookie超时，请重新尝试</div>';
                }
                
            }, 1000); // 每秒轮询一次
        }
    </script>
</body>
</html>