Update app.py

app.py

@@ -21,24 +21,38 @@ def set_api_key(user_api_key):
         if not api_key:
             return "❌ API Key 不能為空"
         
+        if not api_key.startswith('sk-'):
+            return "❌ API Key 格式錯誤，應該以 'sk-' 開頭"
+        
         client = OpenAI(api_key=api_key)
         
         # 測試 API Key 是否有效
-        test_response = client.chat.completions.create(
-            model="gpt-4",
-            messages=[{"role": "user", "content": "你好"}],
-            max_tokens=5
-        )
-        
-        return "✅ API Key 已設定並驗證成功"
+        try:
+            test_response = client.chat.completions.create(
+                model="gpt-3.5-turbo",
+                messages=[{"role": "user", "content": "Hello"}],
+                max_tokens=5
+            )
+            return "✅ API Key 已設定並驗證成功！可以開始使用了。"
+        except Exception as e:
+            if "incorrect_api_key" in str(e).lower():
+                return "❌ API Key 無效，請檢查是否正確"
+            elif "quota" in str(e).lower():
+                return "⚠️ API Key 有效，但配額不足"
+            else:
+                return f"⚠️ API Key 設定成功，但測試時出現問題：{str(e)[:100]}"
+                
     except Exception as e:
-        return f"❌ API Key 設定失敗: {str(e)}"
+        return f"❌ 設定失敗：{str(e)}"
 
 def set_model(model_name):
     """設定選擇的模型"""
     global selected_model
-    selected_model = model_name
-    return f"✅ 模型已選擇：{model_name}"
+    if model_name:
+        selected_model = model_name
+        return f"✅ 模型已更新為：{model_name}"
+    else:
+        return "❌ 請選擇一個模型"
 
 def extract_pdf_text(file_path):
     """從 PDF 文件中提取文字"""
@@ -615,9 +629,10 @@ with gr.Blocks(
                 
                 with gr.Column():
                     model_choice = gr.Radio(
-                        ["gpt-4", "gpt-4.1", "gpt-4.5"], 
+                        choices=["gpt-4", "gpt-4.1", "gpt-4.5"], 
                         label="🤖 選擇 AI 模型",
                         value="gpt-4",
+                        interactive=True,
                         elem_classes="model-selector"
                     )
                     # 添加模型確認按鈕
@@ -634,7 +649,7 @@ with gr.Blocks(
                         elem_classes="status-display"
                     )
             
-            # 添加使用說明
+            # 添加使用說明和測試區域
             gr.HTML("""
             <div style='margin: 20px 0; padding: 15px; background: rgba(102, 126, 234, 0.1); border-radius: 10px;'>
                 <strong>📋 使用步驟：</strong>
@@ -643,8 +658,32 @@ with gr.Blocks(
                     <li>選擇 AI 模型並點擊「確認選擇」</li>
                     <li>前往「PDF 處理」頁面上傳文件開始使用！</li>
                 </ol>
+                <div style='margin-top: 15px; padding: 10px; background: rgba(255, 193, 7, 0.1); border-radius: 8px;'>
+                    <strong>🔧 調試信息：</strong>
+                    <br>• 如果按鈕沒反應，請檢查瀏覽器控制台
+                    <br>• API Key 應該以 'sk-' 開頭
+                    <br>• 模型選擇為單選，一次只能選一個
+                </div>
             </div>
             """)
+            
+            # 添加測試按鈕
+            with gr.Row():
+                test_btn = gr.Button(
+                    "🧪 測試按鈕功能", 
+                    variant="secondary",
+                    elem_id="test-button"
+                )
+                test_output = gr.Textbox(
+                    label="測試結果", 
+                    interactive=False,
+                    placeholder="點擊測試按鈕查看是否正常工作"
+                )
+            
+            def test_function():
+                return "✅ 按鈕功能正常！如果您看到這個訊息，表示按鈕點擊事件正常工作。"
+            
+            test_btn.click(test_function, outputs=test_output)
     
         with gr.Tab("📄 PDF 處理", elem_classes="pdf-tab"):
             gr.Markdown("### 📁 文件上傳與摘要生成")
@@ -712,14 +751,39 @@ with gr.Blocks(
                         elem_classes="answer-output"
                     )
     
-    # 事件處理器
-    # API Key 設定事件
-    api_key_btn.click(set_api_key, inputs=api_key_input, outputs=api_key_status)
-    api_key_input.submit(set_api_key, inputs=api_key_input, outputs=api_key_status)
+    # 事件處理器 - 確保按鈕點擊有反應
+    # API Key 設定事件（雙重綁定確保有效）
+    def handle_api_key_click(api_key_value):
+        print(f"處理 API Key: {api_key_value[:10]}..." if api_key_value else "空值")
+        return set_api_key(api_key_value)
+    
+    def handle_model_click(model_value):
+        print(f"處理模型選擇: {model_value}")
+        return set_model(model_value)
+    
+    # 綁定事件
+    api_key_btn.click(
+        fn=handle_api_key_click, 
+        inputs=[api_key_input], 
+        outputs=[api_key_status]
+    )
+    api_key_input.submit(
+        fn=handle_api_key_click, 
+        inputs=[api_key_input], 
+        outputs=[api_key_status]
+    )
     
     # 模型選擇事件
-    model_btn.click(set_model, inputs=model_choice, outputs=model_status)
-    model_choice.change(set_model, inputs=model_choice, outputs=model_status)
+    model_btn.click(
+        fn=handle_model_click, 
+        inputs=[model_choice], 
+        outputs=[model_status]
+    )
+    model_choice.change(
+        fn=handle_model_click, 
+        inputs=[model_choice], 
+        outputs=[model_status]
+    )
     
     # PDF 處理事件
     summary_btn.click(generate_summary, inputs=pdf_upload, outputs=summary_output)