Upload 8 files

core/account.py

@@ -311,37 +311,25 @@ def save_accounts_to_file(accounts_data: list):
 
 
 def load_accounts_from_source() -> list:
-    """优先从文件加载，否则从环境变量加载"""
-    # 优先从文件加载
+    """从文件加载账户配置，文件不存在则创建空配置"""
+    # 从文件加载
     if os.path.exists(ACCOUNTS_FILE):
         try:
             with open(ACCOUNTS_FILE, 'r', encoding='utf-8') as f:
                 accounts_data = json.load(f)
-            logger.info(f"[CONFIG] 从文件加载配置: {ACCOUNTS_FILE}")
+            if accounts_data:
+                logger.info(f"[CONFIG] 从文件加载配置: {ACCOUNTS_FILE}，共 {len(accounts_data)} 个账户")
+            else:
+                logger.warning(f"[CONFIG] 账户配置为空，请在管理面板添加账户或编辑 {ACCOUNTS_FILE}")
             return accounts_data
         except Exception as e:
-            logger.warning(f"[CONFIG] 文件加载失败，尝试环境变量: {str(e)}")
-
-    # 从环境变量加载
-    accounts_json = os.getenv("ACCOUNTS_CONFIG")
-    if not accounts_json:
-        raise ValueError(
-            "未找到配置文件或 ACCOUNTS_CONFIG 环境变量。\n"
-            "请在环境变量中配置 JSON 格式的账户列表，格式示例：\n"
-            '[{"id":"account_1","csesidx":"xxx","config_id":"yyy","secure_c_ses":"zzz","host_c_oses":null,"expires_at":"2025-12-23 10:59:21"}]'
-        )
+            logger.warning(f"[CONFIG] 文件加载失败: {str(e)}，创建空配置")
 
-    try:
-        accounts_data = json.loads(accounts_json)
-        if not isinstance(accounts_data, list):
-            raise ValueError("ACCOUNTS_CONFIG 必须是 JSON 数组格式")
-        # 首次从环境变量加载后，保存到文件
-        save_accounts_to_file(accounts_data)
-        logger.info(f"[CONFIG] 从环境变量加载配置并保存到文件")
-        return accounts_data
-    except json.JSONDecodeError as e:
-        logger.error(f"[CONFIG] ACCOUNTS_CONFIG JSON 解析失败: {str(e)}")
-        raise ValueError(f"ACCOUNTS_CONFIG 格式错误: {str(e)}")
+    # 文件不存在，创建空配置
+    logger.warning(f"[CONFIG] 未找到 {ACCOUNTS_FILE}，已创建空配置文件")
+    logger.info(f"[CONFIG] 💡 请在管理面板添加账户，或直接编辑 {ACCOUNTS_FILE}，或使用批量上传功能")
+    save_accounts_to_file([])
+    return []
 
 
 def get_account_id(acc: dict, index: int) -> str:

core/templates.py

