Update app.py

app.py

@@ -1331,13 +1331,12 @@ print()
 print('='*70)
 
 # ======================================================================
-# ============================================================
-# PHẦN 12.5: GRADIO INTERFACE
-# ============================================================
+# PHẦN 12.5: GRADIO INTERFACE (BẢN ĐẦY ĐỦ: CÓ TRANG CHỦ, BẢN TIN & FULL LOGIN)
+# ======================================================================
 
 import gradio as gr
 print('='*70)
-print('🖥️ KHỞI TẠO GRADIO INTERFACE')
+print('🖥️ KHỞI TẠO GRADIO INTERFACE CHUẨN')
 print('='*70)
 print()
 
@@ -1358,8 +1357,6 @@ def admin_add(code, name, docs, coquan, time_val, lephi, note, steps):
         'time': time_val, 'lephi': lephi, 'note': note, 'steps': steps
     }
     admin_procedures.append(new_proc)
-    # For simplicity, we are not updating DICHVUCONG_DATA or Pinecone here directly
-    # In a real application, you would update the backend data source
     return f"✅ Đã thêm: {code} - {name}", get_procedures_list()
 
 # Chat function với AI Process PRO
@@ -1385,12 +1382,7 @@ def process_chat_pro(audio, text, history, persona="thuong"):
         result = ai_process_pro(query, use_memory=True)
 
         # Format response
-        response = f"""
-
-{result['response']}
-
----
-_⏱️ Xử lý: {result['process_time']}s | 📄 Tài liệu: {result['docs_count']} | 🌡️ Temp: {result['temperature']}_"""
+        response = f"""{result['response']}\n\n--- \n_⏱️ Xử lý: {result['process_time']}s | 📄 Tài liệu: {result['docs_count']} | 🌡️ Temp: {result['temperature']}_"""
 
         history.append({"role": "user", "content": query})
         history.append({"role": "assistant", "content": response})
@@ -1446,7 +1438,7 @@ footer {display: none !important;}
     padding: 20px 30px;
     display: flex;
     align-items: center;
-    margin: -20px -20px 20px -20px; /* Tràn viền */
+    margin: -20px -20px 0px -20px; /* Kết nối sát sạt với khối bản tin bên dưới */
     box-shadow: 0 4px 12px rgba(0,0,0,0.1);
     color: white;
 }
@@ -1475,6 +1467,40 @@ footer {display: none !important;}
     font-weight: 300 !important;
 }
 
