Update app.py

app.py

@@ -1,16 +1,22 @@
 import openai
 import gradio as gr
 import os
+from dotenv import load_dotenv
 
-# 從環境變數讀取 OpenAI API 金鑰
-openai.api_key = os.getenv("OPENAI_API_KEY")
+# 載入 .env 環境變數（如果你有放 .env 檔案）
+load_dotenv()
 
+# 設定 API Key
+openai.api_key = os.getenv("OPENAI_API_KEY")
 if openai.api_key is None:
     raise ValueError("請設定環境變數 OPENAI_API_KEY，確保 API Key 可用")
 
-# 建立男友聊天機器人函數
+# 建立男友聊天機器人函數，加入 log 訊息
 def boyfriend_chatbot(user_input, history):
     history = history or []
+    log_messages = []
+    
+    # 系統角色說明
     messages = [{"role": "system", "content": "你是一個溫柔、貼心的男友，總是關心對方的感受，給予支持和鼓勵，用輕鬆、暖心的語氣回應。"}]
 
     for user_msg, bot_msg in history:
@@ -19,21 +25,34 @@ def boyfriend_chatbot(user_input, history):
     
     messages.append({"role": "user", "content": user_input})
 
-    response = openai.ChatCompletion.create(
-        model="gpt-4o",
-        messages=messages
-    )
+    try:
+        response = openai.ChatCompletion.create(
+            model="gpt-4o",
+            messages=messages
+        )
+        reply = response.choices[0].message.content
+        history.append((user_input, reply))
+        log = f"[✅ Success] 回應完成，共 {len(messages)} 則對話。"
+    except Exception as e:
+        reply = "抱歉，出現了一些錯誤 😢"
+        log = f"[❌ Error] {str(e)}"
+
+    return reply, history, log
+
+
+# 使用 Gradio Blocks 來加上 log 顯示
+with gr.Blocks(title="貼心男友聊天機器人") as demo:
+    gr.Markdown("# 💕 貼心男友聊天機器人 💕")
+    chatbot = gr.Chatbot()
+    msg = gr.Textbox(label="輸入你的訊息")
+    log_output = gr.Textbox(label="狀態日誌", interactive=False)
+    clear = gr.Button("清除對話")
 
-    reply = response.choices[0].message.content
-    history.append((user_input, reply))
-    return reply, history
+    def respond(user_input, history):
+        return boyfriend_chatbot(user_input, history)
 
-# 建立 Gradio Chat 介面
-chat_interface = gr.ChatInterface(
-    fn=boyfriend_chatbot,
-    title="💕 貼心男友聊天機器人 💕",
-    theme="soft"
-)
+    msg.submit(respond, inputs=[msg, chatbot], outputs=[chatbot, chatbot, log_output])
+    clear.click(lambda: ([], "", ""), outputs=[chatbot, msg, log_output])
 
 # 啟動介面
-chat_interface.launch(share=True)
+demo.launch(share=True)