@@ -103,15 +103,13 @@ def generate_admin_html(request: Request, multi_account_mgr, show_hide_tip: bool
                         <span style="background: #f0f0f2; color: #1d1d1f; padding: 3px 8px; border-radius: 4px; font-size: 11px; font-family: 'SF Mono', SFMono-Regular, Consolas, monospace;">gemini-2.5-flash</span>
                         <span style="background: #f0f0f2; color: #1d1d1f; padding: 3px 8px; border-radius: 4px; font-size: 11px; font-family: 'SF Mono', SFMono-Regular, Consolas, monospace;">gemini-2.5-pro</span>
                         <span style="background: #f0f0f2; color: #1d1d1f; padding: 3px 8px; border-radius: 4px; font-size: 11px; font-family: 'SF Mono', SFMono-Regular, Consolas, monospace;">gemini-3-flash-preview</span>
-                        <span style="background: #eef7ff; color: #0071e3; padding: 3px 8px; border-radius: 4px; font-size: 11px; font-family: 'SF Mono', SFMono-Regular, Consolas, monospace; border: 1px solid #dcebfb; font-weight: 500;">gemini-3-pro-preview</span>
+                        <span style="background: #f0f0f2; color: #1d1d1f; padding: 3px 8px; border-radius: 4px; font-size: 11px; font-family: 'SF Mono', SFMono-Regular, Consolas, monospace;">gemini-3-pro-preview</span>
                     </div>
                 </div>
                 <div style="background: rgba(0,0,0,0.03); padding: 10px; border-radius: 6px;">
-                    <div style="font-size: 11px; color: #1d1d1f; margin-bottom: 4px; font-weight: 600;">📸 图片生成说明</div>
+                    <div style="font-size: 11px; color: #1d1d1f; margin-bottom: 4px; font-weight: 600;">📸 图片生成</div>
                     <div style="font-size: 11px; color: #86868b; line-height: 1.6;">
-                        • 仅 <code style="font-size: 10px; background: rgba(0,0,0,0.08); padding: 1px 4px; border-radius: 3px;">gemini-3-pro-preview</code> 支持绘图<br>
-                        • 存储路径：<code style="font-size: 10px; background: rgba(0,0,0,0.08); padding: 1px 4px; border-radius: 3px;">./images</code><br>
-                        • 存储类型：临时（服务重启后丢失）
+                        可在"系统设置"标签页自定义配置
                     </div>
                 </div>
             </div>
@@ -435,6 +433,11 @@ def generate_admin_html(request: Request, multi_account_mgr, show_hide_tip: bool
                 border-bottom: 2px solid transparent;
                 position: relative;
                 top: 1px;
+                font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Helvetica Neue", Helvetica, Arial, sans-serif;
+                line-height: 1.5;
+                display: flex;
+                align-items: center;
+                gap: 6px;
             }}
             .tab-button:hover {{
                 color: #1d1d1f;
@@ -561,7 +564,7 @@ def generate_admin_html(request: Request, multi_account_mgr, show_hide_tip: bool
                 width: 100%;
                 flex: 1;
                 min-height: 300px;
-                font-family: "SF Mono", SFMono-Regular, ui-monospace, Menlo, Consolas, monospace;
+                font-family: "SF Mono", SFMono-Regular, ui-monospace, Menlo, Consolas, "Courier New", monospace;
                 font-size: 13px;
                 padding: 16px;
                 border: 1px solid #e5e5e5;
@@ -569,6 +572,7 @@ def generate_admin_html(request: Request, multi_account_mgr, show_hide_tip: bool
                 background: #fafaf9;
                 color: #1a1a1a;
                 line-height: 1.6;
+                letter-spacing: 0.3px;
                 overflow-y: auto;
                 resize: none;
                 scrollbar-width: thin;
@@ -611,20 +615,62 @@ def generate_admin_html(request: Request, multi_account_mgr, show_hide_tip: bool
             }}
             .btn-secondary:hover {{ background: #e5e5e5; }}
 
-            .env-var {{ display: flex; justify-content: space-between; align-items: center; padding: 10px 0; border-bottom: 1px solid #f5f5f5; }}
+            .env-var {{
+                display: flex;
+                justify-content: space-between;
+                align-items: center;
+                padding: 12px 0;
+                border-bottom: 1px solid #f5f5f5;
+            }}
             .env-var:last-child {{ border-bottom: none; }}
-            .env-name {{ font-family: "SF Mono", SFMono-Regular, ui-monospace, Menlo, Consolas, monospace; font-size: 12px; color: var(--text-main); font-weight: 600; }}
-            .env-desc {{ font-size: 11px; color: var(--text-sec); margin-top: 2px; }}
-            .env-value {{ font-family: "SF Mono", SFMono-Regular, ui-monospace, Menlo, Consolas, monospace; font-size: 12px; color: var(--text-sec); text-align: right; max-width: 50%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }}
+            .env-name {{
+                font-family: "SF Mono", SFMono-Regular, ui-monospace, Menlo, Consolas, "Courier New", monospace;
+                font-size: 12px;
+                color: var(--text-main);
+                font-weight: 600;
+                letter-spacing: 0.3px;
+                line-height: 1.5;
+            }}
+            .env-desc {{
+                font-size: 11px;
+                color: var(--text-sec);
+                margin-top: 3px;
+                line-height: 1.4;
+            }}
+            .env-value {{
+                font-family: "SF Mono", SFMono-Regular, ui-monospace, Menlo, Consolas, "Courier New", monospace;
+                font-size: 12px;
+                color: var(--text-sec);
+                text-align: right;
+                max-width: 50%;
+                overflow: hidden;
+                text-overflow: ellipsis;
+                white-space: nowrap;
+                letter-spacing: 0.3px;
+                line-height: 1.5;
+            }}
 
             .badge {{ display: inline-block; padding: 2px 8px; border-radius: 10px; font-size: 10px; font-weight: 600; vertical-align: middle; margin-left: 6px; }}
             .badge-required {{ background: #ffebeb; color: #c62828; }}
             .badge-optional {{ background: #e8f5e9; color: #2e7d32; }}
 
-            code {{ font-family: "SF Mono", SFMono-Regular, ui-monospace, Menlo, Consolas, monospace; background: #f5f5f7; padding: 2px 6px; border-radius: 4px; font-size: 12px; color: var(--blue); }}
+            code {{
+                font-family: "SF Mono", SFMono-Regular, ui-monospace, Menlo, Consolas, "Courier New", monospace;
+                background: #f5f5f7;
+                padding: 2px 6px;
+                border-radius: 4px;
+                font-size: 12px;
+                color: var(--blue);
+                letter-spacing: 0.3px;
+                line-height: 1.5;
+            }}
             a {{ color: var(--blue); text-decoration: none; }}
             a:hover {{ text-decoration: underline; }}
-            .font-mono {{ font-family: "SF Mono", SFMono-Regular, ui-monospace, Menlo, Consolas, monospace; }}
+            .font-mono {{
+                font-family: "SF Mono", SFMono-Regular, ui-monospace, Menlo, Consolas, "Courier New", monospace;
+                letter-spacing: 0.3px;
+                line-height: 1.5;
+            }}
 
             /* --- Service Info Styles --- */
             .model-grid {{ display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 16px; }}
@@ -634,8 +680,10 @@ def generate_admin_html(request: Request, multi_account_mgr, show_hide_tip: bool
                 padding: 4px 10px;
                 border-radius: 6px;
                 font-size: 12px;
-                font-family: "SF Mono", SFMono-Regular, ui-monospace, Menlo, Consolas, monospace;
+                font-family: "SF Mono", SFMono-Regular, ui-monospace, Menlo, Consolas, "Courier New", monospace;
                 border: 1px solid transparent;
+                letter-spacing: 0.3px;
+                line-height: 1.5;
             }}
             .model-tag.highlight {{ background: #eef7ff; color: #0071e3; border-color: #dcebfb; font-weight: 500; }}
 
@@ -643,6 +691,37 @@ def generate_admin_html(request: Request, multi_account_mgr, show_hide_tip: bool
             .info-box-title {{ font-weight: 600; font-size: 12px; color: #1d1d1f; margin-bottom: 6px; }}
             .info-box-text {{ font-size: 12px; color: #86868b; line-height: 1.5; }}
 
+            /* Settings Form Styles */
+            .setting-item {{
+                margin-bottom: 14px;
+            }}
+            .setting-item label {{
+                display: block;
+                font-size: 12px;
+                font-weight: 600;
+                color: #1d1d1f;
+                margin-bottom: 6px;
+            }}
+            .setting-item input[type="text"],
+            .setting-item input[type="password"],
+            .setting-item input[type="number"] {{
+                width: 100%;
+                padding: 8px 12px;
+                border: 1px solid #d4d4d4;
+                border-radius: 6px;
+                font-size: 13px;
+                color: #1d1d1f;
+                background: #fff;
+                transition: border-color 0.15s;
+            }}
+            .setting-item input:focus {{
+                outline: none;
+                border-color: #0071e3;
+            }}
+            .setting-item input::placeholder {{
+                color: #c7c7cc;
+            }}
+
             .ep-table {{
                 width: 100%;
                 border-collapse: collapse;
@@ -671,7 +750,14 @@ def generate_admin_html(request: Request, multi_account_mgr, show_hide_tip: bool
             .m-get {{ background: #eff6ff; color: #1e40af; border: 1px solid #dbeafe; }}
             .m-del {{ background: #fef2f2; color: #991b1b; border: 1px solid #fee2e2; }}
 
-            .ep-path {{ font-family: "SF Mono", SFMono-Regular, ui-monospace, Menlo, Consolas, monospace; color: #1d1d1f; margin-right: 8px; font-size: 12px; }}
+            .ep-path {{
+                font-family: "SF Mono", SFMono-Regular, ui-monospace, Menlo, Consolas, "Courier New", monospace;
+                color: #1d1d1f;
+                margin-right: 8px;
+                font-size: 12px;
+                letter-spacing: 0.3px;
+                line-height: 1.5;
+            }}
             .ep-desc {{ color: #86868b; font-size: 12px; margin-left: auto; }}
 
             .current-url-row {{
@@ -704,6 +790,7 @@ def generate_admin_html(request: Request, multi_account_mgr, show_hide_tip: bool
                     min-width: 100px;
                     padding: 10px 16px;
                     font-size: 13px;
+                    justify-content: center;
                 }}
 
                 /* Account Table Mobile - Card Layout */
@@ -826,6 +913,7 @@ def generate_admin_html(request: Request, multi_account_mgr, show_hide_tip: bool
                 <button class="tab-button active" onclick="switchTab('accounts')">📋 账户管理</button>
                 <button class="tab-button" onclick="switchTab('api')">📚 API文档</button>
                 <button class="tab-button" onclick="switchTab('config')">⚙️ 系统配置</button>
+                <button class="tab-button" onclick="switchTab('settings')">🔧 系统设置</button>
             </div>
 
             <!-- Tab 1: 账户管理 -->
@@ -936,110 +1024,209 @@ def generate_admin_html(request: Request, multi_account_mgr, show_hide_tip: bool
             <!-- Tab 3: 系统配置 -->
             <div id="tab-config" class="tab-content">
                 <div class="section">
-                    <div class="section-title">环境变量配置</div>
+                    <div class="section-title">当前配置状态</div>
                     <div class="grid-env">
                         <div class="stack-col">
                             <div class="card">
-                                <h3>必需变量 <span class="badge badge-required">REQUIRED</span></h3>
+                                <h3>环境变量 <span class="badge badge-required">ENV</span></h3>
                             <div style="margin-top: 12px;">
                                 <div class="env-var">
-                                    <div><div class="env-name">ACCOUNTS_CONFIG</div><div class="env-desc">JSON格式账户列表</div></div>
+                                    <div><div class="env-name">ADMIN_KEY</div><div class="env-desc">管理员密钥</div></div>
+                                    <div class="env-value">已设置</div>
                                 </div>
                                 <div class="env-var">
                                     <div><div class="env-name">PATH_PREFIX</div><div class="env-desc">API路径前缀</div></div>
-                                    <div class="env-value">当前: {main.PATH_PREFIX}</div>
+                                    <div class="env-value">{main.PATH_PREFIX or '未设置'}</div>
                                 </div>
+                            </div>
+                        </div>
+
+                        <div class="card">
+                            <h3>基础配置 <span class="badge badge-optional">YAML</span></h3>
+                            <div style="margin-top: 12px;">
                                 <div class="env-var">
-                                    <div><div class="env-name">ADMIN_KEY</div><div class="env-desc">管理员密钥</div></div>
-                                    <div class="env-value">已设置</div>
+                                    <div><div class="env-name">API_KEY</div><div class="env-desc">API访问密钥</div></div>
+                                    <div class="env-value">{'已设置' if main.API_KEY else '未设置（公开访问）'}</div>
+                                </div>
+                                <div class="env-var">
+                                    <div><div class="env-name">BASE_URL</div><div class="env-desc">服务器URL</div></div>
+                                    <div class="env-value">{'已设置' if main.BASE_URL else '自动检测'}</div>
+                                </div>
+                                <div class="env-var">
+                                    <div><div class="env-name">PROXY</div><div class="env-desc">代理地址</div></div>
+                                    <div class="env-value">{'已设置' if main.PROXY else '未设置'}</div>
                                 </div>
                             </div>
                         </div>
+                    </div>
 
                         <div class="card">
-                            <h3>重试配置 <span class="badge badge-optional">OPTIONAL</span></h3>
+                            <h3>重试策略 <span class="badge badge-optional">YAML</span></h3>
                             <div style="margin-top: 12px;">
                                 <div class="env-var">
-                                    <div><div class="env-name">MAX_NEW_SESSION_TRIES</div><div class="env-desc">新会话尝试账户数</div></div>
+                                    <div><div class="env-name">max_new_session_tries</div><div class="env-desc">新会话尝试数</div></div>
                                     <div class="env-value">{main.MAX_NEW_SESSION_TRIES}</div>
                                 </div>
                                 <div class="env-var">
-                                    <div><div class="env-name">MAX_REQUEST_RETRIES</div><div class="env-desc">请求失败重试次数</div></div>
+                                    <div><div class="env-name">max_request_retries</div><div class="env-desc">请求重试次数</div></div>
                                     <div class="env-value">{main.MAX_REQUEST_RETRIES}</div>
                                 </div>
                                 <div class="env-var">
-                                    <div><div class="env-name">MAX_ACCOUNT_SWITCH_TRIES</div><div class="env-desc">每次重试查找账户次数</div></div>
+                                    <div><div class="env-name">max_account_switch_tries</div><div class="env-desc">账户切换次数</div></div>
                                     <div class="env-value">{main.MAX_ACCOUNT_SWITCH_TRIES}</div>
                                 </div>
                                 <div class="env-var">
-                                    <div><div class="env-name">ACCOUNT_FAILURE_THRESHOLD</div><div class="env-desc">账户失败阈值</div></div>
+                                    <div><div class="env-name">account_failure_threshold</div><div class="env-desc">失败阈值</div></div>
                                     <div class="env-value">{main.ACCOUNT_FAILURE_THRESHOLD} 次</div>
                                 </div>
                                 <div class="env-var">
-                                    <div><div class="env-name">RATE_LIMIT_COOLDOWN_SECONDS</div><div class="env-desc">429限流冷却时间</div></div>
+                                    <div><div class="env-name">rate_limit_cooldown_seconds</div><div class="env-desc">429冷却时间</div></div>
                                     <div class="env-value">{main.RATE_LIMIT_COOLDOWN_SECONDS} 秒</div>
                                 </div>
+                                <div class="env-var">
+                                    <div><div class="env-name">session_cache_ttl_seconds</div><div class="env-desc">会话缓存时间</div></div>
+                                    <div class="env-value">{main.SESSION_CACHE_TTL_SECONDS} 秒</div>
+                                </div>
                             </div>
                         </div>
-                    </div>
 
                     <div class="card">
-                        <h3>可选变量 <span class="badge badge-optional">OPTIONAL</span></h3>
+                        <h3>公开展示 <span class="badge badge-optional">YAML</span></h3>
                         <div style="margin-top: 12px;">
                             <div class="env-var">
-                                <div><div class="env-name">API_KEY</div><div class="env-desc">API访问密钥</div></div>
-                                <div class="env-value">{'已设置' if main.API_KEY else '未设置'}</div>
-                            </div>
-                            <div class="env-var">
-                                <div><div class="env-name">BASE_URL</div><div class="env-desc">图片URL生成（推荐设置）</div></div>
-                                <div class="env-value">{'已设置' if main.BASE_URL else '未设置（自动检测）'}</div>
-                            </div>
-                            <div class="env-var">
-                                <div><div class="env-name">PROXY</div><div class="env-desc">代理地址</div></div>
-                                <div class="env-value">{'已设置' if main.PROXY else '未设置'}</div>
-                            </div>
-                            <div class="env-var">
-                                <div><div class="env-name">SESSION_CACHE_TTL_SECONDS</div><div class="env-desc">会话缓存过期时间</div></div>
-                                <div class="env-value">{main.SESSION_CACHE_TTL_SECONDS} 秒</div>
-                            </div>
-                            <div class="env-var">
-                                <div><div class="env-name">LOGO_URL</div><div class="env-desc">Logo URL（公开，为空则不显示）</div></div>
+                                <div><div class="env-name">LOGO_URL</div><div class="env-desc">Logo图片</div></div>
                                 <div class="env-value">{'已设置' if main.LOGO_URL else '未设置'}</div>
                             </div>
                             <div class="env-var">
-                                <div><div class="env-name">CHAT_URL</div><div class="env-desc">开始对话链接（公开，为空则不显示）</div></div>
+                                <div><div class="env-name">CHAT_URL</div><div class="env-desc">对话链接</div></div>
                                 <div class="env-value">{'已设置' if main.CHAT_URL else '未设置'}</div>
                             </div>
-                            <div class="env-var">
-                                <div><div class="env-name">MODEL_NAME</div><div class="env-desc">模型名称（公开）</div></div>
-                                <div class="env-value">{main.MODEL_NAME}</div>
-                            </div>
                         </div>
                     </div>
                 </div>
             </div>
 
+            <!-- Tab 4: 系统设置 -->
+            <div id="tab-settings" class="tab-content">
                 <div class="section">
-                    <div class="section-title">服务信息</div>
-                    <div class="card">
-                        <h3>支持的模型</h3>
-                        <div class="model-grid">
-                            <span class="model-tag">gemini-auto</span>
-                            <span class="model-tag">gemini-2.5-flash</span>
-                            <span class="model-tag">gemini-2.5-pro</span>
-                            <span class="model-tag">gemini-3-flash-preview</span>
-                            <span class="model-tag highlight">gemini-3-pro-preview</span>
+                    <div class="section-title">系统设置</div>
+                    <div style="color: #6b6b6b; font-size: 12px; margin-bottom: 16px; padding-left: 4px;">
+                        ✅ 所有配置修改后<strong>立即生效</strong>，无需重启服务。配置保存在 <code>data/settings.yaml</code><br>
+                        ⚠️ 页面显示需要重启服务后才会更新
+                    </div>
+
+                    <div class="grid-env">
+                        <div class="stack-col">
+                            <!-- 基础配置 -->
+                            <div class="card">
+                                <h3>基础配置</h3>
+                                <div style="margin-top: 12px;">
+                                    <div class="setting-item">
+                                        <label>API 访问密钥</label>
+                                        <input type="text" id="setting-api-key" placeholder="留空则公开访问" />
+                                    </div>
+                                    <div class="setting-item">
+                                        <label>服务器 URL</label>
+                                        <input type="text" id="setting-base-url" placeholder="留空则自动检测" />
+                                    </div>
+                                    <div class="setting-item">
+                                        <label>代理地址</label>
+                                        <input type="text" id="setting-proxy" placeholder="如 http://127.0.0.1:7890" />
+                                    </div>
+                                </div>
+                            </div>
+
+                            <!-- 图片生成配置 -->
+                            <div class="card">
+                                <h3>📸 图片生成配置</h3>
+                                <div style="margin-top: 12px;">
+                                    <div class="setting-item">
+                                        <label style="display: flex; align-items: center; gap: 8px;">
+                                            <input type="checkbox" id="setting-image-enabled" style="width: auto;" />
+                                            启用图片生成
+                                        </label>
+                                    </div>
+                                    <div class="setting-item">
+                                        <label>支持的模型</label>
+                                        <div id="setting-image-models" style="display: flex; flex-direction: column; gap: 6px; margin-top: 6px;">
+                                            <label style="display: flex; align-items: center; gap: 6px; font-weight: normal; font-size: 12px;">
+                                                <input type="checkbox" value="gemini-3-pro-preview" style="width: auto;" /> gemini-3-pro-preview
+                                            </label>
+                                            <label style="display: flex; align-items: center; gap: 6px; font-weight: normal; font-size: 12px;">
+                                                <input type="checkbox" value="gemini-2.5-pro" style="width: auto;" /> gemini-2.5-pro
+                                            </label>
+                                            <label style="display: flex; align-items: center; gap: 6px; font-weight: normal; font-size: 12px;">
+                                                <input type="checkbox" value="gemini-2.5-flash" style="width: auto;" /> gemini-2.5-flash
+                                            </label>
+                                            <label style="display: flex; align-items: center; gap: 6px; font-weight: normal; font-size: 12px;">
+                                                <input type="checkbox" value="gemini-3-flash-preview" style="width: auto;" /> gemini-3-flash-preview
+                                            </label>
+                                            <label style="display: flex; align-items: center; gap: 6px; font-weight: normal; font-size: 12px;">
+                                                <input type="checkbox" value="gemini-auto" style="width: auto;" /> gemini-auto
+                                            </label>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
                         </div>
 
-                        <div class="info-box">
-                            <div class="info-box-title">📸 图片生成说明</div>
-                            <div class="info-box-text">
-                                仅 <code style="background:none;padding:0;color:#0071e3;">gemini-3-pro-preview</code> 支持绘图。<br>
-                                路径: <code>{main.IMAGE_DIR}</code><br>
-                                类型: {'<span style="color: #34c759; font-weight: 600;">持久化（重启保留）</span>' if main.IMAGE_DIR == '/data/images' else '<span style="color: #ff3b30; font-weight: 600;">临时（重启丢失）</span>'}
+                        <div class="stack-col">
+                            <!-- 重试策略配置 -->
+                            <div class="card">
+                                <h3>🔄 重试策略配置</h3>
+                                <div style="margin-top: 12px;">
+                                    <div class="setting-item">
+                                        <label>新会话尝试账户数</label>
+                                        <input type="number" id="setting-max-new-session" min="1" max="20" />
+                                    </div>
+                                    <div class="setting-item">
+                                        <label>请求失败重试次数</label>
+                                        <input type="number" id="setting-max-retries" min="1" max="10" />
+                                    </div>
+                                    <div class="setting-item">
+                                        <label>账户切换尝试次数</label>
+                                        <input type="number" id="setting-max-switch" min="1" max="20" />
+                                    </div>
+                                    <div class="setting-item">
+                                        <label>账户失败阈值（次）</label>
+                                        <input type="number" id="setting-failure-threshold" min="1" max="10" />
+                                    </div>
+                                    <div class="setting-item">
+                                        <label>429 冷却时间（秒）</label>
+                                        <input type="number" id="setting-cooldown" min="60" max="3600" />
+                                    </div>
+                                    <div class="setting-item">
+                                        <label>会话缓存时间（秒）</label>
+                                        <input type="number" id="setting-cache-ttl" min="300" max="86400" />
+                                    </div>
+                                </div>
+                            </div>
+
+                            <!-- 公开展示配置 -->
+                            <div class="card">
+                                <h3>🎨 公开展示配置</h3>
+                                <div style="margin-top: 12px;">
+                                    <div class="setting-item">
+                                        <label>Logo URL</label>
+                                        <input type="text" id="setting-logo-url" placeholder="留空则不显示" />
+                                    </div>
+                                    <div class="setting-item">
+                                        <label>开始对话链接</label>
+                                        <input type="text" id="setting-chat-url" placeholder="留空则不显示" />
+                                    </div>
+                                    <div class="setting-item">
+                                        <label>Session 过期时间（小时）</label>
+                                        <input type="number" id="setting-session-hours" min="1" max="168" />
+                                    </div>
+                                </div>
                             </div>
                         </div>
                     </div>
+
+                    <div style="margin-top: 20px; display: flex; gap: 12px; justify-content: flex-end;">
+                        <button class="btn btn-secondary" onclick="loadSettings()">重置</button>
+                        <button class="btn btn-primary" onclick="saveSettings()">保存设置</button>
+                    </div>
                 </div>
             </div>
         </div>
@@ -1304,6 +1491,98 @@ def generate_admin_html(request: Request, multi_account_mgr, show_hide_tip: bool
                     closeModal();
                 }}
             }});
+
+            // ========== 系统设置相关函数 ==========
+            async function loadSettings() {{
+                try {{
+                    const response = await fetch('/{admin_path_segment}/settings');
+                    const settings = await handleApiResponse(response);
+
+                    // 基础配置
+                    document.getElementById('setting-api-key').value = settings.basic?.api_key || '';
+                    document.getElementById('setting-base-url').value = settings.basic?.base_url || '';
+                    document.getElementById('setting-proxy').value = settings.basic?.proxy || '';
+
+                    // 图片生成配置
+                    document.getElementById('setting-image-enabled').checked = settings.image_generation?.enabled ?? true;
+                    const supportedModels = settings.image_generation?.supported_models || [];
+                    document.querySelectorAll('#setting-image-models input[type="checkbox"]').forEach(cb => {{
+                        cb.checked = supportedModels.includes(cb.value);
+                    }});
+
+                    // 重试策略配置
+                    document.getElementById('setting-max-new-session').value = settings.retry?.max_new_session_tries || 5;
+                    document.getElementById('setting-max-retries').value = settings.retry?.max_request_retries || 3;
+                    document.getElementById('setting-max-switch').value = settings.retry?.max_account_switch_tries || 5;
+                    document.getElementById('setting-failure-threshold').value = settings.retry?.account_failure_threshold || 3;
+                    document.getElementById('setting-cooldown').value = settings.retry?.rate_limit_cooldown_seconds || 600;
+                    document.getElementById('setting-cache-ttl').value = settings.retry?.session_cache_ttl_seconds || 3600;
+
+                    // 公开展示配置
+                    document.getElementById('setting-logo-url').value = settings.public_display?.logo_url || '';
+                    document.getElementById('setting-chat-url').value = settings.public_display?.chat_url || '';
+                    document.getElementById('setting-session-hours').value = settings.session?.expire_hours || 24;
+                }} catch (error) {{
+                    console.error('加载设置失败:', error);
+                    alert('加载设置失败: ' + error.message);
+                }}
+            }}
+
+            async function saveSettings() {{
+                try {{
+                    // 收集图片生成支持的模型
+                    const supportedModels = [];
+                    document.querySelectorAll('#setting-image-models input[type="checkbox"]:checked').forEach(cb => {{
+                        supportedModels.push(cb.value);
+                    }});
+
+                    const settings = {{
+                        basic: {{
+                            api_key: document.getElementById('setting-api-key').value,
+                            base_url: document.getElementById('setting-base-url').value,
+                            proxy: document.getElementById('setting-proxy').value
+                        }},
+                        image_generation: {{
+                            enabled: document.getElementById('setting-image-enabled').checked,
+                            supported_models: supportedModels
+                        }},
+                        retry: {{
+                            max_new_session_tries: parseInt(document.getElementById('setting-max-new-session').value) || 5,
+                            max_request_retries: parseInt(document.getElementById('setting-max-retries').value) || 3,
+                            max_account_switch_tries: parseInt(document.getElementById('setting-max-switch').value) || 5,
+                            account_failure_threshold: parseInt(document.getElementById('setting-failure-threshold').value) || 3,
+                            rate_limit_cooldown_seconds: parseInt(document.getElementById('setting-cooldown').value) || 600,
+                            session_cache_ttl_seconds: parseInt(document.getElementById('setting-cache-ttl').value) || 3600
+                        }},
+                        public_display: {{
+                            logo_url: document.getElementById('setting-logo-url').value,
+                            chat_url: document.getElementById('setting-chat-url').value
+                        }},
+                        session: {{
+                            expire_hours: parseInt(document.getElementById('setting-session-hours').value) || 24
+                        }}
+                    }};
+
+                    const response = await fetch('/{admin_path_segment}/settings', {{
+                        method: 'PUT',
+                        headers: {{'Content-Type': 'application/json'}},
+                        body: JSON.stringify(settings)
+                    }});
+
+                    await handleApiResponse(response);
+
+                    // 直接刷新页面，不显示弹窗
+                    window.location.reload();
+                }} catch (error) {{
+                    console.error('保存设置失败:', error);
+                    alert('保存设置失败: ' + error.message);
+                }}
+            }}
+
+            // 页面加载时自动加载设置
+            document.addEventListener('DOMContentLoaded', function() {{
+                loadSettings();
+            }});
         </script>
     </body>
     </html>
@@ -2179,7 +2458,6 @@ async def get_login_html(request: Request, error: str = None) -> HTMLResponse:
 async def admin_logs_html_no_auth(request):
     """返回美化的 HTML 日志查看界面（无需认证）"""
     from fastapi.responses import HTMLResponse
-
     html_content = r"""
     <!DOCTYPE html>
     <html>
@@ -2189,54 +2467,608 @@ async def admin_logs_html_no_auth(request):
         <title>日志查看器</title>
         <style>
             * { margin: 0; padding: 0; box-sizing: border-box; }
+            html, body { height: 100%; overflow: hidden; }
             body {
-                font-family: "Consolas", "Monaco", monospace;
+                font-family: 'Consolas', 'Monaco', monospace;
                 background: #fafaf9;
-                padding: 20px;
+                display: flex;
+                align-items: center;
+                justify-content: center;
+                padding: 15px;
             }
             .container {
+                width: 100%;
                 max-width: 1400px;
-                margin: 0 auto;
+                height: calc(100vh - 30px);
                 background: white;
                 border-radius: 16px;
                 padding: 30px;
                 box-shadow: 0 2px 8px rgba(0,0,0,0.08);
+                display: flex;
+                flex-direction: column;
+            }
+            h1 { color: #1a1a1a; font-size: 22px; font-weight: 600; margin-bottom: 20px; text-align: center; }
+            .stats {
+                display: grid;
+                grid-template-columns: repeat(6, 1fr);
+                gap: 12px;
+                margin-bottom: 16px;
+            }
+            .stat {
+                background: #fafaf9;
+                padding: 12px;
+                border: 1px solid #e5e5e5;
+                border-radius: 8px;
+                text-align: center;
+                transition: all 0.15s ease;
+            }
+            .stat:hover { border-color: #d4d4d4; }
+            .stat-label { color: #6b6b6b; font-size: 11px; margin-bottom: 4px; }
+            .stat-value { color: #1a1a1a; font-size: 18px; font-weight: 600; }
+            .controls {
+                display: flex;
+                gap: 8px;
+                margin-bottom: 16px;
+                flex-wrap: wrap;
+            }
+            .controls input, .controls select, .controls button {
+                padding: 6px 10px;
+                border: 1px solid #e5e5e5;
+                border-radius: 8px;
+                font-size: 13px;
+            }
+            .controls select {
+                appearance: none;
+                -webkit-appearance: none;
+                -moz-appearance: none;
+                background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 5L6 8L9 5' stroke='%236b6b6b' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");
+                background-repeat: no-repeat;
+                background-position: right 12px center;
+                padding-right: 32px;
+            }
+            .controls input[type="text"] { flex: 1; min-width: 150px; }
+            .controls button {
+                background: #1a73e8;
+                color: white;
+                border: none;
+                cursor: pointer;
+                font-weight: 500;
+                transition: background 0.15s ease;
+                display: flex;
+                align-items: center;
+                gap: 6px;
+            }
+            .controls button:hover { background: #1557b0; }
+            .controls button.danger { background: #dc2626; }
+            .controls button.danger:hover { background: #b91c1c; }
+            .controls button svg { flex-shrink: 0; }
+            .log-container {
+                flex: 1;
+                background: #fafaf9;
+                border: 1px solid #e5e5e5;
+                border-radius: 8px;
+                padding: 12px;
+                overflow-y: auto;
+                scrollbar-width: thin;
+                scrollbar-color: rgba(0,0,0,0.15) transparent;
+            }
+            /* Webkit 滚动条样式 - 更窄且不占位 */
+            .log-container::-webkit-scrollbar {
+                width: 4px;
+            }
+            .log-container::-webkit-scrollbar-track {
+                background: transparent;
+            }
+            .log-container::-webkit-scrollbar-thumb {
+                background: rgba(0,0,0,0.15);
+                border-radius: 2px;
+            }
+            .log-container::-webkit-scrollbar-thumb:hover {
+                background: rgba(0,0,0,0.3);
+            }
+            .log-entry {
+                padding: 8px 10px;
+                margin-bottom: 4px;
+                background: white;
+                border-radius: 6px;
+                border: 1px solid #e5e5e5;
+                font-size: 12px;
+                color: #1a1a1a;
+                display: flex;
+                align-items: center;
+                gap: 8px;
+                word-break: break-word;
+            }
+            .log-entry > div:first-child {
+                display: flex;
+                align-items: center;
+                gap: 8px;
+            }
+            .log-message {
+                flex: 1;
+                overflow: hidden;
+                text-overflow: ellipsis;
+            }
+            .log-entry:hover { border-color: #d4d4d4; }
+            .log-time { color: #6b6b6b; }
+            .log-level {
+                display: flex;
+                align-items: center;
+                gap: 4px;
+                padding: 2px 6px;
+                border-radius: 3px;
+                font-size: 10px;
+                font-weight: 600;
+            }
+            .log-level::before {
+                content: '';
+                width: 6px;
+                height: 6px;
+                border-radius: 50%;
             }
-            h1 { color: #1a1a1a; font-size: 22px; margin-bottom: 20px; }
-            .log-item { padding: 10px; border-bottom: 1px solid #e5e5e5; font-size: 12px; }
-            .log-time { color: #6b6b6b; margin-right: 10px; }
-            .log-level { padding: 2px 6px; border-radius: 4px; margin-right: 10px; }
             .log-level.INFO { background: #e3f2fd; color: #1976d2; }
+            .log-level.INFO::before { background: #1976d2; }
             .log-level.WARNING { background: #fff3e0; color: #f57c00; }
-            .log-level.ERROR { background: #ffebee; color: #c62828; }
+            .log-level.WARNING::before { background: #f57c00; }
+            .log-level.ERROR { background: #ffebee; color: #d32f2f; }
+            .log-level.ERROR::before { background: #d32f2f; }
+            .log-level.DEBUG { background: #f3e5f5; color: #7b1fa2; }
+            .log-level.DEBUG::before { background: #7b1fa2; }
+            .log-group {
+                margin-bottom: 8px;
+                border: 1px solid #e5e5e5;
+                border-radius: 8px;
+                background: white;
+            }
+            .log-group-header {
+                padding: 10px 12px;
+                background: #f9f9f9;
+                border-radius: 8px 8px 0 0;
+                cursor: pointer;
+                display: flex;
+                align-items: center;
+                gap: 8px;
+                transition: background 0.15s ease;
+            }
+            .log-group-header:hover {
+                background: #f0f0f0;
+            }
+            .log-group-content {
+                padding: 8px;
+            }
+            .log-group .log-entry {
+                margin-bottom: 4px;
+            }
+            .log-group .log-entry:last-child {
+                margin-bottom: 0;
+            }
+            .toggle-icon {
+                display: inline-block;
+                transition: transform 0.2s ease;
+            }
+            .toggle-icon.collapsed {
+                transform: rotate(-90deg);
+            }
+            @media (max-width: 768px) {
+                body { padding: 0; }
+                .container { padding: 15px; height: 100vh; border-radius: 0; max-width: 100%; }
+                h1 { font-size: 18px; margin-bottom: 12px; }
+                .stats { grid-template-columns: repeat(3, 1fr); gap: 8px; }
+                .stat { padding: 8px; }
+                .controls { gap: 6px; }
+                .controls input, .controls select { min-height: 38px; }
+                .controls select { flex: 0 0 auto; }
+                .controls input[type="text"] { flex: 1 1 auto; min-width: 80px; }
+                .controls input[type="number"] { flex: 0 0 60px; }
+                .controls button { padding: 10px 8px; font-size: 12px; flex: 1 1 22%; justify-content: center; min-height: 38px; }
+                .log-entry {
+                    font-size: 12px;
+                    padding: 10px;
+                    gap: 8px;
+                    flex-direction: column;
+                    align-items: flex-start;
+                }
+                .log-entry > div:first-child {
+                    display: flex;
+                    align-items: center;
+                    gap: 6px;
+                    width: 100%;
+                    flex-wrap: wrap;
+                }
+                .log-time { font-size: 11px; color: #9e9e9e; }
+                .log-level { font-size: 10px; }
+                .log-message {
+                    width: 100%;
+                    white-space: normal;
+                    word-break: break-word;
+                    line-height: 1.5;
+                    margin-top: 4px;
+                }
+            }
         </style>
     </head>
     <body>
         <div class="container">
-            <h1>📋 系统日志</h1>
-            <div id="logs">加载中...</div>
+            <h1>Gemini API 日志查看器</h1>
+            <div class="stats">
+                <div class="stat">
+                    <div class="stat-label">总数</div>
+                    <div class="stat-value" id="total-count">-</div>
+                </div>
+                <div class="stat">
+                    <div class="stat-label">对话</div>
+                    <div class="stat-value" id="chat-count">-</div>
+                </div>
+                <div class="stat">
+                    <div class="stat-label">INFO</div>
+                    <div class="stat-value" id="info-count">-</div>
+                </div>
+                <div class="stat">
+                    <div class="stat-label">WARNING</div>
+                    <div class="stat-value" id="warning-count">-</div>
+                </div>
+                <div class="stat">
+                    <div class="stat-label">ERROR</div>
+                    <div class="stat-value" id="error-count">-</div>
+                </div>
+                <div class="stat">
+                    <div class="stat-label">更新</div>
+                    <div class="stat-value" id="last-update" style="font-size: 11px;">-</div>
+                </div>
+            </div>
+            <div class="controls">
+                <select id="level-filter">
+                    <option value="">全部</option>
+                    <option value="INFO">INFO</option>
+                    <option value="WARNING">WARNING</option>
+                    <option value="ERROR">ERROR</option>
+                </select>
+                <input type="text" id="search-input" placeholder="搜索...">
+                <input type="number" id="limit-input" value="1500" min="10" max="3000" step="100" style="width: 80px;">
+                <button onclick="loadLogs()">
+                    <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+                        <circle cx="11" cy="11" r="8"/><path d="m21 21-4.35-4.35"/>
+                    </svg>
+                    查询
+                </button>
+                <button onclick="exportJSON()">
+                    <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+                        <path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"/><polyline points="7 10 12 15 17 10"/><line x1="12" y1="15" x2="12" y2="3"/>
+                    </svg>
+                    导出
+                </button>
+                <button id="auto-refresh-btn" onclick="toggleAutoRefresh()">
+                    <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+                        <polyline points="23 4 23 10 17 10"/><polyline points="1 20 1 14 7 14"/><path d="M3.51 9a9 9 0 0 1 14.85-3.36L23 10M1 14l4.64 4.36A9 9 0 0 0 20.49 15"/>
+                    </svg>
+                    自动刷新
+                </button>
+                <button onclick="clearAllLogs()" class="danger">
+                    <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+                        <polyline points="3 6 5 6 21 6"/><path d="M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2"/>
+                    </svg>
+                    清空
+                </button>
+            </div>
+            <div class="log-container" id="log-container">
+                <div style="color: #6b6b6b;">正在加载...</div>
+            </div>
         </div>
         <script>
+            let autoRefreshTimer = null;
             async function loadLogs() {
+                const level = document.getElementById('level-filter').value;
+                const search = document.getElementById('search-input').value;
+                const limit = document.getElementById('limit-input').value;
+                // 从当前 URL 获取 key 参数
+                const urlParams = new URLSearchParams(window.location.search);
+                const key = urlParams.get('key');
+                // 构建 API URL（直接使用 /admin/log）
+                let url = `/admin/log?limit=${limit}`;
+                if (key) url += `&key=${key}`;
+                if (level) url += `&level=${level}`;
+                if (search) url += `&search=${encodeURIComponent(search)}`;
                 try {
-                    const path = window.location.pathname.replace("/log/html", "/log");
-                    const res = await fetch(path);
-                    const data = await res.json();
-                    let html = "";
-                    for (const log of data.logs.reverse()) {
-                        html += `<div class="log-item">
+                    const response = await fetch(url);
+                    if (!response.ok) {
+                        throw new Error(`HTTP ${response.status}`);
+                    }
+                    const data = await response.json();
+                    if (data && data.logs) {
+                        displayLogs(data.logs);
+                        updateStats(data.stats);
+                        document.getElementById('last-update').textContent = new Date().toLocaleTimeString('zh-CN', {hour: '2-digit', minute: '2-digit'});
+                    } else {
+                        throw new Error('Invalid data format');
+                    }
+                } catch (error) {
+                    document.getElementById('log-container').innerHTML = '<div class="log-entry ERROR">加载失败: ' + error.message + '</div>';
+                }
+            }
+            function updateStats(stats) {
+                document.getElementById('total-count').textContent = stats.memory.total;
+                document.getElementById('info-count').textContent = stats.memory.by_level.INFO || 0;
+                document.getElementById('warning-count').textContent = stats.memory.by_level.WARNING || 0;
+                const errorCount = document.getElementById('error-count');
+                errorCount.textContent = stats.memory.by_level.ERROR || 0;
+                if (stats.errors && stats.errors.count > 0) errorCount.style.color = '#dc2626';
+                document.getElementById('chat-count').textContent = stats.chat_count || 0;
+            }
+            // 分类颜色配置（提取到外部避免重复定义）
+            const CATEGORY_COLORS = {
+                'SYSTEM': '#9e9e9e',
+                'CONFIG': '#607d8b',
+                'LOG': '#9e9e9e',
+                'AUTH': '#4caf50',
+                'SESSION': '#00bcd4',
+                'FILE': '#ff9800',
+                'CHAT': '#2196f3',
+                'API': '#8bc34a',
+                'CACHE': '#9c27b0',
+                'ACCOUNT': '#f44336',
+                'MULTI': '#673ab7'
+            };
+
+            // 账户颜色配置（提取到外部避免重复定义）
+            const ACCOUNT_COLORS = {
+                'account_1': '#9c27b0',
+                'account_2': '#e91e63',
+                'account_3': '#00bcd4',
+                'account_4': '#4caf50',
+                'account_5': '#ff9800'
+            };
+
+            function getCategoryColor(category) {
+                return CATEGORY_COLORS[category] || '#757575';
+            }
+
+            function getAccountColor(accountId) {
+                return ACCOUNT_COLORS[accountId] || '#757575';
+            }
+
+            function displayLogs(logs) {
+                const container = document.getElementById('log-container');
+                if (logs.length === 0) {
+                    container.innerHTML = '<div class="log-entry">暂无日志</div>';
+                    return;
+                }
+
+                // 按请求ID分组
+                const groups = {};
+                const ungrouped = [];
+
+                logs.forEach(log => {
+                    const msg = escapeHtml(log.message);
+                    const reqMatch = msg.match(/\[req_([a-z0-9]+)\]/);
+
+                    if (reqMatch) {
+                        const reqId = reqMatch[1];
+                        if (!groups[reqId]) {
+                            groups[reqId] = [];
+                        }
+                        groups[reqId].push(log);
+                    } else {
+                        ungrouped.push(log);
+                    }
+                });
+
+                // 渲染分组
+                let html = '';
+
+                // 先渲染未分组的日志
+                ungrouped.forEach(log => {
+                    html += renderLogEntry(log);
+                });
+
+                // 读取折叠状态
+                const foldState = JSON.parse(localStorage.getItem('log-fold-state') || '{}');
+
+                // 按请求ID分组渲染（最新的组在下面）
+                Object.keys(groups).forEach(reqId => {
+                    const groupLogs = groups[reqId];
+                    const firstLog = groupLogs[0];
+                    const lastLog = groupLogs[groupLogs.length - 1];
+
+                    // 判断状态
+                    let status = 'in_progress';
+                    let statusColor = '#ff9800';
+                    let statusText = '进行中';
+
+                    if (lastLog.message.includes('响应完成') || lastLog.message.includes('非流式响应完成')) {
+                        status = 'success';
+                        statusColor = '#4caf50';
+                        statusText = '成功';
+                    } else if (lastLog.level === 'ERROR' || lastLog.message.includes('失败')) {
+                        status = 'error';
+                        statusColor = '#f44336';
+                        statusText = '失败';
+                    } else {
+                        // 检查超时（最后日志超过 5 分钟）
+                        const lastLogTime = new Date(lastLog.time);
+                        const now = new Date();
+                        const diffMinutes = (now - lastLogTime) / 1000 / 60;
+                        if (diffMinutes > 5) {
+                            status = 'timeout';
+                            statusColor = '#ffc107';
+                            statusText = '超时';
+                        }
+                    }
+
+                    // 提取账户ID和模型
+                    const accountMatch = firstLog.message.match(/\[account_(\d+)\]/);
+                    const modelMatch = firstLog.message.match(/收到请求: ([^ ]+)/);
+                    const accountId = accountMatch ? `account_${accountMatch[1]}` : '';
+                    const model = modelMatch ? modelMatch[1] : '';
+
+                    // 检查折叠状态
+                    const isCollapsed = foldState[reqId] === true;
+                    const contentStyle = isCollapsed ? 'style="display: none;"' : '';
+                    const iconClass = isCollapsed ? 'class="toggle-icon collapsed"' : 'class="toggle-icon"';
+
+                    html += `
+                        <div class="log-group" data-req-id="${reqId}">
+                            <div class="log-group-header" onclick="toggleGroup('${reqId}')">
+                                <span style="color: ${statusColor}; font-weight: 600; font-size: 11px;">⬤ ${statusText}</span>
+                                <span style="color: #666; font-size: 11px; margin-left: 8px;">req_${reqId}</span>
+                                ${accountId ? `<span style="color: ${getAccountColor(accountId)}; font-size: 11px; margin-left: 8px;">${accountId}</span>` : ''}
+                                ${model ? `<span style="color: #999; font-size: 11px; margin-left: 8px;">${model}</span>` : ''}
+                                <span style="color: #999; font-size: 11px; margin-left: 8px;">${groupLogs.length}条日志</span>
+                                <span ${iconClass} style="margin-left: auto; color: #999;">▼</span>
+                            </div>
+                            <div class="log-group-content" ${contentStyle}>
+                                ${groupLogs.map(log => renderLogEntry(log)).join('')}
+                            </div>
+                        </div>
+                    `;
+                });
+
+                container.innerHTML = html;
+
+                // 自动滚动到底部，显示最新日志
+                container.scrollTop = container.scrollHeight;
+            }
+
+            function renderLogEntry(log) {
+                const msg = escapeHtml(log.message);
+                let displayMsg = msg;
+                let categoryTags = [];
+                let accountId = null;
+
+                // 解析所有标签：[CATEGORY1] [CATEGORY2] [account_X] [req_X] message
+                let remainingMsg = msg;
+                const tagRegex = /^\[([A-Z_a-z0-9]+)\]/;
+
+                while (true) {
+                    const match = remainingMsg.match(tagRegex);
+                    if (!match) break;
+
+                    const tag = match[1];
+                    remainingMsg = remainingMsg.substring(match[0].length).trim();
+
+                    // 跳过req_标签（已在组头部显示）
+                    if (tag.startsWith('req_')) {
+                        continue;
+                    }
+                    // 判断是否为账户ID
+                    else if (tag.startsWith('account_')) {
+                        accountId = tag;
+                    } else {
+                        // 普通分类标签
+                        categoryTags.push(tag);
+                    }
+                }
+
+                displayMsg = remainingMsg;
+
+                // 生成分类标签HTML
+                const categoryTagsHtml = categoryTags.map(cat =>
+                    `<span class="log-category" style="background: ${getCategoryColor(cat)}; color: white; padding: 2px 6px; border-radius: 3px; font-size: 10px; font-weight: 600; margin-left: 2px;">${cat}</span>`
+                ).join('');
+
+                // 生成账户标签HTML
+                const accountTagHtml = accountId
+                    ? `<span style="color: ${getAccountColor(accountId)}; font-size: 11px; font-weight: 600; margin-left: 2px;">${accountId}</span>`
+                    : '';
+
+                return `
+                    <div class="log-entry ${log.level}">
+                        <div>
                             <span class="log-time">${log.time}</span>
                             <span class="log-level ${log.level}">${log.level}</span>
-                            <span>${log.message}</span>
-                        </div>`;
+                            ${categoryTagsHtml}
+                            ${accountTagHtml}
+                        </div>
+                        <div class="log-message">${displayMsg}</div>
+                    </div>
+                `;
+            }
+
+            function toggleGroup(reqId) {
+                const group = document.querySelector(`.log-group[data-req-id="${reqId}"]`);
+                const content = group.querySelector('.log-group-content');
+                const icon = group.querySelector('.toggle-icon');
+
+                const isCollapsed = content.style.display === 'none';
+                if (isCollapsed) {
+                    content.style.display = 'block';
+                    icon.classList.remove('collapsed');
+                } else {
+                    content.style.display = 'none';
+                    icon.classList.add('collapsed');
+                }
+
+                // 保存折叠状态到 localStorage
+                const foldState = JSON.parse(localStorage.getItem('log-fold-state') || '{}');
+                foldState[reqId] = !isCollapsed;
+                localStorage.setItem('log-fold-state', JSON.stringify(foldState));
+            }
+            function escapeHtml(text) {
+                const div = document.createElement('div');
+                div.textContent = text;
+                return div.innerHTML;
+            }
+            async function exportJSON() {
+                try {
+                    const urlParams = new URLSearchParams(window.location.search);
+                    const key = urlParams.get('key');
+                    let url = `/admin/log?limit=3000`;
+                    if (key) url += `&key=${key}`;
+                    const response = await fetch(url);
+                    const data = await response.json();
+                    const blob = new Blob([JSON.stringify({exported_at: new Date().toISOString(), logs: data.logs}, null, 2)], {type: 'application/json'});
+                    const blobUrl = URL.createObjectURL(blob);
+                    const a = document.createElement('a');
+                    a.href = blobUrl;
+                    a.download = 'logs_' + new Date().toISOString().slice(0, 19).replace(/:/g, '-') + '.json';
+                    a.click();
+                    URL.revokeObjectURL(blobUrl);
+                    alert('导出成功');
+                } catch (error) {
+                    alert('导出失败: ' + error.message);
+                }
+            }
+            async function clearAllLogs() {
+                if (!confirm('确定清空所有日志？')) return;
+                try {
+                    const urlParams = new URLSearchParams(window.location.search);
+                    const key = urlParams.get('key');
+                    let url = `/admin/log?confirm=yes`;
+                    if (key) url += `&key=${key}`;
+                    const response = await fetch(url, {method: 'DELETE'});
+                    if (response.ok) {
+                        alert('已清空');
+                        loadLogs();
+                    } else {
+                        alert('清空失败');
+                    }
+                } catch (error) {
+                    alert('清空失败: ' + error.message);
+                }
+            }
+            let autoRefreshEnabled = true;
+            function toggleAutoRefresh() {
+                autoRefreshEnabled = !autoRefreshEnabled;
+                const btn = document.getElementById('auto-refresh-btn');
+                if (autoRefreshEnabled) {
+                    btn.style.background = '#1a73e8';
+                    autoRefreshTimer = setInterval(loadLogs, 5000);
+                } else {
+                    btn.style.background = '#6b6b6b';
+                    if (autoRefreshTimer) {
+                        clearInterval(autoRefreshTimer);
+                        autoRefreshTimer = null;
                     }
-                    document.getElementById("logs").innerHTML = html || "暂无日志";
-                } catch (e) {
-                    document.getElementById("logs").innerHTML = "加载失败";
                 }
             }
-            loadLogs();
-            setInterval(loadLogs, 5000);
+            document.addEventListener('DOMContentLoaded', () => {
+                loadLogs();
+                autoRefreshTimer = setInterval(loadLogs, 5000);
+                document.getElementById('search-input').addEventListener('keypress', (e) => {
+                    if (e.key === 'Enter') loadLogs();
+                });
+                document.getElementById('level-filter').addEventListener('change', loadLogs);
+                document.getElementById('limit-input').addEventListener('change', loadLogs);
+            });
         </script>
     </body>
     </html>