Update app.py

app.py

@@ -529,142 +529,141 @@ def create_interface():
         """)
         
         # Tab container
-        tabs = gr.Tabs(selected=0)
-        
-        # Tab bắt đầu
-        with tabs.Tab("🎯 Bắt đầu", id=0) as start_tab:
-            know_mbti = gr.Radio(
-                choices=["Có, tôi đã biết kiểu tính cách MBTI của mình", 
-                        "Không, tôi chưa biết kiểu tính cách MBTI của mình"],
-                label="Bạn đã biết kiểu tính cách MBTI của mình chưa?",
-                type="index"
-            )
-        
-        # Tab khảo sát MBTI
-        with tabs.Tab("📝 Khám phá tính cách MBTI", id=1) as test_tab:
-            gr.Markdown("""### Hãy trả lời các câu hỏi sau để xác định tính cách MBTI của bạn""")
+        with gr.Tabs() as tabs:
+            # Tab bắt đầu
+            with gr.TabItem("🎯 Bắt đầu", id=0) as start_tab:
+                know_mbti = gr.Radio(
+                    choices=["Có, tôi đã biết kiểu tính cách MBTI của mình", 
+                            "Không, tôi chưa biết kiểu tính cách MBTI của mình"],
+                    label="Bạn đã biết kiểu tính cách MBTI của mình chưa?",
+                    type="index"
+                )
             
