重新设计监控界面：紧凑布局优化

- 将监控面板重新设计为紧凑的3列布局
- 大幅减少卡片间距和内边距，节省垂直空间
- 优化统计数据字体大小和表格行高
- 添加滚动限制，确保所有数据在一页内完整显示
- 保持所有功能完整性和视觉风格一致性
- 更新核心思维系统和API处理器

KiroProxy/kiro_proxy/converters/__init__.py

@@ -282,28 +282,8 @@ def convert_anthropic_messages_to_kiro(messages: List[dict], system="") -> Tuple
     current_tool_results = []
 
     def _strip_thinking(text: str) -> str:
-        if text is None:
-            return ""
-        if not isinstance(text, str):
-            text = str(text)
-        if not text:
-            return ""
-        cleaned = text
-        while True:
-            start = find_real_thinking_start_tag(cleaned)
-            if start == -1:
-                break
-            end = find_real_thinking_end_tag(cleaned, start + len("<thinking>"))
-            if end == -1:
-                cleaned = cleaned[:start].rstrip()
-                break
-            before = cleaned[:start].rstrip()
-            after = cleaned[end + len("</thinking>"):].lstrip()
-            if before and after:
-                cleaned = before + "\n" + after
-            else:
-                cleaned = before or after
-        return cleaned.strip()
+        return text
+
     
     # 处理 system
     system_text = ""

KiroProxy/kiro_proxy/core/thinking.py

@@ -327,57 +327,38 @@ def build_thinking_prompt(
 ) -> str:
     """Build a thinking prompt for internal reasoning phase.
     
-    Key: This is planning-only, no actual tool execution.
-    The model will receive full conversation history via the API.
+    This phase is for the model to deeply analyze the situation and plan its strategy.
+    The reasoning is internal and should be in plain text.
     """
