} 是否复制成功
- */
-async function copyToClipboard(text) {
- try {
- if (navigator.clipboard && navigator.clipboard.writeText) {
- await navigator.clipboard.writeText(text);
- return true;
- }
-
- // Fallback for older browsers
- const textArea = document.createElement('textarea');
- textArea.value = text;
- textArea.style.position = 'fixed';
- textArea.style.left = '-9999px';
- textArea.style.top = '-9999px';
- document.body.appendChild(textArea);
- textArea.focus();
- textArea.select();
-
- const successful = document.execCommand('copy');
- document.body.removeChild(textArea);
- return successful;
- } catch (error) {
- console.error('[Models Manager] Failed to copy to clipboard:', error);
- return false;
- }
-}
-
-/**
- * 显示复制成功的 Toast 提示
- * @param {string} modelName - 模型名称
- */
-function showCopyToast(modelName) {
- const toastContainer = document.getElementById('toastContainer');
- if (!toastContainer) return;
-
- const toast = document.createElement('div');
- toast.className = 'toast toast-success';
- toast.innerHTML = `
-
- ${t('models.copied') || '已复制'}: ${modelName}
- `;
-
- toastContainer.appendChild(toast);
-
- // 自动移除
- setTimeout(() => {
- toast.classList.add('toast-fade-out');
- setTimeout(() => {
- toast.remove();
- }, 300);
- }, 2000);
-}
-
-/**
- * 渲染模型列表
- * @param {Object} models - 模型数据
- */
-function renderModelsList(models) {
- const container = document.getElementById('modelsList');
- if (!container) return;
-
- // 检查是否有模型数据
- const providerTypes = Object.keys(models);
- if (providerTypes.length === 0) {
- container.innerHTML = `
-
-
-
${t('models.empty') || '暂无可用模型'}
-
-
-
- ${modelList.map(model => `
-
-
-
-
-
${escapeHtml(model)}
-
-
-
-
- `).join('')}
-
-
-
-
${t('models.loadError') || '加载模型列表失败'}
-
${plugin.description || t('plugins.noDescription')}
-
- ${badgesHtml}
-
-
- ${plugin.enabled ? t('plugins.status.enabled') : t('plugins.status.disabled')}
-
- `;
-
- listEl.appendChild(card);
- });
-}
-
-/**
- * 切换插件启用状态
- * @param {string} pluginName - 插件名称
- * @param {boolean} enabled - 是否启用
- */
-export async function togglePlugin(pluginName, enabled) {
- try {
- await apiRequest(`/api/plugins/${encodeURIComponent(pluginName)}/toggle`, {
- method: 'POST',
- body: JSON.stringify({ enabled })
- });
-
- showToast(t('common.success'), t('plugins.toggle.success', { name: pluginName, status: enabled ? t('common.enabled') : t('common.disabled') }), 'success');
-
- // 重新加载列表以更新状态
- loadPlugins();
-
- // 提示需要重启
- showToast(t('common.info'), t('plugins.restart.required'), 'info');
- } catch (error) {
- console.error(`Failed to toggle plugin ${pluginName}:`, error);
- showToast(t('common.error'), t('plugins.toggle.failed'), 'error');
- // 恢复开关状态
- loadPlugins();
- }
-}
\ No newline at end of file
diff --git a/static/app/provider-manager.js b/static/app/provider-manager.js
deleted file mode 100644
index 1a60c14df85fa49b0d24af480803269c11937cae..0000000000000000000000000000000000000000
--- a/static/app/provider-manager.js
+++ /dev/null
@@ -1,3106 +0,0 @@
-// 提供商管理功能模块
-
-import { providerStats, updateProviderStats } from './constants.js';
-import { showToast, formatUptime, getProviderConfigs } from './utils.js';
-import { fileUploadHandler } from './file-upload.js';
-import { t, getCurrentLanguage } from './i18n.js';
-import { renderRoutingExamples } from './routing-examples.js';
-import { updateModelsProviderConfigs } from './models-manager.js';
-import { updateTutorialProviderConfigs } from './tutorial-manager.js';
-import { updateUsageProviderConfigs } from './usage-manager.js';
-import { updateConfigProviderConfigs } from './config-manager.js';
-import { loadConfigList, updateProviderFilterOptions } from './upload-config-manager.js';
-import { setServiceMode } from './event-handlers.js';
-
-// 保存初始服务器时间和运行时间
-let initialServerTime = null;
-let initialUptime = null;
-let initialLoadTime = null;
-let isStaticProviderConfigsUpdated = false;
-let cachedSupportedProviders = null;
-
-/**
- * 加载系统信息
- */
-async function loadSystemInfo() {
- try {
- const data = await window.apiClient.get('/system');
-
- const appVersionEl = document.getElementById('appVersion');
- const nodeVersionEl = document.getElementById('nodeVersion');
- const serverTimeEl = document.getElementById('serverTime');
- const memoryUsageEl = document.getElementById('memoryUsage');
- const cpuUsageEl = document.getElementById('cpuUsage');
- const uptimeEl = document.getElementById('uptime');
-
- if (appVersionEl) appVersionEl.textContent = data.appVersion ? `v${data.appVersion}` : '--';
-
- // 自动检查更新
- if (data.appVersion) {
- checkUpdate(true);
- }
-
- if (nodeVersionEl) nodeVersionEl.textContent = data.nodeVersion || '--';
- if (memoryUsageEl) memoryUsageEl.textContent = data.memoryUsage || '--';
- if (cpuUsageEl) cpuUsageEl.textContent = data.cpuUsage || '--';
-
- // 保存初始时间用于本地计算
- if (data.serverTime && data.uptime !== undefined) {
- initialServerTime = new Date(data.serverTime);
- initialUptime = data.uptime;
- initialLoadTime = Date.now();
- }
-
- // 初始显示
- if (serverTimeEl) {
- serverTimeEl.textContent = data.serverTime ? new Date(data.serverTime).toLocaleString(getCurrentLanguage()) : '--';
- }
- if (uptimeEl) uptimeEl.textContent = data.uptime ? formatUptime(data.uptime) : '--';
-
- // 加载服务模式信息
- await loadServiceModeInfo();
-
- } catch (error) {
- console.error('Failed to load system info:', error);
- }
-}
-
-/**
- * 加载服务运行模式信息
- */
-async function loadServiceModeInfo() {
- try {
- const data = await window.apiClient.get('/service-mode');
-
- const serviceModeEl = document.getElementById('serviceMode');
- const processPidEl = document.getElementById('processPid');
- const platformInfoEl = document.getElementById('platformInfo');
-
- // 更新服务模式到 event-handlers
- setServiceMode(data.mode || 'worker');
-
- // 更新重启/重载按钮显示
- updateRestartButton(data.mode);
-
- if (serviceModeEl) {
- const modeText = data.mode === 'worker'
- ? t('dashboard.serviceMode.worker')
- : t('dashboard.serviceMode.standalone');
- const canRestartIcon = data.canAutoRestart
- ? ''
- : '';
- serviceModeEl.innerHTML = modeText;
- }
-
- if (processPidEl) {
- processPidEl.textContent = data.pid || '--';
- }
-
- if (platformInfoEl) {
- // 格式化平台信息
- const platformMap = {
- 'win32': 'Windows',
- 'darwin': 'macOS',
- 'linux': 'Linux',
- 'freebsd': 'FreeBSD'
- };
- platformInfoEl.textContent = platformMap[data.platform] || data.platform || '--';
- }
-
- } catch (error) {
- console.error('Failed to load service mode info:', error);
- }
-}
-
-/**
- * 根据服务模式更新重启/重载按钮显示
- * @param {string} mode - 服务模式 ('worker' 或 'standalone')
- */
-function updateRestartButton(mode) {
- const restartBtn = document.getElementById('restartBtn');
- const restartBtnIcon = document.getElementById('restartBtnIcon');
- const restartBtnText = document.getElementById('restartBtnText');
-
- if (!restartBtn) return;
-
- if (mode === 'standalone') {
- // 独立模式：显示"重载"按钮
- if (restartBtnIcon) {
- restartBtnIcon.className = 'fas fa-sync-alt';
- }
- if (restartBtnText) {
- restartBtnText.textContent = t('header.reload');
- restartBtnText.setAttribute('data-i18n', 'header.reload');
- }
- restartBtn.setAttribute('aria-label', t('header.reload'));
- restartBtn.setAttribute('data-i18n-aria-label', 'header.reload');
- restartBtn.title = t('header.reload');
- } else {
- // 子进程模式：显示"重启"按钮
- if (restartBtnIcon) {
- restartBtnIcon.className = 'fas fa-redo';
- }
- if (restartBtnText) {
- restartBtnText.textContent = t('header.restart');
- restartBtnText.setAttribute('data-i18n', 'header.restart');
- }
- restartBtn.setAttribute('aria-label', t('header.restart'));
- restartBtn.setAttribute('data-i18n-aria-label', 'header.restart');
- restartBtn.title = t('header.restart');
- }
-}
-
-/**
- * 更新服务器时间和运行时间显示（本地计算）
- */
-function updateTimeDisplay() {
- if (!initialServerTime || initialUptime === null || !initialLoadTime) {
- return;
- }
-
- const serverTimeEl = document.getElementById('serverTime');
- const uptimeEl = document.getElementById('uptime');
-
- // 计算经过的秒数
- const elapsedSeconds = Math.floor((Date.now() - initialLoadTime) / 1000);
-
- // 更新服务器时间
- if (serverTimeEl) {
- const currentServerTime = new Date(initialServerTime.getTime() + elapsedSeconds * 1000);
- serverTimeEl.textContent = currentServerTime.toLocaleString(getCurrentLanguage());
- }
-
- // 更新运行时间
- if (uptimeEl) {
- const currentUptime = initialUptime + elapsedSeconds;
- uptimeEl.textContent = formatUptime(currentUptime);
- }
-}
-
-/**
- * 加载提供商列表
- */
-async function loadProviders() {
- try {
- const providers = await window.apiClient.get('/providers');
-
- // 动态更新其他模块的提供商信息，只需更新一次
- if (!isStaticProviderConfigsUpdated) {
- cachedSupportedProviders = await window.apiClient.get('/providers/supported');
- const providerConfigs = getProviderConfigs(cachedSupportedProviders);
-
- // 动态更新凭据文件管理的提供商类型筛选项
- updateProviderFilterOptions(providerConfigs);
-
- // 动态更新仪表盘页面的路径路由调用示例
- renderRoutingExamples(providerConfigs);
-
- // 动态更新仪表盘页面的可用模型列表提供商信息
- updateModelsProviderConfigs(providerConfigs);
-
- // 动态更新配置教程页面的提供商信息
- updateTutorialProviderConfigs(providerConfigs);
-
- // 动态更新用量查询页面的提供商信息
- updateUsageProviderConfigs(providerConfigs);
-
- // 动态更新配置管理页面的提供商选择标签
- updateConfigProviderConfigs(providerConfigs);
-
- isStaticProviderConfigsUpdated = true;
- }
-
- renderProviders(providers, cachedSupportedProviders);
- } catch (error) {
- console.error('Failed to load providers:', error);
- }
-}
-
-/**
- * 渲染提供商列表
- * @param {Object} providers - 提供商数据
- * @param {string[]} supportedProviders - 已注册的提供商类型列表
- */
-function renderProviders(providers, supportedProviders = []) {
- const container = document.getElementById('providersList');
- if (!container) return;
-
- container.innerHTML = '';
-
- // 检查是否有提供商池数据
- const hasProviders = Object.keys(providers).length > 0;
- const statsGrid = document.querySelector('#providers .stats-grid');
-
- // 始终显示统计卡片
- if (statsGrid) statsGrid.style.display = 'grid';
-
- const providerConfigs = getProviderConfigs(supportedProviders);
-
- // 提取显示的 ID 顺序
- const providerDisplayOrder = providerConfigs.filter(c => c.visible !== false).map(c => c.id);
-
- // 建立 ID 到配置的映射，方便获取显示名称
- const configMap = providerConfigs.reduce((map, config) => {
- map[config.id] = config;
- return map;
- }, {});
-
- // 获取所有提供商类型并按指定顺序排序
- // 优先显示预定义的所有提供商类型，即使某些提供商没有数据也要显示
- let allProviderTypes;
- if (hasProviders) {
- // 合并预定义类型和实际存在的类型，确保显示所有预定义提供商
- const actualProviderTypes = Object.keys(providers);
- // 只保留配置中标记为 visible 的，或者不在配置中的（默认显示）
- allProviderTypes = [...new Set([...providerDisplayOrder, ...actualProviderTypes])];
- } else {
- allProviderTypes = providerDisplayOrder;
- }
-
- // 过滤掉明确设置为不显示的提供商
- const sortedProviderTypes = providerDisplayOrder.filter(type => allProviderTypes.includes(type))
- .concat(allProviderTypes.filter(type => !providerDisplayOrder.some(t => t === type) && !configMap[type]?.visible === false));
-
- // 计算总统计
- let totalAccounts = 0;
- let totalHealthy = 0;
-
- // 按照排序后的提供商类型渲染
- sortedProviderTypes.forEach((providerType) => {
- // 如果配置中明确设置为不显示，则跳过
- if (configMap[providerType] && configMap[providerType].visible === false) {
- return;
- }
-
- const accounts = hasProviders ? providers[providerType] || [] : [];
- const providerDiv = document.createElement('div');
- providerDiv.className = 'provider-item';
- providerDiv.dataset.providerType = providerType;
- providerDiv.style.cursor = 'pointer';
-
- const healthyCount = accounts.filter(acc => acc.isHealthy && !acc.isDisabled).length;
- const totalCount = accounts.length;
- const usageCount = accounts.reduce((sum, acc) => sum + (acc.usageCount || 0), 0);
- const errorCount = accounts.reduce((sum, acc) => sum + (acc.errorCount || 0), 0);
-
- totalAccounts += totalCount;
- totalHealthy += healthyCount;
-
- // 更新全局统计变量
- if (!providerStats.providerTypeStats[providerType]) {
- providerStats.providerTypeStats[providerType] = {
- totalAccounts: 0,
- healthyAccounts: 0,
- totalUsage: 0,
- totalErrors: 0,
- lastUpdate: null
- };
- }
-
- const typeStats = providerStats.providerTypeStats[providerType];
- typeStats.totalAccounts = totalCount;
- typeStats.healthyAccounts = healthyCount;
- typeStats.totalUsage = usageCount;
- typeStats.totalErrors = errorCount;
- typeStats.lastUpdate = new Date().toISOString();
-
- // 为无数据状态设置特殊样式
- const isEmptyState = !hasProviders || totalCount === 0;
- const statusClass = isEmptyState ? 'status-empty' : (healthyCount === totalCount ? 'status-healthy' : 'status-unhealthy');
- const statusIcon = isEmptyState ? 'fa-info-circle' : (healthyCount === totalCount ? 'fa-check-circle' : 'fa-exclamation-triangle');
- const statusText = isEmptyState ? t('providers.status.empty') : t('providers.status.healthy', { healthy: healthyCount, total: totalCount });
-
- // 获取显示名称
- const displayName = configMap[providerType]?.name || providerType;
-
- providerDiv.innerHTML = `
-
-
-
- ${t('providers.stat.totalAccounts')}
- ${totalCount}
-
-
- ${t('providers.stat.healthyAccounts')}
- ${healthyCount}
-
-
- ${t('providers.stat.usageCount')}
- ${usageCount}
-
-
- ${t('providers.stat.errorCount')}
- ${errorCount}
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- ${t('oauth.codex.importInstructions')}
-
-
-
-
-
-
-
-
-
- ${t('oauth.codex.tokenCount')}
- 0
-
-
-
-
-
- ${t('oauth.codex.importing')}
-
-
-
-
-
-
-
-
- ${t('oauth.codex.importingProgress', { current: 0, total: tokens.length })}
-
-
- `;
-
- const progressText = resultDiv.querySelector('#codexBatchProgressText');
- const resultsList = resultDiv.querySelector('#codexBatchResultsList');
-
- let importSuccess = false; // 标记是否导入成功
-
- try {
- const response = await fetch('/api/codex/batch-import-tokens', {
- method: 'POST',
- headers: window.apiClient ? window.apiClient.getAuthHeaders() : {
- 'Content-Type': 'application/json'
- },
- body: JSON.stringify({ tokens })
- });
-
- if (!response.ok) {
- throw new Error(`HTTP error! status: ${response.status}`);
- }
-
- const reader = response.body.getReader();
- const decoder = new TextDecoder();
- let buffer = '';
-
- while (true) {
- const { done, value } = await reader.read();
- if (done) break;
-
- buffer += decoder.decode(value, { stream: true });
- const lines = buffer.split('\n');
- buffer = lines.pop() || '';
-
- let eventType = '';
- let eventData = '';
-
- for (const line of lines) {
- if (line.startsWith('event: ')) {
- eventType = line.substring(7).trim();
- } else if (line.startsWith('data: ')) {
- eventData = line.substring(6).trim();
-
- if (eventType && eventData) {
- try {
- const data = JSON.parse(eventData);
-
- if (eventType === 'progress') {
- const { index, total, current } = data;
- const percentage = Math.round((index / total) * 100);
- progressBar.style.width = `${percentage}%`;
- progressText.textContent = t('oauth.codex.importingProgress', { current: index, total: total });
-
- const resultItem = document.createElement('div');
- resultItem.style.cssText = 'padding: 4px 0; border-bottom: 1px solid rgba(0,0,0,0.1);';
- if (current.success) {
- resultItem.innerHTML = `Token ${current.index}: ✓ ${current.path}`;
- } else if (current.error === 'duplicate') {
- resultItem.innerHTML = `Token ${current.index}: ⚠ ${t('oauth.kiro.duplicateToken')}
- ${current.existingPath ? `(${current.existingPath})` : ''}`;
- } else {
- resultItem.innerHTML = `Token ${current.index}: ✗ ${current.error}`;
- }
- resultsList.appendChild(resultItem);
- resultsList.scrollTop = resultsList.scrollHeight;
- } else if (eventType === 'complete') {
- progressBar.style.width = '100%';
- progressDiv.style.display = 'none';
-
- const isAllSuccess = data.failedCount === 0;
- const isAllFailed = data.successCount === 0;
- let resultClass, resultIcon, resultMessage;
-
- if (isAllSuccess) {
- resultClass = 'background: #f0fdf4; border: 1px solid #bbf7d0; color: #166534;';
- resultIcon = 'fa-check-circle';
- resultMessage = t('oauth.codex.importSuccess', { count: data.successCount });
- } else if (isAllFailed) {
- resultClass = 'background: #fef2f2; border: 1px solid #fecaca; color: #991b1b;';
- resultIcon = 'fa-times-circle';
- resultMessage = t('oauth.codex.importAllFailed', { count: data.failedCount });
- } else {
- resultClass = 'background: #fffbeb; border: 1px solid #fde68a; color: #92400e;';
- resultIcon = 'fa-exclamation-triangle';
- resultMessage = t('oauth.codex.importPartial', { success: data.successCount, failed: data.failedCount });
- }
-
- resultDiv.style.cssText = `display: block; margin-top: 16px; padding: 12px; border-radius: 8px; ${resultClass}`;
- const headerDiv = resultDiv.querySelector('div:first-child');
- headerDiv.innerHTML = ` ${resultMessage}`;
-
- if (data.successCount > 0) {
- importSuccess = true;
- loadProviders();
- loadConfigList();
- }
- } else if (eventType === 'error') {
- throw new Error(data.error);
- }
- } catch (parseError) {
- console.warn('Failed to parse SSE data:', parseError);
- }
- eventType = '';
- eventData = '';
- }
- }
- }
- }
- } catch (error) {
- console.error('[Codex Batch Import] Failed:', error);
- progressDiv.style.display = 'none';
- resultDiv.style.cssText = 'display: block; margin-top: 16px; padding: 12px; border-radius: 8px; background: #fef2f2; border: 1px solid #fecaca; color: #991b1b;';
- resultDiv.innerHTML = `
-
-
- ${t('oauth.codex.importError')}: ${error.message}
-
- `;
- } finally {
- cancelBtn.disabled = false;
-
- if (!importSuccess) {
- textarea.disabled = false;
- submitBtn.disabled = false;
- submitBtn.innerHTML = ` ${t('oauth.codex.startImport')}`;
- } else {
- submitBtn.innerHTML = ` ${t('common.success')}`;
- }
- }
- });
-}
-
-/**
- * 显示 Kiro OAuth 认证方式选择对话框
- * @param {string} providerType - 提供商类型
- */
-function showKiroAuthMethodSelector(providerType) {
- const modal = document.createElement('div');
- modal.className = 'modal-overlay';
- modal.style.display = 'flex';
-
- modal.innerHTML = `
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- ${t('oauth.gemini.importInstructions')}
-
-
-
-
-
-
-
-
-
- ${t('oauth.gemini.tokenCount')}
- 0
-
-
-
-
-
- ${t('oauth.gemini.importing')}
-
-
-
-
-
-
-
-
- ${t('oauth.gemini.importingProgress', { current: 0, total: tokens.length })}
-
-
- `;
-
- const progressText = resultDiv.querySelector('#geminiBatchProgressText');
- const resultsList = resultDiv.querySelector('#geminiBatchResultsList');
-
- let importSuccess = false; // 标记是否导入成功
-
- try {
- const response = await fetch('/api/gemini/batch-import-tokens', {
- method: 'POST',
- headers: window.apiClient ? window.apiClient.getAuthHeaders() : {
- 'Content-Type': 'application/json'
- },
- body: JSON.stringify({ providerType, tokens })
- });
-
- if (!response.ok) {
- throw new Error(`HTTP error! status: ${response.status}`);
- }
-
- const reader = response.body.getReader();
- const decoder = new TextDecoder();
- let buffer = '';
-
- while (true) {
- const { done, value } = await reader.read();
- if (done) break;
-
- buffer += decoder.decode(value, { stream: true });
- const lines = buffer.split('\n');
- buffer = lines.pop() || '';
-
- let eventType = '';
- let eventData = '';
-
- for (const line of lines) {
- if (line.startsWith('event: ')) {
- eventType = line.substring(7).trim();
- } else if (line.startsWith('data: ')) {
- eventData = line.substring(6).trim();
-
- if (eventType && eventData) {
- try {
- const data = JSON.parse(eventData);
-
- if (eventType === 'progress') {
- const { index, total, current } = data;
- const percentage = Math.round((index / total) * 100);
- progressBar.style.width = `${percentage}%`;
- progressText.textContent = t('oauth.gemini.importingProgress', { current: index, total: total });
-
- const resultItem = document.createElement('div');
- resultItem.style.cssText = 'padding: 4px 0; border-bottom: 1px solid rgba(0,0,0,0.1);';
- if (current.success) {
- resultItem.innerHTML = `Token ${current.index}: ✓ ${current.path}`;
- } else if (current.error === 'duplicate') {
- resultItem.innerHTML = `Token ${current.index}: ⚠ ${t('oauth.kiro.duplicateToken')}
- ${current.existingPath ? `(${current.existingPath})` : ''}`;
- } else {
- resultItem.innerHTML = `Token ${current.index}: ✗ ${current.error}`;
- }
- resultsList.appendChild(resultItem);
- resultsList.scrollTop = resultsList.scrollHeight;
- } else if (eventType === 'complete') {
- progressBar.style.width = '100%';
- progressDiv.style.display = 'none';
-
- const isAllSuccess = data.failedCount === 0;
- const isAllFailed = data.successCount === 0;
- let resultClass, resultIcon, resultMessage;
-
- if (isAllSuccess) {
- resultClass = 'background: #f0fdf4; border: 1px solid #bbf7d0; color: #166534;';
- resultIcon = 'fa-check-circle';
- resultMessage = t('oauth.gemini.importSuccess', { count: data.successCount });
- } else if (isAllFailed) {
- resultClass = 'background: #fef2f2; border: 1px solid #fecaca; color: #991b1b;';
- resultIcon = 'fa-times-circle';
- resultMessage = t('oauth.gemini.importAllFailed', { count: data.failedCount });
- } else {
- resultClass = 'background: #fffbeb; border: 1px solid #fde68a; color: #92400e;';
- resultIcon = 'fa-exclamation-triangle';
- resultMessage = t('oauth.gemini.importPartial', { success: data.successCount, failed: data.failedCount });
- }
-
- resultDiv.style.cssText = `display: block; margin-top: 16px; padding: 12px; border-radius: 8px; ${resultClass}`;
- const headerDiv = resultDiv.querySelector('div:first-child');
- headerDiv.innerHTML = ` ${resultMessage}`;
-
- if (data.successCount > 0) {
- importSuccess = true;
- loadProviders();
- loadConfigList();
- }
- } else if (eventType === 'error') {
- throw new Error(data.error);
- }
- } catch (parseError) {
- console.warn('Failed to parse SSE data:', parseError);
- }
- eventType = '';
- eventData = '';
- }
- }
- }
- }
- } catch (error) {
- console.error('[Gemini Batch Import] Failed:', error);
- progressDiv.style.display = 'none';
- resultDiv.style.cssText = 'display: block; margin-top: 16px; padding: 12px; border-radius: 8px; background: #fef2f2; border: 1px solid #fecaca; color: #991b1b;';
- resultDiv.innerHTML = `
-
-
- ${t('oauth.gemini.importError')}: ${error.message}
-
- `;
- } finally {
- cancelBtn.disabled = false;
-
- if (!importSuccess) {
- textarea.disabled = false;
- submitBtn.disabled = false;
- submitBtn.innerHTML = ` ${t('oauth.gemini.startImport')}`;
- } else {
- submitBtn.innerHTML = ` ${t('common.success')}`;
- }
- }
- });
-}
-
-/**
- * 显示 Kiro 批量导入 refreshToken 模态框
- */
-function showKiroBatchImportModal() {
- const modal = document.createElement('div');
- modal.className = 'modal-overlay';
- modal.style.display = 'flex';
-
- modal.innerHTML = `
-
-
-
-
-
-
- ${t('oauth.kiro.batchImportInstructions')}
-
-
-
-
-
-
-
-
- ${t('oauth.kiro.tokenCount')}
- 0
-
-
-
-
-
- ${t('oauth.kiro.importing')}
-
-
-
-
-
-
-
-
- ${t('oauth.kiro.importingProgress', { current: 0, total: tokens.length })}
-
-
- `;
-
- const progressText = resultDiv.querySelector('#batchProgressText');
- const resultsList = resultDiv.querySelector('#batchResultsList');
-
- let successCount = 0;
- let failedCount = 0;
- const details = [];
- let importSuccess = false; // 标记是否导入成功
-
- try {
- // 使用 fetch + SSE 获取流式响应（需要带认证头）
- const response = await fetch('/api/kiro/batch-import-tokens', {
- method: 'POST',
- headers: window.apiClient ? window.apiClient.getAuthHeaders() : {
- 'Content-Type': 'application/json'
- },
- body: JSON.stringify({ refreshTokens: tokens })
- });
-
- if (!response.ok) {
- throw new Error(`HTTP error! status: ${response.status}`);
- }
-
- const reader = response.body.getReader();
- const decoder = new TextDecoder();
- let buffer = '';
-
- while (true) {
- const { done, value } = await reader.read();
- if (done) break;
-
- buffer += decoder.decode(value, { stream: true });
-
- // 解析 SSE 事件
- const lines = buffer.split('\n');
- buffer = lines.pop() || ''; // 保留最后一个可能不完整的行
-
- let eventType = '';
- let eventData = '';
-
- for (const line of lines) {
- if (line.startsWith('event: ')) {
- eventType = line.substring(7).trim();
- } else if (line.startsWith('data: ')) {
- eventData = line.substring(6).trim();
-
- if (eventType && eventData) {
- try {
- const data = JSON.parse(eventData);
-
- if (eventType === 'start') {
- // 开始事件
- console.log(`[Batch Import] Starting import of ${data.total} tokens`);
- } else if (eventType === 'progress') {
- // 进度更新
- const { index, total, current, successCount: sc, failedCount: fc } = data;
- successCount = sc;
- failedCount = fc;
- details.push(current);
-
- // 更新进度条
- const percentage = Math.round((index / total) * 100);
- progressBar.style.width = `${percentage}%`;
-
- // 更新进度文本
- progressText.textContent = t('oauth.kiro.importingProgress', { current: index, total: total });
-
- // 添加结果项
- const resultItem = document.createElement('div');
- resultItem.style.cssText = 'padding: 4px 0; border-bottom: 1px solid rgba(0,0,0,0.1);';
-
- if (current.success) {
- resultItem.innerHTML = `Token ${current.index}: ✓ ${current.path}`;
- } else if (current.error === 'duplicate') {
- resultItem.innerHTML = `Token ${current.index}: ⚠ ${t('oauth.kiro.duplicateToken')}
- ${current.existingPath ? `(${current.existingPath})` : ''}`;
- } else {
- resultItem.innerHTML = `Token ${current.index}: ✗ ${current.error}`;
- }
-
- resultsList.appendChild(resultItem);
- // 自动滚动到底部
- resultsList.scrollTop = resultsList.scrollHeight;
-
- } else if (eventType === 'complete') {
- // 完成事件
- progressBar.style.width = '100%';
- progressDiv.style.display = 'none';
-
- const isAllSuccess = data.failedCount === 0;
- const isAllFailed = data.successCount === 0;
-
- let resultClass, resultIcon, resultMessage;
- if (isAllSuccess) {
- resultClass = 'background: #f0fdf4; border: 1px solid #bbf7d0; color: #166534;';
- resultIcon = 'fa-check-circle';
- resultMessage = t('oauth.kiro.importSuccess', { count: data.successCount });
- } else if (isAllFailed) {
- resultClass = 'background: #fef2f2; border: 1px solid #fecaca; color: #991b1b;';
- resultIcon = 'fa-times-circle';
- resultMessage = t('oauth.kiro.importAllFailed', { count: data.failedCount });
- } else {
- resultClass = 'background: #fffbeb; border: 1px solid #fde68a; color: #92400e;';
- resultIcon = 'fa-exclamation-triangle';
- resultMessage = t('oauth.kiro.importPartial', { success: data.successCount, failed: data.failedCount });
- }
-
- // 更新结果区域样式
- resultDiv.style.cssText = `display: block; margin-top: 16px; padding: 12px; border-radius: 8px; ${resultClass}`;
-
- // 更新标题
- const headerDiv = resultDiv.querySelector('div:first-child');
- headerDiv.innerHTML = ` ${resultMessage}`;
-
- // 如果有成功的，刷新提供商列表
- if (data.successCount > 0) {
- importSuccess = true;
- loadProviders();
- loadConfigList();
- }
-
- } else if (eventType === 'error') {
- throw new Error(data.error);
- }
- } catch (parseError) {
- console.warn('Failed to parse SSE data:', parseError);
- }
-
- eventType = '';
- eventData = '';
- }
- }
- }
- }
-
- } catch (error) {
- console.error('[Kiro Batch Import] Failed:', error);
- progressDiv.style.display = 'none';
- resultDiv.style.cssText = 'display: block; margin-top: 16px; padding: 12px; border-radius: 8px; background: #fef2f2; border: 1px solid #fecaca; color: #991b1b;';
- resultDiv.innerHTML = `
-
-
- ${t('oauth.kiro.importError')}: ${error.message}
-
- `;
- } finally {
- // 重新启用按钮
- cancelBtn.disabled = false;
- if (!importSuccess) {
- textarea.disabled = false;
- submitBtn.disabled = false;
- submitBtn.innerHTML = ` ${t('oauth.kiro.startImport')}`;
- } else {
- submitBtn.innerHTML = ` ${t('common.success')}`;
- }
- }
- });
-}
-
-/**
- * 显示 Kiro AWS 账号导入模态框
- * 支持从 AWS SSO cache 目录导入凭据文件，或直接粘贴 JSON
- */
-function showKiroAwsImportModal() {
- const modal = document.createElement('div');
- modal.className = 'modal-overlay';
- modal.style.display = 'flex';
-
- modal.innerHTML = `
-
-
-
-
-
-
- ${t('oauth.kiro.awsImportInstructions')}
-
-
-
- C:\\Users\\{username}\\.aws\\sso\\cache
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- ${t('oauth.kiro.awsJsonExample')}
-
-
-
-
// 单个凭据导入示例：
-
{
- "clientId": "VYZBSTx3Q7QEq1W3Wn8c5nVzLWVhc3QtMQ",
- "clientSecret": "eyJraWQi...OAMc",
- "expiresAt": "2026-01-09T04:43:18.079944400+00:00",
- "accessToken": "aoaAAAAAGlgghoSqRgQK...2tfhmdNZDA",
- "authMethod": "IdC",
- "provider": "BuilderId",
- "refreshToken": "aorAAAAAGn...uKw+E3",
- "region": "us-east-1"
-}
-
-
-
// 批量导入示例（JSON数组）：
-
[
- {
- "clientId": "VYZBSTx3Q7QEq1W3Wn8c5nVzLWVhc3QtMQ",
- "clientSecret": "eyJraWQi...OAMc",
- "accessToken": "aoaAAAAAGlgghoSqRgQK...2tfhmdNZDA",
- "refreshToken": "aorAAAAAGn...uKw+E3",
- "region": "us-east-1"
- },
- {
- "clientId": "AnotherClientId123",
- "clientSecret": "eyJraWQi...xyz",
- "accessToken": "aoaAAAAAGlgghoSqRgQK...abc",
- "refreshToken": "aorAAAAAGn...def",
- "region": "us-west-2",
- "idcRegion": "us-west-2"
- }
-]
-
-
-
- 注意：AWS企业用户需要额外添加 idcRegion 字段
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- ${t('oauth.kiro.awsJsonParseError')}
-
- ${error.message}
- `;
- jsonPreview.style.display = 'none';
- submitBtn.disabled = true;
- mergedCredentials = null;
- }
- }
-
- // 文件上传区域交互
- uploadArea.addEventListener('click', () => fileInput.click());
-
- uploadArea.addEventListener('dragover', (e) => {
- e.preventDefault();
- uploadArea.style.borderColor = '#ff9900';
- uploadArea.style.background = '#fffbeb';
- });
-
- uploadArea.addEventListener('dragleave', (e) => {
- e.preventDefault();
- uploadArea.style.borderColor = '#d1d5db';
- uploadArea.style.background = 'transparent';
- });
-
- uploadArea.addEventListener('drop', (e) => {
- e.preventDefault();
- uploadArea.style.borderColor = '#d1d5db';
- uploadArea.style.background = 'transparent';
-
- const files = Array.from(e.dataTransfer.files).filter(f => f.name.endsWith('.json'));
- if (files.length > 0) {
- processFiles(files);
- }
- });
-
- fileInput.addEventListener('change', () => {
- const files = Array.from(fileInput.files);
- if (files.length > 0) {
- processFiles(files);
- }
- });
-
- // 处理上传的文件（支持追加）
- async function processFiles(files) {
- for (const file of files) {
- // 检查是否已存在同名文件
- const existingIndex = uploadedFiles.findIndex(f => f.name === file.name);
-
- try {
- const content = await readFileAsText(file);
- const json = JSON.parse(content);
-
- if (existingIndex >= 0) {
- // 替换已存在的同名文件
- uploadedFiles[existingIndex] = {
- name: file.name,
- content: json
- };
- showToast(t('common.info'), t('oauth.kiro.awsFileReplaced', { filename: file.name }), 'info');
- } else {
- // 追加新文件
- uploadedFiles.push({
- name: file.name,
- content: json
- });
- }
- } catch (error) {
- console.error(`Failed to parse ${file.name}:`, error);
- showToast(t('common.error'), t('oauth.kiro.awsParseError', { filename: file.name }), 'error');
- }
- }
-
- // 重新渲染文件列表
- renderFilesList();
-
- filesListDiv.style.display = uploadedFiles.length > 0 ? 'block' : 'none';
-
- // 清空 file input 以便可以再次选择相同文件
- fileInput.value = '';
-
- validateAndPreview();
- }
-
- // 渲染文件列表
- function renderFilesList() {
- filesContainer.innerHTML = '';
-
- for (const file of uploadedFiles) {
- const fileDiv = document.createElement('div');
- fileDiv.style.cssText = 'display: flex; justify-content: space-between; align-items: center; padding: 8px; background: white; border-radius: 4px; margin-bottom: 4px;';
- fileDiv.dataset.filename = file.name;
-
- const fields = Object.keys(file.content).slice(0, 5).join(', ');
- const moreFields = Object.keys(file.content).length > 5 ? '...' : '';
-
- fileDiv.innerHTML = `
-
-
-
${file.name}
-
${fields}${moreFields}
-
✓`
- : `✗`
- }
- `).join('');
-
- return `
-
-
- ${statusIcon} 凭据 ${cv.index}
-
-
- ${fieldsHtml}
-
-
-
- 批量验证通过 (${mergedCredentials.length} 个凭据)
-
-
- ${credentialsHtml}
-
- `;
- submitBtn.disabled = false;
- } else {
- const validCount = credentialsValidation.filter(cv => cv.isValid).length;
- const invalidCount = credentialsValidation.length - validCount;
- validationResult.style.cssText = 'display: block; margin-bottom: 16px; padding: 12px; border-radius: 8px; background: #fef2f2; border: 1px solid #fecaca; color: #991b1b;';
- validationResult.innerHTML = `
-
-
- 批量验证失败
- (${invalidCount} 个凭据缺少必需字段)
-
-
- ${credentialsHtml}
-
-
-
- 请确保每个凭据都包含所有必需字段：clientId, clientSecret, accessToken, refreshToken
-
- `;
- submitBtn.disabled = true;
- }
-
- // 显示 JSON 预览（批量模式）
- jsonPreview.style.display = 'block';
- const previewData = mergedCredentials.map(cred => {
- const preview = { ...cred };
- if (preview.clientSecret) {
- preview.clientSecret = preview.clientSecret.substring(0, 8) + '...' + preview.clientSecret.slice(-4);
- }
- if (preview.accessToken) {
- preview.accessToken = preview.accessToken.substring(0, 20) + '...' + preview.accessToken.slice(-10);
- }
- if (preview.refreshToken) {
- preview.refreshToken = preview.refreshToken.substring(0, 10) + '...' + preview.refreshToken.slice(-6);
- }
- return preview;
- });
- jsonContent.textContent = JSON.stringify(previewData, null, 2);
-
- } else {
- // 单个导入模式：原有逻辑
- const hasClientId = !!mergedCredentials.clientId;
- const hasClientSecret = !!mergedCredentials.clientSecret;
- const hasAccessToken = !!mergedCredentials.accessToken;
- const hasRefreshToken = !!mergedCredentials.refreshToken;
-
- // 所有四个字段都必须存在
- const isValid = hasClientId && hasClientSecret && hasAccessToken && hasRefreshToken;
-
- // 构建字段状态列表
- const fieldsList = [
- { key: 'clientId', has: hasClientId },
- { key: 'clientSecret', has: hasClientSecret },
- { key: 'accessToken', has: hasAccessToken },
- { key: 'refreshToken', has: hasRefreshToken }
- ];
-
- const fieldsHtml = fieldsList.map(f => `
- ${f.key}: ${f.has
- ? `✓ ${t('common.found')}`
- : `✗ ${t('common.missing')}`
- }
- `).join('');
-
- if (isValid) {
- validationResult.style.cssText = 'display: block; margin-bottom: 16px; padding: 12px; border-radius: 8px; background: #f0fdf4; border: 1px solid #bbf7d0; color: #166534;';
- validationResult.innerHTML = `
-
-
- ${t('oauth.kiro.awsValidationSuccess')}
-
-
- `;
- submitBtn.disabled = false;
- } else {
- const missingCount = fieldsList.filter(f => !f.has).length;
- validationResult.style.cssText = 'display: block; margin-bottom: 16px; padding: 12px; border-radius: 8px; background: #fef2f2; border: 1px solid #fecaca; color: #991b1b;';
- validationResult.innerHTML = `
-
-
- ${t('oauth.kiro.awsValidationFailed')}
- (${t('oauth.kiro.awsMissingFields', { count: missingCount })})
-
-
-
-
- ${t('oauth.kiro.awsUploadMore')}
-
- `;
- submitBtn.disabled = true;
- }
-
- // 显示 JSON 预览（单个模式）
- jsonPreview.style.display = 'block';
-
- // 隐藏敏感信息的部分内容
- const previewData = { ...mergedCredentials };
- if (previewData.clientSecret) {
- previewData.clientSecret = previewData.clientSecret.substring(0, 8) + '...' + previewData.clientSecret.slice(-4);
- }
- if (previewData.accessToken) {
- previewData.accessToken = previewData.accessToken.substring(0, 20) + '...' + previewData.accessToken.slice(-10);
- }
- if (previewData.refreshToken) {
- previewData.refreshToken = previewData.refreshToken.substring(0, 10) + '...' + previewData.refreshToken.slice(-6);
- }
-
- jsonContent.textContent = JSON.stringify(previewData, null, 2);
- }
- }
-
- // 读取文件内容
- function readFileAsText(file) {
- return new Promise((resolve, reject) => {
- const reader = new FileReader();
- reader.onload = (e) => resolve(e.target.result);
- reader.onerror = (e) => reject(e);
- reader.readAsText(file);
- });
- }
-
- // 关闭按钮事件
- [closeBtn, cancelBtn].forEach(btn => {
- btn.addEventListener('click', () => {
- modal.remove();
- });
- });
-
- // 提交按钮事件
- submitBtn.addEventListener('click', async () => {
- if (!mergedCredentials) {
- showToast(t('common.warning'), t('oauth.kiro.awsNoCredentials'), 'warning');
- return;
- }
-
- // 检查是否为批量导入（数组）
- const isBatchImport = Array.isArray(mergedCredentials);
-
- // 禁用按钮和输入
- submitBtn.disabled = true;
- cancelBtn.disabled = true;
- submitBtn.innerHTML = ` ${t('oauth.kiro.awsImporting')}`;
-
- if (currentMode === 'json') {
- jsonInputTextarea.disabled = true;
- }
-
- let importSuccess = false; // 标记是否导入成功
-
- try {
- if (isBatchImport) {
- // 批量导入模式 - 使用 SSE 流式响应
- // 确保每个凭据都有 authMethod
- const credentialsToImport = mergedCredentials.map(cred => ({
- ...cred,
- authMethod: cred.authMethod || 'builder-id'
- }));
-
- // 创建进度显示区域
- validationResult.style.cssText = 'display: block; margin-top: 16px; padding: 12px; border-radius: 8px; background: #f3f4f6; border: 1px solid #d1d5db;';
- validationResult.innerHTML = `
-
-
- ${t('oauth.kiro.importingProgress', { current: 0, total: credentialsToImport.length })}
-
-
-
- `;
-
- const progressText = validationResult.querySelector('#awsBatchProgressText');
- const progressBar = validationResult.querySelector('#awsImportProgressBar');
- const resultsList = validationResult.querySelector('#awsBatchResultsList');
-
- // 使用 fetch + SSE 获取流式响应
- const response = await fetch('/api/kiro/import-aws-credentials', {
- method: 'POST',
- headers: window.apiClient ? window.apiClient.getAuthHeaders() : {
- 'Content-Type': 'application/json'
- },
- body: JSON.stringify({ credentials: credentialsToImport })
- });
-
- if (!response.ok) {
- throw new Error(`HTTP error! status: ${response.status}`);
- }
-
- const reader = response.body.getReader();
- const decoder = new TextDecoder();
- let buffer = '';
-
- let successCount = 0;
- let failedCount = 0;
-
- while (true) {
- const { done, value } = await reader.read();
- if (done) break;
-
- buffer += decoder.decode(value, { stream: true });
-
- // 解析 SSE 事件
- const lines = buffer.split('\n');
- buffer = lines.pop() || '';
-
- let eventType = '';
- let eventData = '';
-
- for (const line of lines) {
- if (line.startsWith('event: ')) {
- eventType = line.substring(7).trim();
- } else if (line.startsWith('data: ')) {
- eventData = line.substring(6).trim();
-
- if (eventType && eventData) {
- try {
- const data = JSON.parse(eventData);
-
- if (eventType === 'start') {
- console.log(`[AWS Batch Import] Starting import of ${data.total} credentials`);
- } else if (eventType === 'progress') {
- const { index, total, current, successCount: sc, failedCount: fc } = data;
- successCount = sc;
- failedCount = fc;
-
- // 更新进度条
- const percentage = Math.round((index / total) * 100);
- progressBar.style.width = `${percentage}%`;
-
- // 更新进度文本
- progressText.textContent = t('oauth.kiro.importingProgress', { current: index, total: total });
-
- // 添加结果项
- const resultItem = document.createElement('div');
- resultItem.style.cssText = 'padding: 4px 0; border-bottom: 1px solid rgba(0,0,0,0.1);';
-
- if (current.success) {
- resultItem.innerHTML = `凭据 ${current.index}: ✓ ${current.path}`;
- } else if (current.error === 'duplicate') {
- resultItem.innerHTML = `凭据 ${current.index}: ⚠ ${t('oauth.kiro.duplicateCredentials')}
- ${current.existingPath ? `(${current.existingPath})` : ''}`;
- } else {
- resultItem.innerHTML = `凭据 ${current.index}: ✗ ${current.error}`;
- }
-
- resultsList.appendChild(resultItem);
- resultsList.scrollTop = resultsList.scrollHeight;
-
- } else if (eventType === 'complete') {
- progressBar.style.width = '100%';
-
- const isAllSuccess = data.failedCount === 0;
- const isAllFailed = data.successCount === 0;
-
- let resultClass, resultIcon, resultMessage;
- if (isAllSuccess) {
- resultClass = 'background: #f0fdf4; border: 1px solid #bbf7d0; color: #166534;';
- resultIcon = 'fa-check-circle';
- resultMessage = t('oauth.kiro.awsImportSuccess') + ` (${data.successCount})`;
- } else if (isAllFailed) {
- resultClass = 'background: #fef2f2; border: 1px solid #fecaca; color: #991b1b;';
- resultIcon = 'fa-times-circle';
- resultMessage = t('oauth.kiro.awsImportAllFailed', { count: data.failedCount });
- } else {
- resultClass = 'background: #fffbeb; border: 1px solid #fde68a; color: #92400e;';
- resultIcon = 'fa-exclamation-triangle';
- resultMessage = t('oauth.kiro.importPartial', { success: data.successCount, failed: data.failedCount });
- }
-
- validationResult.style.cssText = `display: block; margin-top: 16px; padding: 12px; border-radius: 8px; ${resultClass}`;
-
- const headerDiv = validationResult.querySelector('div:first-child');
- headerDiv.innerHTML = ` ${resultMessage}`;
-
- // 如果有成功的，标记为成功并刷新提供商列表
- if (data.successCount > 0) {
- importSuccess = true;
- loadProviders();
- loadConfigList();
- }
-
- } else if (eventType === 'error') {
- throw new Error(data.error);
- }
- } catch (parseError) {
- console.warn('Failed to parse SSE data:', parseError);
- }
-
- eventType = '';
- eventData = '';
- }
- }
- }
- }
-
- } else {
- // 单个导入模式
- // 确保 authMethod 为 builder-id（AWS 账号模式）
- if (!mergedCredentials.authMethod) {
- mergedCredentials.authMethod = 'builder-id';
- }
-
- const response = await window.apiClient.post('/kiro/import-aws-credentials', {
- credentials: mergedCredentials
- });
-
- if (response.success) {
- importSuccess = true;
- showToast(t('common.success'), t('oauth.kiro.awsImportSuccess'), 'success');
- modal.remove();
-
- // 刷新提供商列表和配置列表
- loadProviders();
- loadConfigList();
- } else if (response.error === 'duplicate') {
- // 显示重复凭据警告
- const existingPath = response.existingPath || '';
- showToast(t('common.warning'), t('oauth.kiro.duplicateCredentials') + (existingPath ? ` (${existingPath})` : ''), 'warning');
- } else {
- showToast(t('common.error'), response.error || t('oauth.kiro.awsImportFailed'), 'error');
- }
- }
- } catch (error) {
- console.error('AWS import failed:', error);
-
- // 更新错误显示
- validationResult.style.cssText = 'display: block; margin-top: 16px; padding: 12px; border-radius: 8px; background: #fef2f2; border: 1px solid #fecaca; color: #991b1b;';
- validationResult.innerHTML = `
-
-
- ${t('oauth.kiro.awsImportFailed')}: ${error.message}
-
- `;
-
- showToast(t('common.error'), t('oauth.kiro.awsImportFailed') + ': ' + error.message, 'error');
- } finally {
- // 取消按钮始终可用
- cancelBtn.disabled = false;
-
- // 只有在导入失败时才重新启用提交按钮
- if (!importSuccess) {
- submitBtn.disabled = false;
- submitBtn.innerHTML = ` ${t('oauth.kiro.awsConfirmImport')}`;
-
- if (currentMode === 'json') {
- jsonInputTextarea.disabled = false;
- }
- } else {
- // 导入成功后，保持提交按钮禁用状态，并显示成功图标
- submitBtn.innerHTML = ` ${t('common.success')}`;
- }
- }
- });
-}
-
-/**
- * 执行生成授权链接
- * @param {string} providerType - 提供商类型
- * @param {Object} extraOptions - 额外选项
- */
-async function executeGenerateAuthUrl(providerType, extraOptions = {}) {
- try {
- showToast(t('common.info'), t('modal.provider.auth.initializing'), 'info');
-
- // 使用 fileUploadHandler 中的 getProviderKey 获取目录名称
- const providerDir = fileUploadHandler.getProviderKey(providerType);
-
- const response = await window.apiClient.post(
- `/providers/${encodeURIComponent(providerType)}/generate-auth-url`,
- {
- saveToConfigs: true,
- providerDir: providerDir,
- ...extraOptions
- }
- );
-
- if (response.success && response.authUrl) {
- // 如果提供了 targetInputId，设置成功监听器
- if (extraOptions.targetInputId) {
- const targetInputId = extraOptions.targetInputId;
- const handleSuccess = (e) => {
- const data = e.detail;
- if (data.provider === providerType && data.relativePath) {
- const input = document.getElementById(targetInputId);
- if (input) {
- input.value = data.relativePath;
- input.dispatchEvent(new Event('input', { bubbles: true }));
- showToast(t('common.success'), t('modal.provider.auth.success'), 'success');
- }
- window.removeEventListener('oauth_success_event', handleSuccess);
- }
- };
- window.addEventListener('oauth_success_event', handleSuccess);
- }
-
- // 显示授权信息模态框
- showAuthModal(response.authUrl, response.authInfo);
- } else {
- showToast(t('common.error'), t('modal.provider.auth.failed'), 'error');
- }
- } catch (error) {
- console.error('生成授权链接失败:', error);
- showToast(t('common.error'), t('modal.provider.auth.failed') + `: ${error.message}`, 'error');
- }
-}
-
-/**
- * 获取提供商的授权文件路径
- * @param {string} provider - 提供商类型
- * @returns {string} 授权文件路径
- */
-function getAuthFilePath(provider) {
- const authFilePaths = {
- 'gemini-cli-oauth': '~/.gemini/oauth_creds.json',
- 'gemini-antigravity': '~/.antigravity/oauth_creds.json',
- 'openai-qwen-oauth': '~/.qwen/oauth_creds.json',
- 'claude-kiro-oauth': '~/.aws/sso/cache/kiro-auth-token.json',
- 'openai-iflow': '~/.iflow/oauth_creds.json'
- };
- return authFilePaths[provider] || (getCurrentLanguage() === 'en-US' ? 'Unknown Path' : '未知路径');
-}
-
-/**
- * 显示授权信息模态框
- * @param {string} authUrl - 授权URL
- * @param {Object} authInfo - 授权信息
- */
-function showAuthModal(authUrl, authInfo) {
- const modal = document.createElement('div');
- modal.className = 'modal-overlay';
- modal.style.display = 'flex';
-
- // 获取授权文件路径
- const authFilePath = getAuthFilePath(authInfo.provider);
-
- // 获取需要开放的端口号（从 authInfo 或当前页面 URL）
- const requiredPort = authInfo.callbackPort || authInfo.port || window.location.port || '3000';
- const isDeviceFlow = authInfo.provider === 'openai-qwen-oauth' || (authInfo.provider === 'claude-kiro-oauth' && authInfo.authMethod === 'builder-id');
-
- let instructionsHtml = '';
- if (authInfo.provider === 'openai-qwen-oauth') {
- instructionsHtml = `
-
-
${t('oauth.modal.steps')}
-
- - ${t('oauth.modal.step1')}
- - ${t('oauth.modal.step2.qwen')}
- - ${t('oauth.modal.step3')}
- - ${t('oauth.modal.step4.qwen', { min: Math.floor(authInfo.expiresIn / 60) })}
-
-
-
${t('oauth.modal.steps')}
-
${t('oauth.kiro.authMethodLabel')} ${methodDisplay}
-
- - ${t('oauth.kiro.step1')}
- - ${t('oauth.kiro.step2', { method: methodAccount })}
- - ${t('oauth.kiro.step3')}
- - ${t('oauth.kiro.step4')}
-
-
-
${t('oauth.modal.steps')}
-
- - ${t('oauth.iflow.step1')}
- - ${t('oauth.iflow.step2')}
- - ${t('oauth.iflow.step3')}
- - ${t('oauth.iflow.step4')}
-
-
-
${t('oauth.modal.steps')}
-
- - ${t('oauth.modal.step1')}
- - ${t('oauth.modal.step2.google')}
- - ${t('oauth.modal.step4.google')}
- - ${t('oauth.modal.step3')}
-
-
-
-
-
-
${t('oauth.modal.provider')} ${authInfo.provider}
-
- ${(authInfo.provider === 'claude-kiro-oauth' && authInfo.authMethod === 'builder-id') ? `
-
- ` : ''}
-
-
-
${t('oauth.modal.requiredPort')}
- ${isDeviceFlow ?
- `
${requiredPort}` :
- `
-
-
-
`
- }
-
-
${t('oauth.modal.portNote')}
- ${(authInfo.provider === 'claude-kiro-oauth' && authInfo.authMethod === 'builder-id') ? `
-
-
-
-
-
-
-
- ${t('oauth.kiro.builderIDStartURLHint') || '如果您使用 AWS IAM Identity Center，请输入您的 Start URL'}
-
-
-
-
-
-
-
-
- ` : ''}
-
- ${instructionsHtml}
-
-
-
-
-
-
-
-
-
-
-
-
${t('oauth.manual.title')}
-
${t('oauth.manual.desc')}
-
-
-
-
-
-
-
-
${t('dashboard.update.restartMsg', { version })}
-
-
-
-
-
-
-
-
-
-
-
- ${routeInfo.paths.openai}
-
-
-
-
curl ${hostname}${routeInfo.paths.openai} \\
- -H "Content-Type: application/json" \\
- -H "Authorization: Bearer YOUR_API_KEY" \\
- -d '{
- "model": "${defaultModel}",
- "messages": [{"role": "user", "content": "Hello!"}],
- "max_tokens": 1000
- }'
-
-
-
-
-
-
- ${routeInfo.paths.claude}
-
-
-
-
curl ${hostname}${routeInfo.paths.claude} \\
- -H "Content-Type: application/json" \\
- -H "X-API-Key: YOUR_API_KEY" \\
- -d '{
- "model": "${defaultModel}",
- "max_tokens": 1000,
- "messages": [{"role": "user", "content": "Hello!"}]
- }'
-
-
-
-
- ${p.defaultPath}
-
- `).join('');
-}
-
-export {
- initTutorialManager,
- renderOauthPaths,
- updateTutorialProviderConfigs
-};
diff --git a/static/app/upload-config-manager.js b/static/app/upload-config-manager.js
deleted file mode 100644
index 967b26cd4d7633bbf54db940b8b540194cf8a2be..0000000000000000000000000000000000000000
--- a/static/app/upload-config-manager.js
+++ /dev/null
@@ -1,1357 +0,0 @@
-// 配置管理功能模块
-
-import { showToast } from './utils.js';
-import { t } from './i18n.js';
-
-let allConfigs = []; // 存储所有配置数据
-let filteredConfigs = []; // 存储过滤后的配置数据
-let isLoadingConfigs = false; // 防止重复加载配置
-
-/**
- * 搜索配置
- * @param {string} searchTerm - 搜索关键词
- * @param {string} statusFilter - 状态过滤
- */
-function searchConfigs(searchTerm = '', statusFilter = '', providerFilter = '') {
- // 确保 searchTerm 是字符串，防止事件对象等非字符串被传入
- if (typeof searchTerm !== 'string') {
- searchTerm = '';
- }
-
- if (!allConfigs.length) {
- console.log('没有配置数据可搜索');
- return;
- }
-
- filteredConfigs = allConfigs.filter(config => {
- // 搜索过滤
- const matchesSearch = !searchTerm ||
- config.name.toLowerCase().includes(searchTerm.toLowerCase()) ||
- config.path.toLowerCase().includes(searchTerm.toLowerCase()) ||
- (config.content && config.content.toLowerCase().includes(searchTerm.toLowerCase()));
-
- // 状态过滤 - 从布尔值 isUsed 转换为状态字符串
- const configStatus = config.isUsed ? 'used' : 'unused';
- const matchesStatus = !statusFilter || configStatus === statusFilter;
-
- // 提供商类型过滤
- let matchesProvider = true;
- if (providerFilter) {
- const providerInfo = detectProviderFromPath(config.path);
- if (providerFilter === 'other') {
- // "其他/未识别" 选项：匹配没有识别到提供商的配置
- matchesProvider = providerInfo === null;
- } else {
- // 匹配特定提供商类型
- matchesProvider = providerInfo !== null && providerInfo.providerType === providerFilter;
- }
- }
-
- return matchesSearch && matchesStatus && matchesProvider;
- });
-
- renderConfigList();
- updateStats();
-}
-
-/**
- * 渲染配置列表
- */
-function renderConfigList() {
- const container = document.getElementById('configList');
- if (!container) return;
-
- container.innerHTML = '';
-
- if (!filteredConfigs.length) {
- container.innerHTML = ``;
- return;
- }
-
- filteredConfigs.forEach((config, index) => {
- const configItem = createConfigItemElement(config, index);
- container.appendChild(configItem);
- });
-}
-
-/**
- * 创建配置项元素
- * @param {Object} config - 配置数据
- * @param {number} index - 索引
- * @returns {HTMLElement} 配置项元素
- */
-function createConfigItemElement(config, index) {
- // 从布尔值 isUsed 转换为状态字符串用于显示
- const configStatus = config.isUsed ? 'used' : 'unused';
- const item = document.createElement('div');
- item.className = `config-item-manager ${configStatus}`;
- item.dataset.index = index;
-
- const statusIcon = config.isUsed ? 'fa-check-circle' : 'fa-circle-question';
- const statusText = config.isUsed ? t('upload.statusFilter.used') : t('upload.statusFilter.unused');
-
- const typeIcon = config.type === 'oauth' ? 'fa-key' :
- config.type === 'api-key' ? 'fa-lock' :
- config.type === 'provider-pool' ? 'fa-network-wired' :
- config.type === 'system-prompt' ? 'fa-file-text' :
- config.type === 'plugins' ? 'fa-plug' :
- config.type === 'usage' ? 'fa-chart-line' :
- config.type === 'config' ? 'fa-cog' :
- config.type === 'database' ? 'fa-database' : 'fa-file-code';
-
- // 检测提供商信息
- const providerInfo = detectProviderFromPath(config.path);
- const providerBadge = providerInfo ?
- `
- ${providerInfo.displayName}
- ` : '';
-
- // 生成关联详情HTML
- const usageInfoHtml = generateUsageInfoHtml(config);
-
- // 获取关联的节点简要信息
- let linkedNodesInfo = '';
- if (config.isUsed && config.usageInfo && config.usageInfo.usageDetails) {
- const details = config.usageInfo.usageDetails;
-
- // 收集节点信息及其状态
- const nodes = details.map(d => {
- let name = '';
- let isPool = false;
- if (d.type === 'Provider Pool' || d.type === '提供商池') {
- isPool = true;
- if (d.nodeName) name = d.nodeName;
- else if (d.uuid) name = d.uuid.substring(0, 8);
- else name = d.location;
- } else if (d.type === 'Main Config' || d.type === '主要配置') {
- name = t('upload.usage.mainConfig');
- }
-
- if (!name) return null;
-
- return {
- name,
- isPool,
- isHealthy: d.isHealthy,
- isDisabled: d.isDisabled
- };
- }).filter(Boolean);
-
- if (nodes.length > 0) {
- // 去重，但保留状态信息（如果有多个相同名称的节点，状态可能不同，这里按名称去重以节省空间，取第一个）
- const uniqueNodes = [];
- const seenNames = new Set();
- for (const node of nodes) {
- if (!seenNames.has(node.name)) {
- uniqueNodes.push(node);
- seenNames.add(node.name);
- }
- }
-
- linkedNodesInfo = `
- ${uniqueNodes.map(node => {
- let statusClass = '';
- let statusIcon = 'fa-link';
-
- if (node.isPool) {
- if (node.isDisabled) {
- statusClass = 'status-disabled';
- statusIcon = 'fa-ban';
- } else if (!node.isHealthy) {
- statusClass = 'status-unhealthy';
- statusIcon = 'fa-exclamation-circle';
- } else {
- statusClass = 'status-healthy';
- statusIcon = 'fa-check-circle';
- }
- }
-
- return ` ${node.name}`;
- }).join('')}
-
`;
- }
- }
-
- // 判断是否可以一键关联（未关联且路径包含支持的提供商目录）
- const canQuickLink = !config.isUsed && providerInfo !== null;
- const quickLinkBtnHtml = canQuickLink ?
- `` : '';
-
- item.innerHTML = `
-
-
-
-
-
-
-
- ${config.name}
- ${providerBadge}
-
-
- ${config.path}
-
-
-
-
-
-
-
- ${formatFileSize(config.size)}
-
-
- ${formatDate(config.modified)}
-
-
-
-
-
-
-
-
- ${statusText}
-
- ${linkedNodesInfo}
- ${quickLinkBtnHtml}
-
-
-
-
-
-
-
-
-
文件完整路径
-
${config.path}
-
-
-
文件大小
-
${formatFileSize(config.size)}
-
-
-
最后修改时间
-
${formatDate(config.modified)}
-
-
-
当前关联状态
-
${statusText}
-
-
- ${usageInfoHtml}
-
-
-
-
-
-
-
-
-
- ${detail.type}
- ${displayTitle}
- ${statusTag}
-
- ${subtitle ? `
${subtitle}
` : ''}
-
-
-
-
-
-
- ${t('upload.detail.path')}:
- ${fileData.path}
-
-
- ${t('upload.detail.size')}:
- ${formatFileSize(fileData.size)}
-
-
- ${t('upload.detail.modified')}:
- ${formatDate(fileData.modified)}
-
-
-
-
-
${escapeHtml(fileData.content)}
-
-
-
-
-
-
-
-
-
-
-
- ${isUsed ?
- `
${t('upload.delete.warningUsedTitle')}
${t('upload.delete.warningUsedDesc')}
` :
- `
${t('upload.delete.warningUnusedTitle')}
${t('upload.delete.warningUnusedDesc')}
`
- }
-
-
-
-
-
- 文件名:
- ${config.name}
-
-
- 文件路径:
- ${config.path}
-
-
- 文件大小:
- ${formatFileSize(config.size)}
-
-
- 关联状态:
-
- ${isUsed ? t('upload.statusFilter.used') : t('upload.statusFilter.unused')}
-
-
-
-
- ${isUsed ? `
-
-
-
-
-
-
${t('upload.delete.usageAlertTitle')}
-
${t('upload.delete.usageAlertDesc')}
-
- - ${t('upload.delete.usageAlertItem1')}
- - ${t('upload.delete.usageAlertItem2')}
- - ${t('upload.delete.usageAlertItem3')}
-
-
${t('upload.delete.usageAlertAdvice')}
-
-
- ` : ''}
-
-
-
-
-
${t('usage.noData')}
-
-
-
${t('usage.noInstances')}
-
-
-
- ${providerDisplayName}
- ${t('usage.group.instances', { count: instanceCount })}
- ${t('usage.group.success', { count: successCount, total: instanceCount })}
-
-
-
-
- `;
-
- // 点击头部切换分组折叠状态
- const titleDiv = header.querySelector('.usage-group-title');
- titleDiv.addEventListener('click', () => {
- groupContainer.classList.toggle('collapsed');
- });
-
- groupContainer.appendChild(header);
-
- // 展开/折叠所有卡片按钮事件
- const toggleCardsBtn = header.querySelector('.btn-toggle-cards');
- toggleCardsBtn.addEventListener('click', (e) => {
- e.stopPropagation(); // 阻止事件冒泡到分组头部
-
- const cards = groupContainer.querySelectorAll('.usage-instance-card');
- const allCollapsed = Array.from(cards).every(card => card.classList.contains('collapsed'));
-
- // 如果全部折叠，则全部展开；否则全部折叠
- cards.forEach(card => {
- if (allCollapsed) {
- card.classList.remove('collapsed');
- } else {
- card.classList.add('collapsed');
- }
- });
-
- // 更新按钮图标和提示文本
- const icon = toggleCardsBtn.querySelector('i');
- if (allCollapsed) {
- icon.className = 'fas fa-compress-alt';
- toggleCardsBtn.title = t('usage.group.collapseAll');
- } else {
- icon.className = 'fas fa-expand-alt';
- toggleCardsBtn.title = t('usage.group.expandAll');
- }
- });
-
- // 分组内容（卡片网格）
- const content = document.createElement('div');
- content.className = 'usage-group-content';
-
- const gridContainer = document.createElement('div');
- gridContainer.className = 'usage-cards-grid';
-
- for (const instance of instances) {
- const instanceCard = createInstanceUsageCard(instance, providerType);
- gridContainer.appendChild(instanceCard);
- }
-
- content.appendChild(gridContainer);
- groupContainer.appendChild(content);
-
- return groupContainer;
-}
-
-/**
- * 创建实例用量卡片
- * @param {Object} instance - 实例数据
- * @param {string} providerType - 提供商类型
- * @returns {HTMLElement} 卡片元素
- */
-function createInstanceUsageCard(instance, providerType) {
- const card = document.createElement('div');
- card.className = `usage-instance-card ${instance.success ? 'success' : 'error'} collapsed`;
-
- const providerDisplayName = getProviderDisplayName(providerType);
- const providerIcon = getProviderIcon(providerType);
-
- // 检查是否应该显示用量信息
- const showUsage = shouldShowUsage(providerType);
-
- // 计算总用量（用于折叠摘要显示）
- const totalUsage = instance.usage ? calculateTotalUsage(instance.usage.usageBreakdown) : { hasData: false, percent: 0 };
- const progressClass = totalUsage.percent >= 90 ? 'danger' : (totalUsage.percent >= 70 ? 'warning' : 'normal');
-
- // 折叠摘要 - 两行显示
- const collapsedSummary = document.createElement('div');
- collapsedSummary.className = 'usage-card-collapsed-summary';
-
- const statusIcon = instance.success
- ? ''
- : '';
-
- // 显示名称：优先自定义名称，其次 uuid
- const displayName = instance.name || instance.uuid;
-
- const displayUsageText = totalUsage.isCodex
- ? `${totalUsage.percent.toFixed(1)}%`
- : `${formatNumber(totalUsage.used)} / ${formatNumber(totalUsage.limit)}`;
-
- collapsedSummary.innerHTML = `
-
-
- ${displayName}
- ${statusIcon}
-
- ${showUsage ? `
-
- ${totalUsage.hasData ? `
-
-
${totalUsage.percent.toFixed(1)}%
-
${displayUsageText}
- ` : (instance.error ? `
${t('common.error')}` : '')}
-
- ${userEmail}
- ${subscriptionTitle ? `${subscriptionTitle}` : ''}
-
- ` : '';
-
- header.innerHTML = `
-
-
- ${instance.name || instance.uuid}
-
- ${userInfoHTML}
- `;
-
- // 添加下载按钮点击事件
- if (instance.configFilePath) {
- const downloadBtn = header.querySelector('.btn-download-config');
- if (downloadBtn) {
- downloadBtn.addEventListener('click', (e) => {
- e.stopPropagation();
- downloadConfigFile(instance.configFilePath);
- });
- }
- }
-
- expandedContent.appendChild(header);
-
- // 实例内容 - 只显示用量和到期时间
- const content = document.createElement('div');
- content.className = 'usage-instance-content';
-
- if (instance.error) {
- content.innerHTML = `
-
-
- ${instance.error}
-
- `;
- } else if (instance.usage) {
- content.appendChild(renderUsageDetails(instance.usage, providerType));
- }
-
- expandedContent.appendChild(content);
- card.appendChild(expandedContent);
-
- return card;
-}
-
-/**
- * 渲染用量详情 - 显示总用量、用量明细和到期时间
- * @param {Object} usage - 用量数据
- * @param {string} providerType - 提供商类型
- * @returns {HTMLElement} 详情元素
- */
-function renderUsageDetails(usage, providerType) {
- const container = document.createElement('div');
- container.className = 'usage-details';
-
- // 检查是否应该显示用量信息
- const showUsage = shouldShowUsage(providerType);
-
- // 计算总用量
- const totalUsage = calculateTotalUsage(usage.usageBreakdown);
-
- // 总用量进度条（不支持显示用量的提供商不显示）
- if (totalUsage.hasData && showUsage) {
- const totalSection = document.createElement('div');
- totalSection.className = 'usage-section total-usage';
-
- const progressClass = totalUsage.percent >= 90 ? 'danger' : (totalUsage.percent >= 70 ? 'warning' : 'normal');
-
- // 提取第一个有重置时间的条目（通常是总配额）
- let resetTimeHTML = '';
- if (totalUsage.isCodex && totalUsage.resetAfterSeconds !== undefined) {
- const resetTimeText = formatTimeRemaining(totalUsage.resetAfterSeconds);
- resetTimeHTML = `
-
- ${t('usage.resetInfo', { time: resetTimeText })}
-
- `;
- } else {
- const resetTimeEntry = usage.usageBreakdown.find(b => b.resetTime && b.resetTime !== '--');
- if (resetTimeEntry) {
- const formattedResetTime = formatDate(resetTimeEntry.resetTime);
- resetTimeHTML = `
-
- ${t('usage.card.resetAt', { time: formattedResetTime })}
-
- `;
- }
- }
-
- const displayValue = totalUsage.isCodex
- ? `${totalUsage.percent.toFixed(1)}%`
- : `${formatNumber(totalUsage.used)} / ${formatNumber(totalUsage.limit)}`;
-
- totalSection.innerHTML = `
-
-
-
- `;
-
- container.appendChild(totalSection);
- }
-
- // 用量明细（包含免费试用和奖励信息）
- if (usage.usageBreakdown && usage.usageBreakdown.length > 0) {
- const breakdownSection = document.createElement('div');
- breakdownSection.className = 'usage-section usage-breakdown-compact';
-
- let breakdownHTML = '';
-
- for (const breakdown of usage.usageBreakdown) {
- breakdownHTML += createUsageBreakdownHTML(breakdown, providerType);
- }
-
- breakdownSection.innerHTML = breakdownHTML;
- container.appendChild(breakdownSection);
- }
-
- return container;
-}
-
-/**
- * 创建用量明细 HTML（紧凑版）
- * @param {Object} breakdown - 用量明细数据
- * @param {string} providerType - 提供商类型
- * @returns {string} HTML 字符串
- */
-function createUsageBreakdownHTML(breakdown, providerType) {
- // 特殊处理 Codex
- if (breakdown.rateLimit && breakdown.rateLimit.primary_window) {
- return createCodexUsageBreakdownHTML(breakdown);
- }
-
- // 检查是否应该显示用量信息
- const showUsage = shouldShowUsage(providerType);
-
- const usagePercent = breakdown.usageLimit > 0
- ? Math.min(100, (breakdown.currentUsage / breakdown.usageLimit) * 100)
- : 0;
-
- const progressClass = usagePercent >= 90 ? 'danger' : (usagePercent >= 70 ? 'warning' : 'normal');
-
- let html = `
-
-
- ${showUsage ? `
-
- ` : ''}
- `;
-
- // 如果有重置时间，则显示
- if (breakdown.resetTime && breakdown.resetTime !== '--') {
- const formattedResetTime = formatDate(breakdown.resetTime);
- const resetText = t('usage.card.resetAt', { time: formattedResetTime });
- html += `
-
- `;
- }
-
- // 免费试用信息
- if (breakdown.freeTrial && breakdown.freeTrial.status === 'ACTIVE') {
- html += `
-
- `;
- }
-
- // 奖励信息
- if (breakdown.bonuses && breakdown.bonuses.length > 0) {
- for (const bonus of breakdown.bonuses) {
- if (bonus.status === 'ACTIVE') {
- html += `
-
- `;
- }
- }
- }
-
- html += '
-
-
-
- ${t('usage.resetInfo', { time: secondaryResetText })}
-
-
${escapeHtml(title)}
- ${escapeHtml(message)}
- `;
-
- // 获取toast容器
- const toastContainer = document.getElementById('toastContainer') || document.querySelector('.toast-container');
- if (toastContainer) {
- toastContainer.appendChild(toast);
-
- setTimeout(() => {
- toast.remove();
- }, 3000);
- }
-}
-
-/**
- * 获取字段显示文案
- * @param {string} key - 字段键
- * @returns {string} 显示文案
- */
-function getFieldLabel(key) {
- const labelMap = {
- 'customName': t('modal.provider.customName') + ' ' + t('config.optional'),
- 'checkModelName': t('modal.provider.checkModelName') + ' ' + t('config.optional'),
- 'checkHealth': t('modal.provider.healthCheckLabel'),
- 'concurrencyLimit': t('modal.provider.concurrencyLimit') + ' ' + t('config.optional'),
- 'queueLimit': t('modal.provider.queueLimit') + ' ' + t('config.optional'),
- 'OPENAI_API_KEY': 'OpenAI API Key',
- 'OPENAI_BASE_URL': 'OpenAI Base URL',
- 'CLAUDE_API_KEY': 'Claude API Key',
- 'CLAUDE_BASE_URL': 'Claude Base URL',
- 'PROJECT_ID': t('modal.provider.field.projectId'),
- 'GEMINI_OAUTH_CREDS_FILE_PATH': t('modal.provider.field.oauthPath'),
- 'KIRO_OAUTH_CREDS_FILE_PATH': t('modal.provider.field.oauthPath'),
- 'QWEN_OAUTH_CREDS_FILE_PATH': t('modal.provider.field.oauthPath'),
- 'ANTIGRAVITY_OAUTH_CREDS_FILE_PATH': t('modal.provider.field.oauthPath'),
- 'IFLOW_OAUTH_CREDS_FILE_PATH': t('modal.provider.field.oauthPath'),
- 'CODEX_OAUTH_CREDS_FILE_PATH': t('modal.provider.field.oauthPath'),
- 'GROK_COOKIE_TOKEN': t('modal.provider.field.ssoToken'),
- 'GROK_CF_CLEARANCE': t('modal.provider.field.cfClearance'),
- 'GROK_USER_AGENT': t('modal.provider.field.userAgent'),
- 'GEMINI_BASE_URL': 'Gemini Base URL',
- 'KIRO_BASE_URL': t('modal.provider.field.baseUrl'),
- 'KIRO_REFRESH_URL': t('modal.provider.field.refreshUrl'),
- 'KIRO_REFRESH_IDC_URL': t('modal.provider.field.refreshIdcUrl'),
- 'QWEN_BASE_URL': 'Qwen Base URL',
- 'QWEN_OAUTH_BASE_URL': t('modal.provider.field.oauthBaseUrl'),
- 'ANTIGRAVITY_BASE_URL_DAILY': t('modal.provider.field.dailyBaseUrl'),
- 'ANTIGRAVITY_BASE_URL_AUTOPUSH': t('modal.provider.field.autopushBaseUrl'),
- 'IFLOW_BASE_URL': t('modal.provider.field.iflowBaseUrl'),
- 'CODEX_BASE_URL': t('modal.provider.field.codexBaseUrl'),
- 'GROK_BASE_URL': t('modal.provider.field.grokBaseUrl'),
- 'FORWARD_API_KEY': 'Forward API Key',
- 'FORWARD_BASE_URL': 'Forward Base URL',
- 'FORWARD_HEADER_NAME': t('modal.provider.field.headerName'),
- 'FORWARD_HEADER_VALUE_PREFIX': t('modal.provider.field.headerPrefix'),
- 'USE_SYSTEM_PROXY_FORWARD': t('modal.provider.field.useSystemProxy')
- };
-
- return labelMap[key] || key;
-}
-
-/**
- * 获取提供商类型的字段配置
- * @param {string} providerType - 提供商类型
- * @returns {Array} 字段配置数组
- */
-function getProviderTypeFields(providerType) {
- const fieldConfigs = {
- 'openai-custom': [
- {
- id: 'OPENAI_API_KEY',
- label: t('modal.provider.field.apiKey'),
- type: 'password',
- placeholder: 'sk-...'
- },
- {
- id: 'OPENAI_BASE_URL',
- label: 'OpenAI Base URL',
- type: 'text',
- placeholder: 'https://api.openai.com/v1'
- }
- ],
- 'openaiResponses-custom': [
- {
- id: 'OPENAI_API_KEY',
- label: t('modal.provider.field.apiKey'),
- type: 'password',
- placeholder: 'sk-...'
- },
- {
- id: 'OPENAI_BASE_URL',
- label: 'OpenAI Base URL',
- type: 'text',
- placeholder: 'https://api.openai.com/v1'
- }
- ],
- 'claude-custom': [
- {
- id: 'CLAUDE_API_KEY',
- label: 'Claude API Key',
- type: 'password',
- placeholder: 'sk-ant-...'
- },
- {
- id: 'CLAUDE_BASE_URL',
- label: 'Claude Base URL',
- type: 'text',
- placeholder: 'https://api.anthropic.com'
- }
- ],
- 'gemini-cli-oauth': [
- {
- id: 'PROJECT_ID',
- label: t('modal.provider.field.projectId'),
- type: 'text',
- placeholder: t('modal.provider.field.projectId.placeholder')
- },
- {
- id: 'GEMINI_OAUTH_CREDS_FILE_PATH',
- label: t('modal.provider.field.oauthPath'),
- type: 'text',
- placeholder: t('modal.provider.field.oauthPath.gemini.placeholder')
- },
- {
- id: 'GEMINI_BASE_URL',
- label: `Gemini Base URL ${t('config.optional')}`,
- type: 'text',
- placeholder: 'https://cloudcode-pa.googleapis.com'
- }
- ],
- 'claude-kiro-oauth': [
- {
- id: 'KIRO_OAUTH_CREDS_FILE_PATH',
- label: t('modal.provider.field.oauthPath'),
- type: 'text',
- placeholder: t('modal.provider.field.oauthPath.kiro.placeholder')
- },
- {
- id: 'KIRO_BASE_URL',
- label: `${t('modal.provider.field.baseUrl')} ${t('config.optional')}`,
- type: 'text',
- placeholder: 'https://codewhisperer.{{region}}.amazonaws.com/generateAssistantResponse'
- },
- {
- id: 'KIRO_REFRESH_URL',
- label: `${t('modal.provider.field.refreshUrl')} ${t('config.optional')}`,
- type: 'text',
- placeholder: 'https://prod.{{region}}.auth.desktop.kiro.dev/refreshToken'
- },
- {
- id: 'KIRO_REFRESH_IDC_URL',
- label: `${t('modal.provider.field.refreshIdcUrl')} ${t('config.optional')}`,
- type: 'text',
- placeholder: 'https://oidc.{{region}}.amazonaws.com/token'
- }
- ],
- 'openai-qwen-oauth': [
- {
- id: 'QWEN_OAUTH_CREDS_FILE_PATH',
- label: t('modal.provider.field.oauthPath'),
- type: 'text',
- placeholder: t('modal.provider.field.oauthPath.qwen.placeholder')
- },
- {
- id: 'QWEN_BASE_URL',
- label: `Qwen Base URL ${t('config.optional')}`,
- type: 'text',
- placeholder: 'https://portal.qwen.ai/v1'
- },
- {
- id: 'QWEN_OAUTH_BASE_URL',
- label: `${t('modal.provider.field.oauthBaseUrl')} ${t('config.optional')}`,
- type: 'text',
- placeholder: 'https://chat.qwen.ai'
- }
- ],
- 'gemini-antigravity': [
- {
- id: 'PROJECT_ID',
- label: `${t('modal.provider.field.projectId')} ${t('config.optional')}`,
- type: 'text',
- placeholder: t('modal.provider.field.projectId.optional.placeholder')
- },
- {
- id: 'ANTIGRAVITY_OAUTH_CREDS_FILE_PATH',
- label: t('modal.provider.field.oauthPath'),
- type: 'text',
- placeholder: t('modal.provider.field.oauthPath.antigravity.placeholder')
- },
- {
- id: 'ANTIGRAVITY_BASE_URL_DAILY',
- label: `${t('modal.provider.field.dailyBaseUrl')} ${t('config.optional')}`,
- type: 'text',
- placeholder: 'https://daily-cloudcode-pa.sandbox.googleapis.com'
- },
- {
- id: 'ANTIGRAVITY_BASE_URL_AUTOPUSH',
- label: `${t('modal.provider.field.autopushBaseUrl')} ${t('config.optional')}`,
- type: 'text',
- placeholder: 'https://autopush-cloudcode-pa.sandbox.googleapis.com'
- }
- ],
- 'openai-iflow': [
- {
- id: 'IFLOW_OAUTH_CREDS_FILE_PATH',
- label: t('modal.provider.field.oauthPath'),
- type: 'text',
- placeholder: t('modal.provider.field.oauthPath.iflow.placeholder')
- },
- {
- id: 'IFLOW_BASE_URL',
- label: `iFlow Base URL ${t('config.optional')}`,
- type: 'text',
- placeholder: 'https://iflow.cn/api'
- }
- ],
- 'openai-codex-oauth': [
- {
- id: 'CODEX_OAUTH_CREDS_FILE_PATH',
- label: t('modal.provider.field.oauthPath'),
- type: 'text',
- placeholder: t('modal.provider.field.oauthPath.codex.placeholder')
- },
- {
- id: 'CODEX_EMAIL',
- label: `${t('modal.provider.field.email')} ${t('config.optional')}`,
- type: 'email',
- placeholder: t('modal.provider.field.email.placeholder')
- },
- {
- id: 'CODEX_BASE_URL',
- label: `${t('modal.provider.field.codexBaseUrl')} ${t('config.optional')}`,
- type: 'text',
- placeholder: 'https://api.openai.com/v1/codex'
- }
- ],
- 'grok-custom': [
- {
- id: 'GROK_COOKIE_TOKEN',
- label: t('modal.provider.field.ssoToken'),
- type: 'password',
- placeholder: 'sso cookie token'
- },
- {
- id: 'GROK_CF_CLEARANCE',
- label: `${t('modal.provider.field.cfClearance')} ${t('config.optional')}`,
- type: 'text',
- placeholder: 'cf_clearance cookie value'
- },
- {
- id: 'GROK_USER_AGENT',
- label: `${t('modal.provider.field.userAgent')} ${t('config.optional')}`,
- type: 'text',
- placeholder: 'Mozilla/5.0 ...'
- },
- {
- id: 'GROK_BASE_URL',
- label: `${t('modal.provider.field.grokBaseUrl')} ${t('config.optional')}`,
- type: 'text',
- placeholder: 'https://grok.com'
- }
- ],
- 'forward-api': [
- {
- id: 'FORWARD_API_KEY',
- label: t('modal.provider.field.apiKey'),
- type: 'password',
- placeholder: t('modal.provider.field.apiKey.placeholder')
- },
- {
- id: 'FORWARD_BASE_URL',
- label: t('modal.provider.field.baseUrl'),
- type: 'text',
- placeholder: 'https://api.example.com'
- },
- {
- id: 'FORWARD_HEADER_NAME',
- label: `${t('modal.provider.field.headerName')} ${t('config.optional')}`,
- type: 'text',
- placeholder: 'Authorization'
- },
- {
- id: 'FORWARD_HEADER_VALUE_PREFIX',
- label: `${t('modal.provider.field.headerPrefix')} ${t('config.optional')}`,
- type: 'text',
- placeholder: 'Bearer '
- }
- ]
- };
-
- return fieldConfigs[providerType] || [];
-}
-
-/**
- * 调试函数：获取当前提供商统计信息
- * @param {Object} providerStats - 提供商统计对象
- * @returns {Object} 扩展的统计信息
- */
-function getProviderStats(providerStats) {
- return {
- ...providerStats,
- // 添加计算得出的统计信息
- successRate: providerStats.totalRequests > 0 ?
- ((providerStats.totalRequests - providerStats.totalErrors) / providerStats.totalRequests * 100).toFixed(2) + '%' : '0%',
- avgUsagePerProvider: providerStats.activeProviders > 0 ?
- Math.round(providerStats.totalRequests / providerStats.activeProviders) : 0,
- healthRatio: providerStats.totalAccounts > 0 ?
- (providerStats.healthyProviders / providerStats.totalAccounts * 100).toFixed(2) + '%' : '0%'
- };
-}
-
-/**
- * 通用 API 请求函数
- * @param {string} url - API 端点 URL
- * @param {Object} options - fetch 选项
- * @returns {Promise} 响应数据
- */
-async function apiRequest(url, options = {}) {
- // 如果 URL 以 /api 开头，去掉它（因为 apiClient.request 会自动添加）
- const endpoint = url.startsWith('/api') ? url.slice(4) : url;
- return apiClient.request(endpoint, options);
-}
-
-// 导出所有工具函数
-export {
- formatUptime,
- escapeHtml,
- showToast,
- getFieldLabel,
- getProviderTypeFields,
- getProviderConfigs,
- getProviderStats,
- apiRequest
-};
\ No newline at end of file
diff --git a/static/components/header.css b/static/components/header.css
deleted file mode 100644
index e06b2130f016280c6929daad093a8af0aa343545..0000000000000000000000000000000000000000
--- a/static/components/header.css
+++ /dev/null
@@ -1,161 +0,0 @@
-/* Header - 玻璃拟态效果 */
-.header {
- background: var(--bg-glass);
- backdrop-filter: blur(12px);
- -webkit-backdrop-filter: blur(12px);
- border-bottom: 1px solid var(--border-color);
- position: sticky;
- top: 0;
- z-index: 100;
- transition: var(--transition);
-}
-
-.header-content {
- max-width: 1600px;
- margin: 0 auto;
- padding: 0.75rem 2rem;
- display: flex;
- justify-content: space-between;
- align-items: center;
-}
-
-.header h1 {
- font-size: 1.25rem;
- font-weight: 700;
- color: var(--text-primary);
- display: flex;
- align-items: center;
- letter-spacing: -0.025em;
-}
-
-.header h1 i {
- margin-right: 0.5rem;
-}
-
-.header-controls {
- display: flex;
- gap: 1rem;
- align-items: center;
-}
-
-.status-badge {
- display: inline-flex;
- align-items: center;
- gap: 0.5rem;
- padding: 0.5rem 1rem;
- background: var(--bg-tertiary);
- border-radius: var(--radius-full);
- font-size: 0.75rem;
- font-weight: 600;
- letter-spacing: 0.05em;
- text-transform: uppercase;
-}
-
-.status-badge i {
- color: var(--success-color);
- animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
- font-size: 0.6rem;
-}
-
-.status-badge.error i {
- color: var(--danger-color);
-}
-
-.logout-btn {
- padding: 0.5rem 1rem;
- background: transparent;
- color: var(--text-secondary);
- border: 1px solid var(--border-color);
- border-radius: var(--radius-lg);
- cursor: pointer;
- font-size: 0.875rem;
- font-weight: 600;
- transition: var(--transition);
- display: inline-flex;
- align-items: center;
- gap: 0.5rem;
-}
-
-.logout-btn:hover {
- background: var(--bg-tertiary);
- color: var(--danger-color);
- border-color: var(--danger-color);
-}
-
-.logout-btn:active {
- transform: scale(0.98);
-}
-
-.logout-btn i {
- font-size: 14px;
-}
-
-.github-link {
- display: inline-flex;
- align-items: center;
- justify-content: center;
- width: 40px;
- height: 40px;
- padding: 0;
- background: transparent;
- color: var(--text-secondary);
- border: 1px solid var(--border-color);
- border-radius: 50%;
- cursor: pointer;
- font-size: 1.125rem;
- transition: var(--transition);
- text-decoration: none;
- position: relative;
- overflow: hidden;
-}
-
-.github-link:hover {
- background: var(--bg-tertiary);
- color: var(--primary-color);
- border-color: var(--primary-color);
- transform: translateY(-2px);
- box-shadow: var(--shadow-md);
-}
-
-.github-link:active {
- transform: translateY(0);
-}
-
-.github-link i {
- transition: transform 0.3s ease;
-}
-
-/* KIRO 购买链接 */
-.kiro-buy-link {
- display: inline-flex;
- align-items: center;
- gap: 0.5rem;
- padding: 0.5rem 1rem;
- background: linear-gradient(135deg, var(--warning-color) 0%, #f97316 100%);
- color: var(--white);
- text-decoration: none;
- border-radius: 9999px;
- font-size: 0.875rem;
- font-weight: 600;
- transition: var(--transition);
- box-shadow: 0 2px 8px var(--warning-30);
-}
-
-.kiro-buy-link:hover {
- transform: translateY(-2px);
- box-shadow: 0 4px 12px var(--warning-40);
- background: linear-gradient(135deg, #f97316 0%, var(--warning-color) 100%);
-}
-
-.kiro-buy-link:active {
- transform: translateY(0);
-}
-
-.kiro-buy-link i {
- font-size: 0.875rem;
-}
-
-/* 暗黑主题适配 */
-[data-theme="dark"] .header {
- background: var(--bg-glass);
-}
diff --git a/static/components/header.html b/static/components/header.html
deleted file mode 100644
index 40de0f10aceac9ac0f6965b13648fabbdcb685bd..0000000000000000000000000000000000000000
--- a/static/components/header.html
+++ /dev/null
@@ -1,31 +0,0 @@
-
-
-
\ No newline at end of file
diff --git a/static/components/section-config.css b/static/components/section-config.css
deleted file mode 100644
index 6cd16ca4b1dbe4c9fee89ae286719093f1be5a16..0000000000000000000000000000000000000000
--- a/static/components/section-config.css
+++ /dev/null
@@ -1,465 +0,0 @@
-/* 表单样式 */
-.config-panel {
- background: var(--bg-primary);
- padding: 2rem;
- border-radius: var(--radius-xl);
- box-shadow: var(--shadow-sm);
- border: 1px solid var(--border-color);
-}
-
-.config-form {
- max-width: 800px;
- margin: 0 auto;
-}
-
-.form-group {
- margin-bottom: 1.5rem;
-}
-
-.form-row {
- display: grid;
- grid-template-columns: 1fr 1fr;
- gap: 1.5rem;
-}
-
-.form-group label {
- display: block;
- margin-bottom: 0.5rem;
- font-weight: 600;
- color: var(--text-primary);
- font-size: 0.9rem;
-}
-
-.optional-tag, .form-group label .optional-mark {
- font-size: 0.75rem;
- color: var(--text-tertiary);
- font-weight: 400;
- margin-left: 0.5rem;
- background: var(--bg-tertiary);
- padding: 0.125rem 0.375rem;
- border-radius: var(--radius-sm);
-}
-
-.form-control::placeholder {
- color: var(--text-tertiary);
-}
-
-textarea.form-control {
- resize: vertical;
- font-family: inherit;
-}
-
-/* 密码输入框样式 */
-.password-input-group {
- position: relative;
-}
-
-.password-input-wrapper {
- display: flex;
- align-items: center;
- gap: 0.5rem;
-}
-
-.input-with-toggle {
- position: relative;
- flex: 1;
- display: flex;
- align-items: center;
-}
-
-.generate-key-btn {
- flex-shrink: 0;
- height: 38px;
- display: flex;
- align-items: center;
- gap: 0.4rem;
- white-space: nowrap;
-}
-
-.password-input-wrapper .form-control {
- padding-right: 3rem;
-}
-
-.password-input-wrapper input[type="password"],
-.password-input-wrapper input[type="text"] {
- flex: 1;
- padding-right: 3rem;
-}
-
-.password-toggle {
- position: absolute;
- right: 0.75rem;
- background: none;
- border: none;
- cursor: pointer;
- padding: 0.25rem;
- color: var(--text-secondary);
- transition: var(--transition);
- z-index: 1;
- width: auto;
- flex-shrink: 0;
-}
-
-.password-toggle:hover {
- color: var(--primary-color);
-}
-
-.password-toggle i {
- font-size: 1rem;
- width: 1rem;
- text-align: center;
-}
-
-/* 授权刷新切换开关 */
-.oauth-refresh-toggle {
- display: flex;
- align-items: center;
- gap: 0.75rem;
- margin-top: 0.5rem;
-}
-
-.toggle-switch {
- position: relative;
- display: inline-block;
- width: 48px;
- height: 24px;
-}
-
-.toggle-switch input {
- opacity: 0;
- width: 0;
- height: 0;
-}
-
-.toggle-slider {
- position: absolute;
- cursor: pointer;
- top: 0;
- left: 0;
- right: 0;
- bottom: 0;
- background-color: var(--bg-tertiary);
- border: 1px solid var(--border-color);
- transition: var(--transition);
- border-radius: 24px;
-}
-
-.toggle-slider:before {
- position: absolute;
- content: "";
- height: 18px;
- width: 18px;
- left: 3px;
- bottom: 2px;
- background-color: white;
- transition: var(--transition);
- border-radius: 50%;
- box-shadow: 0 1px 3px var(--neutral-shadow-30);
-}
-
-input:checked + .toggle-slider {
- background-color: var(--primary-color);
- border-color: var(--primary-color);
-}
-
-input:checked + .toggle-slider:before {
- transform: translateX(24px);
-}
-
-.toggle-label {
- font-weight: 500;
- color: var(--text-primary);
- font-size: 0.875rem;
-}
-
-/* 系统提示区域 */
-.system-prompt-section {
- margin-top: 2rem;
- padding-top: 1.5rem;
- border-top: 1px solid var(--border-color);
-}
-
-.form-actions {
- display: flex;
- gap: 1rem;
- margin-top: 2rem;
- justify-content: flex-end;
-}
-
-/* 重启提示模态框样式 */
-.restart-required-modal .restart-modal-content {
- max-width: 550px;
- border: 2px solid var(--primary-color);
- box-shadow: 0 25px 80px var(--primary-30);
-}
-
-.restart-required-modal .restart-modal-header {
- background: linear-gradient(135deg, var(--primary-color) 0%, var(--secondary-color) 100%);
- color: white;
- border-bottom: none;
-}
-
-.restart-required-modal .restart-modal-header h3 {
- color: white;
-}
-
-.restart-required-modal .restart-modal-header h3 i {
- color: white;
-}
-
-.restart-icon-container {
- text-align: center;
- margin-bottom: 1.5rem;
-}
-
-.restart-icon-container i {
- font-size: 3rem;
- color: var(--primary-color);
- animation: spin 2s linear infinite;
-}
-
-@keyframes spin {
- from { transform: rotate(0deg); }
- to { transform: rotate(360deg); }
-}
-
-.restart-notice {
- background: linear-gradient(135deg, var(--success-bg) 0%, var(--success-bg-light) 100%);
- border: 1px solid var(--secondary-color);
- border-radius: 0.5rem;
- padding: 1rem;
- margin-bottom: 1rem;
- border-left: 4px solid var(--primary-color);
-}
-
-.restart-notice p {
- margin: 0;
- color: var(--success-text);
- font-weight: 500;
- display: flex;
- align-items: center;
- gap: 0.5rem;
-}
-
-.restart-instructions {
- background: var(--bg-secondary);
- border: 1px solid var(--border-color);
- border-radius: 0.5rem;
- padding: 1rem;
-}
-
-.restart-instructions p {
- margin: 0;
- color: var(--text-primary);
- white-space: pre-line;
- line-height: 1.6;
- font-size: 0.875rem;
-}
-
-.restart-confirm-btn {
- background: linear-gradient(135deg, var(--primary-color) 0%, var(--secondary-color) 100%);
- color: white;
- border: none;
- padding: 0.75rem 1.5rem;
- border-radius: 0.375rem;
- font-size: 0.875rem;
- font-weight: 500;
- cursor: pointer;
- transition: var(--transition);
- box-shadow: 0 2px 8px var(--primary-30);
- display: inline-flex;
- align-items: center;
- gap: 0.5rem;
-}
-
-.restart-confirm-btn:hover {
- background: linear-gradient(135deg, var(--btn-primary-hover) 0%, var(--primary-color) 100%);
- transform: translateY(-2px);
- box-shadow: 0 4px 12px var(--primary-40);
-}
-
-/* 提供商标签选择器样式 */
-.provider-tags {
- display: flex;
- flex-wrap: wrap;
- gap: 0.75rem;
- padding: 1rem;
- background: var(--bg-tertiary);
- border-radius: 12px;
- border: 1px solid var(--border-color);
-}
-
-.provider-tag {
- display: inline-flex;
- align-items: center;
- gap: 0.5rem;
- padding: 0.625rem 1rem;
- background: var(--bg-primary);
- border: 2px solid var(--border-color);
- border-radius: 50px;
- cursor: pointer;
- transition: all 0.2s ease;
- font-size: 0.875rem;
- font-weight: 500;
- color: var(--text-secondary);
- user-select: none;
-}
-
-.provider-tag:hover {
- background: var(--bg-secondary);
- border-color: var(--primary-color);
- color: var(--primary-color);
- transform: translateY(-1px);
- box-shadow: 0 4px 12px var(--neutral-shadow-10);
-}
-
-.provider-tag.selected {
- background: linear-gradient(135deg, var(--primary-color) 0%, var(--secondary-color) 100%);
- border-color: transparent;
- color: white;
- box-shadow: 0 4px 12px var(--primary-30);
-}
-
-.provider-tag.selected:hover {
- background: linear-gradient(135deg, var(--btn-primary-hover) 0%, var(--primary-color) 100%);
- transform: translateY(-1px);
- box-shadow: 0 6px 16px var(--primary-40);
- color: white;
-}
-
-.provider-tag i {
- font-size: 0.875rem;
- opacity: 0.8;
-}
-
-.provider-tag.selected i {
- opacity: 1;
-}
-
-.provider-tag span {
- white-space: nowrap;
-}
-
-
-/* 高级配置区域 */
-.advanced-config-section {
- border: 1px solid var(--border-color);
- border-radius: 0.5rem;
- padding: 1.5rem;
- margin-top: 1.5rem;
- background: var(--bg-secondary);
-}
-
-.advanced-config-section h3 {
- color: var(--text-primary);
- font-size: 1.25rem;
- font-weight: 600;
- margin-bottom: 1.5rem;
- padding-bottom: 0.5rem;
- border-bottom: 1px solid var(--border-color);
- display: flex;
- align-items: center;
- gap: 0.5rem;
-}
-
-.advanced-config-section h3 i {
- color: var(--primary-color);
-}
-
-.pool-section .form-text {
- margin-top: 0.5rem;
- color: var(--text-secondary);
- font-size: 0.75rem;
- font-style: italic;
-}
-
-.config-row {
- display: grid;
- grid-template-columns: 1fr 1fr;
- gap: 1rem;
- margin-bottom: 1.5rem;
-}
-
-.config-row:last-child {
- margin-bottom: 0;
-}
-
-
-/* 组合配置区块样式 */
-.config-group-section {
- border: 1px solid var(--border-color);
- border-radius: var(--radius-lg);
- padding: 1.5rem;
- margin-bottom: 2rem;
- background: var(--bg-primary);
- transition: var(--transition);
-}
-
-.config-group-section:hover {
- box-shadow: var(--shadow-md);
- border-color: var(--primary-color);
-}
-
-.config-group-section h3 {
- color: var(--text-primary);
- font-size: 1.1rem;
- font-weight: 600;
- margin-bottom: 1.5rem;
- padding-bottom: 0.75rem;
- border-bottom: 2px solid var(--bg-tertiary);
- display: flex;
- align-items: center;
- gap: 0.75rem;
-}
-
-.config-group-section h3 i {
- color: var(--primary-color);
- width: 1.25rem;
- text-align: center;
-}
-
-.config-group-section hr {
- border: none;
- border-top: 1px solid var(--border-color);
- margin: 1.5rem 0;
- opacity: 0.5;
-}
-
-/* 响应式调整 */
-@media (max-width: 768px) {
- .form-row, .config-row {
- grid-template-columns: 1fr;
- gap: 0;
- }
-
- .config-panel {
- padding: 1rem;
- }
-
- .config-group-section {
- padding: 1rem;
- }
-}
-
-/* 暗黑主题适配 */
-[data-theme="dark"] .config-panel {
- background: var(--bg-primary);
-}
-
-[data-theme="dark"] .restart-required-modal .restart-modal-content {
- border-color: var(--primary-color);
-}
-
-[data-theme="dark"] .restart-notice {
- background: linear-gradient(135deg, var(--success-bg) 0%, var(--success-bg-light) 100%);
- border-color: var(--secondary-color);
-}
-
-[data-theme="dark"] .restart-notice p {
- color: var(--success-text);
-}
-
-[data-theme="dark"] .restart-instructions {
- background: var(--bg-secondary);
- border-color: var(--border-color);
-}
diff --git a/static/components/section-config.html b/static/components/section-config.html
deleted file mode 100644
index 37e0fe18e7f9c7aaf7d672604a4445fc474f8f25..0000000000000000000000000000000000000000
--- a/static/components/section-config.html
+++ /dev/null
@@ -1,359 +0,0 @@
-
-
-
diff --git a/static/components/section-dashboard.css b/static/components/section-dashboard.css
deleted file mode 100644
index 8edc7491802f501cb4c512c6dadbc48493f874cd..0000000000000000000000000000000000000000
--- a/static/components/section-dashboard.css
+++ /dev/null
@@ -1,774 +0,0 @@
-/* 统计卡片 */
-.stats-grid {
- display: grid;
- grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
- gap: 1.5rem;
- margin-bottom: 2rem;
-}
-
-.stat-card {
- background: var(--bg-primary);
- padding: 1.5rem;
- border-radius: var(--radius-xl);
- border: 1px solid var(--border-color);
- box-shadow: var(--shadow-sm);
- display: flex;
- align-items: center;
- gap: 1.25rem;
- transition: var(--transition);
- position: relative;
- overflow: hidden;
-}
-
-.stat-card:hover {
- transform: translateY(-4px);
- box-shadow: var(--shadow-lg);
- border-color: var(--primary-30);
-}
-
-.stat-icon {
- width: 56px;
- height: 56px;
- border-radius: var(--radius-lg);
- display: flex;
- align-items: center;
- justify-content: center;
- font-size: 1.5rem;
- color: var(--primary-color);
- background: var(--primary-10);
- flex-shrink: 0;
-}
-
-.stat-info h3 {
- font-size: 2rem;
- font-weight: 700;
- margin-bottom: 0.25rem;
-}
-
-.stat-info p {
- color: var(--text-secondary);
- font-size: 0.875rem;
-}
-
-/* System Info Panel in Dashboard */
-.system-info-panel {
- background: var(--bg-primary);
- padding: 1.5rem;
- border-radius: 0.5rem;
- box-shadow: var(--shadow-md);
- margin-top: 1.5rem;
-}
-
-.system-info-panel h3 {
- font-size: 1.25rem;
- font-weight: 600;
- color: var(--text-primary);
- margin: 0;
-}
-
-.system-info-header {
- display: flex;
- justify-content: space-between;
- align-items: center;
- margin-bottom: 1.5rem;
-}
-
-.update-controls {
- display: flex;
- gap: 0.75rem;
- align-items: center;
-}
-
-.update-badge {
- display: inline-flex;
- align-items: center;
- gap: 4px;
- background: var(--warning-bg);
- color: var(--warning-text);
- padding: 2px 8px;
- border-radius: 9999px;
- font-size: 11px;
- font-weight: 600;
- margin-left: 8px;
- border: 1px solid var(--warning-bg-light);
- animation: bounce-in 0.5s ease-out;
-}
-
-@keyframes bounce-in {
- 0% { transform: scale(0.8); opacity: 0; }
- 70% { transform: scale(1.1); }
- 100% { transform: scale(1); opacity: 1; }
-}
-
-.info-grid {
- display: grid;
- grid-template-columns: repeat(4, 1fr);
- gap: 1rem;
-}
-
-.info-item {
- display: flex;
- flex-direction: column;
- gap: 0.5rem;
-}
-
-.info-item .info-label {
- display: flex;
- align-items: center;
- gap: 0.5rem;
- color: var(--text-secondary);
- font-size: 0.875rem;
- font-weight: 500;
-}
-
-.info-item .info-label i {
- color: var(--primary-color);
- width: 16px;
- text-align: center;
-}
-
-.info-item .info-value {
- color: var(--text-primary);
- font-size: 1rem;
- font-weight: 600;
-}
-
-.version-display-wrapper {
- display: flex;
- align-items: center;
- padding-left: 1.5rem;
- flex-wrap: wrap;
- gap: 0.5rem;
-}
-
-.status-healthy {
- background: var(--success-bg);
- color: var(--success-text);
-}
-
-.status-unhealthy {
- background: var(--danger-bg);
- color: var(--danger-text);
-}
-
-/* Dashboard Top Row Layout */
-.dashboard-top-row {
- display: flex;
- gap: 1.5rem;
- margin-bottom: 2rem;
- align-items: stretch;
- justify-content: flex-start;
-}
-
-.dashboard-top-row .stats-grid {
- flex: 1;
- margin-bottom: 0;
- display: flex;
- flex-direction: column;
-}
-
-.dashboard-top-row .stats-grid .stat-card {
- flex: 1;
- height: 100%;
-}
-
-.dashboard-top-row .dashboard-contact {
- flex: 1;
- margin-top: 0;
- padding-top: 0;
- border-top: none;
-}
-
-.dashboard-top-row .dashboard-contact .contact-grid {
- margin-top: 0;
- height: 100%;
- grid-template-columns: repeat(2, 1fr);
- gap: 1rem;
-}
-
-.dashboard-top-row .dashboard-contact .contact-card {
- padding: 1.25rem;
- height: 100%;
- display: flex;
- flex-direction: column;
- justify-content: center;
-}
-
-.dashboard-top-row .dashboard-contact .qr-container {
- margin: 0.75rem 0;
-}
-
-.dashboard-top-row .dashboard-contact .qr-code {
- width: 100px;
- height: 100px;
-}
-
-.dashboard-top-row .dashboard-contact .contact-card h3 {
- font-size: 1rem;
-}
-
-.dashboard-top-row .dashboard-contact .qr-description {
- font-size: 0.75rem;
-}
-
-/* Contact and Sponsor Section */
-.contact-grid {
- display: grid;
- grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
- gap: 2rem;
- margin-top: 1.5rem;
-}
-
-.contact-card {
- background: var(--bg-primary);
- padding: 2rem;
- border-radius: 0.5rem;
- box-shadow: var(--shadow-md);
- text-align: center;
- transition: var(--transition);
- border: 1px solid var(--border-color);
-}
-
-.contact-card:hover {
- transform: translateY(-2px);
- box-shadow: var(--shadow-lg);
- border-color: var(--primary-color);
-}
-
-.contact-card h3 {
- font-size: 1.25rem;
- font-weight: 600;
- margin-bottom: 1rem;
- color: var(--text-primary);
- display: flex;
- align-items: center;
- justify-content: center;
- gap: 0.5rem;
-}
-
-.contact-card h3 i {
- color: var(--primary-color);
-}
-
-.qr-container {
- margin: 1.5rem 0;
- display: flex;
- justify-content: center;
-}
-
-.qr-code {
- width: 200px;
- height: 200px;
- object-fit: contain;
- border: 4px solid var(--border-color);
- border-radius: 0.5rem;
- padding: 0.5rem;
- background: white;
- transition: var(--transition);
-}
-
-.qr-code:hover {
- border-color: var(--primary-color);
- transform: scale(1.05);
-}
-
-.clickable-qr {
- cursor: zoom-in;
-}
-
-/* Image Zoom Overlay */
-.image-zoom-overlay {
- position: fixed;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- background: var(--neutral-shadow-85);
- display: none;
- justify-content: center;
- align-items: center;
- z-index: 2000;
- cursor: zoom-out;
- opacity: 0;
- transition: opacity 0.3s ease;
-}
-
-.image-zoom-overlay.show {
- display: flex;
- opacity: 1;
-}
-
-.image-zoom-overlay img {
- max-width: 90%;
- max-height: 90%;
- border-radius: 0.5rem;
- box-shadow: 0 0 20px var(--neutral-shadow-50);
- transform: scale(0.9);
- transition: transform 0.3s ease;
-}
-
-.image-zoom-overlay.show img {
- transform: scale(1);
-}
-
-.qr-description {
- font-size: 0.875rem;
- color: var(--text-secondary);
- margin: 0;
- line-height: 1.5;
-}
-
-/* Contact section styling for dashboard */
-.contact-section {
- margin-top: 2rem;
- padding-top: 1.5rem;
- border-top: 1px solid var(--border-color);
-}
-
-.contact-section h3 {
- font-size: 1.25rem;
- font-weight: 600;
- margin-bottom: 1.5rem;
- color: var(--text-primary);
- display: flex;
- align-items: center;
- gap: 0.5rem;
-}
-
-.contact-section h3 i {
- color: var(--primary-color);
-}
-
-/* 响应式调整 */
-@media (max-width: 1024px) {
- .dashboard-top-row {
- flex-direction: column;
- }
-
- .dashboard-top-row .stats-grid {
- flex: none;
- }
-
- .dashboard-top-row .dashboard-contact .qr-code {
- width: 160px;
- height: 160px;
- }
-}
-
-/* ========================================
- 可用模型列表样式
- ======================================== */
-
-.models-section {
- margin-top: 2rem;
- padding-top: 1.5rem;
- border-top: 1px solid var(--border-color);
-}
-
-.models-section-title {
- font-size: 1.1rem;
- font-weight: 600;
- margin-bottom: 1.25rem;
- color: var(--text-primary);
- display: flex;
- align-items: center;
- gap: 0.5rem;
-}
-
-.models-section-title i {
- color: var(--primary-color);
-}
-
-/* 模型描述区域 */
-.models-description {
- margin-bottom: 1.5rem;
-}
-
-/* 模型容器 */
-.models-container {
- background: var(--bg-secondary);
- padding: 1.25rem;
- border-radius: var(--radius-lg);
- border: 1px solid var(--border-color);
-}
-
-.models-list {
- display: flex;
- flex-direction: column;
- gap: 1.25rem;
-}
-
-/* 加载状态 */
-.models-loading {
- display: flex;
- align-items: center;
- justify-content: center;
- gap: 0.75rem;
- padding: 2.5rem;
- color: var(--text-secondary);
- font-size: 1rem;
-}
-
-.models-loading i {
- font-size: 1.25rem;
- color: var(--primary-color);
-}
-
-/* 提供商模型组 */
-.provider-models-group {
- border: 1px solid var(--border-color);
- border-radius: var(--radius-lg);
- overflow: hidden;
- transition: var(--transition);
- background: var(--bg-primary);
-}
-
-.provider-models-group:hover {
- border-color: var(--primary-color);
- box-shadow: var(--shadow-md);
-}
-
-/* 提供商标题 */
-.provider-models-header {
- display: flex;
- justify-content: space-between;
- align-items: center;
- padding: 0.875rem 1.25rem;
- background: linear-gradient(135deg, var(--bg-tertiary) 0%, var(--bg-secondary) 100%);
- border-bottom: 1px solid var(--border-color);
- cursor: pointer;
- transition: var(--transition);
-}
-
-.provider-models-header:hover {
- background: linear-gradient(135deg, var(--primary-10) 0%, var(--bg-tertiary) 100%);
-}
-
-.provider-models-title {
- display: flex;
- align-items: center;
- gap: 0.75rem;
-}
-
-.provider-models-title i {
- font-size: 1.125rem;
- color: var(--primary-color);
-}
-
-.provider-models-title h3 {
- margin: 0;
- font-size: 1rem;
- font-weight: 600;
- color: var(--text-primary);
-}
-
-.provider-models-count {
- display: inline-flex;
- align-items: center;
- justify-content: center;
- min-width: 1.5rem;
- height: 1.5rem;
- padding: 0 0.4rem;
- background: var(--primary-color);
- color: white;
- border-radius: 9999px;
- font-size: 0.7rem;
- font-weight: 600;
-}
-
-.provider-models-toggle {
- color: var(--text-secondary);
- transition: var(--transition);
-}
-
-.provider-models-header.collapsed .provider-models-toggle {
- transform: rotate(-90deg);
-}
-
-/* 模型列表内容 */
-.provider-models-content {
- padding: 0.875rem 1.25rem;
- display: grid;
- grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
- gap: 0.625rem;
-}
-
-.provider-models-content.collapsed {
- display: none;
-}
-
-/* 单个模型项 */
-.model-item {
- display: flex;
- align-items: center;
- gap: 0.625rem;
- padding: 0.625rem 0.875rem;
- background: var(--bg-secondary);
- border: 1px solid var(--border-color);
- border-radius: var(--radius-md);
- cursor: pointer;
- transition: var(--transition);
- position: relative;
- overflow: hidden;
-}
-
-.model-item:hover {
- border-color: var(--primary-color);
- background: var(--primary-10);
- transform: translateY(-2px);
- box-shadow: var(--shadow-sm);
-}
-
-.model-item:active {
- transform: translateY(0);
-}
-
-.model-item-icon {
- display: flex;
- align-items: center;
- justify-content: center;
- width: 1.75rem;
- height: 1.75rem;
- background: var(--primary-10);
- border-radius: var(--radius-sm);
- color: var(--primary-color);
- flex-shrink: 0;
- font-size: 0.75rem;
-}
-
-.model-item-name {
- flex: 1;
- font-size: 0.8rem;
- font-weight: 500;
- color: var(--text-primary);
- word-break: break-all;
-}
-
-.model-item-copy {
- display: flex;
- align-items: center;
- justify-content: center;
- width: 1.25rem;
- height: 1.25rem;
- color: var(--text-tertiary);
- opacity: 0;
- transition: var(--transition);
- font-size: 0.75rem;
-}
-
-.model-item:hover .model-item-copy {
- opacity: 1;
- color: var(--primary-color);
-}
-
-/* 复制成功动画 */
-.model-item.copied {
- border-color: var(--success-color);
- background: var(--success-10);
-}
-
-.model-item.copied .model-item-copy {
- opacity: 1;
- color: var(--success-color);
-}
-
-.model-item.copied::after {
- content: '';
- position: absolute;
- top: 0;
- left: 0;
- right: 0;
- bottom: 0;
- background: var(--success-color);
- opacity: 0.1;
- animation: copyFlash 0.3s ease-out;
-}
-
-@keyframes copyFlash {
- 0% {
- opacity: 0.3;
- }
- 100% {
- opacity: 0;
- }
-}
-
-/* 空状态 */
-.models-empty {
- display: flex;
- flex-direction: column;
- align-items: center;
- justify-content: center;
- padding: 2.5rem;
- color: var(--text-secondary);
- text-align: center;
-}
-
-.models-empty i {
- font-size: 2.5rem;
- margin-bottom: 0.75rem;
- opacity: 0.5;
-}
-
-.models-empty p {
- margin: 0;
- font-size: 0.9rem;
-}
-
-/* 高亮说明样式 */
-.models-description .highlight-note {
- display: inline-flex;
- align-items: center;
- gap: 0.5rem;
- padding: 0.875rem 1rem;
- background: linear-gradient(135deg, var(--info-bg) 0%, var(--info-bg-light, var(--info-bg)) 100%);
- border: 1px solid var(--info-border);
- border-radius: 0.5rem;
- color: var(--info-text);
- font-weight: 500;
- width: 100%;
- box-sizing: border-box;
- font-size: 0.875rem;
-}
-
-.models-description .highlight-note i {
- color: var(--info-color, var(--info-text));
- font-size: 1.125rem;
- flex-shrink: 0;
-}
-
-.models-description .highlight-note span {
- flex: 1;
- text-align: center;
-}
-
-@media (max-width: 768px) {
- .provider-models-content {
- grid-template-columns: 1fr;
- }
-
- .provider-models-header {
- padding: 0.75rem 1rem;
- }
-
- .provider-models-title h3 {
- font-size: 0.9rem;
- }
-
- .model-item {
- padding: 0.5rem 0.75rem;
- }
-}
-
-/* 暗黑主题适配 */
-[data-theme="dark"] .stat-card {
- background: var(--bg-primary);
-}
-
-[data-theme="dark"] .provider-models-group {
- background: var(--bg-primary);
- border-color: var(--border-color);
-}
-
-[data-theme="dark"] .provider-models-header {
- background: linear-gradient(135deg, var(--bg-tertiary) 0%, var(--bg-secondary) 100%);
-}
-
-[data-theme="dark"] .provider-models-header:hover {
- background: linear-gradient(135deg, var(--primary-10) 0%, var(--bg-tertiary) 100%);
-}
-
-[data-theme="dark"] .model-item {
- background: var(--bg-secondary);
- border-color: var(--border-color);
-}
-
-[data-theme="dark"] .model-item:hover {
- background: var(--primary-10);
- border-color: var(--primary-color);
-}
-
-[data-theme="dark"] .models-description .highlight-note {
- background: linear-gradient(135deg, var(--info-bg) 0%, var(--info-bg-light, var(--info-bg)) 100%);
- border-color: var(--info-border);
- color: var(--info-text);
-}
-
-[data-theme="dark"] .models-container {
- background: var(--bg-secondary);
-}
-
-@media (max-width: 1024px) {
- .dashboard-top-row {
- flex-direction: column;
- }
-
- .dashboard-top-row .stats-grid {
- flex: none;
- }
-
- .dashboard-top-row .dashboard-contact .qr-code {
- width: 160px;
- height: 160px;
- }
-}
-
-@media (max-width: 768px) {
- .stats-grid {
- grid-template-columns: 1fr;
- }
- .contact-grid {
- grid-template-columns: 1fr;
- gap: 1.5rem;
- }
- .contact-card {
- padding: 1.5rem;
- }
- .qr-code {
- width: 180px;
- height: 180px;
- }
-}
-
-@media (max-width: 480px) {
- .qr-code {
- width: 150px;
- height: 150px;
- }
- .contact-card {
- padding: 1rem;
- }
-}
-
-/* 暗黑主题适配 */
-[data-theme="dark"] .stat-card {
- background: var(--bg-primary);
-}
-
-[data-theme="dark"] .status-healthy {
- background: var(--success-bg);
- color: var(--success-text);
-}
-
-[data-theme="dark"] .status-unhealthy {
- background: var(--danger-bg);
- color: var(--danger-text);
-}
-
-[data-theme="dark"] .update-badge {
- background: var(--warning-bg);
- color: var(--warning-text);
- border-color: var(--warning-border);
-}
-
-[data-theme="dark"] .contact-card {
- background: var(--bg-primary);
-}
-
-[data-theme="dark"] .qr-code {
- background: white;
-}
-
-[data-theme="dark"] .image-zoom-overlay {
- background: var(--neutral-shadow-95);
-}
diff --git a/static/components/section-dashboard.html b/static/components/section-dashboard.html
deleted file mode 100644
index 83a1b93517dafd516b84a7cfee766e9b967c58e8..0000000000000000000000000000000000000000
--- a/static/components/section-dashboard.html
+++ /dev/null
@@ -1,168 +0,0 @@
-
-
-
- 系统概览
-
-
-
-
-
-
-
-
- 版本号
-
-
- --
-
- --
-
-
-
-
-
- Node.js版本
-
-
- --
-
-
-
-
-
-
-
-
-
-
-
路径路由调用示例
-
通过不同路径路由访问不同的AI模型提供商，支持灵活的模型切换
-
-
-
-
-
使用提示
-
- - 即时切换: 通过修改URL路径即可切换不同的AI模型提供商
- - 客户端配置: 在Cherry-Studio、NextChat、Cline等客户端中设置API端点为对应路径
- - 跨协议调用: 支持OpenAI协议调用Claude模型，或Claude协议调用OpenAI模型
-
-
-
-
-
-
可用模型列表
-
-
-
- 点击模型名称可直接复制到剪贴板
-
-
-
-
-
-
-
使用指南
-
-
-
-
项目简介
-
-
AIClient2API 是一个突破客户端限制的 API 代理服务，将 Gemini、Antigravity、Qwen Code、Kiro 等原本仅限客户端内使用的免费大模型，转换为可供任何应用调用的标准 OpenAI 兼容接口。
-
-
-
-
统一接入
-
通过标准 OpenAI 兼容协议，一次配置即可接入多种大模型
-
-
-
-
突破限制
-
利用 OAuth 授权机制，有效突破免费 API 速率和配额限制
-
-
-
-
协议转换
-
支持 OpenAI、Claude、Gemini 三大协议间的智能转换
-
-
-
-
账号池管理
-
支持多账号轮询、自动故障转移和配置降级
-
-
-
-
-
操作流程图
-
-
-
-
1
-
-
配置管理
-
在「配置管理」页面设置基本参数
-
- - 设置 API Key
- - 选择启动时初始化的模型提供商
- - 配置高级选项
-
-
-
-
-
→
-
-
-
2
-
-
生成授权
-
在「提供商池管理」页面生成 OAuth 授权
-
-
-
方式一：OAuth 授权
-
- - 点击「生成授权」按钮
- - 在弹窗中完成 OAuth 登录
- - 凭据自动保存
-
-
-
或
-
-
方式二：手动上传
-
- - 新增提供商节点
- - 上传已有的授权文件
- - 手动关联凭据路径
-
-
-
或
-
-
方式三：对接提供商 API
-
- - 在「配置管理」设置 API Key 和端点
- - 系统自动识别并对接
- - 无需手动上传凭据
-
-
-
-
-
-
-
→
-
-
-
3
-
-
管理凭据
-
在「凭据文件管理」页面查看和管理凭据
-
- - 查看已生成的凭据文件
- - 自动关联到提供商池
- - 删除无效凭据
-
-
-
-
-
→
-
-
-
4
-
-
开始使用
-
在「仪表盘」查看路由示例并开始调用 API
-
- - 查看路由调用示例
- - 复制 API 端点地址
- - 在客户端中配置使用
-
-
-
-
-
-
-
客户端配置指南
-
-
以下是常见 AI 客户端的配置方法，将 API 端点设置为本服务地址即可使用：
-
-
-
-
Cherry Studio
-
-
- - 打开设置 → 模型服务商
- - 添加自定义服务商
- - 设置 API 地址为:
http://localhost:3000/{provider}/v1
- - 填入 API Key（配置文件中的 REQUIRED_API_KEY）
-
-
-
-
-
-
Cline / Continue
-
-
- - 打开 VS Code 设置
- - 搜索 Cline 或 Continue 配置
- - 设置 API Base URL 为:
http://localhost:3000/{provider}/v1
- - 填入 API Key 和模型名称
-
-
-
-
-
-
通用 cURL 调用
-
-
curl http://localhost:3000/{provider}/v1/chat/completions \
- -H "Content-Type: application/json" \
- -H "Authorization: Bearer YOUR_API_KEY" \
- -d '{
- "model": "模型名称",
- "messages": [{"role": "user", "content": "Hello!"}],
- "max_tokens": 1000
- }'
-
-
-
-
-
-
- 提示：将 {provider} 替换为实际的提供商路径，如 gemini-cli-oauth、claude-kiro-oauth 等。可在仪表盘的路由示例中查看完整路径。
-
-
-
-
常见问题
-
-
-
-
Q: 请求返回 404 错误怎么办？
-
A: 检查接口路径是否正确。某些客户端会自动在 Base URL 后追加路径，导致路径重复。请查看控制台中的实际请求 URL，移除多余的路径部分。
-
-
-
Q: 请求返回 429 错误怎么办？
-
A: 429 表示请求频率过高。建议配置多个账号到提供商池，启用轮询机制；或配置 Fallback 链实现跨类型降级。
-
-
-
Q: OAuth 授权失败怎么办？
-
A: 确保 OAuth 回调端口可访问（Gemini: 8085, Antigravity: 8086, Kiro: 19876-19880）。Docker 用户需确保已正确映射这些端口。
-
-
-
Q: 流式响应中断怎么办？
-
A: 检查网络稳定性，增加客户端请求超时时间。如使用代理，确保代理支持长连接。
-
-
-
Q: 请求返回 "No available and healthy providers" 错误怎么办？
-
A: 这表示对应类型的提供商都不可用。请在"提供商池"页面检查提供商健康状态，确认 OAuth 凭据未过期，或配置 Fallback 链实现自动切换到备用提供商。
-
-
-
Q: 请求返回 403 Forbidden 错误怎么办？
-
A: 403 表示访问被拒绝。首先检查"提供商池"页面中节点状态，如果节点健康检查正常，可以忽略此报错。其他可能原因包括：账号权限不足、API Key 权限受限、地区访问限制、凭据已失效等。
-
-
-
-
实时日志
-
-
-
-
-
-
-
-
-
\ No newline at end of file
diff --git a/static/components/section-plugins.css b/static/components/section-plugins.css
deleted file mode 100644
index 7924e4a05020f1b30db82b88e6a689755e5b3651..0000000000000000000000000000000000000000
--- a/static/components/section-plugins.css
+++ /dev/null
@@ -1,151 +0,0 @@
-/* 插件管理样式 */
-.plugins-panel {
- background: var(--bg-primary);
- padding: 2rem;
- border-radius: 0.5rem;
- box-shadow: var(--shadow-md);
-}
-
-.plugins-description {
- margin-bottom: 2rem;
-}
-
-.plugins-stats {
- margin-bottom: 2rem;
-}
-
-.plugins-controls {
- display: flex;
- justify-content: flex-end;
- margin-bottom: 1.5rem;
-}
-
-.plugins-list-container {
- background: var(--bg-secondary);
- border: 1px solid var(--border-color);
- border-radius: 0.5rem;
- overflow: hidden;
-}
-
-.plugins-list {
- display: grid;
- grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
- gap: 1.5rem;
- padding: 1.5rem;
-}
-
-.plugin-card {
- background: var(--bg-primary);
- border: 1px solid var(--border-color);
- border-radius: 0.5rem;
- padding: 1.5rem;
- transition: var(--transition);
- display: flex;
- flex-direction: column;
- gap: 1rem;
-}
-
-.plugin-card:hover {
- transform: translateY(-2px);
- box-shadow: var(--shadow-md);
- border-color: var(--primary-color);
-}
-
-.plugin-header {
- display: flex;
- justify-content: space-between;
- align-items: flex-start;
-}
-
-.plugin-title h3 {
- margin: 0;
- font-size: 1.125rem;
- font-weight: 600;
- color: var(--text-primary);
-}
-
-.plugin-version {
- font-size: 0.75rem;
- color: var(--text-secondary);
- background: var(--bg-tertiary);
- padding: 0.125rem 0.5rem;
- border-radius: 9999px;
- margin-top: 0.25rem;
- display: inline-block;
-}
-
-.plugin-description {
- font-size: 0.875rem;
- color: var(--text-secondary);
- line-height: 1.5;
- flex: 1;
-}
-
-.plugin-badges {
- display: flex;
- gap: 0.5rem;
- flex-wrap: wrap;
-}
-
-.plugin-badge {
- font-size: 0.75rem;
- padding: 0.25rem 0.5rem;
- border-radius: 0.25rem;
- font-weight: 500;
- text-transform: uppercase;
- letter-spacing: 0.05em;
-}
-
-.plugin-badge.middleware { background: var(--info-bg); color: var(--info-text); }
-.plugin-badge.routes { background: var(--success-bg); color: var(--success-text); }
-.plugin-badge.hooks { background: var(--warning-bg); color: var(--warning-text); }
-
-.plugin-status {
- display: flex;
- align-items: center;
- gap: 0.5rem;
- font-size: 0.875rem;
- font-weight: 500;
- padding-top: 1rem;
- border-top: 1px solid var(--border-color);
-}
-
-.plugin-card.enabled .plugin-status {
- color: var(--success-color);
-}
-
-.plugin-card.disabled .plugin-status {
- color: var(--text-secondary);
-}
-
-.plugin-card.disabled {
- opacity: 0.8;
- background: var(--bg-secondary);
-}
-
-.plugins-loading,
-.plugins-empty {
- text-align: center;
- padding: 3rem;
- color: var(--text-secondary);
-}
-
-.plugins-empty {
- display: none;
- flex-direction: column;
- align-items: center;
- gap: 1rem;
-}
-
-.plugins-empty i {
- font-size: 3rem;
- opacity: 0.5;
-}
-
-/* 暗黑主题适配 */
-[data-theme="dark"] .plugins-list-container { background: var(--bg-secondary); }
-[data-theme="dark"] .plugin-card { background: var(--bg-primary); }
-[data-theme="dark"] .plugin-card.disabled { background: var(--bg-tertiary); }
-[data-theme="dark"] .plugin-badge.middleware { background: var(--info-bg); color: var(--info-text); }
-[data-theme="dark"] .plugin-badge.routes { background: var(--success-bg); color: var(--success-text); }
-[data-theme="dark"] .plugin-badge.hooks { background: var(--warning-bg); color: var(--warning-text); }
diff --git a/static/components/section-plugins.html b/static/components/section-plugins.html
deleted file mode 100644
index e9a042356fe73e4e2bfaf78abba99bac522f6cbf..0000000000000000000000000000000000000000
--- a/static/components/section-plugins.html
+++ /dev/null
@@ -1,67 +0,0 @@
-
-
-
- 插件管理
-
-
-
-
- 插件系统允许您扩展系统功能，启用或禁用插件需要重启服务才能生效
-
-
-
-
-
-
-
-
-
-
-
-
-
- 正在加载插件列表...
-
-
-
-
-
提供商池管理
-
-
-
- 使用默认路径配置需添加一个空节点
-
-
配置教程
-
-
-
-
配置文件说明
-
-
所有配置文件都存放在 configs/ 目录下。主要配置文件包括：
-
-
-
-
-
主配置文件，包含 API Key、端口、模型提供商等核心设置 (保存配置管理后自动新建)
-
-
-
-
提供商池配置，用于多账号轮询和故障转移 (保存节点后自动新建)
-
-
-
-
-
后台登录密码文件，默认密码为 admin123
-
-
-
-
-
主配置详解 (config.json)
-
-
-
-
基础设置
-
-
-
-
- | 参数 |
- 类型 |
- 默认值 |
- 说明 |
-
-
-
-
- REQUIRED_API_KEY |
- string |
- - |
- 访问本服务所需的 API Key |
-
-
- SERVER_PORT |
- number |
- 3000 |
- 服务监听端口 |
-
-
- HOST |
- string |
- 0.0.0.0 |
- 服务监听地址 |
-
-
- MODEL_PROVIDER |
- string |
- - |
- 默认模型提供商 |
-
-
-
-
-
-
-
-
-
代理设置
-
-
-
-
- | 参数 |
- 类型 |
- 说明 |
-
-
-
-
- PROXY_URL |
- string |
- 代理地址，支持 HTTP、HTTPS、SOCKS5 |
-
-
- PROXY_ENABLED_PROVIDERS |
- array |
- 启用代理的提供商列表 |
-
-
-
-
-
-
-
-
-
服务治理
-
-
-
-
- | 参数 |
- 类型 |
- 默认值 |
- 说明 |
-
-
-
-
- REQUEST_MAX_RETRIES |
- number |
- 3 |
- 最大重试次数 |
-
-
- REQUEST_BASE_DELAY |
- number |
- 1000 |
- 重试基础延迟（毫秒） |
-
-
- CREDENTIAL_SWITCH_MAX_RETRIES |
- number |
- 5 |
- 坏凭证切换最大重试次数 |
-
-
- MAX_ERROR_COUNT |
- number |
- 10 |
- 提供商最大错误次数，超过后标记为不健康 |
-
-
- WARMUP_TARGET |
- number |
- 0 |
- 系统启动时自动刷新的节点数量 |
-
-
- REFRESH_CONCURRENCY_PER_PROVIDER |
- number |
- 1 |
- 提供商内刷新并发数 |
-
-
-
-
-
-
-
-
-
日志设置
-
-
-
-
- | 参数 |
- 类型 |
- 说明 |
-
-
-
-
- LOG_ENABLED |
- boolean |
- 启用日志 |
-
-
- LOG_OUTPUT_MODE |
- string |
- 日志输出模式 (all/console/file/none) |
-
-
- PROMPT_LOG_MODE |
- string |
- 提示词日志模式：none(关闭)、console(控制台)、file(文件) |
-
-
-
-
-
-
-
-
配置示例
-
{
- "REQUIRED_API_KEY": "your-api-key",
- "SERVER_PORT": 3000,
- "HOST": "0.0.0.0",
- "MODEL_PROVIDER": "gemini-cli-oauth,claude-kiro-oauth",
- "PROXY_URL": "http://127.0.0.1:7890",
- "PROXY_ENABLED_PROVIDERS": ["gemini-cli-oauth", "claude-kiro-oauth"],
- "REQUEST_MAX_RETRIES": 3,
- "MAX_ERROR_COUNT": 10,
- "WARMUP_TARGET": 5,
- "LOG_ENABLED": true,
- "LOG_OUTPUT_MODE": "all"
-}
-
-
-
-
提供商池配置 (provider_pools.json)
-
-
提供商池用于配置多个账号，实现负载均衡和故障转移。每个提供商类型可以配置多个账号节点。
-
-
-
节点配置参数
-
-
-
-
- | 参数 |
- 类型 |
- 说明 |
-
-
-
-
- uuid |
- string |
- 节点唯一标识，自动生成 |
-
-
- name |
- string |
- 节点自定义名称 |
-
-
- oauthCredsFilePath |
- string |
- OAuth 凭据文件路径 |
-
-
- checkHealth |
- boolean |
- 是否启用健康检查 |
-
-
- checkModel |
- string |
- 健康检查使用的模型 |
-
-
- notSupportedModels |
- array |
- 该节点不支持的模型列表 |
-
-
- disabled |
- boolean |
- 是否禁用该节点 |
-
-
-
-
-
-
-
-
配置示例
-
{
- "gemini-cli-oauth": [
- {
- "uuid": "gemini-account-1",
- "name": "Gemini 账号 1",
- "oauthCredsFilePath": "configs/gemini/oauth_creds_1.json",
- "checkHealth": true,
- "checkModel": "gemini-3-flash-preview"
- }
- ],
- "claude-kiro-oauth": [
- {
- "uuid": "kiro-account-1",
- "name": "Kiro 账号 1",
- "oauthCredsFilePath": "configs/kiro/kiro-auth-token.json",
- "checkHealth": true
- }
- ]
-}
-
-
-
-
Fallback 降级配置
-
-
当某一提供商类型的所有账号都不可用时，可以自动切换到配置的备用提供商。
-
-
-
跨类型 Fallback 链
-
在 config.json 中配置 providerFallbackChain，指定每个提供商类型的备用类型：
-
{
- "providerFallbackChain": {
- "gemini-cli-oauth": ["gemini-antigravity"],
- "gemini-antigravity": ["gemini-cli-oauth"],
- "claude-kiro-oauth": ["claude-custom"],
- "claude-custom": ["claude-kiro-oauth"]
- }
-}
-
-
-
-
跨协议模型映射
-
当主提供商不可用时，可以将特定模型映射到其他协议的提供商：
-
{
- "modelFallbackMapping": {
- "gemini-claude-opus-4-5-thinking": {
- "targetProviderType": "claude-kiro-oauth",
- "targetModel": "claude-opus-4-5"
- }
- }
-}
-
-
-
-
OAuth 授权路径
-
-
各提供商的 OAuth 凭据文件默认存储位置（建议保持在 configs/ 目录下以便统一管理）：
-
-
-
-
-
-
-
- 推荐通过 Web UI 控制台的"提供商池管理"页面点击"生成授权"按钮进行可视化授权，系统会自动保存凭据文件。
-
-
-
凭据文件管理
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
用量查询
-
-
-
- 上次更新: --
-
- 服务端时间: --
-
-
-
-
-
- 支持用量查询的提供商:
-
-
-
-
-
-
- 正在加载用量数据...
-
-
-
-
-
-
-
-
-
-
-
-
点击"刷新用量"按钮获取授权文件用量信息
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
AIClient2API
-
请登录以继续
-
-
-
-
-
-
-
-
登录
-
使用您的 API Key 登录查看用量
-
-
-
-
-
-
-
-
-
-
-
个人使用统计
-
-
-
-
-
-
-
我的使用分布 (最近 7 天)
-
-
-
-
- 常用提供商
- 0 次
-
-
-
-
-
-
-
-
-
-
-
-
-
API 密钥
-
-
-
-
-
-
-
-
-
-
- API Key 用于访问 API 服务。请妥善保管，不要泄露给他人。
-
-
-
-
-
-
-
-
-
- 最近 7 天使用分布统计
-
-
-
-
-
- 提供商占比 (Providers)
- 0 次
-
-
-
-
-
-
-
-
- 模型活跃度 (Models)
- 0 次
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
请妥善保存此 Key，关闭后将无法再次查看完整内容：
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
风险提示：
-
- - 所有 Key 的每日限额将被覆盖
- - 已单独设置限额的 Key 也会被修改
- - 此操作不可撤销
-
-
-
-
-
-