Update app.py

app.py

@@ -41,7 +41,7 @@ TOOL_ROUTING = {
 # ========== 初始化 LLM 客户端 ==========
 hf_token = os.environ.get("HF_TOKEN") or os.environ.get("HUGGING_FACE_HUB_TOKEN")
 client = InferenceClient(api_key=hf_token) if hf_token else InferenceClient()
-print(f"✅ LLM initialized: Qwen/Qwen2.5-72B-Instruct:novita")
+print(f"✅ LLM initialized: Qwen/Qwen3-32B:groq")
 print(f"📊 MCP Services: {len(MCP_SERVICES)} services, {len(MCP_TOOLS)} tools")
 
 # ========== Token 限制配置 ==========
@@ -195,9 +195,9 @@ def chatbot_response(message, history):
         
         # LLM 调用循环(最多2轮工具调用) - 严格控制迭代次数
         for iteration in range(MAX_TOOL_ITERATIONS):
-            response = client.chat_completion(
+            response = client.chat.completions.create(
+                model="Qwen/Qwen3-32B:groq",
                 messages=messages,
-                model="Qwen/Qwen2.5-72B-Instruct:novita",
                 tools=MCP_TOOLS,
                 max_tokens=MAX_OUTPUT_TOKENS,
                 temperature=0.5,
@@ -260,29 +260,8 @@ def chatbot_response(message, history):
         # 构建响应前缀（简化版）
         response_prefix = ""
         
-        # 显示工具调用（带展开/折叠按钮）
+        # 显示工具调用（使用原生HTML details标签）
         if tool_calls_log:
-            # 先添加 JavaScript 函数（确保在 HTML 之前加载）
-            response_prefix += """<script>
-if (typeof window.toggleToolResult === 'undefined') {
-  window.toggleToolResult = function(id) {
-    var content = document.getElementById('content_' + id);
-    var arrow = document.getElementById('arrow_' + id);
-    if (content && arrow) {
-      if (content.style.display === 'none' || content.style.display === '') {
-        content.style.display = 'block';
-        arrow.textContent = '▼';
-      } else {
-        content.style.display = 'none';
-        arrow.textContent = '▶';
-      }
-    }
-  };
-}
-</script>
-
-"""
-            
             response_prefix += """<div style='margin-bottom: 15px;'>
 <div style='background: #f0f0f0; padding: 8px 12px; border-radius: 6px; font-weight: 600; color: #333;'>
 🛠️ Tools Used ({} calls)
@@ -290,26 +269,24 @@ if (typeof window.toggleToolResult === 'undefined') {
 """.format(len(tool_calls_log))
             
             for idx, tool_call in enumerate(tool_calls_log):
-                tool_id = f"tool{idx}"
-                
-                # 工具卡片
-                response_prefix += f"""<div style='margin: 8px 0; border: 1px solid #ddd; border-radius: 6px; overflow: hidden;'>
-  <div style='background: #fff; padding: 10px; cursor: pointer; user-select: none;' onclick='window.toggleToolResult("{tool_id}")'>
+                # 使用原生 HTML5 details/summary 标签（不需要 JavaScript）
+                response_prefix += f"""<details style='margin: 8px 0; border: 1px solid #ddd; border-radius: 6px; overflow: hidden;'>
+  <summary style='background: #fff; padding: 10px; cursor: pointer; user-select: none; list-style: none;'>
     <div style='display: flex; justify-content: space-between; align-items: center;'>
       <div style='flex: 1;'>
         <strong style='color: #2c5aa0;'>📌 {idx+1}. {tool_call['name']}</strong>
         <div style='font-size: 0.85em; color: #666; margin-top: 4px;'>📥 Input: <code style='background: #f5f5f5; padding: 2px 6px; border-radius: 3px;'>{json.dumps(tool_call['arguments'], ensure_ascii=False)}</code></div>
       </div>
-      <span id='arrow_{tool_id}' style='font-size: 1.2em; color: #999; margin-left: 10px;'>▶</span>
+      <span style='font-size: 1.2em; color: #999; margin-left: 10px;'>▶</span>
     </div>
-  </div>
-  <div id='content_{tool_id}' style='display: none; background: #f9f9f9; padding: 12px; border-top: 1px solid #eee;'>
+  </summary>
+  <div style='background: #f9f9f9; padding: 12px; border-top: 1px solid #eee;'>
     <div style='font-size: 0.9em; color: #333;'>
       <strong>📤 Output:</strong>
-      <pre style='background: #fff; padding: 10px; border-radius: 4px; overflow-x: auto; margin-top: 6px; font-size: 0.85em; border: 1px solid #e0e0e0; max-height: 400px;'>{json.dumps(tool_call.get('result', {}), ensure_ascii=False, indent=2)[:1500]}{'...' if len(json.dumps(tool_call.get('result', {}), ensure_ascii=False)) > 1500 else ''}</pre>
+      <pre style='background: #fff; padding: 10px; border-radius: 4px; overflow-x: auto; margin-top: 6px; font-size: 0.85em; border: 1px solid #e0e0e0; max-height: 400px; white-space: pre-wrap;'>{json.dumps(tool_call.get('result', {}), ensure_ascii=False, indent=2)[:1500]}{'...' if len(json.dumps(tool_call.get('result', {}), ensure_ascii=False)) > 1500 else ''}</pre>
     </div>
   </div>
-</div>
+</details>
 """
             
             response_prefix += """</div>
@@ -322,9 +299,9 @@ if (typeof window.toggleToolResult === 'undefined') {
         # 流式输出最终答案
         yield response_prefix
         
-        stream = client.chat_completion(
+        stream = client.chat.completions.create(
+            model="Qwen/Qwen3-32B:groq",
             messages=messages,
-            model="Qwen/Qwen2.5-72B-Instruct:novita",
             tools=MCP_TOOLS,
             max_tokens=MAX_OUTPUT_TOKENS,
             temperature=0.5,