Update app.py

app.py

@@ -4,7 +4,7 @@ from typing import Dict, List
 import json
 
 # Cấu hình API key cho Gemini
-GOOGLE_API_KEY = "AIzaSyAnZ-wajwMF6Uy66FmkC4MOugA2fA66kMA"  # Thay thế bằng API key của bạn
+GOOGLE_API_KEY = "YOUR_API_KEY"  # Thay thế bằng API key của bạn
 genai.configure(api_key=GOOGLE_API_KEY)
 
 # Khởi tạo model
@@ -33,10 +33,421 @@ MBTI_QUESTIONS = [
         "dimension": "JP"
     }
 ]
+MBTI_DESCRIPTIONS = {
+    "ISTJ": """
+    💡 ISTJ - "The Inspector" (Người Kiểm tra)
+    
+    Đặc điểm nổi bật:
+    - Cẩn thận, có trách nhiệm và thực tế
+    - Làm việc có tổ chức và phương pháp
+    - Đáng tin cậy và kiên định
+    
+    Điểm mạnh trong công việc:
+    - Chú ý đến chi tiết
+    - Làm việc có hệ thống
+    - Đáng tin cậy và chăm chỉ
+    
+    Nghề nghiệp phù hợp tiêu biểu:
+    1. Kế toán/Kiểm toán
+    2. Quản lý dự án
+    3. Kỹ sư phần mềm
+    4. Thanh tra/Kiểm soát chất lượng
+    5. Quản trị hành chính
+    """,
+    
+    "INTJ": """
+    💡 INTJ - "The Architect" (Kiến trúc sư)
+    
+    Đặc điểm nổi bật:
+    - Độc lập, tự tin và lý trí
+    - Thích phân tích và lập kế hoạch dài hạn
+    - Có tầm nhìn chiến lược và sáng tạo
+    
+    Điểm mạnh trong công việc:
+    - Khả năng lãnh đạo dựa trên chiến lược
+    - Tư duy logic và giải quyết vấn đề hiệu quả
+    - Tự định hướng và tự chủ cao
+    
+    Nghề nghiệp phù hợp tiêu biểu:
+    1. Quản lý chiến lược
+    2. Nhà phân tích dữ liệu
+    3. Kỹ sư hệ thống
+    4. Nhà phát triển phần mềm
+    5. Chuyên gia tư vấn
+    """,
+    
+    "INFJ": """
+    💡 INFJ - "The Advocate" (Người biện hộ)
+    
+    Đặc điểm nổi bật:
+    - Sáng tạo, nhạy cảm và lý tưởng
+    - Đồng cảm với người khác và luôn quan tâm đến cộng đồng
+    - Tập trung vào ý nghĩa sâu sắc và mục tiêu lớn
+    
+    Điểm mạnh trong công việc:
+    - Khả năng lắng nghe và thấu hiểu sâu sắc
+    - Tạo động lực và truyền cảm hứng cho người khác
+    - Khả năng nhìn nhận và giải quyết vấn đề từ góc độ nhân văn
+    
+    Nghề nghiệp phù hợp tiêu biểu:
+    1. Nhà tâm lý học
+    2. Cố vấn nghề nghiệp
+    3. Nhà văn
+    4. Giáo viên
+    5. Nhà hoạt động xã hội
+    """,
+    
+    "ENTJ": """
+    💡 ENTJ - "The Commander" (Người chỉ huy)
+    
+    Đặc điểm nổi bật:
+    - Quyết đoán, năng động và có khả năng lãnh đạo
+    - Tư duy logic và có tầm nhìn xa
+    - Có khả năng giải quyết vấn đề phức tạp và ra quyết định nhanh
+    
+    Điểm mạnh trong công việc:
+    - Kỹ năng lãnh đạo mạnh mẽ
+    - Tư duy chiến lược và định hướng kết quả
+    - Khả năng đưa ra quyết định sáng suốt và hiệu quả
+    
+    Nghề nghiệp phù hợp tiêu biểu:
+    1. Quản lý cấp cao
+    2. Doanh nhân
+    3. Chuyên gia tư vấn chiến lược
+    4. Luật sư
+    5. Nhà hoạch định chính sách
+    """,
+    
+    "ENFP": """
+    💡 ENFP - "The Campaigner" (Người cổ động)
+    
+    Đặc điểm nổi bật:
+    - Nhiệt huyết, sáng tạo và hướng ngoại
+    - Thích khám phá những ý tưởng mới và tìm kiếm sự kết nối với người khác
+    - Có khả năng truyền cảm hứng và thuyết phục
+    
+    Điểm mạnh trong công việc:
+    - Sự sáng tạo và linh hoạt trong giải quyết vấn đề
+    - Tạo mối quan hệ tốt và dễ dàng giao tiếp với mọi người
+    - Khả năng truyền động lực cho người khác
+    
+    Nghề nghiệp phù hợp tiêu biểu:
+    1. Nhà văn
+    2. Nhà marketing
+    3. Cố vấn nghề nghiệp
+    4. Huấn luyện viên
+    5. Diễn giả
+    """,
+    
+    "ISFJ": """
+    💡 ISFJ - "The Protector" (Người bảo vệ)
+    
+    Đặc điểm nổi bật:
+    - Quan tâm, tận tụy và đáng tin cậy
+    - Hướng nội và thích giúp đỡ người khác
+    - Tận tâm trong công việc và luôn chu đáo
+    
+    Điểm mạnh trong công việc:
+    - Khả năng chăm sóc và làm việc với những chi tiết nhỏ
+    - Trung thực và đáng tin cậy
+    - Có trách nhiệm và làm việc chăm chỉ
+    
+    Nghề nghiệp phù hợp tiêu biểu:
+    1. Y tá
+    2. Giáo viên
+    3. Nhân viên hành chính
+    4. Công tác xã hội
+    5. Quản lý nhân sự
+    """,
+    
+    "ESFJ": """
+    💡 ESFJ - "The Caregiver" (Người chăm sóc)
+    
+    Đặc điểm nổi bật:
+    - Thân thiện, đồng cảm và quan tâm đến người khác
+    - Thích làm việc nhóm và giúp đỡ mọi người
+    - Có tr��ch nhiệm và luôn nỗ lực tạo môi trường hòa đồng
+    
+    Điểm mạnh trong công việc:
+    - Khả năng giao tiếp và làm việc nhóm tốt
+    - Dễ dàng thích nghi với nhu cầu của người khác
+    - Tổ chức và chăm chỉ
+    
+    Nghề nghiệp phù hợp tiêu biểu:
+    1. Nhân viên chăm sóc khách hàng
+    2. Giáo viên
+    3. Nhân viên tư vấn
+    4. Nhân viên nhân sự
+    5. Quản lý dịch vụ khách hàng
+    """,
+    
+    "INFP": """
+    💡 INFP - "The Mediator" (Người hòa giải)
+    
+    Đặc điểm nổi bật:
+    - Lý tưởng, sáng tạo và nhạy cảm
+    - Đồng cảm và quan tâm sâu sắc đến những giá trị nhân văn
+    - Tập trung vào sự phát triển cá nhân và ý nghĩa trong cuộc sống
+    
+    Điểm mạnh trong công việc:
+    - Khả năng sáng tạo và thể hiện cảm xúc
+    - Thấu hiểu và hỗ trợ người khác
+    - Linh hoạt trong tư duy và tìm kiếm giải pháp sáng tạo
+    
+    Nghề nghiệp phù hợp tiêu biểu:
+    1. Nhà văn
+    2. Nhà trị liệu tâm lý
+    3. Nhà giáo dục
+    4. Nghệ sĩ
+    5. Chuyên viên tư vấn
+    """,
+    
+    "ENFJ": """
+    💡 ENFJ - "The Teacher" (Người giáo viên)
+    
+    Đặc điểm nổi bật:
+    - Thân thiện, đồng cảm và hướng dẫn người khác
+    - Khả năng truyền cảm hứng và tạo động lực
+    - Tập trung vào sự phát triển của cá nhân và tập thể
+    
+    Điểm mạnh trong công việc:
+    - Khả năng lãnh đạo và thúc đẩy người khác
+    - Kỹ năng giao tiếp và xây dựng mối quan hệ tốt
+    - Tận tụy và làm việc có tổ chức
+    
+    Nghề nghiệp phù hợp tiêu biểu:
+    1. Giáo viên
+    2. Nhà tư vấn
+    3. Nhà hoạt động xã hội
+    4. Quản lý nhân sự
+    5. Nhà tâm lý học
+    """,
+    
+    "ISTP": """
+    💡 ISTP - "The Virtuoso" (Người nghệ sĩ thực dụng)
+    
+    Đặc điểm nổi bật:
+    - Thích khám phá và thử nghiệm với công cụ và quy trình
+    - Hướng tới thực hành và giải quyết vấn đề
+    - Độc lập và linh hoạt trong tư duy
+    
+    Điểm mạnh trong công việc:
+    - Khả năng làm việc với tay nghề kỹ thuật cao
+    - Giải quyết vấn đề hiệu quả và nhanh chóng
+    - Tự tin và thích ứng với môi trường biến đổi
+    
+    Nghề nghiệp phù hợp tiêu biểu:
+    1. Kỹ sư
+    2. Thợ máy
+    3. Nhà thiết kế
+    4. Lập trình viên
+    5. Phi công
+    """,
+    
+    "ISFP": """
+    💡 ISFP - "The Artist" (Người nghệ sĩ)
+    
+    Đặc điểm nổi bật:
+    - Sáng tạo, nhẹ nhàng và sống nội tâm
+    - Tận hưởng cái đẹp và thích làm việc với nghệ thuật
+    - Hướng tới trải nghiệm cá nhân và cảm xúc
+    
+    Điểm mạnh trong công việc:
+    - Khả năng sáng tạo và cảm nhận nghệ thuật
+    - Linh hoạt và làm việc độc lập
+    - Tập trung vào chi tiết và thẩm mỹ
+    
+    Nghề nghiệp phù hợp tiêu biểu:
+    1. Nhà thiết kế
+    2. Nhiếp ảnh gia
+    3. Nghệ sĩ
+    4. Nhà làm phim
+    5. Nhà tạo mẫu
+    """,
+    
+    "ESTP": """
+    💡 ESTP - "The Entrepreneur" (Người kinh doanh)
+    
+    Đặc điểm nổi bật:
+    - Năng động, tự tin và sống thực tế
+    - Thích hành động và ra quyết định nhanh chóng
+    - Thích mạo hiểm và khám phá những cơ hội mới
+    
+    Điểm mạnh trong công việc:
+    - Khả năng ra quyết định nhanh và chính xác
+    - Tính linh hoạt và thích ứng tốt
+    - Sự tự tin và khả năng giao tiếp mạnh mẽ
+    
+    Nghề nghiệp phù hợp tiêu biểu:
+    1. Doanh nhân
+    2. Nhà bán hàng
+    3. Nhà đầu tư
+    4. Quản lý dự án
+    5. Cố vấn kinh doanh
+    """,
+    
+    "ESFP": """
+    💡 ESFP - "The Entertainer" (Người biểu diễn)
+    
+    Đặc điểm nổi bật:
+    - Thân thiện, hòa đồng và lạc quan
+    - Yêu thích sự vui vẻ và thích tạo niềm vui cho người khác
+    - Sống hướng ngoại và tìm kiếm trải nghiệm mới
+    
+    Điểm mạnh trong công việc:
+    - Khả năng giao tiếp và kết nối xã hội mạnh mẽ
+    - Tạo môi trường làm việc vui vẻ và năng động
+    - Linh hoạt và sáng tạo trong giải quyết vấn đề
+    
+    Nghề nghiệp phù hợp tiêu biểu:
+    1. Diễn viên
+    2. Nhân viên bán hàng
+    3. Hướng dẫn viên du lịch
+    4. Nhạc sĩ
+    5. Người làm truyền thông
+    """,
+    
+    "INTP": """
+    💡 INTP - "The Thinker" (Người tư duy)
+    
+    Đặc điểm nổi bật:
+    - Tò mò, sáng tạo và yêu thích nghiên cứu
+    - Th��ch khám phá các lý thuyết và tư duy trừu tượng
+    - Độc lập và có tư duy phản biện
+    
+    Điểm mạnh trong công việc:
+    - Khả năng phân tích và suy nghĩ sâu sắc
+    - Giải quyết vấn đề bằng cách tiếp cận sáng tạo
+    - Tư duy logic và không ngừng học hỏi
+    
+    Nghề nghiệp phù hợp tiêu biểu:
+    1. Nhà nghiên cứu
+    2. Nhà phát triển phần mềm
+    3. Chuyên viên phân tích dữ liệu
+    4. Nhà triết học
+    5. Chuyên gia tư vấn
+    """,
+    
+    "ENTP": """
+    💡 ENTP - "The Debater" (Người tranh luận)
+    
+    Đặc điểm nổi bật:
+    - Thông minh, tự tin và sáng tạo
+    - Thích thử thách ý tưởng và tranh luận
+    - Tìm kiếm các giải pháp sáng tạo và đổi mới
+    
+    Điểm mạnh trong công việc:
+    - Khả năng suy nghĩ linh hoạt và nhanh nhạy
+    - Giải quyết vấn đề bằng cách sáng tạo
+    - Khả năng thuyết phục và giao tiếp tốt
+    
+    Nghề nghiệp phù hợp tiêu biểu:
+    1. Luật sư
+    2. Nhà tư vấn
+    3. Doanh nhân
+    4. Chuyên gia marketing
+    5. Nhà đầu tư
+    """
+}
 
 # Định nghĩa đầy đủ các kiểu MBTI và đặc điểm nghề nghiệp
 MBTI_CAREER_TRAITS = {
-    # ... (định nghĩa giữ nguyên)
+    "ISTJ": {
+        "traits": "Tỉ mỉ, có tổ chức, thực tế, đáng tin cậy, trách nhiệm",
+        "careers": "Kế toán, Quản trị, Công nghệ thông tin, Kỹ sư, Quân đội",
+        "strengths": "Làm việc có tổ chức, chi tiết, đáng tin cậy, thực tế",
+        "weaknesses": "Đôi khi cứng nhắc, khó thích nghi với thay đổi"
+    },
+    "ISFJ": {
+        "traits": "Chu đáo, trách nhiệm, kiên nhẫn, thực tế, tận tụy",
+        "careers": "Y tá, Giáo viên, Quản trị văn phòng, Nhân viên xã hội, Kế toán",
+        "strengths": "Quan tâm đến người khác, đáng tin cậy, chi tiết",
+        "weaknesses": "Khó nói 'không', có thể quá lo lắng"
+    },
+    "INFJ": {
+        "traits": "Sáng tạo, có tầm nhìn, đồng cảm, kiên định",
+        "careers": "Tư vấn tâm lý, Giáo viên, Nhà văn, Nghệ sĩ, Nhà thiết kế",
+        "strengths": "Sáng tạo, hiểu người khác sâu sắc, có tầm nhìn",
+        "weaknesses": "Dễ kiệt sức, đôi khi quá lý tưởng"
+    },
+    "INTJ": {
+        "traits": "Chiến lược, độc lập, phân tích, sáng tạo",
+        "careers": "Kiến trúc sư, Nhà khoa học, Kỹ sư, Quản lý cấp cao, Tư vấn chiến lược",
+        "strengths": "Tư duy chiến lược, độc lập, sáng tạo",
+        "weaknesses": "Có thể quá hoàn hảo, đôi khi khó giao tiếp"
+    },
+    "ISTP": {
+        "traits": "Linh hoạt, thực tế, logic, phiêu lưu",
+        "careers": "Kỹ sư cơ khí, Thợ thủ công, Lập trình viên, Phi công, Vận động viên",
+        "strengths": "Giải quyết vấn đề thực tế, linh hoạt, logic",
+        "weaknesses": "Khó cam kết lâu dài, có thể thiếu kiên nhẫn"
+    },
+    "ISFP": {
+        "traits": "Nghệ sĩ, nhạy cảm, linh hoạt, hòa đồng",
+        "careers": "Nghệ sĩ, Nhà thiết kế, Nhiếp ảnh gia, Nhà tạo mẫu, Bác sĩ thú y",
+        "strengths": "Sáng tạo, thẩm mỹ cao, linh hoạt",
+        "weaknesses": "Khó lập kế hoạch dài hạn, dễ bị tổn thương"
+    },
+    "INFP": {
+        "traits": "Lý tưởng, sáng tạo, đồng cảm, trung thực",
+        "careers": "Nhà văn, Nghệ sĩ, Tư vấn tâm lý, Giáo viên, Nhà thiết kế",
+        "strengths": "Sáng tạo, hiểu người khác, có giá trị mạnh mẽ",
+        "weaknesses": "Quá lý tưởng, khó đưa ra quyết định"
+    },
+    "INTP": {
+        "traits": "Logic, sáng tạo, phân tích, độc lập",
+        "careers": "Lập trình viên, Nhà khoa học, Kỹ sư, Nhà phân tích, Kiến trúc sư",
+        "strengths": "Tư duy logic, sáng tạo, giải quyết vấn đề phức tạp",
+        "weaknesses": "Có thể quá lý thuyết, khó hoàn thành công việc"
+    },
+    "ESTP": {
+        "traits": "Năng động, thực tế, linh hoạt, phiêu lưu",
+        "careers": "Doanh nhân, Môi giới, Quản lý dự án, Vận động viên, Nhà thầu",
+        "strengths": "Giải quyết vấn đề nhanh, thích ứng tốt, năng động",
+        "weaknesses": "Có thể thiếu kiên nhẫn, khó tập trung lâu"
+    },
+    "ESFP": {
+        "traits": "Nhiệt tình, hòa đồng, thực tế, vui vẻ",
+        "careers": "Nghệ sĩ biểu diễn, Bán hàng, Quản lý sự kiện, Nhà thiết kế, Huấn luyện viên",
+        "strengths": "Giao tiếp tốt, năng động, thích ứng nhanh",
+        "weaknesses": "Khó tập trung, không thích lý thuyết"
+    },
+    "ENFP": {
+        "traits": "Nhiệt tình, sáng tạo, linh hoạt, truyền cảm hứng",
+        "careers": "Nhà báo, Marketing, Tư vấn, Nghệ sĩ, Giáo viên",
+        "strengths": "Sáng tạo, giao tiếp tốt, truyền cảm hứng",
+        "weaknesses": "Khó tập trung, dễ phân tâm"
+    },
+    "ENTP": {
+        "traits": "Sáng tạo, logic, năng động, thông minh",
+        "careers": "Doanh nhân, Luật sư, Nhà phát minh, Nhà tư vấn, Nhà marketing",
+        "strengths": "Sáng tạo, logic, giải quyết vấn đề tốt",
+        "weaknesses": "Có thể tranh luận quá nhiều, khó hoàn thành"
+    },
+    "ESTJ": {
+        "traits": "Tổ chức, thực tế, logic, quyết đoán",
+        "careers": "Quản lý, Quân đội, Luật sư, Tài chính, Kinh doanh",
+        "strengths": "Tổ chức tốt, quyết đoán, thực tế",
+        "weaknesses": "Có thể quá cứng nhắc, thiếu nhạy cảm"
+    },
+    "ESFJ": {
+        "traits": "Quan tâm, có tổ chức, hòa đồng, trách nhiệm",
+        "careers": "Giáo viên, Y tá, Quản lý nhân sự, Bán hàng, Chăm sóc khách hàng",
+        "strengths": "Giao tiếp tốt, có tổ chức, quan tâm người khác",
+        "weaknesses": "Quá phụ thuộc vào ý kiến người khác"
+    },
+    "ENFJ": {
+        "traits": "Lãnh đạo, đồng cảm, có tổ chức, truyền cảm hứng",
+        "careers": "Giáo viên, Tư vấn, Nhà lãnh đạo, Marketing, Nhà báo",
+        "strengths": "Lãnh đạo tốt, hiểu người khác, truyền cảm hứng",
+        "weaknesses": "Quá lo lắng về người khác, dễ kiệt sức"
+    },
+    "ENTJ": {
+        "traits": "Lãnh đạo, quyết đoán, chiến lược, tự tin",
+        "careers": "Lãnh đạo doanh nghiệp, Tư vấn quản lý, Luật sư, Quản lý dự án, Chính trị gia",
+        "strengths": "Lãnh đạo tốt, tư duy chiến lược, quyết đoán",
+        "weaknesses": "Có thể quá áp đặt, thiếu kiên nhẫn"
+    }
 }
 
 class CareerAdvisor:
