4554a4cfd2
- 新增组件加载器实现动态加载HTML组件 - 重构导航功能，添加滚动到顶部功能 - 新增多个UI组件：header、sidebar、logs、usage等 - 实现移动端菜单响应式设计 - 优化DOM元素获取方式，使用延迟加载 - 新增系统监控模块和用量缓存功能 - 扩展静态文件服务支持/components路径 - 实现插件管理和系统API接口 - 添加配置上传和管理功能 - 完善认证和token管理机制
234 lines
No EOL
15 KiB
HTML
234 lines
No EOL
15 KiB
HTML
<link rel="stylesheet" href="components/section-config.css">
|
|
<!-- Configuration Section -->
|
|
<section id="config" class="section" aria-labelledby="config-title">
|
|
<h2 id="config-title" data-i18n="config.title">配置管理</h2>
|
|
<div class="config-panel">
|
|
<div class="config-form">
|
|
<div class="form-group password-input-group">
|
|
<label for="apiKey" data-i18n="config.apiKey">API密钥</label>
|
|
<div class="password-input-wrapper">
|
|
<input type="password" id="apiKey" class="form-control" data-i18n="config.apiKeyPlaceholder" placeholder="请输入API密钥" autocomplete="off">
|
|
<button type="button" class="password-toggle" data-target="apiKey" aria-label="显示/隐藏密码">
|
|
<i class="fas fa-eye" aria-hidden="true"></i>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
<div class="form-row">
|
|
<div class="form-group">
|
|
<label for="host" data-i18n="config.host">监听地址</label>
|
|
<input type="text" id="host" class="form-control" value="127.0.0.1">
|
|
</div>
|
|
<div class="form-group">
|
|
<label for="port" data-i18n="config.port">端口</label>
|
|
<input type="number" id="port" class="form-control" value="3000">
|
|
</div>
|
|
</div>
|
|
<div class="form-group pool-section">
|
|
<label data-i18n="config.modelProvider">模型提供商 (可多选)</label>
|
|
<div id="modelProvider" class="provider-checklist">
|
|
<label class="checkbox-item">
|
|
<input type="checkbox" value="gemini-cli-oauth">
|
|
<span>Gemini CLI OAuth</span>
|
|
</label>
|
|
<label class="checkbox-item">
|
|
<input type="checkbox" value="gemini-antigravity">
|
|
<span>Gemini Antigravity</span>
|
|
</label>
|
|
<label class="checkbox-item">
|
|
<input type="checkbox" value="openai-custom">
|
|
<span>OpenAI Custom</span>
|
|
</label>
|
|
<label class="checkbox-item">
|
|
<input type="checkbox" value="claude-custom">
|
|
<span>Claude Custom</span>
|
|
</label>
|
|
<label class="checkbox-item">
|
|
<input type="checkbox" value="claude-kiro-oauth">
|
|
<span>Claude Kiro OAuth</span>
|
|
</label>
|
|
<label class="checkbox-item">
|
|
<input type="checkbox" value="openai-qwen-oauth">
|
|
<span>Qwen OAuth</span>
|
|
</label>
|
|
<label class="checkbox-item">
|
|
<input type="checkbox" value="openaiResponses-custom">
|
|
<span>OpenAI Responses</span>
|
|
</label>
|
|
<label class="checkbox-item">
|
|
<input type="checkbox" value="openai-iflow">
|
|
<span>iFlow OAuth</span>
|
|
</label>
|
|
</div>
|
|
<small class="form-text" data-i18n="config.modelProviderHelp">勾选启动时初始化的模型提供商 (必须至少勾选一个)</small>
|
|
</div>
|
|
|
|
<!-- 高级配置区域 -->
|
|
<div class="advanced-config-section">
|
|
<h3 data-i18n="config.advanced.title"><i class="fas fa-cogs"></i> 高级配置</h3>
|
|
|
|
<!-- 代理配置 -->
|
|
<div class="proxy-config-section">
|
|
<h4 data-i18n="config.proxy.title"><i class="fas fa-globe"></i> 代理设置</h4>
|
|
<div class="form-group">
|
|
<label for="proxyUrl" data-i18n="config.proxy.url">代理地址</label>
|
|
<input type="text" id="proxyUrl" class="form-control" data-i18n-placeholder="config.proxy.urlPlaceholder" placeholder="例如: http://127.0.0.1:7890 或 socks5://127.0.0.1:1080">
|
|
<small class="form-text" data-i18n="config.proxy.urlNote">支持 HTTP、HTTPS 和 SOCKS5 代理，留空则不使用代理</small>
|
|
</div>
|
|
<div class="form-group pool-section">
|
|
<label data-i18n="config.proxy.enabledProviders">启用代理的提供商</label>
|
|
<div id="proxyProviders" class="provider-checklist">
|
|
<label class="checkbox-item">
|
|
<input type="checkbox" name="proxyProvider" value="gemini-cli-oauth">
|
|
<span>Gemini CLI OAuth</span>
|
|
</label>
|
|
<label class="checkbox-item">
|
|
<input type="checkbox" name="proxyProvider" value="gemini-antigravity">
|
|
<span>Gemini Antigravity</span>
|
|
</label>
|
|
<label class="checkbox-item">
|
|
<input type="checkbox" name="proxyProvider" value="openai-custom">
|
|
<span>OpenAI Custom</span>
|
|
</label>
|
|
<label class="checkbox-item">
|
|
<input type="checkbox" name="proxyProvider" value="claude-custom">
|
|
<span>Claude Custom</span>
|
|
</label>
|
|
<label class="checkbox-item">
|
|
<input type="checkbox" name="proxyProvider" value="claude-kiro-oauth">
|
|
<span>Claude Kiro OAuth</span>
|
|
</label>
|
|
<label class="checkbox-item">
|
|
<input type="checkbox" name="proxyProvider" value="openai-qwen-oauth">
|
|
<span>Qwen OAuth</span>
|
|
</label>
|
|
<label class="checkbox-item">
|
|
<input type="checkbox" name="proxyProvider" value="openaiResponses-custom">
|
|
<span>OpenAI Responses</span>
|
|
</label>
|
|
<label class="checkbox-item">
|
|
<input type="checkbox" name="proxyProvider" value="openai-iflow">
|
|
<span>iFlow OAuth</span>
|
|
</label>
|
|
</div>
|
|
<small class="form-text" data-i18n="config.proxy.enabledProvidersNote">选择需要通过代理访问的提供商，未选中的提供商将直接连接</small>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="config-row">
|
|
<div class="form-group">
|
|
<label for="systemPromptFilePath" data-i18n="config.advanced.systemPromptFile">系统提示文件路径</label>
|
|
<input type="text" id="systemPromptFilePath" class="form-control" value="configs/input_system_prompt.txt" data-i18n-placeholder="config.advanced.systemPromptFilePlaceholder" placeholder="例如: configs/input_system_prompt.txt">
|
|
</div>
|
|
<div class="form-group">
|
|
<label for="systemPromptMode" data-i18n="config.advanced.systemPromptMode">系统提示模式</label>
|
|
<select id="systemPromptMode" class="form-control">
|
|
<option value="append" selected data-i18n="config.advanced.systemPromptMode.append">追加 (append)</option>
|
|
<option value="overwrite" data-i18n="config.advanced.systemPromptMode.overwrite">覆盖 (overwrite)</option>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="config-row">
|
|
<div class="form-group">
|
|
<label for="promptLogBaseName" data-i18n="config.advanced.promptLogBaseName">提示日志基础名称</label>
|
|
<input type="text" id="promptLogBaseName" class="form-control" data-i18n-placeholder="config.advanced.promptLogBaseNamePlaceholder" placeholder="例如: prompt_log">
|
|
</div>
|
|
<div class="form-group">
|
|
<label for="promptLogMode" data-i18n="config.advanced.promptLogMode">提示日志模式</label>
|
|
<select id="promptLogMode" class="form-control">
|
|
<option value="none" data-i18n="config.advanced.promptLogMode.none">无 (none)</option>
|
|
<option value="console" data-i18n="config.advanced.promptLogMode.console">控制台 (console)</option>
|
|
<option value="file" data-i18n="config.advanced.promptLogMode.file">文件 (file)</option>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="config-row">
|
|
<div class="form-group">
|
|
<label for="requestMaxRetries" data-i18n="config.advanced.maxRetries">最大重试次数</label>
|
|
<input type="number" id="requestMaxRetries" class="form-control" min="0" max="10" value="3">
|
|
</div>
|
|
<div class="form-group">
|
|
<label for="requestBaseDelay" data-i18n="config.advanced.baseDelay">重试基础延迟(毫秒)</label>
|
|
<input type="number" id="requestBaseDelay" class="form-control" min="0" step="100" value="1000">
|
|
</div>
|
|
</div>
|
|
|
|
<div class="config-row">
|
|
<div class="form-group">
|
|
<label for="cronNearMinutes" data-i18n="config.advanced.cronInterval">OAuth令牌刷新间隔(分钟)</label>
|
|
<input type="number" id="cronNearMinutes" class="form-control" min="1" max="60" value="1">
|
|
</div>
|
|
<div class="form-group">
|
|
<label for="cronNearMinutes" data-i18n="config.advanced.cronEnabled">启用OAuth令牌自动刷新(需重启服务)</label>
|
|
<label class="toggle-switch">
|
|
<input type="checkbox" id="cronRefreshToken">
|
|
<span class="toggle-slider"></span>
|
|
</label>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="form-group pool-section">
|
|
<label for="providerPoolsFilePath" data-i18n="config.advanced.poolFilePath">提供商池配置文件路径(不能为空)</label>
|
|
<input type="text" id="providerPoolsFilePath" class="form-control" value="" data-i18n-placeholder="config.advanced.poolFilePathPlaceholder" placeholder="默认: configs/provider_pools.json">
|
|
<small class="form-text" data-i18n="config.advanced.poolNote">使用默认路径配置需添加一个空节点</small>
|
|
</div>
|
|
|
|
<div class="form-group pool-section">
|
|
<label for="maxErrorCount" data-i18n="config.advanced.maxErrorCount">提供商最大错误次数</label>
|
|
<input type="number" id="maxErrorCount" class="form-control" value="3" min="1" max="10" data-i18n-placeholder="config.advanced.maxErrorCountPlaceholder" placeholder="默认: 3">
|
|
<small class="form-text" data-i18n="config.advanced.maxErrorCountNote">提供商连续错误达到此次数后将被标记为不健康，默认为 3 次</small>
|
|
</div>
|
|
|
|
<div class="form-group pool-section">
|
|
<label for="providerFallbackChain" data-i18n="config.advanced.fallbackChain">跨类型 Fallback 链配置</label>
|
|
<textarea id="providerFallbackChain" class="form-control" rows="6" data-i18n-placeholder="config.advanced.fallbackChainPlaceholder" placeholder='例如:
|
|
{
|
|
"gemini-cli-oauth": ["gemini-antigravity"],
|
|
"gemini-antigravity": ["gemini-cli-oauth"],
|
|
"claude-kiro-oauth": ["claude-custom"]
|
|
}'></textarea>
|
|
<small class="form-text" data-i18n="config.advanced.fallbackChainNote">当某一 Provider Type 所有账号都不健康时，自动切换到配置的 Fallback 类型。JSON 格式，键为主类型，值为 Fallback 类型数组（按优先级排序）</small>
|
|
</div>
|
|
|
|
<div class="form-group pool-section">
|
|
<label for="modelFallbackMapping" data-i18n="config.advanced.modelFallbackMapping">跨协议模型 Fallback 映射</label>
|
|
<textarea id="modelFallbackMapping" class="form-control" rows="6" data-i18n-placeholder="config.advanced.modelFallbackMappingPlaceholder" placeholder='例如:
|
|
{
|
|
"gemini-claude-opus-4-5-thinking": {
|
|
"targetProviderType": "claude-kiro-oauth",
|
|
"targetModel": "claude-opus-4-5"
|
|
}
|
|
}'></textarea>
|
|
<small class="form-text" data-i18n="config.advanced.modelFallbackMappingNote">当主 Provider 不可用时，根据模型名映射到其他协议的 Provider 和模型。JSON 格式。</small>
|
|
</div>
|
|
|
|
<!-- 系统提示配置移到最下面 -->
|
|
<div class="form-group system-prompt-section">
|
|
<label for="systemPrompt" data-i18n="config.advanced.systemPrompt">系统提示</label>
|
|
<textarea id="systemPrompt" class="form-control" rows="4" data-i18n-placeholder="config.advanced.systemPromptPlaceholder" placeholder="输入系统提示..."></textarea>
|
|
</div>
|
|
|
|
<!-- 后台登录密码配置 -->
|
|
<div class="form-group pool-section">
|
|
<label for="adminPassword" data-i18n="config.advanced.adminPassword">后台登录密码</label>
|
|
<div class="password-input-wrapper">
|
|
<input type="password" id="adminPassword" class="form-control" data-i18n-placeholder="config.advanced.adminPasswordPlaceholder" placeholder="设置后台登录密码（留空则不修改）" autocomplete="new-password">
|
|
<button type="button" class="password-toggle" data-target="adminPassword" aria-label="显示/隐藏密码" data-i18n-aria-label="common.togglePassword">
|
|
<i class="fas fa-eye" aria-hidden="true"></i>
|
|
</button>
|
|
</div>
|
|
<small class="form-text" data-i18n="config.advanced.adminPasswordNote">用于保护管理控制台的访问，修改后需要重新登录</small>
|
|
</div>
|
|
|
|
<div class="form-actions">
|
|
<button class="btn btn-success" id="saveConfig">
|
|
<i class="fas fa-save"></i> <span data-i18n="config.save">保存配置</span>
|
|
</button>
|
|
<button class="btn btn-secondary" id="resetConfig">
|
|
<i class="fas fa-undo"></i> <span data-i18n="config.reset">重置</span>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section> |