Update app.py

app.py

@@ -1,12 +1,11 @@
 """
 ======================================================
 📘 金融客服小智（Fintech Assistant）
-版本：v3.1 (Hugging Face 相容版)
+版本：v3.2 (穩定正式版)
 更新重點：
-1. 移除 wrap=True（改用 CSS 實現手機自適應）
-2. LINE 風格輸入框
-3. 桌面標題置中、手機上下排列
-4. 清除對話按鈕移至右側
+1. 修正 LangChain 記憶格式（避免 ValueError）
+2. 回復原生輸入框樣式（類似 LINE 的簡潔列）
+3. 保留手機自適應、桌面置中、右欄清除鍵
 ======================================================
 """
 
@@ -134,13 +133,14 @@ def chat_fn(message, history):
     except Exception as e:
         reply = f"⚠️ 生成錯誤：{e}"
 
-    memory.save_context({"role": "user", "content": message},
-                        {"role": "assistant", "content": reply})
+    # ✅ 修正記憶體格式，避免 ValueError
+    memory.save_context({"input": message}, {"output": reply})
+
     return reply
 
 
 # =============================================
-# 6️⃣ Gradio 介面（手機自適應 + LINE樣式 + 清除鍵右欄）
+# 6️⃣ Gradio 介面
 # =============================================
 logo_base64 = ""
 if os.path.exists(LOGO_PATH):
@@ -160,34 +160,6 @@ with gr.Blocks(
 
         #footer { text-align:center; font-size:13px; color:#aaa; margin-top: 20px; }
 
-        /* 💬 LINE風格輸入列 */
-        .input-container {
-            display: flex;
-            flex-direction: row;
-            align-items: center;
-            border: 1px solid #ccc;
-            border-radius: 25px;
-            padding: 5px 8px;
-            background-color: #fff;
-        }
-        .input-container textarea {
-            border: none !important;
-            outline: none !important;
-            resize: none;
-            box-shadow: none !important;
-            font-size: 15px;
-            padding: 8px 10px;
-            width: 100%;
-        }
-        .send-btn {
-            border-radius: 20px !important;
-            padding: 6px 14px !important;
-            margin-left: 6px !important;
-            background-color: #007bff !important;
-            color: white !important;
-            border: none !important;
-        }
-
         /* 手機寬度下讓 Row 自動垂直排列 */
         @media (max-width: 768px) {
             .gr-block.gr-row {
@@ -221,15 +193,12 @@ with gr.Blocks(
     """)
     gr.Markdown("<div style='text-align:center; color:gray;'>Powered by Gemini & LangChain</div>")
 
-    with gr.Row(equal_height=False):  # ✅ 移除 wrap=True
+    with gr.Row(equal_height=False):
         # 左側：聊天區
         with gr.Column(scale=4, min_width=300):
             chatbot = gr.Chatbot(label="💬 對話紀錄", type="messages", height=500)
-
-            # 🟢 LINE風格輸入框
-            with gr.Group(elem_classes="input-container"):
-                user_input = gr.Textbox(placeholder="輸入訊息...", show_label=False)
-                send_btn = gr.Button("送出", elem_classes="send-btn")
+            user_input = gr.Textbox(placeholder="請輸入您的問題...", show_label=False)
+            send_btn = gr.Button("送出", variant="primary")
 
             def handle_input(message, history):
                 if history is None:
@@ -262,7 +231,6 @@ with gr.Blocks(
                     outputs=[chatbot, user_input]
                 )
 
-            # ✅ 清除按鈕
             def clear_all():
                 memory.clear()
                 return [], gr.update(value="")