@@ -46,7 +457,6 @@ class CareerAdvisor:
         Nhiệm vụ của bạn là giúp người dùng định hướng nghề nghiệp, đưa ra lời khuyên phù hợp và thiết thực."""
     
     def calculate_mbti(self, answers):
-        """Tính toán kiểu MBTI dựa trên câu trả lời của người dùng"""
         result = ""
         dimensions = {"IE": [], "SN": [], "TF": [], "JP": []}
         
@@ -59,7 +469,8 @@ class CareerAdvisor:
         result += "T" if sum(dimensions["TF"]) < len(dimensions["TF"])/2 else "F"
         result += "J" if sum(dimensions["JP"]) < len(dimensions["JP"])/2 else "P"
         
-        return result
+        # Trả về cả kết quả và mô tả
+        return result, MBTI_DESCRIPTIONS.get(result, "Chưa có mô tả chi tiết cho kiểu tính cách này.")
 
     def get_career_advice(self, user_input: str, mbti_type: str) -> str:
         try:
@@ -81,8 +492,6 @@ class CareerAdvisor:
             3. Top 3 ngành nghề phù hợp nhất và lý do
             4. Lộ trình phát triển cụ thể cho từng ngành (3-5 năm)
             5. Các kỹ năng cần phát triển và cách thức phát triển
-            
-            Hãy trả lời một cách có cấu trúc, chi tiết và thực tế.
             """
             
             response = model.generate_content(prompt)
