Update app.py

app.py

@@ -143,14 +143,12 @@ def chat_fn(message, history):
 # 6️⃣ Gradio 介面
 # =============================================
 
-# === Logo 圖片處理 ===
 # === Logo 圖片處理 ===
 logo_base64 = ""
 if os.path.exists(LOGO_PATH):
     with open(LOGO_PATH, "rb") as f:
         logo_base64 = base64.b64encode(f.read()).decode("utf-8")
 
-
 with gr.Blocks(
     theme="soft",
     css="""
@@ -225,11 +223,10 @@ with gr.Blocks(
         #chat-row > .gr-textbox { flex: 9 !important; }
         #chat-row > .gr-button { flex: 1 !important; }
 
-        /* ✅ 手機版比例：輸入框 9、按鈕 1 + 固定底部 */
+        /* ✅ 手機版比例：輸入框 9、按鈕 1 */
         @media (max-width: 768px) {
             #chat-row > .gr-textbox { flex: 9 !important; }
             #chat-row > .gr-button { flex: 1 !important; }
-
         }
     """
 ) as demo:
@@ -283,26 +280,28 @@ with gr.Blocks(
                 return history, gr.update(value="")
 
             # ✅ 綁定事件（Enter送出、Shift+Enter換行）
-            user_input.submit(handle_input, [user_input, chatbot], [chatbot, user_input])  # Enter
-            send_btn.click(handle_input, [user_input, chatbot], [chatbot, user_input])     # Button click
+            user_input.submit(handle_input, [user_input, chatbot], [chatbot, user_input])  # Enter 觸發送出
+            send_btn.click(handle_input, [user_input, chatbot], [chatbot, user_input])     # 按鈕觸發送出
 
-            # ✅ JS 事件處理：Shift+Enter 換行、Enter 送出
+            # ✅ 修正版 JS：適用桌機與手機
             gr.HTML("""
             <script>
-            const textarea = document.querySelector('textarea');
-            if (textarea) {
-                textarea.addEventListener('keydown', function(e) {
-                    if (e.key === 'Enter' && !e.shiftKey) {
-                        e.preventDefault();
-                        const sendBtn = document.querySelector('#send-btn button');
-                        if (sendBtn) sendBtn.click();
-                    }
+            document.addEventListener("DOMContentLoaded", function() {
+              const textareas = document.querySelectorAll("textarea");
+              textareas.forEach((ta) => {
+                ta.addEventListener("keydown", function(e) {
+                  if (e.key === "Enter" && !e.shiftKey) {
+                    e.preventDefault();
+                    const sendBtn = document.querySelector('#send-btn button, #send-btn');
+                    if (sendBtn) sendBtn.click();
+                  }
                 });
-            }
+              });
+            });
             </script>
             """)
 
-        # 右側：常見問題 + 清除對話
+        # 右側：常見問題 + 整理畫面
         with gr.Column(scale=1, min_width=200):
             gr.Markdown("### 🔍 常見問題")
             examples = [
@@ -324,7 +323,7 @@ with gr.Blocks(
                 memory.clear()
                 return [], gr.update(value="")
             gr.Markdown("---")
-            gr.Button("🧹 清除對話").click(clear_all, outputs=[chatbot, user_input])
+            gr.Button("🧹 整理畫面").click(clear_all, outputs=[chatbot, user_input])
 
     gr.HTML("<div id='footer'>© Fintech Assistant — 僅業務使用，非官方授權</div>")