-    budget_str = ""
-    if budget_tokens:
-        budget_str = f" (Budget: {budget_tokens} tokens)"
-
-    # Detect language from current content or history if current is a placeholder
-    detect_text = user_content or ""
-    is_placeholder = any(p in detect_text for p in ["Tool results provided", "Please continue", "Continue"])
-    
-    if (not detect_text or is_placeholder) and history:
-        for msg in reversed(history):
-            if "userInputMessage" in msg:
-                detect_text = msg["userInputMessage"].get("content", "")
-                if detect_text:
-                    break
-
-    language_instruction = ""
-    if detect_text and any("\u4e00" <= c <= "\u9fff" for c in detect_text):
-        language_instruction = "你必须用中文进行思考和推理。输出必须是中文，不要使用英文。"
-    else:
-        language_instruction = "Your reasoning MUST be in the same language as the user's message."
-
-    common_rules = (
-        f"[Internal Reasoning - Not Visible to User]{budget_str}\n\n"
-        "Role: This is the THINKING/PLANNING phase. It is ONLY for internal reasoning before producing the final answer.\n"
-        "This text will be injected as hidden context to improve the next response.\n\n"
-        "Hard rules (must follow):\n"
-        "1) Output plain-text reasoning ONLY. Do NOT output any structured tags/markup.\n"
-        "2) Do NOT output any tool calls or tool-call formats (e.g. <tool_use>, tool_use, function_call, Bash, TodoWrite, JSON action blocks).\n"
-        "3) Do NOT promise or describe executing commands/tools. Only analyze, break down, plan, and assess risks.\n"
-        f"4) {language_instruction}\n"
+    budget_str = f" (Budget: {budget_tokens} tokens)" if budget_tokens else ""
+    lang_instruction = "Your reasoning MUST be in the same language as the user's message."
+
+    common_intro = (
+        f"[Internal Reasoning - Hidden Context]{budget_str}\n\n"
+        "You are in your THINKING phase. Before providing a final response, take a moment to "
+        "analyze the conversation, break down the user's request, and plan your approach.\n\n"
+        "Your thinking process should focus on:\n"
+        "1. **Understanding Intent**: What is the user truly asking for?\n"
+        "2. **Context Analysis**: What information is available in the history? What's missing?\n"
+        "3. **Risk Assessment**: Are there any dangerous operations or edge cases to consider?\n"
+        "4. **Strategic Planning**: What steps are needed? Which tools are most appropriate (if any)?\n\n"
+        "Guidelines for this phase:\n"
+        "- Write your thoughts as clear, structured plain text.\n"
+        "- Do NOT output any structured tool calls or tags (like <tool_use>) here; save them for the next phase.\n"
+        "- Do NOT provide the final answer or a formal summary to the user yet.\n"
+        f"- {lang_instruction}\n"
     )
 
     if has_tool_results:
         return (
-            f"{common_rules}\n\n"
-            "Context: The user has provided tool results. The original query and previous steps are in the conversation history above.\n"
-            "Task: Analyze the tool results from the conversation history. Summarize what you learned and plan next steps.\n"
-            "Do NOT complain about missing info; use the history to find the context.\n"
-            "Suggested structure:\n"
-            "- Key findings\n"
-            "- Unknowns / missing info\n"
-            "- Next-step plan (plan only; do not write tool calls)"
+            f"{common_intro}\n"
+            "Current Focus: Analyze the tool results provided in the history above. "
+            "Evaluate what was accomplished, handle any errors, and determine the next logical steps."
         )
 
     return (
-        f"{common_rules}\n\n"
-        "Task: Analyze the user's request and plan your approach (planning only; do not execute).\n"
-        "If the current input is a generic 'Continue', refer to the conversation history for the actual task.\n"
+        f"{common_intro}\n"
+        "Current Focus: Evaluate the user's latest request and formulate a high-level execution plan.\n"
         f"User input: {user_content}"
     )
 
@@ -394,7 +375,11 @@ def build_user_prompt_with_thinking(user_content: str, thinking_content: str) ->
     if not thinking_block:
         return user_content
 
-    return f"{thinking_block}\n\n{user_content}"
+    # Dynamically instruct the model to respond in the same language as its thinking
+    # This covers all languages (English, Chinese, Japanese, etc.)
+    lang_hint = "\n(Please provide your final response in the same language as your internal reasoning above.)\n"
+
+    return f"{thinking_block}\n\n{lang_hint}{user_content}"
 
 
 async def iter_aws_event_stream_text(byte_iter: AsyncIterator[bytes]) -> AsyncIterator[str]:
@@ -445,18 +430,17 @@ async def fetch_thinking_text(
     timeout_s: float = 600.0,
 ) -> str:
     """Non-streaming helper to get thinking content (best-effort)."""
-    clean_history = strip_thinking_from_history(history)
     has_tool_results = bool(tool_results)
     thinking_prompt = build_thinking_prompt(
         user_content, 
         budget_tokens=budget_tokens, 
-        history=clean_history,
+        history=history,
         has_tool_results=has_tool_results
     )
     thinking_request = build_kiro_request(
         thinking_prompt,
         model,
-        clean_history,
+        history,
         tools=tools,
         images=images,
         tool_results=tool_results,
@@ -485,18 +469,17 @@ async def stream_thinking_text(
     timeout_s: float = 600.0,
 ) -> AsyncIterator[str]:
     """Streaming helper to yield thinking content incrementally (best-effort)."""
-    clean_history = strip_thinking_from_history(history)
     has_tool_results = bool(tool_results)
     thinking_prompt = build_thinking_prompt(
         user_content,
         budget_tokens=budget_tokens,
-        history=clean_history,
+        history=history,
         has_tool_results=has_tool_results
     )
     thinking_request = build_kiro_request(
         thinking_prompt,
         model,
-        clean_history,
+        history,
         tools=tools,
         images=images,
         tool_results=tool_results,

KiroProxy/kiro_proxy/handlers/anthropic/__init__.py

@@ -310,8 +310,7 @@ async def handle_messages(request: Request):
     
     # 构建 Kiro 请求
     kiro_tools = convert_anthropic_tools_to_kiro(tools) if tools else None
-    clean_history = strip_thinking_from_history(history)
-    kiro_request = build_kiro_request(user_content, model, clean_history, kiro_tools, images, tool_results)
+    kiro_request = build_kiro_request(user_content, model, history, kiro_tools, images, tool_results)
     
     if stream:
         return await _handle_stream(
@@ -385,13 +384,12 @@ async def _handle_stream(kiro_request, headers, account, model, log_id, start_ti
         ) -> list:
             """构建用于思维链请求的历史记录。
             
-            使用 strip_thinking_from_history 移除历史中的思维链块，
-            但保留工具调用和结果的结构，以便模型理解上下文。
+            直接返回原始历史记录，不再移除思维链块。
             """
             if not base_history:
                 return []
             
-            return strip_thinking_from_history(base_history)
+            return base_history
 
         # 思考功能：使用“独立请求”生成思维链（不向主请求注入提示词/标签）
         if thinking_enabled:
@@ -589,8 +587,7 @@ async def _handle_stream(kiro_request, headers, account, model, log_id, start_ti
             yield f'event: content_block_stop\ndata: {{"type":"content_block_stop","index":{thinking_index}}}\n\n'
 
             main_user_content = build_user_prompt_with_thinking(user_content, thinking_accumulated)
-            clean_history = strip_thinking_from_history(history)
-            kiro_request = build_kiro_request(main_user_content, model, clean_history, kiro_tools, images, tool_results)
+            kiro_request = build_kiro_request(main_user_content, model, history, kiro_tools, images, tool_results)
 
             # ========== 主响应流式处理（text block，独立请求） ==========
             main_retry = 0
@@ -689,8 +686,7 @@ async def _handle_stream(kiro_request, headers, account, model, log_id, start_ti
                                     if should_retry:
                                         print(f"[Stream] 内容长度超限，{history_manager.truncate_info}")
                                         history = truncated_history
-                                        clean_history = strip_thinking_from_history(history)
-                                        kiro_request = build_kiro_request(main_user_content, model, clean_history, kiro_tools, images, tool_results)
+                                        kiro_request = build_kiro_request(main_user_content, model, history, kiro_tools, images, tool_results)
                                         main_retry += 1
                                         continue
 
@@ -950,8 +946,7 @@ async def _handle_stream(kiro_request, headers, account, model, log_id, start_ti
                                     print(f"[Stream] 内容长度超限，{history_manager.truncate_info}")
                                     history = truncated_history
                                     # 重新构建请求
-                                    clean_history = strip_thinking_from_history(history)
-                                    kiro_request = build_kiro_request(user_content, model, clean_history, kiro_tools, images, tool_results)
+                                    kiro_request = build_kiro_request(user_content, model, history, kiro_tools, images, tool_results)
                                     retry_count += 1
                                     continue
                             
@@ -1148,10 +1143,9 @@ async def _handle_non_stream(kiro_request, headers, account, model, log_id, star
     retry_ctx = RetryableRequest(max_retries=2)
 
     thinking_content = ""
-    clean_history = strip_thinking_from_history(history)
     if thinking_enabled:
         thinking_prompt = build_thinking_prompt(user_content, budget_tokens=budget_tokens)
-        thinking_request = build_kiro_request(thinking_prompt, model, clean_history, None, images, tool_results)
+        thinking_request = build_kiro_request(thinking_prompt, model, history, None, images, tool_results)
 
         for retry in range(max_retries + 1):
             try:
@@ -1195,7 +1189,7 @@ async def _handle_non_stream(kiro_request, headers, account, model, log_id, star
                 break
 
     main_user_content = build_user_prompt_with_thinking(user_content, thinking_content)
-    kiro_request = build_kiro_request(main_user_content, model, clean_history, kiro_tools, images, tool_results)
+    kiro_request = build_kiro_request(main_user_content, model, history, kiro_tools, images, tool_results)
 
     for retry in range(max_retries + 1):
         try:

KiroProxy/kiro_proxy/handlers/gemini.py

@@ -138,11 +138,10 @@ async def handle_generate_content(model_name: str, request: Request):
             get_rate_limiter().record_request(account.id)
         main_user_content = build_user_prompt_with_thinking(user_content, thinking_content)
 
-    clean_history = strip_thinking_from_history(history)
     kiro_request = build_kiro_request(
         main_user_content,
         model,
-        clean_history,
+        history,
         tools=kiro_tools if kiro_tools else None,
         tool_results=tool_results if tool_results else None,
     )

KiroProxy/kiro_proxy/handlers/openai.py

@@ -192,12 +192,10 @@ async def handle_chat_completions(request: Request):
             get_rate_limiter().record_request(account.id)
 
     main_user_content = build_user_prompt_with_thinking(user_content, thinking_content)
-    clean_history = strip_thinking_from_history(history)
-
     kiro_request = build_kiro_request(
         main_user_content,
         model,
-        clean_history,
+        history,
         images=images,
         tools=kiro_tools if kiro_tools else None,
         tool_results=tool_results if tool_results else None,

KiroProxy/kiro_proxy/main.py

@@ -1,4 +1,5 @@
 import time
+import asyncio
 from contextlib import asynccontextmanager
 
 from fastapi import FastAPI, Request
@@ -9,33 +10,68 @@ from .core import get_quota_scheduler, get_refresh_manager, scheduler, state
 from .routers import admin, protocols, web
 
 
-@asynccontextmanager
-async def lifespan(app: FastAPI):
-    await scheduler.start()
+async def _background_initial_token_check(refresh_manager, accounts):
+    """后台执行初始Token检查和刷新
 
-    refresh_manager = get_refresh_manager()
-    refresh_manager.set_accounts_getter(lambda: state.accounts)
+    这个函数在服务启动后异步执行，不会阻塞启动流程。
+    对每个启用的账号检查Token状态，如果需要则进行刷新。
+    """
+    try:
+        # 稍微延迟一下，确保服务完全启动
+        await asyncio.sleep(1)
+
+        print(f"[Background] 开始检查 {len(accounts)} 个账号的 Token 状态...")
+
+        refresh_count = 0
+        success_count = 0
 
-    accounts = state.accounts
-    if accounts:
-        print(f"[Startup] 检查 {len(accounts)} 个账号的 Token 状态...")
         for account in accounts:
-            if account.enabled and refresh_manager.should_refresh_token(account):
+            if not account.enabled:
+                continue
+
+            if refresh_manager.should_refresh_token(account):
+                refresh_count += 1
                 try:
+                    print(f"[Background] 检查账号 {account.name} Token...")
                     success, msg = await refresh_manager.refresh_token_if_needed(account)
                     if success:
-                        print(f"[Startup] 账号 {account.name} Token 刷新成功")
+                        success_count += 1
+                        print(f"[Background] 账号 {account.name} Token 刷新成功")
                     else:
-                        print(f"[Startup] 账号 {account.name} Token 刷新失败: {msg}")
+                        print(f"[Background] 账号 {account.name} Token 刷新失败: {msg}")
                 except Exception as e:
-                    print(f"[Startup] 账号 {account.name} Token 刷新异常: {e}")
+                    print(f"[Background] 账号 {account.name} Token 刷新异常: {e}")
+
+        if refresh_count > 0:
+            print(f"[Background] Token 检查完成: {success_count}/{refresh_count} 个账号刷新成功")
+        else:
+            print("[Background] 所有账号 Token 状态正常，无需刷新")
+
+    except Exception as e:
+        print(f"[Background] 后台 Token 检查异常: {e}")
 
+
+@asynccontextmanager
+async def lifespan(app: FastAPI):
+    await scheduler.start()
+
+    refresh_manager = get_refresh_manager()
+    refresh_manager.set_accounts_getter(lambda: state.accounts)
+
+    # 启动配额调度器
     quota_scheduler = get_quota_scheduler()
     quota_scheduler.set_accounts_getter(lambda: state.accounts)
     await quota_scheduler.start()
 
+    # 启动自动刷新定时器（会在后台异步检查和刷新Token）
     await refresh_manager.start_auto_refresh()
 
+    # 创建后台任务进行初始Token检查（非阻塞）
+    accounts = state.accounts
+    if accounts:
+        print(f"[Startup] 服务已启动，将在后台检查 {len(accounts)} 个账号的 Token 状态...")
+        asyncio.create_task(_background_initial_token_check(refresh_manager, accounts))
+
     yield
 
     await refresh_manager.stop_auto_refresh()

KiroProxy/kiro_proxy/web/html.py

@@ -196,6 +196,41 @@ CSS_COMPONENTS = '''
   font-weight: 500;
 }
 
+/* Compact Stats Grid for Monitor Panel */
+.stats-grid-compact {
+  display: grid;
+  grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
+  gap: 0.5rem;
+}
+.stats-grid-compact .stat-item {
+  text-align: center;
+  padding: 0.5rem;
+  background: linear-gradient(135deg, rgba(59,130,246,0.08), rgba(139,92,246,0.08));
+  border-radius: 8px;
+  border: 1px solid rgba(59,130,246,0.15);
+  transition: all 0.2s ease;
+}
+.stats-grid-compact .stat-item:hover {
+  transform: translateY(-2px);
+  box-shadow: 0 4px 12px rgba(59,130,246,0.15);
+}
+.stats-grid-compact .stat-value {
+  font-size: 1.2rem;
+  font-weight: 600;
+  background: linear-gradient(135deg, var(--primary), var(--secondary));
+  -webkit-background-clip: text;
+  -webkit-text-fill-color: transparent;
+  background-clip: text;
+  margin-bottom: 0.25rem;
+  line-height: 1.2;
+}
+.stats-grid-compact .stat-label {
+  font-size: 0.7rem;
+  color: var(--muted);
+  font-weight: 500;
+  line-height: 1.2;
+}
+
 /* Badges */
 .badge {
   display: inline-flex;
@@ -380,6 +415,20 @@ th, td {
   text-align: left;
   border-bottom: 1px solid var(--border);
 }
+
+/* Compact table styles for monitor panel */
+#monitor table th,
+#monitor table td {
+  padding: 0.25rem 0.5rem;
+  font-size: 0.75rem;
+  line-height: 1.3;
+}
+#monitor table tbody tr {
+  height: 32px;
+}
+#monitor table tbody tr:hover {
+  background: rgba(59,130,246,0.05);
+}
 th {
   font-weight: 600;
   color: var(--muted);
@@ -635,16 +684,16 @@ HTML_HEADER = '''
 </header>
 
 <div class="tabs">
-  <div class="tab active" data-tab="help">📚 帮助</div>
+  <div class="tab" data-tab="help">📚 帮助</div>
   <div class="tab" data-tab="monitor">📊 监控</div>
-  <div class="tab" data-tab="accounts">👥 账号</div>
+  <div class="tab active" data-tab="accounts">👥 账号</div>
   <div class="tab" data-tab="api">🔌 API</div>
   <div class="tab" data-tab="settings">⚙️ 设置</div>
 </div>
 '''
 
 HTML_HELP = '''
-<div class="panel active" id="help">
+<div class="panel" id="help">
   <div class="card" style="padding:1rem">
     <div class="docs-container">
       <nav class="docs-nav" id="docsNav"></nav>
@@ -693,70 +742,86 @@ HTML_FLOWS = '''
 
 HTML_MONITOR = '''
 <div class="panel" id="monitor">
-  <!-- 服务状态统计 -->
-  <div class="card">
-    <h3>🚀 服务状态 <button class="secondary small" onclick="loadStats()">刷新</button></h3>
-    <div class="stats-grid" id="statsGrid"></div>
-  </div>
+  <!-- 紧凑的顶部统计面板 -->
+  <div class="card" style="padding: 0.75rem; margin-bottom: 0.75rem;">
+    <div style="display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 1rem; margin-bottom: 0.75rem;">
+      <!-- 服务状态 -->
+      <div>
+        <div style="display: flex; align-items: center; justify-content: space-between; margin-bottom: 0.5rem;">
+          <h4 style="font-size: 0.9rem; margin: 0;">🚀 服务状态</h4>
+          <button class="secondary" style="padding: 0.25rem 0.5rem; font-size: 0.7rem;" onclick="loadStats()">刷新</button>
+        </div>
+        <div class="stats-grid-compact" id="statsGrid"></div>
+      </div>
 
-  <!-- 流量统计 -->
-  <div class="card">
-    <h3>📈 流量统计 <button class="secondary small" onclick="loadFlowStats()">刷新</button></h3>
-    <div class="stats-grid" id="flowStatsGrid"></div>
-  </div>
+      <!-- 流量统计 -->
+      <div>
+        <div style="display: flex; align-items: center; justify-content: space-between; margin-bottom: 0.5rem;">
+          <h4 style="font-size: 0.9rem; margin: 0;">📈 流量统计</h4>
+          <button class="secondary" style="padding: 0.25rem 0.5rem; font-size: 0.7rem;" onclick="loadFlowStats()">刷新</button>
+        </div>
+        <div class="stats-grid-compact" id="flowStatsGrid"></div>
+      </div>
 
-  <!-- 配额状态 -->
-  <div class="card">
-    <h3>⚡ 配额状态</h3>
-    <div id="quotaStatus"></div>
-  </div>
+      <!-- 配额状态 -->
+      <div>
+        <h4 style="font-size: 0.9rem; margin: 0 0 0.5rem 0;">⚡ 配额状态</h4>
+        <div id="quotaStatus" style="font-size: 0.8rem;"></div>
+      </div>
+    </div>
 
-  <!-- 速度测试 -->
-  <div class="card">
-    <h3>🎯 速度测试</h3>
-    <div style="display: flex; align-items: center; gap: 1rem;">
-      <button class="circle" onclick="runSpeedtest()" id="speedtestBtn">▶</button>
-      <span id="speedtestResult" style="color: var(--muted)">点击开始测试</span>
+    <!-- 速度测试 - 移到底部一行 -->
+    <div style="display: flex; align-items: center; justify-content: space-between; padding-top: 0.5rem; border-top: 1px solid var(--border);">
+      <div style="display: flex; align-items: center; gap: 0.75rem;">
+        <span style="font-size: 0.9rem; font-weight: 500;">🎯 速度测试</span>
+        <button class="circle" onclick="runSpeedtest()" id="speedtestBtn" style="width: 28px; height: 28px; font-size: 0.8rem;">▶</button>
+        <span id="speedtestResult" style="color: var(--muted); font-size: 0.8rem;">点击开始测试</span>
+      </div>
     </div>
   </div>
 
-  <!-- 请求监控 -->
-  <div class="card">
-    <h3>📋 请求监控</h3>
-    <div style="display: flex; gap: 0.5rem; margin-bottom: 1rem; flex-wrap: wrap;">
-      <select id="flowProtocol" onchange="loadFlows()">
-        <option value="">全部协议</option>
-        <option value="anthropic">Anthropic</option>
-        <option value="openai">OpenAI</option>
-        <option value="gemini">Gemini</option>
-      </select>
-      <select id="flowState" onchange="loadFlows()">
-        <option value="">全部状态</option>
-        <option value="completed">完成</option>
-        <option value="error">错误</option>
-        <option value="streaming">流式中</option>
-        <option value="pending">等待中</option>
-      </select>
-      <input type="text" id="flowSearch" placeholder="搜索内容..." style="flex: 1; min-width: 150px;" onkeydown="if(event.key==='Enter')loadFlows()">
-      <button class="secondary small" onclick="loadFlows()">搜索</button>
-      <button class="secondary small" onclick="exportFlows()">导出</button>
+  <!-- 请求监控 - 紧凑布局 -->
+  <div class="card" style="padding: 0.75rem; margin-bottom: 0.75rem;">
+    <div style="display: flex; align-items: center; justify-content: space-between; margin-bottom: 0.75rem;">
+      <h4 style="font-size: 0.9rem; margin: 0;">📋 请求监控</h4>
+      <div style="display: flex; gap: 0.5rem; align-items: center;">
+        <select id="flowProtocol" onchange="loadFlows()" style="padding: 0.25rem; font-size: 0.8rem;">
+          <option value="">全部协议</option>
+          <option value="anthropic">Anthropic</option>
+          <option value="openai">OpenAI</option>
+          <option value="gemini">Gemini</option>
+        </select>
+        <select id="flowState" onchange="loadFlows()" style="padding: 0.25rem; font-size: 0.8rem;">
+          <option value="">全部状态</option>
+          <option value="completed">完成</option>
+          <option value="error">错误</option>
+          <option value="streaming">流式中</option>
+          <option value="pending">等待中</option>
+        </select>
+        <input type="text" id="flowSearch" placeholder="搜索..." style="width: 120px; padding: 0.25rem; font-size: 0.8rem;" onkeydown="if(event.key==='Enter')loadFlows()">
+        <button class="secondary" style="padding: 0.25rem 0.5rem; font-size: 0.7rem;" onclick="loadFlows()">搜索</button>
+        <button class="secondary" style="padding: 0.25rem 0.5rem; font-size: 0.7rem;" onclick="exportFlows()">导出</button>
+      </div>
     </div>
-    <div id="flowList"></div>
+    <div id="flowList" style="max-height: 200px; overflow-y: auto;"></div>
   </div>
 
-  <!-- 请求日志 -->
-  <div class="card">
-    <h3>📝 请求日志 <button class="secondary small" onclick="loadLogs()">刷新</button></h3>
-    <div style="overflow-x: auto;">
-      <table>
+  <!-- 请求日志 - 紧凑表格 -->
+  <div class="card" style="padding: 0.75rem; margin-bottom: 0.75rem;">
+    <div style="display: flex; align-items: center; justify-content: space-between; margin-bottom: 0.75rem;">
+      <h4 style="font-size: 0.9rem; margin: 0;">📝 请求日志</h4>
+      <button class="secondary" style="padding: 0.25rem 0.5rem; font-size: 0.7rem;" onclick="loadLogs()">刷新</button>
+    </div>
+    <div style="overflow-x: auto; max-height: 300px; overflow-y: auto;">
+      <table style="font-size: 0.75rem;">
         <thead>
-          <tr>
-            <th>时间</th>
-            <th>路径</th>
-            <th>模型</th>
-            <th>账号</th>
-            <th>状态</th>
-            <th>耗时</th>
+          <tr style="height: 32px;">
+            <th style="padding: 0.25rem 0.5rem;">时间</th>
+            <th style="padding: 0.25rem 0.5rem;">路径</th>
+            <th style="padding: 0.25rem 0.5rem;">模型</th>
+            <th style="padding: 0.25rem 0.5rem;">账号</th>
+            <th style="padding: 0.25rem 0.5rem;">状态</th>
+            <th style="padding: 0.25rem 0.5rem;">耗时</th>
           </tr>
         </thead>
         <tbody id="logTable"></tbody>
@@ -765,16 +830,19 @@ HTML_MONITOR = '''
   </div>
 
   <!-- Flow 详情弹窗 -->
-  <div class="card" id="flowDetail" style="display: none;">
-    <h3>🔍 Flow 详情 <button class="secondary small" onclick="$('#flowDetail').style.display='none'">关闭</button></h3>
-    <div id="flowDetailContent"></div>
+  <div class="card" id="flowDetail" style="display: none; padding: 0.75rem;">
+    <div style="display: flex; align-items: center; justify-content: space-between; margin-bottom: 0.75rem;">
+      <h4 style="font-size: 0.9rem; margin: 0;">🔍 Flow 详情</h4>
+      <button class="secondary" style="padding: 0.25rem 0.5rem; font-size: 0.7rem;" onclick="$('#flowDetail').style.display='none'">关闭</button>
+    </div>
+    <div id="flowDetailContent" style="font-size: 0.8rem;"></div>
   </div>
 </div>
 '''
 
 
 HTML_ACCOUNTS = '''
-<div class="panel" id="accounts">
+<div class="panel active" id="accounts">
   <!-- 紧凑的工具栏 + 汇总面板 -->
   <div class="card" style="padding:1rem">
     <div style="display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:0.75rem;margin-bottom:1rem">
@@ -3484,6 +3552,29 @@ function stopAutoRefresh() {
 // 页面加载时启动自动刷新
 startAutoRefresh();
 
+// 页面初始化：如果默认显示账号页面，则加载账号数据
+function initializeDefaultTab() {
+  const accountsTab = document.querySelector('.tab[data-tab="accounts"]');
+  const accountsPanel = document.querySelector('#accounts');
+
+  // 检查账号标签页和面板是否都处于激活状态（默认页面）
+  if (accountsTab && accountsTab.classList.contains('active') &&
+      accountsPanel && accountsPanel.classList.contains('active')) {
+    // 延迟一点时间确保DOM完全加载
+    setTimeout(() => {
+      loadAccounts();
+      loadAccountsEnhanced();
+    }, 100);
+  }
+}
+
+// 页面加载完成后初始化默认标签页
+if (document.readyState === 'loading') {
+  document.addEventListener('DOMContentLoaded', initializeDefaultTab);
+} else {
+  initializeDefaultTab();
+}
+
 // ==================== 加载状态指示器 (任务 10.1) ====================
 function showLoading(container, message = '加载中...') {
   const el = typeof container === 'string' ? document.querySelector(container) : container;

run.bat

@@ -1,3 +1,60 @@
+@echo off
+chcp 65001 >nul
+echo ========================================
+echo   启动 KiroProxy 服务...
+echo ========================================
+
 cd KiroProxy
-start http://127.0.0.1:6696
-python run.py 6696
+
+echo [1/3] 正在启动服务...
+start /B python run.py 6696
+
+echo [2/3] 等待服务就绪...
+set /a count=0
+set /a max_attempts=30
+
+:check_service
+set /a count+=1
+echo 检查服务状态... (%count%/%max_attempts%)
+
+:: 使用 curl 检查服务是否可用 (如果没有curl则使用powershell)
+curl -s -o nul -w "%%{http_code}" http://127.0.0.1:6696 2>nul | findstr "200" >nul
+if %errorlevel% equ 0 (
+    echo [3/3] 服务已就绪，正在打开网页...
+    timeout /t 1 /nobreak >nul
+    start http://127.0.0.1:6696
+    echo.
+    echo ========================================
+    echo   KiroProxy 启动完成！
+    echo   网页地址: http://127.0.0.1:6696
+    echo ========================================
+    goto end
+)
+
+:: 如果curl不可用，使用PowerShell进行检查
+powershell -Command "try { $response = Invoke-WebRequest -Uri 'http://127.0.0.1:6696' -TimeoutSec 2 -UseBasicParsing; if ($response.StatusCode -eq 200) { exit 0 } else { exit 1 } } catch { exit 1 }" >nul 2>&1
+if %errorlevel% equ 0 (
+    echo [3/3] 服务已就绪，正在打开网页...
+    timeout /t 1 /nobreak >nul
+    start http://127.0.0.1:6696
+    echo.
+    echo ========================================
+    echo   KiroProxy 启动完成！
+    echo   网页地址: http://127.0.0.1:6696
+    echo ========================================
+    goto end
+)
+
+if %count% lss %max_attempts% (
+    timeout /t 2 /nobreak >nul
+    goto check_service
+)
+
+echo.
+echo ========================================
+echo   警告: 服务启动超时
+echo   请手动访问: http://127.0.0.1:6696
+echo ========================================
+
+:end
+pause