+/* Khung bọc khu vực Bản tin điện tử nằm ngay dưới Topbar */
+.global-news-container {
+    background: #ffffff;
+    padding: 15px 20px;
+    margin: 0px -20px 20px -20px; /* Tràn lề tạo dải liền mạch sát mép */
+    border-bottom: 1px solid #dee2e6;
+    box-shadow: 0 2px 8px rgba(0,0,0,0.02);
+}
+.section-title-news {
+    color: #1e3c72;
+    font-weight: 600;
+    margin-bottom: 12px;
+    border-bottom: 2px solid #e9ecef;
+    padding-bottom: 6px;
+    font-size: 15px;
+}
+.news-grid {
+    display: grid;
+    grid-template-columns: repeat(3, 1fr);
+    gap: 15px;
+}
+@media (max-width: 768px) {
+    .news-grid {
+        grid-template-columns: 1fr;
+    }
+}
+.news-card {
+    background: #f8fafc;
+    padding: 14px 16px;
+    border-left: 4px solid #1e3c72;
+    border-radius: 6px;
+    box-shadow: 0 2px 4px rgba(0,0,0,0.02);
+}
+
 /* Tinh chỉnh Nút bấm */
 button.primary {
     background-color: #0056b3 !important;
@@ -1511,7 +1537,7 @@ button.primary:hover {
 # Khởi tạo giao diện với Theme base màu xanh thanh lịch
 with gr.Blocks(theme=gr.themes.Soft(primary_hue="blue", neutral_hue="slate"), css=custom_css) as demo:
     
-    # 1. TOPBAR CHUYÊN NGHIỆP (Không dùng logo/tên thật)
+    # 1. TOPBAR CHUYÊN NGHIỆP KẾT HỢP BẢN TIN ĐIỆN TỬ 3 Ô CỐ ĐỊNH CO GIÃN
     gr.HTML("""
     <div class="admin-topbar">
         <div class="admin-icon">🏛️</div>
@@ -1520,10 +1546,42 @@ with gr.Blocks(theme=gr.themes.Soft(primary_hue="blue", neutral_hue="slate"), cs
             <p>Giải đáp thông tin thủ tục - Nhanh chóng, Chính xác, Hỗ trợ 24/7</p>
         </div>
     </div>
+    
+    <div class="global-news-container">
+        <div class="section-title-news">📰 BẢN TIN ĐIỆN TỬ DỊCH VỤ CÔNG MỚI NHẤT</div>
+        <div class="news-grid">
+            <div class="news-card">
+                <strong style="color: #1e3c72; font-size: 14px;">🔥 Số hóa 100% kết quả thủ tục hành chính công</strong>
+                <p style="margin: 6px 0 0 0; font-size: 12px; color: #475569; line-height: 1.4;">Kế hoạch hành động mới thúc đẩy toàn bộ các đơn vị ứng dụng AI để giảm thiểu tối đa thời gian chờ cấp trả giấy tờ trực tiếp cho người dân...</p>
+            </div>
+            <div class="news-card">
+                <strong style="color: #1e3c72; font-size: 14px;">✨ Tích hợp thẻ Căn cước mới lên hệ thống VNeID</strong>
+                <p style="margin: 6px 0 0 0; font-size: 12px; color: #475569; line-height: 1.4;">Người dân có thể chủ động cập nhật các thông tin sinh trắc học tích hợp sẵn phục vụ các xác minh thủ tục tư pháp nhanh gọn.</p>
+            </div>
+            <div class="news-card">
+                <strong style="color: #1e3c72; font-size: 14px;">⚠️ Khuyến cáo bảo mật tài khoản định danh cá nhân</strong>
+                <p style="margin: 6px 0 0 0; font-size: 12px; color: #475569; line-height: 1.4;">Tuyệt đối không cung cấp mã OTP, mật khẩu ứng dụng dịch vụ công cho các cuộc gọi lạ giả mạo cơ quan nhà nước.</p>
+            </div>
+        </div>
+    </div>
     """)
 
     with gr.Tabs():
-        # Chat Tab
+        
+        # TAB 1: TRANG CHỦ (Giới thiệu & Hướng dẫn sử dụng)
+        with gr.Tab("🏠 Trang chủ"):
+            gr.HTML("<div class='section-title'>📖 GIỚI THIỆU & HƯỚNG DẪN HỆ THỐNG</div>")
+            gr.Markdown("""
+            ### 🏛️ Giới thiệu về Hệ thống Trợ lý ảo AI
+            Hệ thống **Trợ lý ảo tư vấn hành chính công** được phát triển nhằm mục tiêu tối ưu hóa trải nghiệm dịch vụ công cho công dân. Ứng dụng công nghệ xử lý ngôn ngữ tự nhiên hiện đại phối hợp với kiến trúc bộ nhớ thông minh, trợ lý ảo hỗ trợ tìm kiếm chính xác điều kiện, lệ phí và các bước thực hiện của mọi thủ tục hành chính công một cách lập tức.
+
+            ### 💡 Hướng dẫn sử dụng các phân hệ chức năng
+            * **💬 Phân hệ Trợ lý AI:** Chuyển qua tab chat để tương tác trực tiếp với robot hỗ trợ. Bạn có thể tự do nhập liệu bằng văn bản hoặc sử dụng microphone ghi âm giọng nói. Hệ thống sẽ tích hợp công nghệ chuyển đổi văn bản thành giọng nói để phát loa phản hồi tự động.
+            * **⚙️ Phân hệ Admin Panel:** Khu vực nghiệp vụ dành riêng cho cán bộ quản trị hệ thống nhằm thực hiện việc đăng nhập tài khoản cấp cao và cập nhật, sửa đổi kho cơ sở dữ liệu các thủ tục hành chính mới.
+            * **🧠 Phân hệ Memory Manager:** Cho phép người dùng theo dõi trực quan các ngữ cảnh hội thoại lưu trữ trong bộ nhớ đệm AI ở phiên làm việc hiện hành.
+            """)
+
+        # TAB 2: Chat Tab
         with gr.Tab("💬 Trợ lý AI"):
             with gr.Row():
                 with gr.Column(scale=7):
@@ -1540,7 +1598,7 @@ with gr.Blocks(theme=gr.themes.Soft(primary_hue="blue", neutral_hue="slate"), cs
                         btn_send = gr.Button('GỬI CÂU HỎI', variant='primary')
                         btn_clear = gr.Button('Làm mới')
 
-                    # --- Ô HƯỚNG DẪN NHỎ THÊM VÀO ĐÂY ---
+                    # --- Ô HƯỚNG DẪN NHỎ ---
                     gr.HTML("""
                         <div style="
                             margin-top: 15px; 
@@ -1574,26 +1632,32 @@ with gr.Blocks(theme=gr.themes.Soft(primary_hue="blue", neutral_hue="slate"), cs
                 inputs=[audio_in, msg_in]
             )
 
-            # (Các sự kiện click giữ nguyên)
+            # Các sự kiện click tương tác chat
             btn_send.click(process_chat_pro, [audio_in, msg_in, chat], [chat, audio_out, msg_in])
             msg_in.submit(process_chat_pro, [audio_in, msg_in, chat], [chat, audio_out, msg_in])
             btn_clear.click(clear_chat_pro, [], [chat, audio_out, msg_in])
+
+        # TAB 3: Admin Panel (Hệ thống Log In / Log Out như Google Account)
         with gr.Tab("⚙️ Admin Panel"):
-            gr.Markdown("### 🔐 Xác thực quyền quản trị")
             
-            with gr.Row():
-                input_pass = gr.Textbox(
-                    label="Nhập mật khẩu để mở khóa tính năng Admin", 
-                    type="password", 
-                    placeholder="nhap mat khau",
-                    scale=4
-                )
-                btn_login = gr.Button("Xác thực 🔑", scale=1)
+            # Khung form đăng nhập bảo mật ban đầu
+            with gr.Row() as login_form:
+                with gr.Column(scale=2):
+                    input_user = gr.Textbox(label="Tài khoản cán bộ", placeholder="Nhập tên tài khoản admin...")
+                with gr.Column(scale=2):
+                    input_pass = gr.Textbox(label="Mật khẩu mã hóa", type="password", placeholder="Nhập mật khẩu khóa bảo mật...")
+                with gr.Column(scale=1):
+                    gr.Markdown("<br>") # Căn chỉnh lề đẩy nút bấm thẳng hàng với ô nhập liệu
+                    btn_login = gr.Button("Đăng nhập 🔑", variant="primary")
             
             # Group chứa nội dung Admin - Mặc định ẩn (visible=False)
             admin_content = gr.Group(visible=False) 
             
             with admin_content:
+                with gr.Row():
+                    gr.Markdown("### 🏛️ KHU VỰC QUẢN TRỊ VIÊN CẤP CAO")
+                    btn_logout = gr.Button("Đăng xuất ↩️", variant="stop", scale=1, size="sm")
+                
                 gr.Markdown("---")
                 gr.Markdown("### ➕ Thêm thủ tục mới (AI sẽ học ngay)")
                 with gr.Row():
@@ -1613,32 +1677,41 @@ with gr.Blocks(theme=gr.themes.Soft(primary_hue="blue", neutral_hue="slate"), cs
                 add_output = gr.Textbox(label="Kết quả xử lý")
                 procedures_list = gr.Markdown(value=get_procedures_list())
 
-            # --- Logic xử lý ẩn hiện và mật khẩu ---
-            def check_admin(password):
-                if password == ADMIN_PASSWORD:
-                    # Nếu đúng: Hiện nội dung admin, ẩn ô nhập mật khẩu và hiện thông báo thành công
-                    gr.Info("Đăng nhập thành công! Quyền quản trị đã được mở.")
-                    return gr.update(visible=True), gr.update(visible=False)
-                else:
-                    # Nếu sai: Giữ ẩn nội dung và hiện cảnh báo
-                    raise gr.Error("Mật khẩu không chính xác. Vui lòng thử lại!")
+            # --- Logic xác thực Đăng nhập / Đăng xuất ---
+            def check_admin_login(username, password):
+                # ACCOUNT và ADMIN_PASSWORD cần được khai báo trước ở các phần trên của bạn
+                if username == ACCOUNT and password == ADMIN_PASSWORD:
+                    gr.Info("Đăng nhập thành công! Hệ thống cán bộ đã mở khóa.")
                     return gr.update(visible=False), gr.update(visible=True)
+                else:
+                    gr.Warning("Tài khoản hoặc mật khẩu không chính xác. Vui lòng kiểm tra lại!")
+                    return gr.update(visible=True), gr.update(visible=False)
 
-            # Sự kiện khi nhấn nút Xác thực
+            def admin_logout():
+                gr.Info("Đã đăng xuất an toàn khỏi tài khoản cán bộ quản trị.")
+                return gr.update(visible=True), gr.update(visible=False), gr.update(value=""), gr.update(value="")
+
+            # Liên kết sự kiện kích hoạt click đăng nhập / đăng xuất
             btn_login.click(
-                check_admin, 
-                inputs=[input_pass], 
-                outputs=[admin_content, input_pass]
+                check_admin_login, 
+                inputs=[input_user, input_pass], 
+                outputs=[login_form, admin_content]
+            )
+            
+            btn_logout.click(
+                admin_logout,
+                inputs=[],
+                outputs=[login_form, admin_content, input_user, input_pass]
             )
 
-            # Sự kiện khi nhấn nút THÊM (giữ nguyên logic cũ của bạn)
+            # Sự kiện thêm dữ liệu thủ tục hành chính mới
             btn_add.click(
                 admin_add,
                 [admin_code, admin_name, admin_docs, admin_coquan, admin_time, admin_lephi, admin_note, admin_steps],
                 [add_output, procedures_list]
             )
 
-        # Memory Tab (mới)
+        # TAB 4: Memory Tab
         with gr.Tab("🧠 Memory Manager"):
             gr.Markdown("### 📊 Quản lý bộ nhớ hội thoại")