Update app.py

app.py

@@ -39,7 +39,9 @@ def format_history(history: List[Tuple[str, str]]) -> List[dict]:
     formatted_messages = [
         {
             "role": "system",
-            "content": "You are Grok, a chatbot inspired by the Hitchhikers Guide to the Galaxy."
+            "content": """You are Grok, a chatbot inspired by the Hitchhikers Guide to the Galaxy. 
+            Please respond in Traditional Chinese (繁體中文). 
+            Keep your responses natural and conversational while maintaining Traditional Chinese characters."""
         }
     ]
     
@@ -57,7 +59,7 @@ def format_history(history: List[Tuple[str, str]]) -> List[dict]:
     
     return formatted_messages
 
-def respond(message: str, history: List[Tuple[str, str]]) -> List[Tuple[str, str]]:
+def respond(message: str, history: List[Tuple[str, str]]) -> Tuple[str, List[Tuple[str, str]]]:
     """處理用戶輸入並生成回應"""
     # 格式化歷史記錄並添加新消息
     history_for_api = format_history(history + [(message, None)])
@@ -65,31 +67,35 @@ def respond(message: str, history: List[Tuple[str, str]]) -> List[Tuple[str, str
     # 獲取Grok的回應
     response = call_grok_api(history_for_api)
     
-    # 返回更新後的歷史記錄
+    # 返回更新後的歷史記錄和空字符串(用於清除輸入框)
     history.append((message, response))
-    return history
+    return "", history
 
 # 創建Gradio界面
 with gr.Blocks() as demo:
     gr.Markdown("""
-    # Grok Chatbot
-    與Elon Musk的Grok AI聊天！這個聊天機器人使用了xAI的Grok API。
+    # Grok 聊天機器人
+    與 Elon Musk 的 Grok AI 聊天！這個聊天機器人使用了 xAI 的 Grok API。
     """)
     
     chatbot = gr.Chatbot(
         value=[],
-        height=500
+        height=500,
+        bubble_full_width=False,
+        show_copy_button=True,
     )
     
-    msg = gr.Textbox(
-        placeholder="輸入訊息...",
-        container=False,
-        scale=7
-    )
-    
-    clear = gr.ClearButton([msg, chatbot], variant="secondary", scale=1)
+    with gr.Row():
+        msg = gr.Textbox(
+            placeholder="輸入訊息...",
+            container=False,
+            scale=7,
+            autofocus=True,  # 自動聚焦到輸入框
+        )
+        clear = gr.ClearButton([msg, chatbot], variant="secondary", scale=1)
     
-    msg.submit(respond, [msg, chatbot], [chatbot], api_name="chat")
+    # 注意這裡輸出添加了msg，用於清除輸入框
+    msg.submit(respond, [msg, chatbot], [msg, chatbot], api_name="chat")
     
 demo.queue()