Upload 76 files

app/api/client_disconnect.py

@@ -3,7 +3,7 @@ import time
 from fastapi import Request
 from app.models import ChatCompletionRequest
 from app.utils import create_error_response
-from .logging_utils import log
+from app.utils.logging import log
 
 # 客户端断开检测函数
 async def check_client_disconnect(http_request: Request, current_api_key: str, request_type: str, model: str):

app/api/gemini_handlers.py

@@ -1,7 +1,7 @@
 import asyncio
 from app.models import ChatCompletionRequest
 from app.services import GeminiClient
-from .logging_utils import log
+from app.utils.logging import log
 
 # Gemini完成请求函数
 async def run_gemini_completion(
@@ -35,7 +35,8 @@ async def run_gemini_completion(
         
         # 只在第一次调用时记录完成日志
         if not hasattr(run_fn, 'logged_complete'):
-            log('info', "非流式请求成功完成", extra={'key': current_api_key[:8], 'request_type': request_type, 'model': chat_request.model})
+            log('info', "非流式请求成功完成", 
+                extra={'key': current_api_key[:8], 'request_type': request_type, 'model': chat_request.model})
             run_fn.logged_complete = True
         return response_content
     except asyncio.CancelledError:
@@ -44,14 +45,15 @@ async def run_gemini_completion(
             try:
                 # 使用shield确保任务不被取消，并等待它完成
                 response_content = await asyncio.shield(response_future)
-                log('info', "API请求在客户端断开后完成", extra={'key': current_api_key[:8], 'request_type': request_type, 'model': chat_request.model})
+                log('info', "API请求在客户端断开后完成", 
+                    extra={'key': current_api_key[:8], 'request_type': request_type, 'model': chat_request.model})
                 return response_content
             except Exception as e:
-                extra_log_gemini_cancel = {'key': current_api_key[:8], 'request_type': request_type, 'model': chat_request.model, 'error_message': f'API请求在客户端断开后失败: {str(e)}'}
-                log('info', "API调用因客户端断开而失败", extra=extra_log_gemini_cancel)
+                log('info', "API调用因客户端断开而失败", 
+                    extra={'key': current_api_key[:8], 'request_type': request_type, 'model': chat_request.model, 'error_message': f'API请求在客户端断开后失败: {str(e)}'})
                 raise
         
         # 如果任务尚未开始或已经失败，记录日志
-        extra_log_gemini_cancel = {'key': current_api_key[:8], 'request_type': request_type, 'model': chat_request.model, 'error_message': '客户端断开导致API调用取消'}
-        log('info', "API调用因客户端断开而取消", extra=extra_log_gemini_cancel)
+        log('info', "API调用因客户端断开而取消", 
+            extra={'key': current_api_key[:8], 'request_type': request_type, 'model': chat_request.model, 'error_message': '客户端断开导致API调用取消'})
         raise

app/api/nonstream_handlers.py

@@ -3,7 +3,7 @@ from fastapi import HTTPException, status, Request
 from app.models import ChatCompletionRequest
 from app.services import GeminiClient
 from app.utils import cache_response, update_api_call_stats
-from .logging_utils import log
+from app.utils.logging import log
 from .client_disconnect import check_client_disconnect, handle_client_disconnect
 from .gemini_handlers import run_gemini_completion
 

app/api/request_handlers.py

@@ -6,7 +6,7 @@ from fastapi.responses import StreamingResponse
 from app.models import ChatCompletionRequest
 from app.services import GeminiClient
 from app.utils import protect_from_abuse, handle_gemini_error, handle_api_error
-from .logging_utils import log
+from app.utils.logging import log
 from .stream_handlers import process_stream_request
 from .nonstream_handlers import process_nonstream_request
 
@@ -35,31 +35,29 @@ async def process_request(
     protect_from_abuse(
         http_request, MAX_REQUESTS_PER_MINUTE, MAX_REQUESTS_PER_DAY_PER_IP)
     if chat_request.model not in GeminiClient.AVAILABLE_MODELS:
-        error_msg = "无效的模型"
-        extra_log = {'request_type': request_type, 'model': chat_request.model, 'status_code': 400, 'error_message': error_msg}
-        log('error', error_msg, extra=extra_log)
+        log('error', "无效的模型", 
+            extra={'request_type': request_type, 'model': chat_request.model, 'status_code': 400})
         raise HTTPException(
-            status_code=status.HTTP_400_BAD_REQUEST, detail=error_msg)
+            status_code=status.HTTP_400_BAD_REQUEST, detail="无效的模型")
 
     # 重置已尝试的密钥
     key_manager.reset_tried_keys_for_request()
-    
     # 转换消息格式
     contents, system_instruction = GeminiClient.convert_messages(
-        GeminiClient, chat_request.messages)
+        GeminiClient, chat_request.messages,model=chat_request.model)
 
     # 设置重试次数（使用可用API密钥数量作为最大重试次数）
     retry_attempts = len(key_manager.api_keys) if key_manager.api_keys else 1
     
     # 尝试使用不同API密钥
     for attempt in range(1, retry_attempts + 1):
-        # 获取下一个密钥
+        # 获取密钥
         current_api_key = key_manager.get_available_key()
         
         # 检查API密钥是否可用
         if current_api_key is None:
             log('warning', "没有可用的 API 密钥，跳过本次尝试", 
-                extra={'request_type': request_type, 'model': chat_request.model, 'status_code': 'N/A'})
+                extra={'request_type': request_type, 'model': chat_request.model})
             break
         
         # 记录当前尝试的密钥信息
@@ -87,12 +85,11 @@ async def process_request(
                             FAKE_STREAMING_INTERVAL
                         )
                     except Exception as e:
-                        # 捕获流式请求的异常，但不立即返回错误
+                        # 捕获流式请求的异常，但不立即返回错误，而是抛出异常让外层循环处理
                         # 记录错误并继续尝试下一个API密钥
                         error_detail = handle_gemini_error(e, current_api_key, key_manager)
-                        log('error', f"流式请求失败: {error_detail}",
+                        log('info', f"流式请求失败: {error_detail}",
                             extra={'key': current_api_key[:8], 'request_type': 'stream', 'model': chat_request.model})
-                        # 不返回错误，而是抛出异常让外层循环处理
                         raise
                 else:
                     return await process_nonstream_request(
@@ -112,7 +109,7 @@ async def process_request(
                     )
             except HTTPException as e:
                 if e.status_code == status.HTTP_408_REQUEST_TIMEOUT:
-                    log('error', "客户端连接中断", 
+                    log('info', "客户端连接中断", 
                         extra={'key': current_api_key[:8], 'request_type': request_type, 
                               'model': chat_request.model, 'status_code': 408})
                     raise
@@ -135,21 +132,13 @@ async def process_request(
                         extra={'cache_operation': 'remove-on-error', 'request_type': request_type})
                     del response_cache_manager.cache[cache_key]
                 
-                if error_result.get('should_retry', False):
-                    # 服务器错误需要重试（等待已在handle_api_error中完成）
-                    continue
-                elif error_result.get('should_switch_key', False) and attempt < retry_attempts:
-                    # 跳出服务器错误重试循环，获取下一个可用密钥
-                    log('info', f"API密钥 {current_api_key[:8]}... 失败，准备尝试下一个密钥", 
-                        extra={'key': current_api_key[:8], 'request_type': request_type})
-                    break  
                 else:
-                    # 无法处理的错误或已达到重试上限
+                    # 跳出循环
                     break
 
     # 如果所有尝试都失败
     msg = "所有API密钥均请求失败,请稍后重试"
-    log('error', "API key 替换失败，所有API key都已尝试，请重新配置或稍后重试", extra={'key': 'N/A', 'request_type': 'switch_key', 'status_code': 'N/A'})
+    log('error', "API key 替换失败，所有API key都已尝试，请重新配置或稍后重试", extra={'request_type': 'switch_key'})
     
     # 对于流式请求，创建一个特殊的StreamingResponse返回错误
     if chat_request.stream:

app/api/routes.py

@@ -2,23 +2,18 @@ from fastapi import APIRouter, HTTPException, Request, Depends, status
 from fastapi.responses import JSONResponse, StreamingResponse
 from app.models import ChatCompletionRequest, ChatCompletionResponse, ErrorResponse, ModelList
 from app.services import GeminiClient
-from app.utils import (
-    generate_cache_key,
-    cache_response,
-    create_chat_response,
-    create_error_response
-)
+from app.utils import generate_cache_key
+
 from app.config.settings import (
     api_call_stats,
     BLOCKED_MODELS
 )
 import asyncio
 import time
-import logging
+from app.utils.logging import log
 
 # 导入拆分后的模块
 from .auth import verify_password
-from .logging_utils import log
 from .request_handlers import process_request
 
 # 创建路由器
@@ -83,7 +78,6 @@ def list_models():
 async def chat_completions(request: ChatCompletionRequest, http_request: Request, _: None = Depends(custom_verify_password)):
     # 获取客户端IP
     client_ip = http_request.client.host if http_request.client else "unknown"
-    
     # 流式请求直接处理，不使用缓存
     if request.stream:
         return await process_request(
@@ -101,7 +95,6 @@ async def chat_completions(request: ChatCompletionRequest, http_request: Request
             MAX_REQUESTS_PER_MINUTE,
             MAX_REQUESTS_PER_DAY_PER_IP
         )
-    
     # 生成完整缓存键 - 用于精确匹配
     cache_key = generate_cache_key(request)
     
@@ -181,7 +174,7 @@ async def chat_completions(request: ChatCompletionRequest, http_request: Request
                 log('info', f"已从活跃请求池移除{error_type}任务: {pool_key}", 
                     extra={'request_type': 'non-stream'})
      
-    # 创建请求处理任务
+    # 创建非流式请求处理任务
     process_task = asyncio.create_task(
         process_request(
             request, 

app/api/stream_handlers.py

@@ -7,7 +7,7 @@ from fastapi.responses import StreamingResponse
 from app.models import ChatCompletionRequest
 from app.services import GeminiClient
 from app.utils import handle_gemini_error, update_api_call_stats
-from .logging_utils import log
+from app.utils.logging import log
 
 # 流式请求处理函数
 async def process_stream_request(
@@ -262,8 +262,8 @@ async def process_stream_request(
                 yield "data: [DONE]\n\n"
                 
             except asyncio.CancelledError:
-                extra_log_cancel = {'key': current_api_key[:8], 'request_type': 'stream', 'model': chat_request.model, 'error_message': '客户端已断开连接'}
-                log('info', "客户端连接已中断", extra=extra_log_cancel)
+                log('info', "客户端连接已中断", 
+                    extra={'key': current_api_key[:8], 'request_type': 'stream', 'model': chat_request.model})
             except Exception as e:
                 error_detail = handle_gemini_error(e, current_api_key, key_manager)
                 log('error', f"流式请求失败: {error_detail}",

app/config/settings.py

@@ -40,6 +40,10 @@ REMOVE_CACHE_AFTER_USE = os.environ.get("REMOVE_CACHE_AFTER_USE", "true").lower(
 REQUEST_HISTORY_EXPIRY_TIME = int(os.environ.get("REQUEST_HISTORY_EXPIRY_TIME", "600"))  # 默认10分钟
 ENABLE_RECONNECT_DETECTION = os.environ.get("ENABLE_RECONNECT_DETECTION", "true").lower() in ["true", "1", "yes"]
 
+serach={
+    "search_mode":os.environ.get("SERACH_MODE", "true").lower() in ["true", "1", "yes"],
+    "search_prompt":os.environ.get("SERACH_PROMPT", "（使用搜索工具联网搜索，需要在content中结合搜索内容）").strip('"')
+}
 
 version={
     "local_version":"0.0.0",

app/services/gemini.py

@@ -11,10 +11,13 @@ import logging
 import secrets
 import string
 from app.utils import format_log_message
+from app.config import settings
 from app.config.settings import (    
     RANDOM_STRING,
-    RANDOM_STRING_LENGTH
+    RANDOM_STRING_LENGTH,
+    serach
 )
+from app.utils.logging import log
 
 def generate_secure_random_string(length):
     all_characters = string.ascii_letters + string.digits
@@ -56,10 +59,11 @@ class ResponseWrapper:
 
     def _extract_text(self) -> str:
         try:
+            text=""
             for part in self._data['candidates'][0]['content']['parts']:
                 if 'thought' not in part:
-                    return part['text']
-            return ""
+                    text+=part['text']
+            return part['text']
         except (KeyError, IndexError):
             return ""
 
@@ -124,66 +128,73 @@ class GeminiClient:
     def __init__(self, api_key: str):
         self.api_key = api_key
 
+    # 将流式和非流式请求的通用部分提取为共享方法
+    def _prepare_request_data(self, request, contents, safety_settings, system_instruction):
+        api_version = "v1alpha" if "think" in request.model else "v1beta"
+        if serach["search_mode"]:
+            data = {
+                "contents": contents,
+                "tools": [{"google_search": {}}],
+                "generationConfig": self._get_generation_config(request),
+                "safetySettings": safety_settings,
+            }
+        else:
+            data = {
+                "contents": contents,
+                "generationConfig": self._get_generation_config(request),
+                "safetySettings": safety_settings,
+            }
+        if system_instruction:
+            data["system_instruction"] = system_instruction
+        return api_version, data
+    
+    def _get_generation_config(self, request):
+        config_params = {
+            "temperature": request.temperature,
+            "maxOutputTokens": request.max_tokens,
+            "topP": request.top_p,
+            "stopSequences": request.stop if isinstance(request.stop, list) else [request.stop] if request.stop is not None else None,
+            "candidateCount": request.n
+        }
+        return {k: v for k, v in config_params.items() if v is not None}
+
     async def stream_chat(self, request: ChatCompletionRequest, contents, safety_settings, system_instruction):
-        extra_log = {'key': self.api_key[:8], 'request_type': 'stream', 'model': request.model, 'status_code': 'N/A'}
-        log_msg = format_log_message('INFO', "流式请求开始", extra=extra_log)
-        logger.info(log_msg)
         
         # 检查是否启用假流式请求
         if FAKE_STREAMING:
-            log_msg = format_log_message('INFO', "使用假流式请求模式（发送换行符保持连接）", extra=extra_log)
-            logger.info(log_msg)
-            
+            extra_log={'key': self.api_key[:8], 'request_type': 'fake_stream', 'model': request.model}
+            log('INFO', "使用假流式请求模式（发送换行符保持连接）", extra=extra_log)
             try:
-                # 这个方法不再直接使用self.api_key，而是由main.py提供API密钥列表和管理
-                # 在这里，我们只负责持续发送换行符，直到main.py那边获取到响应
                 
-                # 持续发送换行符，直到外部取消此生成器
+                # 每隔一段时间发送换行符作为保活消息，直到外部取消此生成器
                 start_time = time.time()
                 while True:
-                    # 发送换行符作为保活消息
                     yield "\n"
-                    # 等待一段时间
                     await asyncio.sleep(FAKE_STREAMING_INTERVAL)
                     
-                    # 如果等待时间过长（超过300秒），防止无限等待
+                    # 如果等待时间过长（超过300秒），抛出超时异常，让外部处理
                     if time.time() - start_time > 300:
-                        log_msg = format_log_message('WARNING', "假流式请求等待时间过长，强制结束", extra=extra_log)
-                        logger.warning(log_msg)
-                        # 抛出超时异常，让外部处理
-                        error_msg = "假流式请求等待时间过长，所有API密钥均已尝试"
-                        extra_log_timeout = {'key': self.api_key[:8], 'request_type': 'fake-stream', 'model': request.model, 'status_code': 'TIMEOUT', 'error_message': error_msg}
-                        log_msg = format_log_message('ERROR', error_msg, extra=extra_log_timeout)
-                        logger.error(log_msg)
-                        raise TimeoutError(error_msg)
+                        log('ERROR', f"假流式请求等待时间过长",extra=extra_log)
+                        
+                        raise TimeoutError("假流式请求等待时间过长")
                 
             except Exception as e:
-                if not isinstance(e, asyncio.CancelledError):  # 忽略取消异常的日志记录
-                    error_msg = f"假流式处理期间发生错误: {str(e)}"
-                    extra_log_error = {'key': self.api_key[:8], 'request_type': 'fake-stream', 'model': request.model, 'status_code': 'ERROR', 'error_message': error_msg}
-                    log_msg = format_log_message('ERROR', error_msg, extra=extra_log_error)
-                    logger.error(log_msg)
+                if not isinstance(e, asyncio.CancelledError):  
+                    log('ERROR', f"假流式处理期间发生错误: {str(e)}", extra=extra_log)
                 raise e
             finally:
-                log_msg = format_log_message('INFO', "假流式请求结束", extra=extra_log)
-                logger.info(log_msg)
+                log('INFO', "假流式请求结束", extra=extra_log)
         else:
-            # 原始流式请求处理逻辑
-            api_version = "v1alpha" if "think" in request.model else "v1beta"
-            url = f"https://generativelanguage.googleapis.com/{api_version}/models/{request.model}:streamGenerateContent?key={self.api_key}&alt=sse"
+            # 真流式请求处理逻辑
+            extra_log = {'key': self.api_key[:8], 'request_type': 'stream', 'model': request.model}
+            log('INFO', "真流式请求开始", extra=extra_log)
+            
+            api_version, data = self._prepare_request_data(request, contents, safety_settings, system_instruction)
+            model= request.model.removesuffix("-search")
+            url = f"https://generativelanguage.googleapis.com/{api_version}/models/{model}:streamGenerateContent?key={self.api_key}&alt=sse"
             headers = {
                 "Content-Type": "application/json",
             }
-            data = {
-                "contents": contents,
-                "generationConfig": {
-                    "temperature": request.temperature,
-                    "maxOutputTokens": request.max_tokens,
-                },
-                "safetySettings": safety_settings,
-            }
-            if system_instruction:
-                data["system_instruction"] = system_instruction
             
             async with httpx.AsyncClient() as client:
                 async with client.stream("POST", url, headers=headers, json=data, timeout=600) as response:
@@ -241,38 +252,26 @@ class GeminiClient:
                         logger.info(log_msg)
 
     def complete_chat(self, request: ChatCompletionRequest, contents, safety_settings, system_instruction):
-        extra_log = {'key': self.api_key[:8], 'request_type': 'non-stream', 'model': request.model, 'status_code': 'N/A'}
-        log_msg = format_log_message('INFO', "非流式请求开始", extra=extra_log)
-        logger.info(log_msg)
+        extra_log = {'key': self.api_key[:8], 'request_type': 'non-stream', 'model': request.model}
+        log('info', "非流式请求开始", extra=extra_log)
         
-        api_version = "v1alpha" if "think" in request.model else "v1beta"
-        url = f"https://generativelanguage.googleapis.com/{api_version}/models/{request.model}:generateContent?key={self.api_key}"
+        api_version, data = self._prepare_request_data(request, contents, safety_settings, system_instruction)
+        model= request.model.removesuffix("-search")
+        url = f"https://generativelanguage.googleapis.com/{api_version}/models/{model}:generateContent?key={self.api_key}"
         headers = {
             "Content-Type": "application/json",
         }
-        data = {
-            "contents": contents,
-            "generationConfig": {
-                "temperature": request.temperature,
-                "maxOutputTokens": request.max_tokens,
-            },
-            "safetySettings": safety_settings,
-        }
-        if system_instruction:
-            data["system_instruction"] = system_instruction
-            
+        
         try:
             response = requests.post(url, headers=headers, json=data)
             response.raise_for_status()
-            
-            log_msg = format_log_message('INFO', "非流式请求成功完成", extra=extra_log)
-            logger.info(log_msg)
+            log('info', "非流式请求成功完成", extra=extra_log)
             
             return ResponseWrapper(response.json())
         except Exception as e:
             raise
 
-    def convert_messages(self, messages, use_system_prompt=False):
+    def convert_messages(self, messages, use_system_prompt=False,model=None):
         gemini_history = []
         errors = []
         system_instruction_text = ""
@@ -341,11 +340,13 @@ class GeminiClient:
         if errors:
             return errors
         else:
+            # 只有当search_mode为真且模型名称以-search结尾时，才添加搜索提示
+            if settings.serach["search_mode"] and model and model.endswith("-search"):
+                gemini_history.insert(len(gemini_history)-2,{'role': 'user', 'parts': [{'text':settings.serach["search_prompt"]}]})
             if RANDOM_STRING:
                 gemini_history.insert(1,{'role': 'user', 'parts': [{'text': generate_secure_random_string(RANDOM_STRING_LENGTH)}]})
                 gemini_history.insert(len(gemini_history)-1,{'role': 'user', 'parts': [{'text': generate_secure_random_string(RANDOM_STRING_LENGTH)}]})
                 log_msg = format_log_message('INFO', "伪装消息成功")
-                logger.info(log_msg)
             return gemini_history, {"parts": [{"text": system_instruction_text}]}
 
     @staticmethod
@@ -356,6 +357,11 @@ class GeminiClient:
             response = await client.get(url)
             response.raise_for_status()
             data = response.json()
-            models = [model["name"] for model in data.get("models", [])]
+            models = []
+            for model in data.get("models", []):
+                models.append(model["name"])
+                if model["name"].startswith("models/gemini-2"):
+                    models.append(model["name"] + "-search")
             models.extend(GeminiClient.EXTRA_MODELS)
+                
             return models

app/templates/assets/index.css

@@ -1 +1 @@
-:root{--vt-c-white: #ffffff;--vt-c-white-soft: #f8f8f8;--vt-c-white-mute: #f2f2f2;--vt-c-black: #181818;--vt-c-black-soft: #222222;--vt-c-black-mute: #282828;--vt-c-indigo: #2c3e50;--vt-c-divider-light-1: rgba(60, 60, 60, .29);--vt-c-divider-light-2: rgba(60, 60, 60, .12);--vt-c-divider-dark-1: rgba(84, 84, 84, .65);--vt-c-divider-dark-2: rgba(84, 84, 84, .48);--vt-c-text-light-1: var(--vt-c-indigo);--vt-c-text-light-2: rgba(60, 60, 60, .66);--vt-c-text-dark-1: var(--vt-c-white);--vt-c-text-dark-2: rgba(235, 235, 235, .64)}:root{--color-background: var(--vt-c-white);--color-background-soft: var(--vt-c-white-soft);--color-background-mute: var(--vt-c-white-mute);--color-border: var(--vt-c-divider-light-2);--color-border-hover: var(--vt-c-divider-light-1);--color-heading: var(--vt-c-text-light-1);--color-text: var(--vt-c-text-light-1);--section-gap: 160px}@media (prefers-color-scheme: dark){:root{--color-background: var(--vt-c-black);--color-background-soft: var(--vt-c-black-soft);--color-background-mute: var(--vt-c-black-mute);--color-border: var(--vt-c-divider-dark-2);--color-border-hover: var(--vt-c-divider-dark-1);--color-heading: var(--vt-c-text-dark-1);--color-text: var(--vt-c-text-dark-2)}}*,*:before,*:after{box-sizing:border-box;margin:0;font-weight:400}body{min-height:100vh;color:var(--color-text);background:var(--color-background);transition:color .5s,background-color .5s;line-height:1.6;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:15px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{max-width:1280px;margin:0 auto;padding:1rem;font-weight:400}a,.green{text-decoration:none;color:#00bd7e;transition:.4s;padding:3px}@media (hover: hover){a:hover{background-color:#00bd7e33}}body{margin:0;padding:0}.info-box[data-v-866707fc]{background-color:#fff;border:1px solid #dee2e6;border-radius:8px;padding:20px;margin-bottom:20px;box-shadow:0 2px 4px #0000000d}@media (max-width: 768px){.info-box[data-v-866707fc]{margin-bottom:12px}}@media (max-width: 480px){.info-box[data-v-866707fc]{margin-bottom:8px}}.status[data-v-866707fc]{color:#28a745;font-weight:700;font-size:18px;margin-bottom:20px;text-align:center}.section-title[data-v-866707fc]{color:#495057;border-bottom:1px solid #dee2e6;padding-bottom:10px;margin-bottom:20px}.stats-grid[data-v-866707fc]{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:15px;margin-bottom:20px}@media (max-width: 768px){.stats-grid[data-v-866707fc]{gap:6px}}.stat-card[data-v-866707fc]{background-color:#e9ecef;padding:15px;border-radius:8px;text-align:center;box-shadow:0 2px 4px #0000000d;transition:transform .2s}.stat-card[data-v-866707fc]:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.stat-value[data-v-866707fc]{font-size:24px;font-weight:700;color:#007bff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stat-label[data-v-866707fc]{font-size:14px;color:#6c757d;margin-top:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (max-width: 768px){.stat-card[data-v-866707fc]{padding:8px 5px}.stat-value[data-v-866707fc]{font-size:16px}.stat-label[data-v-866707fc]{font-size:11px;margin-top:3px}}@media (max-width: 480px){.stat-card[data-v-866707fc]{padding:6px 3px}.stat-value[data-v-866707fc]{font-size:14px}.stat-label[data-v-866707fc]{font-size:10px;margin-top:2px}}.api-key-stats-container[data-v-866707fc]{margin-top:20px}.api-key-stats-list[data-v-866707fc]{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:15px}@media (max-width: 992px){.api-key-stats-list[data-v-866707fc]{grid-template-columns:repeat(2,1fr)}}@media (max-width: 576px){.api-key-stats-list[data-v-866707fc]{grid-template-columns:1fr}}.api-key-item[data-v-866707fc]{background-color:#f8f9fa;border-radius:8px;padding:15px;box-shadow:0 2px 4px #0000000d}.api-key-header[data-v-866707fc]{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.api-key-name[data-v-866707fc]{font-weight:700;color:#495057;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:50%}.api-key-usage[data-v-866707fc]{display:flex;align-items:center;gap:10px;white-space:nowrap}.api-key-count[data-v-866707fc]{font-weight:700;color:#007bff}@media (max-width: 768px){.api-key-item[data-v-866707fc]{padding:8px}.api-key-header[data-v-866707fc]{margin-bottom:6px}.api-key-name[data-v-866707fc]{font-size:12px}.api-key-usage[data-v-866707fc]{font-size:12px;gap:5px}}@media (max-width: 480px){.api-key-item[data-v-866707fc]{padding:6px}.api-key-name[data-v-866707fc]{font-size:11px;max-width:45%}.api-key-usage[data-v-866707fc]{font-size:11px;gap:3px}}.progress-container[data-v-866707fc]{width:100%;height:10px;background-color:#e9ecef;border-radius:5px;overflow:hidden}.progress-bar[data-v-866707fc]{height:100%;border-radius:5px;transition:width .3s ease}.progress-bar.low[data-v-866707fc]{background-color:#28a745}.progress-bar.medium[data-v-866707fc]{background-color:#ffc107}.progress-bar.high[data-v-866707fc]{background-color:#dc3545}.model-stats-container[data-v-866707fc]{margin-top:10px;border-top:1px dashed #dee2e6;padding-top:10px}.model-stats-header[data-v-866707fc]{display:flex;justify-content:space-between;align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none;margin-bottom:8px;color:#495057;font-size:14px}.model-stats-title[data-v-866707fc]{font-weight:600}.model-stats-toggle[data-v-866707fc]{font-size:12px}.model-stats-list[data-v-866707fc]{display:flex;flex-direction:column;gap:8px}.model-stat-item[data-v-866707fc]{display:flex;justify-content:space-between;align-items:center;padding:6px 10px;background-color:#f1f3f5;border-radius:4px;font-size:13px}.model-name[data-v-866707fc]{font-weight:500;color:#495057;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:60%}.model-count[data-v-866707fc]{display:flex;align-items:center;gap:8px;color:#007bff;font-weight:600}.model-usage-text[data-v-866707fc]{color:#6c757d;font-weight:400;font-size:12px}.model-progress-container[data-v-866707fc]{width:60px;height:6px;background-color:#e9ecef;border-radius:3px;overflow:hidden;margin-left:5px}.model-progress-bar[data-v-866707fc]{height:100%;border-radius:3px;transition:width .3s ease}.view-more-models[data-v-866707fc]{text-align:center;color:#007bff;font-size:12px;cursor:pointer;padding:8px;margin-top:5px;border-radius:4px;background-color:#007bff0d;transition:all .2s ease}.view-more-models[data-v-866707fc]:hover{background-color:#007bff1a;transform:translateY(-1px);box-shadow:0 2px 5px #0000000d}.fold-header[data-v-866707fc]{cursor:pointer;-webkit-user-select:none;user-select:none;display:flex;justify-content:space-between;align-items:center;transition:background-color .2s;border-radius:6px;padding:5px 8px}.fold-header[data-v-866707fc]:hover{background-color:#00000008}.fold-icon[data-v-866707fc]{display:inline-flex;align-items:center;justify-content:center;transition:transform .3s ease}.fold-icon.rotated[data-v-866707fc]{transform:rotate(180deg)}.fold-content[data-v-866707fc]{overflow:hidden}.fold-enter-active[data-v-866707fc],.fold-leave-active[data-v-866707fc]{transition:all .3s ease;max-height:1000px;opacity:1;overflow:hidden}.fold-enter-from[data-v-866707fc],.fold-leave-to[data-v-866707fc]{max-height:0;opacity:0;overflow:hidden}.model-stat-item[data-v-866707fc]{transition:transform .2s,box-shadow .2s}.model-stat-item[data-v-866707fc]:hover{transform:translateY(-2px);box-shadow:0 2px 8px #0000000d}@media (max-width: 768px){.model-stats-container[data-v-866707fc]{margin-top:8px;padding-top:8px}.model-stats-header[data-v-866707fc]{font-size:12px;margin-bottom:6px}.model-stat-item[data-v-866707fc]{padding:4px 8px;font-size:11px}.model-progress-container[data-v-866707fc]{width:40px;height:4px}}.info-box[data-v-f2d215af]{background-color:#fff;border:1px solid #dee2e6;border-radius:8px;padding:20px;margin-bottom:20px;box-shadow:0 2px 4px #0000000d}@media (max-width: 768px){.info-box[data-v-f2d215af]{margin-bottom:12px}}@media (max-width: 480px){.info-box[data-v-f2d215af]{margin-bottom:8px}}.section-title[data-v-f2d215af]{color:#495057;border-bottom:1px solid #dee2e6;padding-bottom:10px;margin-bottom:20px}.stats-grid[data-v-f2d215af]{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:15px;margin-bottom:20px}@media (max-width: 768px){.stats-grid[data-v-f2d215af]{gap:6px}}.stat-card[data-v-f2d215af]{background-color:#e9ecef;padding:15px;border-radius:8px;text-align:center;box-shadow:0 2px 4px #0000000d;transition:transform .2s}.stat-card[data-v-f2d215af]:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.stat-value[data-v-f2d215af]{font-size:24px;font-weight:700;color:#007bff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stat-label[data-v-f2d215af]{font-size:14px;color:#6c757d;margin-top:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (max-width: 768px){.stat-card[data-v-f2d215af]{padding:8px 5px}.stat-value[data-v-f2d215af]{font-size:16px}.stat-label[data-v-f2d215af]{font-size:11px;margin-top:3px}}@media (max-width: 480px){.stat-card[data-v-f2d215af]{padding:6px 3px}.stat-value[data-v-f2d215af]{font-size:14px}.stat-label[data-v-f2d215af]{font-size:10px;margin-top:2px}}.update-needed[data-v-f2d215af]{color:#dc3545}.up-to-date[data-v-f2d215af]{color:#28a745}.info-box[data-v-f5b7a7c0]{background-color:#fff;border:1px solid #dee2e6;border-radius:8px;padding:20px;margin-bottom:20px;box-shadow:0 2px 4px #0000000d}@media (max-width: 768px){.info-box[data-v-f5b7a7c0]{margin-bottom:12px}}@media (max-width: 480px){.info-box[data-v-f5b7a7c0]{margin-bottom:8px}}.section-title[data-v-f5b7a7c0]{color:#495057;border-bottom:1px solid #dee2e6;padding-bottom:10px;margin-bottom:20px}.log-filter[data-v-f5b7a7c0]{display:flex;justify-content:center;margin-bottom:15px;gap:10px;flex-wrap:wrap}.log-filter button[data-v-f5b7a7c0]{padding:5px 10px;border:1px solid #ddd;border-radius:4px;background-color:#f8f9fa;cursor:pointer;min-width:60px}.log-filter button.active[data-v-f5b7a7c0]{background-color:#007bff;color:#fff;border-color:#007bff}@media (max-width: 768px){.log-filter[data-v-f5b7a7c0]{gap:6px;margin-bottom:12px}.log-filter button[data-v-f5b7a7c0]{padding:4px 8px;font-size:12px;min-width:50px}}@media (max-width: 480px){.log-filter[data-v-f5b7a7c0]{gap:4px;margin-bottom:10px}.log-filter button[data-v-f5b7a7c0]{padding:3px 6px;font-size:11px;min-width:40px}}.log-container[data-v-f5b7a7c0]{background-color:#f5f5f5;border:1px solid #ddd;border-radius:8px;padding:15px;margin-top:20px;max-height:500px;overflow-y:auto;font-family:monospace;font-size:14px;line-height:1.5}.log-entry[data-v-f5b7a7c0]{margin-bottom:8px;padding:8px;border-radius:4px;word-break:break-word}.log-entry.INFO[data-v-f5b7a7c0]{background-color:#e8f4f8;border-left:4px solid #17a2b8}.log-entry.WARNING[data-v-f5b7a7c0]{background-color:#fff3cd;border-left:4px solid #ffc107}.log-entry.ERROR[data-v-f5b7a7c0]{background-color:#f8d7da;border-left:4px solid #dc3545}.log-entry.DEBUG[data-v-f5b7a7c0]{background-color:#d1ecf1;border-left:4px solid #17a2b8}.log-timestamp[data-v-f5b7a7c0]{color:#6c757d;font-size:12px;margin-right:10px}.log-level[data-v-f5b7a7c0]{font-weight:700;margin-right:10px}.log-level.INFO[data-v-f5b7a7c0]{color:#17a2b8}.log-level.WARNING[data-v-f5b7a7c0]{color:#ffc107}.log-level.ERROR[data-v-f5b7a7c0]{color:#dc3545}.log-level.DEBUG[data-v-f5b7a7c0]{color:#17a2b8}.log-message[data-v-f5b7a7c0]{color:#212529}@media (max-width: 768px){.log-container[data-v-f5b7a7c0]{padding:10px;font-size:13px}.log-entry[data-v-f5b7a7c0]{padding:6px;margin-bottom:6px}.log-timestamp[data-v-f5b7a7c0]{font-size:11px;display:block;margin-bottom:3px}}@media (max-width: 480px){.log-container[data-v-f5b7a7c0]{padding:8px;font-size:12px}.log-entry[data-v-f5b7a7c0]{padding:5px;margin-bottom:5px}.log-timestamp[data-v-f5b7a7c0]{font-size:10px}.log-level[data-v-f5b7a7c0]{margin-right:5px}}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.6;background-color:#f8f9fa;margin:0;padding:0}.dashboard{max-width:1200px;margin:0 auto;padding:20px}h1{color:#333;text-align:center;margin:20px 0;font-size:1.8rem}@media (max-width: 768px){.dashboard{padding:10px 8px}h1{margin:12px 0 10px}}@media (max-width: 480px){.dashboard{padding:6px 4px}h1{margin:8px 0 6px}}.refresh-button{display:block;margin:20px auto;padding:10px 20px;background-color:#007bff;color:#fff;border:none;border-radius:4px;font-size:16px;cursor:pointer;transition:background-color .2s}.refresh-button:hover{background-color:#0069d9}@media (max-width: 768px){:deep(.info-box){padding:10px 6px;margin-bottom:10px;border-radius:6px}:deep(.section-title){font-size:1.1rem;margin-bottom:10px;padding-bottom:6px}:deep(.stats-grid){gap:5px;margin-top:10px;margin-bottom:15px}.refresh-button{margin:15px auto;padding:8px 16px;font-size:14px}}@media (max-width: 480px){:deep(.info-box){padding:8px 4px;margin-bottom:6px;border-radius:5px}:deep(.section-title){font-size:1rem;margin-bottom:8px;padding-bottom:4px}:deep(.stats-grid){gap:4px;margin-top:8px;margin-bottom:10px}.refresh-button{margin:10px auto;padding:6px 12px;font-size:13px}}
+:root{--vt-c-white: #ffffff;--vt-c-white-soft: #f8f8f8;--vt-c-white-mute: #f2f2f2;--vt-c-black: #181818;--vt-c-black-soft: #222222;--vt-c-black-mute: #282828;--vt-c-indigo: #2c3e50;--vt-c-divider-light-1: rgba(60, 60, 60, .29);--vt-c-divider-light-2: rgba(60, 60, 60, .12);--vt-c-divider-dark-1: rgba(84, 84, 84, .65);--vt-c-divider-dark-2: rgba(84, 84, 84, .48);--vt-c-text-light-1: var(--vt-c-indigo);--vt-c-text-light-2: rgba(60, 60, 60, .66);--vt-c-text-dark-1: var(--vt-c-white);--vt-c-text-dark-2: rgba(235, 235, 235, .64)}:root{--color-background: var(--vt-c-white);--color-background-soft: var(--vt-c-white-soft);--color-background-mute: var(--vt-c-white-mute);--color-border: var(--vt-c-divider-light-2);--color-border-hover: var(--vt-c-divider-light-1);--color-heading: var(--vt-c-text-light-1);--color-text: var(--vt-c-text-light-1);--section-gap: 160px;--card-background: #ffffff;--card-border: #e0e0e0;--button-primary: #007bff;--button-primary-hover: #0069d9;--button-text: #ffffff;--stats-item-bg: #f8f9fa;--log-entry-bg: #f8f9fa;--log-entry-border: #e9ecef;--toggle-bg: #ccc;--toggle-active: #007bff}.dark-mode{--color-background: var(--vt-c-black);--color-background-soft: var(--vt-c-black-soft);--color-background-mute: var(--vt-c-black-mute);--color-border: var(--vt-c-divider-dark-2);--color-border-hover: var(--vt-c-divider-dark-1);--color-heading: var(--vt-c-text-dark-1);--color-text: var(--vt-c-text-dark-2);--card-background: #2d2d2d;--card-border: #444444;--button-primary: #0056b3;--button-primary-hover: #004494;--button-text: #ffffff;--stats-item-bg: #333333;--log-entry-bg: #333333;--log-entry-border: #444444;--toggle-bg: #555555;--toggle-active: #0056b3}@media (prefers-color-scheme: dark){:root:not(.dark-mode):not(.light-mode){--color-background: var(--vt-c-black);--color-background-soft: var(--vt-c-black-soft);--color-background-mute: var(--vt-c-black-mute);--color-border: var(--vt-c-divider-dark-2);--color-border-hover: var(--vt-c-divider-dark-1);--color-heading: var(--vt-c-text-dark-1);--color-text: var(--vt-c-text-dark-2);--card-background: #2d2d2d;--card-border: #444444;--button-primary: #0056b3;--button-primary-hover: #004494;--button-text: #ffffff;--stats-item-bg: #333333;--log-entry-bg: #333333;--log-entry-border: #444444;--toggle-bg: #555555;--toggle-active: #0056b3}}*,*:before,*:after{box-sizing:border-box;margin:0;font-weight:400}body{min-height:100vh;color:var(--color-text);background:var(--color-background);transition:color .5s,background-color .5s;line-height:1.6;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:15px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{max-width:1280px;margin:0 auto;padding:1rem;font-weight:400}a,.green{text-decoration:none;color:#00bd7e;transition:.4s;padding:3px}@media (hover: hover){a:hover{background-color:#00bd7e33}}body{margin:0;padding:0}.info-box[data-v-ec28689b]{background-color:var(--card-background);border:1px solid var(--card-border);border-radius:8px;padding:20px;margin-bottom:20px;box-shadow:0 2px 4px #0000000d;transition:background-color .3s,border-color .3s,box-shadow .3s}@media (max-width: 768px){.info-box[data-v-ec28689b]{margin-bottom:12px}}@media (max-width: 480px){.info-box[data-v-ec28689b]{margin-bottom:8px}}.status[data-v-ec28689b]{color:#28a745;font-weight:700;font-size:18px;margin-bottom:20px;text-align:center}.section-title[data-v-ec28689b]{color:var(--color-heading);border-bottom:1px solid var(--color-border);padding-bottom:10px;margin-bottom:20px;transition:color .3s,border-color .3s}.stats-grid[data-v-ec28689b]{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:15px;margin-bottom:20px}@media (max-width: 768px){.stats-grid[data-v-ec28689b]{gap:6px}}.stat-card[data-v-ec28689b]{background-color:var(--stats-item-bg);padding:15px;border-radius:8px;text-align:center;box-shadow:0 2px 4px #0000000d;transition:transform .2s,background-color .3s,box-shadow .3s}.stat-card[data-v-ec28689b]:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.stat-value[data-v-ec28689b]{font-size:24px;font-weight:700;color:var(--button-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .3s}.stat-label[data-v-ec28689b]{font-size:14px;color:var(--color-text);margin-top:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .3s}@media (max-width: 768px){.stat-card[data-v-ec28689b]{padding:8px 5px}.stat-value[data-v-ec28689b]{font-size:16px}.stat-label[data-v-ec28689b]{font-size:11px;margin-top:3px}}@media (max-width: 480px){.stat-card[data-v-ec28689b]{padding:6px 3px}.stat-value[data-v-ec28689b]{font-size:14px}.stat-label[data-v-ec28689b]{font-size:10px;margin-top:2px}}.api-key-stats-container[data-v-ec28689b]{margin-top:20px}.api-key-stats-list[data-v-ec28689b]{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:15px}@media (max-width: 992px){.api-key-stats-list[data-v-ec28689b]{grid-template-columns:repeat(2,1fr)}}@media (max-width: 576px){.api-key-stats-list[data-v-ec28689b]{grid-template-columns:1fr}}.api-key-item[data-v-ec28689b]{background-color:var(--stats-item-bg);border-radius:8px;padding:15px;box-shadow:0 2px 4px #0000000d;transition:background-color .3s,box-shadow .3s}.api-key-header[data-v-ec28689b]{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.api-key-name[data-v-ec28689b]{font-weight:700;color:var(--color-heading);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:50%;transition:color .3s}.api-key-usage[data-v-ec28689b]{display:flex;align-items:center;gap:10px;white-space:nowrap}.api-key-count[data-v-ec28689b]{font-weight:700;color:var(--button-primary);transition:color .3s}@media (max-width: 768px){.api-key-item[data-v-ec28689b]{padding:8px}.api-key-header[data-v-ec28689b]{margin-bottom:6px}.api-key-name[data-v-ec28689b]{font-size:12px}.api-key-usage[data-v-ec28689b]{font-size:12px;gap:5px}}@media (max-width: 480px){.api-key-item[data-v-ec28689b]{padding:6px}.api-key-name[data-v-ec28689b]{font-size:11px;max-width:45%}.api-key-usage[data-v-ec28689b]{font-size:11px;gap:3px}}.progress-container[data-v-ec28689b]{width:100%;height:10px;background-color:var(--color-background-soft);border-radius:5px;overflow:hidden;transition:background-color .3s}.progress-bar[data-v-ec28689b]{height:100%;border-radius:5px;transition:width .3s ease,background-color .3s}.progress-bar.low[data-v-ec28689b]{background-color:#28a745}.progress-bar.medium[data-v-ec28689b]{background-color:#ffc107}.progress-bar.high[data-v-ec28689b]{background-color:#dc3545}.model-stats-container[data-v-ec28689b]{margin-top:10px;border-top:1px dashed var(--color-border);padding-top:10px;transition:border-color .3s}.model-stats-header[data-v-ec28689b]{display:flex;justify-content:space-between;align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none;margin-bottom:8px;color:var(--color-heading);font-size:14px;transition:color .3s}.model-stats-title[data-v-ec28689b]{font-weight:600}.model-stats-toggle[data-v-ec28689b]{font-size:12px}.model-stats-list[data-v-ec28689b]{display:flex;flex-direction:column;gap:8px}.model-stat-item[data-v-ec28689b]{display:flex;justify-content:space-between;align-items:center;padding:6px 10px;background-color:var(--color-background-mute);border-radius:4px;font-size:13px;transition:transform .2s,box-shadow .2s,background-color .3s}.model-name[data-v-ec28689b]{font-weight:500;color:var(--color-heading);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:60%;transition:color .3s}.model-count[data-v-ec28689b]{display:flex;align-items:center;gap:8px;color:var(--button-primary);font-weight:600;transition:color .3s}.model-usage-text[data-v-ec28689b]{color:var(--color-text);font-weight:400;font-size:12px;transition:color .3s}.model-progress-container[data-v-ec28689b]{width:60px;height:6px;background-color:var(--color-background-soft);border-radius:3px;overflow:hidden;margin-left:5px;transition:background-color .3s}.model-progress-bar[data-v-ec28689b]{height:100%;border-radius:3px;transition:width .3s ease,background-color .3s}.view-more-models[data-v-ec28689b]{text-align:center;color:var(--button-primary);font-size:12px;cursor:pointer;padding:8px;margin-top:5px;border-radius:4px;background-color:#007bff0d;transition:all .2s ease,color .3s,background-color .3s}.view-more-models[data-v-ec28689b]:hover{background-color:#007bff1a;transform:translateY(-1px);box-shadow:0 2px 5px #0000000d}.fold-header[data-v-ec28689b]{cursor:pointer;-webkit-user-select:none;user-select:none;display:flex;justify-content:space-between;align-items:center;transition:background-color .2s;border-radius:6px;padding:5px 8px}.fold-header[data-v-ec28689b]:hover{background-color:var(--color-background-mute)}.fold-icon[data-v-ec28689b]{display:inline-flex;align-items:center;justify-content:center;transition:transform .3s ease}.fold-icon.rotated[data-v-ec28689b]{transform:rotate(180deg)}.fold-content[data-v-ec28689b]{overflow:hidden}.fold-enter-active[data-v-ec28689b],.fold-leave-active[data-v-ec28689b]{transition:all .3s ease;max-height:1000px;opacity:1;overflow:hidden}.fold-enter-from[data-v-ec28689b],.fold-leave-to[data-v-ec28689b]{max-height:0;opacity:0;overflow:hidden}.model-stat-item[data-v-ec28689b]:hover{transform:translateY(-2px);box-shadow:0 2px 8px #0000000d}@media (max-width: 768px){.model-stats-container[data-v-ec28689b]{margin-top:8px;padding-top:8px}.model-stats-header[data-v-ec28689b]{font-size:12px;margin-bottom:6px}.model-stat-item[data-v-ec28689b]{padding:4px 8px;font-size:11px}.model-progress-container[data-v-ec28689b]{width:40px;height:4px}}.info-box[data-v-fda98e8f]{background-color:var(--card-background);border:1px solid var(--card-border);border-radius:8px;padding:20px;margin-bottom:20px;box-shadow:0 2px 4px #0000000d;transition:background-color .3s,border-color .3s,box-shadow .3s}@media (max-width: 768px){.info-box[data-v-fda98e8f]{margin-bottom:12px}}@media (max-width: 480px){.info-box[data-v-fda98e8f]{margin-bottom:8px}}.section-title[data-v-fda98e8f]{color:var(--color-heading);border-bottom:1px solid var(--color-border);padding-bottom:10px;margin-bottom:20px;transition:color .3s,border-color .3s}.stats-grid[data-v-fda98e8f]{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:15px;margin-bottom:20px}@media (max-width: 768px){.stats-grid[data-v-fda98e8f]{gap:6px}}.stat-card[data-v-fda98e8f]{background-color:var(--stats-item-bg);padding:15px;border-radius:8px;text-align:center;box-shadow:0 2px 4px #0000000d;transition:transform .2s,background-color .3s,box-shadow .3s}.stat-card[data-v-fda98e8f]:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.stat-value[data-v-fda98e8f]{font-size:24px;font-weight:700;color:var(--button-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .3s}.stat-label[data-v-fda98e8f]{font-size:14px;color:var(--color-text);margin-top:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .3s}@media (max-width: 768px){.stat-card[data-v-fda98e8f]{padding:8px 5px}.stat-value[data-v-fda98e8f]{font-size:16px}.stat-label[data-v-fda98e8f]{font-size:11px;margin-top:3px}}@media (max-width: 480px){.stat-card[data-v-fda98e8f]{padding:6px 3px}.stat-value[data-v-fda98e8f]{font-size:14px}.stat-label[data-v-fda98e8f]{font-size:10px;margin-top:2px}}.update-needed[data-v-fda98e8f]{color:#dc3545!important}.up-to-date[data-v-fda98e8f]{color:#28a745!important}.info-box[data-v-c3726400]{background-color:var(--card-background);border:1px solid var(--card-border);border-radius:8px;padding:20px;margin-bottom:20px;box-shadow:0 2px 4px #0000000d;transition:background-color .3s,border-color .3s,box-shadow .3s}@media (max-width: 768px){.info-box[data-v-c3726400]{margin-bottom:12px}}@media (max-width: 480px){.info-box[data-v-c3726400]{margin-bottom:8px}}.section-title[data-v-c3726400]{color:var(--color-heading);border-bottom:1px solid var(--color-border);padding-bottom:10px;margin-bottom:20px;transition:color .3s,border-color .3s}.log-filter[data-v-c3726400]{display:flex;justify-content:center;margin-bottom:15px;gap:10px;flex-wrap:wrap}.log-filter button[data-v-c3726400]{padding:5px 10px;border:1px solid var(--card-border);border-radius:4px;background-color:var(--stats-item-bg);color:var(--color-text);cursor:pointer;min-width:60px;transition:background-color .3s,color .3s,border-color .3s}.log-filter button.active[data-v-c3726400]{background-color:var(--button-primary);color:var(--button-text);border-color:var(--button-primary)}@media (max-width: 768px){.log-filter[data-v-c3726400]{gap:6px;margin-bottom:12px}.log-filter button[data-v-c3726400]{padding:4px 8px;font-size:12px;min-width:50px}}@media (max-width: 480px){.log-filter[data-v-c3726400]{gap:4px;margin-bottom:10px}.log-filter button[data-v-c3726400]{padding:3px 6px;font-size:11px;min-width:40px}}.log-container[data-v-c3726400]{background-color:var(--log-entry-bg);border:1px solid var(--log-entry-border);border-radius:8px;padding:15px;margin-top:20px;max-height:500px;overflow-y:auto;font-family:monospace;font-size:14px;line-height:1.5;transition:background-color .3s,border-color .3s}.log-entry[data-v-c3726400]{margin-bottom:8px;padding:8px;border-radius:4px;word-break:break-word;transition:background-color .3s,border-color .3s}.log-entry.INFO[data-v-c3726400]{background-color:#17a2b81a;border-left:4px solid #17a2b8}.log-entry.WARNING[data-v-c3726400]{background-color:#ffc1071a;border-left:4px solid #ffc107}.log-entry.ERROR[data-v-c3726400]{background-color:#dc35451a;border-left:4px solid #dc3545}.log-entry.DEBUG[data-v-c3726400]{background-color:#17a2b81a;border-left:4px solid #17a2b8}.log-timestamp[data-v-c3726400]{color:var(--color-text);font-size:12px;margin-right:10px;opacity:.8;transition:color .3s}.log-level[data-v-c3726400]{font-weight:700;margin-right:10px}.log-level.INFO[data-v-c3726400]{color:#17a2b8}.log-level.WARNING[data-v-c3726400]{color:#ffc107}.log-level.ERROR[data-v-c3726400]{color:#dc3545}.log-level.DEBUG[data-v-c3726400]{color:#17a2b8}.log-message[data-v-c3726400]{color:var(--color-text);transition:color .3s}@media (max-width: 768px){.log-container[data-v-c3726400]{padding:10px;font-size:13px}.log-entry[data-v-c3726400]{padding:6px;margin-bottom:6px}.log-timestamp[data-v-c3726400]{font-size:11px;display:block;margin-bottom:3px}}@media (max-width: 480px){.log-container[data-v-c3726400]{padding:8px;font-size:12px}.log-entry[data-v-c3726400]{padding:5px;margin-bottom:5px}.log-timestamp[data-v-c3726400]{font-size:10px}.log-level[data-v-c3726400]{margin-right:5px}}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.6;background-color:var(--color-background);color:var(--color-text);margin:0;padding:0;transition:background-color .3s,color .3s}.dashboard{max-width:1200px;margin:0 auto;padding:20px}.header-container{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}h1{color:var(--color-heading);margin:0;font-size:1.8rem}.theme-toggle{display:flex;align-items:center}.toggle-label{margin-left:8px;font-size:1.2rem}.switch{position:relative;display:inline-block;width:60px;height:30px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--toggle-bg);transition:.4s}.slider:before{position:absolute;content:"";height:22px;width:22px;left:4px;bottom:4px;background-color:#fff;transition:.4s}input:checked+.slider{background-color:var(--toggle-active)}input:focus+.slider{box-shadow:0 0 1px var(--toggle-active)}input:checked+.slider:before{transform:translate(30px)}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}@media (max-width: 768px){.dashboard{padding:10px 8px}.header-container{flex-direction:row;justify-content:space-between;align-items:center;margin-bottom:15px}h1{font-size:1.4rem;text-align:left;margin-right:10px}}@media (max-width: 480px){.dashboard{padding:6px 4px}h1{font-size:1.2rem}.switch{width:50px;height:26px}.slider:before{height:18px;width:18px}input:checked+.slider:before{transform:translate(24px)}.toggle-label{margin-left:5px;font-size:1rem}}.refresh-button{display:block;margin:20px auto;padding:10px 20px;background-color:var(--button-primary);color:var(--button-text);border:none;border-radius:4px;font-size:16px;cursor:pointer;transition:background-color .2s}.refresh-button:hover{background-color:var(--button-primary-hover)}@media (max-width: 768px){:deep(.info-box){padding:10px 6px;margin-bottom:10px;border-radius:6px;background-color:var(--card-background);border:1px solid var(--card-border)}:deep(.section-title){font-size:1.1rem;margin-bottom:10px;padding-bottom:6px;color:var(--color-heading);border-bottom:1px solid var(--color-border)}:deep(.stats-grid){gap:5px;margin-top:10px;margin-bottom:15px}.refresh-button{margin:15px auto;padding:8px 16px;font-size:14px}}@media (max-width: 480px){:deep(.info-box){padding:8px 4px;margin-bottom:6px;border-radius:5px}:deep(.section-title){font-size:1rem;margin-bottom:8px;padding-bottom:4px}:deep(.stats-grid){gap:4px;margin-top:8px;margin-bottom:10px}.refresh-button{margin:10px auto;padding:6px 12px;font-size:13px}}

app/templates/assets/index.html

@@ -2,11 +2,11 @@
 <html lang="">
   <head>
     <meta charset="UTF-8">
-    <link rel="icon" href="/assets/favicon.ico">
+    <link rel="icon" href="/favicon.ico">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>HAJIMI</title>
-    <script type="module" crossorigin src="/assets/main.js"></script>
-    <link rel="stylesheet" crossorigin href="/assets/index.css">
+    <script type="module" crossorigin src="/main.js"></script>
+    <link rel="stylesheet" crossorigin href="/index.css">
   </head>
   <body>
     <div id="app"></div>

app/utils/api_key.py

@@ -28,7 +28,7 @@ class APIKeyManager:
 
 
     def get_available_key(self):
-        """从栈顶获取密钥，栈空时重新生成 (修改后)"""
+        """从栈顶获取密钥，若栈空则重新生成"""
         while self.key_stack:
             key = self.key_stack.pop()
             # if key not in self.api_key_blacklist and key not in self.tried_keys_for_request:
@@ -36,12 +36,8 @@ class APIKeyManager:
                 self.tried_keys_for_request.add(key)
                 return key
 
-        if not self.api_keys:
-            log_msg = format_log_message('ERROR', "没有配置任何 API 密钥！")
-            logger.error(log_msg)
-            return None
-
-        self._reset_key_stack() # 重新生成密钥栈
+        # 栈空，重新生成密钥栈
+        self._reset_key_stack() 
 
         # 再次尝试从新栈中获取密钥 (迭代一次)
         while self.key_stack:
@@ -51,6 +47,11 @@ class APIKeyManager:
                 self.tried_keys_for_request.add(key)
                 return key
 
+        if not self.api_keys:
+            log_msg = format_log_message('ERROR', "没有配置任何 API 密钥！")
+            logger.error(log_msg)
+            return None
+        
         return None
 
 

app/utils/error_handling.py

@@ -3,6 +3,7 @@ import logging
 import asyncio
 from fastapi import HTTPException, status
 from app.utils.logging import format_log_message
+from app.utils.logging import log
 
 logger = logging.getLogger("my_logger")
 
@@ -51,21 +52,6 @@ def handle_gemini_error(error, current_api_key, key_manager) -> str:
             # key_manager.blacklist_key(current_api_key)
             
             return error_message
-        elif status_code == 500:
-            error_message = "服务器内部错误"
-            extra_log_500 = {'key': current_api_key[:8], 'status_code': status_code, 'error_message': error_message}
-            log_msg = format_log_message('WARNING', f"{current_api_key[:8]} ... {current_api_key[-3:]} → 500 服务器内部错误", extra=extra_log_500)
-            logger.warning(log_msg)
-            
-            return "Gemini API 内部错误"
-
-        elif status_code == 503:
-            error_message = "服务不可用"
-            extra_log_503 = {'key': current_api_key[:8], 'status_code': status_code, 'error_message': error_message}
-            log_msg = format_log_message('WARNING', f"{current_api_key[:8]} ... {current_api_key[-3:]} → 503 服务不可用", extra=extra_log_503)
-            logger.warning(log_msg)
-            
-            return "Gemini API 服务不可用"
         else:
             error_message = f"未知错误: {status_code}"
             extra_log_other = {'key': current_api_key[:8], 'status_code': status_code, 'error_message': error_message}
@@ -102,36 +88,33 @@ def translate_error(message: str) -> str:
         return "服务不可用"
     return message
 
-async def handle_api_error(e, api_key, key_manager, request_type, model, retry_count=0):
-    """统一处理API错误，对500和503错误实现自动重试机制"""
-    error_detail = handle_gemini_error(e, api_key, key_manager)
+async def handle_api_error(e: Exception, api_key: str, key_manager, request_type: str, model: str, retry_count: int = 0):
+    """统一处理API错误"""
     
-    # 处理500和503服务器错误
-    if isinstance(e, requests.exceptions.HTTPError) and ('500' in str(e) or '503' in str(e)):
-        status_code = '500' if '500' in str(e) else '503'
-        
-        # 最多重试3次
-        if retry_count < 3:
-            wait_time = min(1 * (2 ** retry_count), 16)  # RETRY_DELAY=1, MAX_RETRY_DELAY=16
-            log_msg = format_log_message('WARNING', f"Gemini服务器错误({status_code})，等待{wait_time}秒后重试 ({retry_count+1}/3)",
+    if isinstance(e, requests.exceptions.HTTPError) :
+        status_code = e.response.status_code
+        # 对500和503错误实现自动重试机制, 最多重试3次
+        if retry_count < 3 and (status_code == 500 or status_code == 503):
+            error_message = 'Gemini API 内部错误' if (status_code == 500) else "Gemini API 服务目前不可用"
+            
+            # 等待时间 : MIN_RETRY_DELAY=1, MAX_RETRY_DELAY=16
+            wait_time = min(1 * (2 ** retry_count), 16)  
+            log('warning', f"{error_message}，将等待{wait_time}秒后重试 ({retry_count+1}/3)", 
                 extra={'key': api_key[:8], 'request_type': request_type, 'model': model, 'status_code': int(status_code)})
-            logger.warning(log_msg)
+            
             
             # 等待后返回重试信号
             await asyncio.sleep(wait_time)
-            return {'should_retry': True, 'error': error_detail, 'remove_cache': False}
+            return {'remove_cache': False}
         
-        # 重试次数用尽，直接返回错误状态码
-        log_msg = format_log_message('ERROR', f"服务器错误({status_code})重试{retry_count}次后仍然失败",
-            extra={'key': api_key[:8], 'request_type': request_type, 'model': model, 'status_code': int(status_code)})
-        logger.error(log_msg)
+        # 重试次数用尽，在日志中输出错误状态码
+        log('error', f"Gemini 服务器错误({status_code}), 且重试{retry_count}次后仍然失败", 
+            extra={'key': api_key[:8], 'request_type': request_type, 'model': model, 'status_code': int(status_code)})        
         
-        # 不建议切换密钥，直接抛出HTTP异常
+        # 不再切换密钥，向客户端抛出HTTP异常
         raise HTTPException(status_code=int(status_code),
                           detail=f"Gemini API 服务器错误({status_code})，请稍后重试")
     
-    # 对于其他错误，返回切换密钥的信号
-    log_msg = format_log_message('ERROR', f"API错误: {error_detail}",
-        extra={'key': api_key[:8], 'request_type': request_type, 'model': model, 'error_message': error_detail})
-    logger.error(log_msg)
-    return {'should_retry': False, 'should_switch_key': True, 'error': error_detail, 'remove_cache': True}
+    # 对于其他错误，返回切换密钥的信号，并输出错误信息到日志中
+    error_detail = handle_gemini_error(e, api_key, key_manager)
+    return {'should_switch_key': True, 'error': error_detail, 'remove_cache': True}

hajimiUI/src/assets/base.css

@@ -34,10 +34,48 @@
   --color-text: var(--vt-c-text-light-1);
 
   --section-gap: 160px;
+  
+  /* 自定义颜色变量 */
+  --card-background: #ffffff;
+  --card-border: #e0e0e0;
+  --button-primary: #007bff;
+  --button-primary-hover: #0069d9;
+  --button-text: #ffffff;
+  --stats-item-bg: #f8f9fa;
+  --log-entry-bg: #f8f9fa;
+  --log-entry-border: #e9ecef;
+  --toggle-bg: #ccc;
+  --toggle-active: #007bff;
 }
 
+/* 夜间模式变量 */
+.dark-mode {
+  --color-background: var(--vt-c-black);
+  --color-background-soft: var(--vt-c-black-soft);
+  --color-background-mute: var(--vt-c-black-mute);
+
+  --color-border: var(--vt-c-divider-dark-2);
+  --color-border-hover: var(--vt-c-divider-dark-1);
+
+  --color-heading: var(--vt-c-text-dark-1);
+  --color-text: var(--vt-c-text-dark-2);
+  
+  /* 自定义夜间模式颜色 */
+  --card-background: #2d2d2d;
+  --card-border: #444444;
+  --button-primary: #0056b3;
+  --button-primary-hover: #004494;
+  --button-text: #ffffff;
+  --stats-item-bg: #333333;
+  --log-entry-bg: #333333;
+  --log-entry-border: #444444;
+  --toggle-bg: #555555;
+  --toggle-active: #0056b3;
+}
+
+/* 保留系统偏好设置的支持 */
 @media (prefers-color-scheme: dark) {
-  :root {
+  :root:not(.dark-mode):not(.light-mode) {
     --color-background: var(--vt-c-black);
     --color-background-soft: var(--vt-c-black-soft);
     --color-background-mute: var(--vt-c-black-mute);
@@ -47,6 +85,18 @@
 
     --color-heading: var(--vt-c-text-dark-1);
     --color-text: var(--vt-c-text-dark-2);
+    
+    /* 自定义夜间模式颜色 */
+    --card-background: #2d2d2d;
+    --card-border: #444444;
+    --button-primary: #0056b3;
+    --button-primary-hover: #004494;
+    --button-text: #ffffff;
+    --stats-item-bg: #333333;
+    --log-entry-bg: #333333;
+    --log-entry-border: #444444;
+    --toggle-bg: #555555;
+    --toggle-active: #0056b3;
   }
 }
 

hajimiUI/src/components/dashboard/ConfigSection.vue

@@ -28,6 +28,10 @@ const dashboardStore = useDashboardStore()
     <!-- 功能配置 -->
     <h3 class="section-title">功能配置</h3>
     <div class="stats-grid">
+      <div class="stat-card">
+        <div class="stat-value">{{ dashboardStore.config.fakeStreaming ? "启用" : "禁用" }}</div>
+        <div class="stat-label">联网搜索</div>
+      </div>
       <div class="stat-card">
         <div class="stat-value">{{ dashboardStore.config.fakeStreaming ? "启用" : "禁用" }}</div>
         <div class="stat-label">假流式响应</div>
@@ -40,6 +44,10 @@ const dashboardStore = useDashboardStore()
         <div class="stat-value">{{ dashboardStore.config.randomString ? "启用" : "禁用" }}</div>
         <div class="stat-label">伪装信息</div>
       </div>
+      <div class="stat-card">
+        <div class="stat-value">{{ dashboardStore.config.fakeStreamingInterval }}字符</div>
+        <div class="stat-label">伪装信息长度</div>
+      </div>
     </div>
     
     <!-- 版本信息 -->
@@ -68,12 +76,13 @@ const dashboardStore = useDashboardStore()
 
 <style scoped>
 .info-box {
-  background-color: #fff;
-  border: 1px solid #dee2e6;
+  background-color: var(--card-background);
+  border: 1px solid var(--card-border);
   border-radius: 8px;
   padding: 20px;
   margin-bottom: 20px;
   box-shadow: 0 2px 4px rgba(0,0,0,0.05);
+  transition: background-color 0.3s, border-color 0.3s, box-shadow 0.3s;
 }
 
 /* 移动端优化 - 减小外边距 */
@@ -90,10 +99,11 @@ const dashboardStore = useDashboardStore()
 }
 
 .section-title {
-  color: #495057;
-  border-bottom: 1px solid #dee2e6;
+  color: var(--color-heading);
+  border-bottom: 1px solid var(--color-border);
   padding-bottom: 10px;
   margin-bottom: 20px;
+  transition: color 0.3s, border-color 0.3s;
 }
 
 .stats-grid {
@@ -112,12 +122,12 @@ const dashboardStore = useDashboardStore()
 }
 
 .stat-card {
-  background-color: #e9ecef;
+  background-color: var(--stats-item-bg);
   padding: 15px;
   border-radius: 8px;
   text-align: center;
   box-shadow: 0 2px 4px rgba(0,0,0,0.05);
-  transition: transform 0.2s;
+  transition: transform 0.2s, background-color 0.3s, box-shadow 0.3s;
 }
 
 .stat-card:hover {
@@ -128,19 +138,21 @@ const dashboardStore = useDashboardStore()
 .stat-value {
   font-size: 24px;
   font-weight: bold;
-  color: #007bff;
+  color: var(--button-primary);
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
+  transition: color 0.3s;
 }
 
 .stat-label {
   font-size: 14px;
-  color: #6c757d;
+  color: var(--color-text);
   margin-top: 5px;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
+  transition: color 0.3s;
 }
 
 /* 移动端优化 - 更紧凑的卡片 */
@@ -177,10 +189,10 @@ const dashboardStore = useDashboardStore()
 
 /* 版本更新状态样式 */
 .update-needed {
-  color: #dc3545; /* 红色 - 需要更新 */
+  color: #dc3545 !important; /* 红色 - 需要更新 */
 }
 
 .up-to-date {
-  color: #28a745; /* 绿色 - 已是最新 */
+  color: #28a745 !important; /* 绿色 - 已是最新 */
 }
 </style>

hajimiUI/src/components/dashboard/LogSection.vue

@@ -57,12 +57,13 @@ watch(() => dashboardStore.logs, async () => {
 
 <style scoped>
 .info-box {
-  background-color: #fff;
-  border: 1px solid #dee2e6;
+  background-color: var(--card-background);
+  border: 1px solid var(--card-border);
   border-radius: 8px;
   padding: 20px;
   margin-bottom: 20px;
   box-shadow: 0 2px 4px rgba(0,0,0,0.05);
+  transition: background-color 0.3s, border-color 0.3s, box-shadow 0.3s;
 }
 
 /* 移动端优化 - 减小外边距 */
@@ -79,10 +80,11 @@ watch(() => dashboardStore.logs, async () => {
 }
 
 .section-title {
-  color: #495057;
-  border-bottom: 1px solid #dee2e6;
+  color: var(--color-heading);
+  border-bottom: 1px solid var(--color-border);
   padding-bottom: 10px;
   margin-bottom: 20px;
+  transition: color 0.3s, border-color 0.3s;
 }
 
 .log-filter {
@@ -95,17 +97,19 @@ watch(() => dashboardStore.logs, async () => {
 
 .log-filter button {
   padding: 5px 10px;
-  border: 1px solid #ddd;
+  border: 1px solid var(--card-border);
   border-radius: 4px;
-  background-color: #f8f9fa;
+  background-color: var(--stats-item-bg);
+  color: var(--color-text);
   cursor: pointer;
   min-width: 60px;
+  transition: background-color 0.3s, color 0.3s, border-color 0.3s;
 }
 
 .log-filter button.active {
-  background-color: #007bff;
-  color: white;
-  border-color: #007bff;
+  background-color: var(--button-primary);
+  color: var(--button-text);
+  border-color: var(--button-primary);
 }
 
 /* 移动端优化 */
@@ -137,8 +141,8 @@ watch(() => dashboardStore.logs, async () => {
 }
 
 .log-container {
-  background-color: #f5f5f5;
-  border: 1px solid #ddd;
+  background-color: var(--log-entry-bg);
+  border: 1px solid var(--log-entry-border);
   border-radius: 8px;
   padding: 15px;
   margin-top: 20px;
@@ -147,6 +151,7 @@ watch(() => dashboardStore.logs, async () => {
   font-family: monospace;
   font-size: 14px;
   line-height: 1.5;
+  transition: background-color 0.3s, border-color 0.3s;
 }
 
 .log-entry {
@@ -154,32 +159,35 @@ watch(() => dashboardStore.logs, async () => {
   padding: 8px;
   border-radius: 4px;
   word-break: break-word;
+  transition: background-color 0.3s, border-color 0.3s;
 }
 
 .log-entry.INFO {
-  background-color: #e8f4f8;
+  background-color: rgba(23, 162, 184, 0.1);
   border-left: 4px solid #17a2b8;
 }
 
 .log-entry.WARNING {
-  background-color: #fff3cd;
+  background-color: rgba(255, 193, 7, 0.1);
   border-left: 4px solid #ffc107;
 }
 
 .log-entry.ERROR {
-  background-color: #f8d7da;
+  background-color: rgba(220, 53, 69, 0.1);
   border-left: 4px solid #dc3545;
 }
 
 .log-entry.DEBUG {
-  background-color: #d1ecf1;
+  background-color: rgba(23, 162, 184, 0.1);
   border-left: 4px solid #17a2b8;
 }
 
 .log-timestamp {
-  color: #6c757d;
+  color: var(--color-text);
   font-size: 12px;
   margin-right: 10px;
+  opacity: 0.8;
+  transition: color 0.3s;
 }
 
 .log-level {
@@ -204,7 +212,8 @@ watch(() => dashboardStore.logs, async () => {
 }
 
 .log-message {
-  color: #212529;
+  color: var(--color-text);
+  transition: color 0.3s;
 }
 
 @media (max-width: 768px) {

hajimiUI/src/components/dashboard/StatusSection.vue

@@ -159,12 +159,13 @@
   
   <style scoped>
   .info-box {
-    background-color: #fff;
-    border: 1px solid #dee2e6;
+    background-color: var(--card-background);
+    border: 1px solid var(--card-border);
     border-radius: 8px;
     padding: 20px;
     margin-bottom: 20px;
     box-shadow: 0 2px 4px rgba(0,0,0,0.05);
+    transition: background-color 0.3s, border-color 0.3s, box-shadow 0.3s;
   }
   
   /* 移动端优化 - 减小外边距 */
@@ -189,10 +190,11 @@
   }
   
   .section-title {
-    color: #495057;
-    border-bottom: 1px solid #dee2e6;
+    color: var(--color-heading);
+    border-bottom: 1px solid var(--color-border);
     padding-bottom: 10px;
     margin-bottom: 20px;
+    transition: color 0.3s, border-color 0.3s;
   }
   
   .stats-grid {
@@ -211,12 +213,12 @@
   }
   
   .stat-card {
-    background-color: #e9ecef;
+    background-color: var(--stats-item-bg);
     padding: 15px;
     border-radius: 8px;
     text-align: center;
     box-shadow: 0 2px 4px rgba(0,0,0,0.05);
-    transition: transform 0.2s;
+    transition: transform 0.2s, background-color 0.3s, box-shadow 0.3s;
   }
   
   .stat-card:hover {
@@ -227,19 +229,21 @@
   .stat-value {
     font-size: 24px;
     font-weight: bold;
-    color: #007bff;
+    color: var(--button-primary);
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
+    transition: color 0.3s;
   }
   
   .stat-label {
     font-size: 14px;
-    color: #6c757d;
+    color: var(--color-text);
     margin-top: 5px;
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
+    transition: color 0.3s;
   }
   
   /* 移动端优化 - 更紧凑的卡片 */
@@ -301,10 +305,11 @@
   }
   
   .api-key-item {
-    background-color: #f8f9fa;
+    background-color: var(--stats-item-bg);
     border-radius: 8px;
     padding: 15px;
     box-shadow: 0 2px 4px rgba(0,0,0,0.05);
+    transition: background-color 0.3s, box-shadow 0.3s;
   }
   
   .api-key-header {
@@ -316,11 +321,12 @@
   
   .api-key-name {
     font-weight: bold;
-    color: #495057;
+    color: var(--color-heading);
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
     max-width: 50%;
+    transition: color 0.3s;
   }
   
   .api-key-usage {
@@ -332,7 +338,8 @@
   
   .api-key-count {
     font-weight: bold;
-    color: #007bff;
+    color: var(--button-primary);
+    transition: color 0.3s;
   }
   
   /* 移动端优化 - 更紧凑的API密钥项 */
@@ -375,15 +382,16 @@
   .progress-container {
     width: 100%;
     height: 10px;
-    background-color: #e9ecef;
+    background-color: var(--color-background-soft);
     border-radius: 5px;
     overflow: hidden;
+    transition: background-color 0.3s;
   }
   
   .progress-bar {
     height: 100%;
     border-radius: 5px;
-    transition: width 0.3s ease;
+    transition: width 0.3s ease, background-color 0.3s;
   }
   
   .progress-bar.low {
@@ -401,8 +409,9 @@
   /* 模型统计样式 */
   .model-stats-container {
     margin-top: 10px;
-    border-top: 1px dashed #dee2e6;
+    border-top: 1px dashed var(--color-border);
     padding-top: 10px;
+    transition: border-color 0.3s;
   }
   
   .model-stats-header {
@@ -412,8 +421,9 @@
     cursor: pointer;
     user-select: none;
     margin-bottom: 8px;
-    color: #495057;
+    color: var(--color-heading);
     font-size: 14px;
+    transition: color 0.3s;
   }
   
   .model-stats-title {
@@ -435,59 +445,64 @@
     justify-content: space-between;
     align-items: center;
     padding: 6px 10px;
-    background-color: #f1f3f5;
+    background-color: var(--color-background-mute);
     border-radius: 4px;
     font-size: 13px;
+    transition: transform 0.2s, box-shadow 0.2s, background-color 0.3s;
   }
   
   .model-name {
     font-weight: 500;
-    color: #495057;
+    color: var(--color-heading);
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
     max-width: 60%;
+    transition: color 0.3s;
   }
   
   .model-count {
     display: flex;
     align-items: center;
     gap: 8px;
-    color: #007bff;
+    color: var(--button-primary);
     font-weight: 600;
+    transition: color 0.3s;
   }
   
   .model-usage-text {
-    color: #6c757d;
+    color: var(--color-text);
     font-weight: normal;
     font-size: 12px;
+    transition: color 0.3s;
   }
   
   .model-progress-container {
     width: 60px;
     height: 6px;
-    background-color: #e9ecef;
+    background-color: var(--color-background-soft);
     border-radius: 3px;
     overflow: hidden;
     margin-left: 5px;
+    transition: background-color 0.3s;
   }
   
   .model-progress-bar {
     height: 100%;
     border-radius: 3px;
-    transition: width 0.3s ease;
+    transition: width 0.3s ease, background-color 0.3s;
   }
   
   .view-more-models {
     text-align: center;
-    color: #007bff;
+    color: var(--button-primary);
     font-size: 12px;
     cursor: pointer;
     padding: 8px;
     margin-top: 5px;
     border-radius: 4px;
     background-color: rgba(0, 123, 255, 0.05);
-    transition: all 0.2s ease;
+    transition: all 0.2s ease, color 0.3s, background-color 0.3s;
   }
   
   .view-more-models:hover {
@@ -509,7 +524,7 @@
   }
   
   .fold-header:hover {
-    background-color: rgba(0, 0, 0, 0.03);
+    background-color: var(--color-background-mute);
   }
   
   .fold-icon {
@@ -544,10 +559,6 @@
   }
   
   /* 模型统计项目悬停效果 */
-  .model-stat-item {
-    transition: transform 0.2s, box-shadow 0.2s;
-  }
-  
   .model-stat-item:hover {
     transform: translateY(-2px);
     box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);

hajimiUI/src/stores/dashboard.js

@@ -1,5 +1,5 @@
 import { defineStore } from 'pinia'
-import { ref } from 'vue'
+import { ref, watch } from 'vue'
 
 export const useDashboardStore = defineStore('dashboard', () => {
   // 状态
@@ -31,6 +31,27 @@ export const useDashboardStore = defineStore('dashboard', () => {
   // 添加模型相关状态
   const selectedModel = ref('all')
   const availableModels = ref([])
+  
+  // 夜间模式状态
+  const isDarkMode = ref(localStorage.getItem('darkMode') === 'true')
+  
+  // 监听夜间模式变化，保存到localStorage
+  watch(isDarkMode, (newValue) => {
+    localStorage.setItem('darkMode', newValue)
+    applyDarkMode(newValue)
+  })
+  
+  // 应用夜间模式
+  function applyDarkMode(isDark) {
+    if (isDark) {
+      document.documentElement.classList.add('dark-mode')
+    } else {
+      document.documentElement.classList.remove('dark-mode')
+    }
+  }
+  
+  // 初始应用夜间模式
+  applyDarkMode(isDarkMode.value)
 
   // 获取仪表盘数据
   async function fetchDashboardData() {
@@ -108,6 +129,11 @@ export const useDashboardStore = defineStore('dashboard', () => {
     selectedModel.value = model
   }
 
+  // 切换夜间模式
+  function toggleDarkMode() {
+    isDarkMode.value = !isDarkMode.value
+  }
+
   return {
     status,
     config,
@@ -117,6 +143,8 @@ export const useDashboardStore = defineStore('dashboard', () => {
     fetchDashboardData,
     selectedModel,
     availableModels,
-    setSelectedModel
+    setSelectedModel,
+    isDarkMode,
+    toggleDarkMode
   }
 })

hajimiUI/src/views/DashboardView.vue

@@ -1,5 +1,5 @@
 <script setup>
-import { ref, onMounted, onUnmounted } from 'vue'
+import { ref, onMounted, onUnmounted, computed } from 'vue'
 import StatusSection from '../components/dashboard/StatusSection.vue'
 import ConfigSection from '../components/dashboard/ConfigSection.vue'
 import LogSection from '../components/dashboard/LogSection.vue'
@@ -8,6 +8,9 @@ import { useDashboardStore } from '../stores/dashboard'
 const dashboardStore = useDashboardStore()
 const refreshInterval = ref(null)
 
+// 计算属性：夜间模式状态
+const isDarkMode = computed(() => dashboardStore.isDarkMode)
+
 // 页面加载时获取数据并启动自动刷新
 onMounted(() => {
   fetchDashboardData()
@@ -45,11 +48,25 @@ async function fetchDashboardData() {
 function handleRefresh() {
   fetchDashboardData()
 }
+
+// 切换夜间模式
+function toggleDarkMode() {
+  dashboardStore.toggleDarkMode()
+}
 </script>
 
 <template>
   <div class="dashboard">
-    <h1>🤖 Gemini API 代理服务</h1>
+    <div class="header-container">
+      <h1>🤖 Gemini API 代理服务</h1>
+      <div class="theme-toggle">
+        <label class="switch">
+          <input type="checkbox" :checked="isDarkMode" @change="toggleDarkMode">
+          <span class="slider round"></span>
+        </label>
+        <span class="toggle-label">{{ isDarkMode ? '🌙' : '☀️' }}</span>
+      </div>
+    </div>
     
     <!-- 运行状态部分 -->
     <StatusSection />
@@ -68,9 +85,11 @@ function handleRefresh() {
 body {
   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
   line-height: 1.6;
-  background-color: #f8f9fa;
+  background-color: var(--color-background);
+  color: var(--color-text);
   margin: 0;
   padding: 0;
+  transition: background-color 0.3s, color 0.3s;
 }
 
 .dashboard {
@@ -79,21 +98,103 @@ body {
   padding: 20px;
 }
 
+.header-container {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  margin-bottom: 20px;
+}
+
 h1 {
-  color: #333;
-  text-align: center;
-  margin: 20px 0;
+  color: var(--color-heading);
+  margin: 0;
   font-size: 1.8rem;
 }
 
+/* 主题切换开关 */
+.theme-toggle {
+  display: flex;
+  align-items: center;
+}
+
+.toggle-label {
+  margin-left: 8px;
+  font-size: 1.2rem;
+}
+
+/* 开关样式 */
+.switch {
+  position: relative;
+  display: inline-block;
+  width: 60px;
+  height: 30px;
+}
+
+.switch input {
+  opacity: 0;
+  width: 0;
+  height: 0;
+}
+
+.slider {
+  position: absolute;
+  cursor: pointer;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  background-color: var(--toggle-bg);
+  transition: .4s;
+}
+
+.slider:before {
+  position: absolute;
+  content: "";
+  height: 22px;
+  width: 22px;
+  left: 4px;
+  bottom: 4px;
+  background-color: white;
+  transition: .4s;
+}
+
+input:checked + .slider {
+  background-color: var(--toggle-active);
+}
+
+input:focus + .slider {
+  box-shadow: 0 0 1px var(--toggle-active);
+}
+
+input:checked + .slider:before {
+  transform: translateX(30px);
+}
+
+.slider.round {
+  border-radius: 34px;
+}
+
+.slider.round:before {
+  border-radius: 50%;
+}
+
 /* 移动端优化 - 减小整体边距 */
 @media (max-width: 768px) {
   .dashboard {
     padding: 10px 8px;
   }
   
+  .header-container {
+    flex-direction: row;
+    justify-content: space-between;
+    align-items: center;
+    margin-bottom: 15px;
+  }
+  
   h1 {
-    margin: 12px 0 10px;
+    font-size: 1.4rem;
+    text-align: left;
+    margin-right: 10px;
   }
 }
 
@@ -103,7 +204,26 @@ h1 {
   }
   
   h1 {
-    margin: 8px 0 6px;
+    font-size: 1.2rem;
+  }
+  
+  .switch {
+    width: 50px;
+    height: 26px;
+  }
+  
+  .slider:before {
+    height: 18px;
+    width: 18px;
+  }
+  
+  input:checked + .slider:before {
+    transform: translateX(24px);
+  }
+  
+  .toggle-label {
+    margin-left: 5px;
+    font-size: 1rem;
   }
 }
 
@@ -111,8 +231,8 @@ h1 {
   display: block;
   margin: 20px auto;
   padding: 10px 20px;
-  background-color: #007bff;
-  color: white;
+  background-color: var(--button-primary);
+  color: var(--button-text);
   border: none;
   border-radius: 4px;
   font-size: 16px;
@@ -121,7 +241,7 @@ h1 {
 }
 
 .refresh-button:hover {
-  background-color: #0069d9;
+  background-color: var(--button-primary-hover);
 }
 
 /* 全局响应式样式 - 保持三栏布局但优化显示 */
@@ -131,12 +251,16 @@ h1 {
     padding: 10px 6px;
     margin-bottom: 10px;
     border-radius: 6px;
+    background-color: var(--card-background);
+    border: 1px solid var(--card-border);
   }
   
   :deep(.section-title) {
     font-size: 1.1rem;
     margin-bottom: 10px;
     padding-bottom: 6px;
+    color: var(--color-heading);
+    border-bottom: 1px solid var(--color-border);
   }
   
   :deep(.stats-grid) {

hajimiUI/vite.config.js

@@ -11,7 +11,7 @@ const __dirname = dirname(__filename);
 
 // https://vite.dev/config/
 export default defineConfig({
-  base: '/assets/',  // 设置基础路径为 /assets/
+  base: '/', 
   plugins: [
     vue(),
     vueDevTools(),

readme.md

@@ -8,8 +8,13 @@
 - [termux部署的使用文档（手机使用）](./wiki/Termux.md)
 - [docker部署的使用文档（服务器自建使用）](./wiki/docker.md)
 ###  更新日志
+*   v0.1.1
+    * 新增联网模式,为所有gemini2.x模型提供联网能力，在模型列表中选择-serach后缀的模型启用
+    * 新增环境变量`SERACH_MODE`是否启用联网模式，默认为true
+    * 新增环境变量`SERACH_PROMPT`为联网模式提示词，默认为`（使用搜索工具联网搜索，需要在content中结合搜索内容）`
 *   v0.1.0
     * 使用vue重写前端界面，适配移动端
+    * 前端界面添加黑夜模式
     * 支持为多模态模型上传图片
     * 可用秘钥数量将异步更新，防止阻塞进程
     * 这次真能北京时间16点自动重置统计数据了

version.txt

@@ -1 +1 @@
-version=0.1.0
+version=0.1.1