Update app.py

app.py

@@ -105,6 +105,12 @@ if os.path.exists(logo_path):
     with open(logo_path, "rb") as f:
         logo_base64 = base64.b64encode(f.read()).decode("utf-8")
 
+logo_path = os.path.join(BASE_DIR, "mega.png")
+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="""
@@ -152,22 +158,17 @@ with gr.Blocks(
             letter-spacing: 0.5px;
         }
 
-        /* ====== 手機版：強制兩行並置中對齊 ====== */
+        /* ====== 手機版：兩行置中 ====== */
         @media (max-width: 768px) {
-            #main-title br {
-                display: inline;
-            }
+            #main-title br { display: inline; }
             #main-title {
                 display: block;
-                text-align: center;   /* ✅ 讓兩行都水平置中 */
+                text-align: center;
                 white-space: pre-line;
             }
         }
-
         @media (min-width: 769px) {
-            #main-title br {
-                display: none;
-            }
+            #main-title br { display: none; }
         }
 
         /* ====== footer 區 ====== */
@@ -185,7 +186,7 @@ with gr.Blocks(
             padding-top: 8px;
         }
 
-        /* ====== 手機版 footer 修正 ====== */
+        /* ====== 手機 footer 修正 ====== */
         @media (max-width: 768px) {
             #logo-top {
                 position: static;
@@ -202,6 +203,36 @@ with gr.Blocks(
                 padding-top: 8px;
             }
         }
+
+        /* ====== LINE 風格輸入區 ====== */
+        #input-row {
+            display: flex;
+            align-items: center;
+            gap: 8px;
+            margin-top: 10px;
+        }
+        #user-input {
+            flex-grow: 1;
+            border-radius: 20px;
+            border: 1px solid #ccc;
+            padding: 10px 14px;
+            font-size: 15px;
+            background-color: #fff;
+            box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
+        }
+        #send-btn {
+            background-color: #00b900; /* LINE 綠 */
+            color: white;
+            border: none;
+            border-radius: 20px;
+            padding: 10px 18px;
+            font-weight: bold;
+            cursor: pointer;
+            transition: 0.2s ease;
+        }
+        #send-btn:hover {
+            background-color: #00a000;
+        }
     """
 ) as demo:
     # 左上角 logo
@@ -220,23 +251,22 @@ with gr.Blocks(
         </div>
     """)
 
-    # 底部版權列
-    gr.HTML("<div id='footer'>© 2025 Mega Fintech Assistant — All Rights Reserved</div>")
-
-    # 手機鍵盤彈出時捲動補丁
-    demo.load(None, None, None, js="""
-        window.addEventListener('focusin', () => {
-            document.querySelector('textarea')?.scrollIntoView({ behavior: 'smooth', block: 'center' });
-        });
-    """)
-
-
     with gr.Row():
         with gr.Column(scale=4):
             chatbox = gr.Chatbot(label="💬 對話紀錄", type="messages")
-            user_input = gr.Textbox(label="輸入訊息", placeholder="請輸入問題...")
+
+            with gr.Row(elem_id="input-row"):
+                user_input = gr.Textbox(
+                    elem_id="user-input",
+                    show_label=False,
+                    placeholder="輸入訊息...",
+                    scale=8
+                )
+                send_btn = gr.Button("送出", elem_id="send-btn", scale=1)
 
             def handle_input(message, history):
+                if not message.strip():
+                    return history, gr.update(value="")
                 reply = chat_fn(message, history)
                 history = history + [
                     {"role": "user", "content": message},
@@ -245,6 +275,7 @@ with gr.Blocks(
                 return history, gr.update(value="")
 
             user_input.submit(handle_input, [user_input, chatbox], [chatbox, user_input])
+            send_btn.click(handle_input, [user_input, chatbox], [chatbox, user_input])
 
         with gr.Column(scale=1):
             gr.Markdown("### 👇 快速提問")
@@ -261,7 +292,17 @@ with gr.Blocks(
 
             def clear_memory():
                 memory.clear()
-                return [], gr.update(value="", placeholder="請輸入問題...")
+                return [], gr.update(value="", placeholder="輸入訊息...")
             gr.Button("🧹 整理畫面").click(clear_memory, outputs=[chatbox, user_input])
 
+    # 底部版權列
+    gr.HTML("<div id='footer'>© Fintech Assistant — 僅業務使用，非官方授權</div>")
+
+    # 手機鍵盤彈出時捲動補丁
+    demo.load(None, None, None, js="""
+        window.addEventListener('focusin', () => {
+            document.querySelector('textarea')?.scrollIntoView({ behavior: 'smooth', block: 'center' });
+        });
+    """)
+
 demo.launch()