-            questions = []
-            for q in MBTI_QUESTIONS:
-                questions.append(
-                    gr.Radio(
-                        choices=q["options"],
-                        label=q["question"],
-                        type="index"
+            # Tab khảo sát MBTI
+            with gr.TabItem("📝 Khám phá tính cách MBTI", id=1) as test_tab:
+                gr.Markdown("""### Hãy trả lời các câu hỏi sau để xác định tính cách MBTI của bạn""")
+                
+                questions = []
+                for q in MBTI_QUESTIONS:
+                    questions.append(
+                        gr.Radio(
+                            choices=q["options"],
+                            label=q["question"],
+                            type="index"
+                        )
                     )
+                
+                test_submit = gr.Button("Xác định tính cách MBTI", variant="primary")
+                mbti_result = gr.Textbox(label="Kết quả tính cách MBTI của bạn", interactive=False)
+                mbti_description = gr.Markdown(visible=False)
+                
+                def on_test_submit(*answers):
+                    mbti_type, description = advisor.calculate_mbti(answers)
+                    return {
+                        mbti_result: mbti_type,
+                        mbti_description: gr.Markdown.update(visible=True, value=description),
+                        tabs: gr.Tabs.update(selected=2)  # Chuyển sang tab tư vấn
+                    }
+                
+                test_submit.click(
+                    fn=on_test_submit,
+                    inputs=questions,
+                    outputs=[mbti_result, mbti_description, tabs]
                 )
             
-            test_submit = gr.Button("Xác định tính cách MBTI", variant="primary")
-            mbti_result = gr.Textbox(label="Kết quả tính cách MBTI của bạn", interactive=False)
-            mbti_description = gr.Markdown(visible=False)
-            
-            def on_test_submit(*answers):
-                mbti_type, description = advisor.calculate_mbti(answers)
-                return {
-                    mbti_result: mbti_type,
-                    mbti_description: gr.Markdown.update(visible=True, value=description),
-                    tabs: gr.Tabs.update(selected=2)  # Chuyển sang tab tư vấn
-                }
-            
-            test_submit.click(
-                fn=on_test_submit,
-                inputs=questions,
-                outputs=[mbti_result, mbti_description, tabs]
-            )
-        
-        # Tab tư vấn nghề nghiệp
-        with tabs.Tab("💼 Tư vấn nghề nghiệp", id=2) as advice_tab:
-            mbti_input = gr.Dropdown(
-                choices=list(MBTI_CAREER_TRAITS.keys()),
-                label="Kiểu tính cách MBTI của bạn",
-                info="Chọn kiểu tính cách MBTI đã xác định"
-            )
-            
-            mbti_info = gr.Markdown(visible=False)
+            # Tab tư vấn nghề nghiệp
+            with gr.TabItem("💼 Tư vấn nghề nghiệp", id=2) as advice_tab:
+                mbti_input = gr.Dropdown(
+                    choices=list(MBTI_CAREER_TRAITS.keys()),
+                    label="Kiểu tính cách MBTI của bạn",
+                    info="Chọn kiểu tính cách MBTI đã xác định"
+                )
+                
+                mbti_info = gr.Markdown(visible=False)
+                
+                def update_mbti_info(mbti_type):
+                    if mbti_type:
+                        info = MBTI_CAREER_TRAITS[mbti_type]
+                        description = MBTI_DESCRIPTIONS.get(mbti_type, "")
+                        return gr.Markdown.update(
+                            visible=True,
+                            value=f"""
+                            {description}
+                            
+                            ### 📊 Thông tin chi tiết:
+                            
+                            #### 🎯 Đặc điểm chính:
+                            {info['traits']}
+                            
+                            #### 💪 Điểm mạnh:
+                            {info['strengths']}
+                            
+                            #### 🔄 Điểm cần cải thiện:
+                            {info['weaknesses']}
+                            
+                            #### 👔 Ngành nghề phù hợp:
+                            {info['careers']}
+                            """
+                        )
+                    return gr.Markdown.update(visible=False)
+                
+                user_info = gr.Textbox(
+                    label="Chia sẻ thêm về bản thân",
+                    lines=5,
+                    placeholder="Ví dụ: Tôi thích làm việc với số liệu, có kỹ năng phân tích tốt..."
+                )
+                
+                get_advice_btn = gr.Button("📋 Nhận tư vấn chi tiết", variant="primary")
+                advice_output = gr.Markdown(label="Kết quả tư vấn")
+                
+                mbti_input.change(
+                    fn=update_mbti_info,
+                    inputs=mbti_input,
+                    outputs=mbti_info
+                )
+                
+                get_advice_btn.click(
+                    fn=advisor.get_career_advice,
+                    inputs=[user_info, mbti_input],
+                    outputs=advice_output
+                )
             
-            def update_mbti_info(mbti_type):
-                if mbti_type:
-                    info = MBTI_CAREER_TRAITS[mbti_type]
-                    description = MBTI_DESCRIPTIONS.get(mbti_type, "")
-                    return gr.Markdown.update(
-                        visible=True,
-                        value=f"""
-                        {description}
-                        
-                        ### 📊 Thông tin chi tiết:
-                        
-                        #### 🎯 Đặc điểm chính:
-                        {info['traits']}
-                        
-                        #### 💪 Điểm mạnh:
-                        {info['strengths']}
-                        
-                        #### 🔄 Điểm cần cải thiện:
-                        {info['weaknesses']}
-                        
-                        #### 👔 Ngành nghề phù hợp:
-                        {info['careers']}
-                        """
+            # Tab chat với chuyên gia
+            with gr.TabItem("💬 Tư vấn 1-1 với Chuyên gia", id=3) as chat_tab:
+                chatbot = gr.Chatbot(
+                    label="Cuộc trò chuyện",
+                    height=400,
+                    bubble_full_width=False,
+                    avatar_images=(None, "🧑‍💼")
+                )
+                
+                with gr.Row():
+                    msg = gr.Textbox(
+                        label="Nhập câu hỏi của bạn",
+                        placeholder="Ví dụ: Làm thế nào để tôi có thể chuyển sang ngành IT?",
+                        lines=3
                     )
-                return gr.Markdown.update(visible=False)
-            
-            user_info = gr.Textbox(
-                label="Chia sẻ thêm về bản thân",
-                lines=5,
-                placeholder="Ví dụ: Tôi thích làm việc với số liệu, có kỹ năng phân tích tốt..."
-            )
-            
-            get_advice_btn = gr.Button("📋 Nhận tư vấn chi tiết", variant="primary")
-            advice_output = gr.Markdown(label="Kết quả tư vấn")
-            
-            mbti_input.change(
-                fn=update_mbti_info,
-                inputs=mbti_input,
-                outputs=mbti_info
-            )
-            
-            get_advice_btn.click(
-                fn=advisor.get_career_advice,
-                inputs=[user_info, mbti_input],
-                outputs=advice_output
-            )
-        
-        # Tab chat với chuyên gia
-        with tabs.Tab("💬 Tư vấn 1-1 với Chuyên gia", id=3) as chat_tab:
-            chatbot = gr.Chatbot(
-                label="Cuộc trò chuyện",
-                height=400,
-                bubble_full_width=False,
-                avatar_images=(None, "🧑‍💼")
-            )
-            
-            with gr.Row():
-                msg = gr.Textbox(
-                    label="Nhập câu hỏi của bạn",
-                    placeholder="Ví dụ: Làm thế nào để tôi có thể chuyển sang ngành IT?",
-                    lines=3
+                    send_btn = gr.Button("📤 Gửi", variant="primary")
+                
+                clear = gr.Button("🗑️ Xóa lịch sử")
+                
+                def respond(message, chat_history):
+                    updated_history = advisor.chat_with_advisor(message, chat_history or [])
+                    return "", updated_history
+                
+                send_btn.click(
+                    fn=respond,
+                    inputs=[msg, chatbot],
+                    outputs=[msg, chatbot]
                 )
-                send_btn = gr.Button("📤 Gửi", variant="primary")
-            
-            clear = gr.Button("🗑️ Xóa lịch sử")
-            
-            def respond(message, chat_history):
-                updated_history = advisor.chat_with_advisor(message, chat_history or [])
-                return "", updated_history
-            
-            send_btn.click(
-                fn=respond,
-                inputs=[msg, chatbot],
-                outputs=[msg, chatbot]
-            )
-            
-            msg.submit(
-                fn=respond,
-                inputs=[msg, chatbot],
-                outputs=[msg, chatbot]
-            )
-            
-            clear.click(lambda: None, None, chatbot, queue=False)
+                
+                msg.submit(
+                    fn=respond,
+                    inputs=[msg, chatbot],
+                    outputs=[msg, chatbot]
+                )
+                
+                clear.click(lambda: None, None, chatbot, queue=False)
         
         # Xử lý chuyển tab
         def handle_know_mbti(choice):
@@ -690,4 +689,4 @@ def main():
     )
 
 if __name__ == "__main__":
-    main()
+    main()