@@ -90,7 +499,7 @@ class CareerAdvisor:
         except Exception as e:
             return f"Đã xảy ra lỗi khi tạo tư vấn: {str(e)}"
 
-    def chat_with_advisor(self, message: str, history: List[List[str]]) -> List[List[str]]:
+    def chat_with_advisor(self, message: str, history: List) -> List:
         try:
             context = f"""
             {self.system_prompt}
@@ -99,19 +508,18 @@ class CareerAdvisor:
             "{message}"
             
             Hãy đưa ra lời khuyên chuyên nghiệp, cụ thể và có tính thực tiễn cao.
-            Nếu cần thêm thông tin để tư vấn tốt hơn, hãy đặt câu hỏi phù hợp.
             """
             
             response = model.generate_content(context)
-            history.append(["user", message])
-            history.append(["assistant", response.result.text])
+            history.append([message, response.result.text])
             return history
         except Exception as e:
-            history.append(["assistant", f"Đã xảy ra lỗi: {str(e)}"])
+            history.append([message, f"Đã xảy ra lỗi: {str(e)}"])
             return history
 
 def create_interface():
     advisor = CareerAdvisor()
+    current_tab = gr.State("start")
     
     with gr.Blocks(title="AI Career Advisor", theme=gr.themes.Soft()) as interface:
         gr.Markdown("""
@@ -120,16 +528,20 @@ def create_interface():
         Chào mừng bạn đến với hệ thống tư vấn nghề nghiệp AI. Hãy bắt đầu bằng việc cho chúng tôi biết về tính cách MBTI của bạn.
         """)
         
