Update app.py

app.py

@@ -186,10 +186,6 @@ with gr.Blocks(css="""
         font-family: 'Segoe UI', sans-serif;
     }
 
-    .gr-chatbot {
-        background-color: transparent !important;
-    }
-
     .message.user {
         background-color: #cce6ff !important;   /* Much lighter blue */
         color: #000000 !important;
@@ -263,12 +259,12 @@ with gr.Blocks(css="""
     请回答下面的问题，开始你的职业规划之旅！
     """)
     
-    # 创建聊天界面
+    # 创建聊天界面 - 修复类型和属性
     chatbot = gr.Chatbot(
         height=500,
-        bubble_full_width=False,
         show_label=False,
-        show_copy_button=True
+        show_copy_button=True,
+        type="messages"  # 指定类型为messages
     )
     
     # 输入框和按钮
@@ -287,27 +283,39 @@ with gr.Blocks(css="""
     with gr.Row():
         reset_btn = gr.Button("🔄 重新开始")
     
-    # 处理事件
+    # 修复事件处理
+    def add_message(message, history):
+        history = history or []
+        history.append({"role": "user", "content": message})
+        return "", history
+    
+    def bot_response(history):
+        history = history or []
+        user_message = history[-1]["content"]
+        bot_message = predict(user_message, history[:-1] if len(history) > 1 else [])
+        history.append({"role": "assistant", "content": bot_message})
+        return history
+    
+    # 提交按钮点击事件
     submit_btn.click(
-        fn=lambda message, history: ("", history + [[message, None]]),
+        fn=add_message,
         inputs=[msg, chatbot],
-        outputs=[msg, chatbot],
-        queue=False
+        outputs=[msg, chatbot]
     ).then(
-        fn=predict,
-        inputs=[chatbot.get_value()[-1][0], chatbot.get_value()[:-1]],
-        outputs=[chatbot.get_value()[-1][1]]
+        fn=bot_response,
+        inputs=[chatbot],
+        outputs=[chatbot]
     )
     
+    # 文本框提交事件
     msg.submit(
-        fn=lambda message, history: ("", history + [[message, None]]),
+        fn=add_message,
         inputs=[msg, chatbot],
-        outputs=[msg, chatbot],
-        queue=False
+        outputs=[msg, chatbot]
     ).then(
-        fn=predict,
-        inputs=[chatbot.get_value()[-1][0], chatbot.get_value()[:-1]],
-        outputs=[chatbot.get_value()[-1][1]]
+        fn=bot_response,
+        inputs=[chatbot],
+        outputs=[chatbot]
     )
     
     # 重置功能
@@ -327,10 +335,9 @@ with gr.Blocks(css="""
     )
     
     # 当页面加载时自动触发第一个问题
-def auto_first_question():
-    global current_q_index
-    current_q_index = 1 # 设为1因为会返回第0个问题
-    return questions[0][1]
+    def auto_first_question():
+        return [{"role": "assistant", "content": questions[0][1]}]
+
+    demo.load(auto_first_question, inputs=None, outputs=chatbot)
 
-# 自动触发第一个问题
-demo.load(auto_first_question, inputs=None, outputs=chatbot, show_progress=False)
+demo.launch()