-        # Tab chọn trạng thái biết/không biết MBTI
-        with gr.Tab("🎯 Bắt đầu"):
+        # 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=["Tôi đã biết kiểu tính cách MBTI của mình", "Tôi chưa biết kiểu tính cách MBTI của mình"],
-                label="Trạng thái",
+                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 làm bài test MBTI
-        with gr.Tab("📝 Khám phá tính cách MBTI") as mbti_test_tab:
+        # 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""")
             
             questions = []
@@ -144,20 +556,24 @@ def create_interface():
             
             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 calculate_mbti_result(*answers):
-                mbti_type = advisor.calculate_mbti(answers)
-                mbti_info = MBTI_CAREER_TRAITS[mbti_type]
-                return f"{mbti_type}\n\nĐặc điểm: {mbti_info['traits']}\nNgành nghề phù hợp: {mbti_info['careers']}"
+            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=calculate_mbti_result,
+                fn=on_test_submit,
                 inputs=questions,
-                outputs=mbti_result
+                outputs=[mbti_result, mbti_description, tabs]
             )
         
         # Tab tư vấn nghề nghiệp
-        with gr.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",
@@ -169,10 +585,13 @@ def create_interface():
             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"""
-                        ### 📊 Thông tin về kiểu tính cách {mbti_type}:
+                        {description}
+                        
+                        ### 📊 Thông tin chi tiết:
                         
                         #### 🎯 Đặc điểm chính:
                         {info['traits']}
@@ -192,17 +611,12 @@ def create_interface():
             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, mong muốn một công việc ổn định..."
+                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")
             
-            advice_output = gr.Markdown(
-                label="Kết quả tư vấn",
-                value="Kết quả tư vấn sẽ hiển thị ở đây..."
-            )
-            
-            # Kết nối các components
             mbti_input.change(
                 fn=update_mbti_info,
                 inputs=mbti_input,
@@ -216,18 +630,7 @@ def create_interface():
             )
         
         # Tab chat với chuyên gia
-        with gr.Tab("💬 Tư vấn 1-1 với Chuyên gia"):
-            gr.Markdown("""
-            ### 💬 Trò chuyện với Chuyên gia Tư vấn AI
-            
-            Bạn có thể đặt câu hỏi về:
-            - 🎯 Định hướng nghề nghiệp
-            - 📚 Phát triển kỹ năng
-            - 🔄 Chuyển đổi công việc
-            - 📈 Lộ trình sự nghiệp
-            - 💼 Và các vấn đề nghề nghiệp khác
-            """)
-            
+        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,
@@ -235,36 +638,45 @@ def create_interface():
                 avatar_images=(None, "🧑‍💼")
             )
             
-            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 khi đã có 3 năm kinh nghiệm trong ngành kế toán?",
-                lines=3
-            )
+            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")
             
-            send_button = gr.Button("Gửi", variant="primary")
             clear = gr.Button("🗑️ Xóa lịch sử")
             
             def respond(message, chat_history):
-                bot_message = advisor.chat_with_advisor(message, chat_history)
-                return "", bot_message
+                updated_history = advisor.chat_with_advisor(message, chat_history or [])
+                return "", updated_history
             
-            def clear_history():
-                return []
+            send_btn.click(
+                fn=respond,
+                inputs=[msg, chatbot],
+                outputs=[msg, chatbot]
+            )
+            
+            msg.submit(
+                fn=respond,
+                inputs=[msg, chatbot],
+                outputs=[msg, chatbot]
+            )
             
-            send_button.click(respond, [msg, chatbot], [msg, chatbot])
-            clear.click(clear_history, None, chatbot)
+            clear.click(lambda: None, None, chatbot, queue=False)
         
-        # Show/hide tabs based on MBTI knowledge
-        def update_tabs(know_mbti):
-            if know_mbti == 0:  # Đã biết MBTI
-                return gr.Tabs.update(selected="💼 Tư vấn nghề nghiệp")
+        # Xử lý chuyển tab
+        def handle_know_mbti(choice):
+            if choice == 0:  # Đã biết MBTI
+                return gr.Tabs.update(selected=2)  # Chuyển đến tab tư vấn
             else:  # Chưa biết MBTI
-                return gr.Tabs.update(selected="📝 Khám phá tính cách MBTI")
+                return gr.Tabs.update(selected=1)  # Chuyển đến tab khảo sát
         
         know_mbti.change(
-            fn=update_tabs,
+            fn=handle_know_mbti,
             inputs=[know_mbti],
-            outputs=[interface]
+            outputs=[tabs]
         )
 
     return interface
@@ -278,4 +690,4 @@ def main():
     )
 
 if __name__ == "__main__":
-    main()
+    main()