Update app.py

app.py

@@ -72,28 +72,72 @@ Question:
     return groq_query(prompt)
 
 # =========================================
-# 6️⃣ Gradio UI with proper message format
+# 6️⃣ Redesigned Gradio UI
 # =========================================
-with gr.Blocks() as demo:
-    gr.Markdown("## 🎓 Baltistan Academic Assistant")
-
-    chatbot = gr.Chatbot()  # Chat UI
-    msg = gr.Textbox(placeholder="Ask your question...")
-
-    def respond(message, history):
-        # Convert history into the required format
-        if history is None:
-            history = []
 
-        user_entry = {"role": "user", "content": message}
-        answer = rag_answer(message)
-        assistant_entry = {"role": "assistant", "content": answer}
 
-        history.append(user_entry)
-        history.append(assistant_entry)
+# Sample mock questions from your HOD messages
+mock_questions = [
+    "What is the focus of the Botany Department?",
+    "Who is the Head of Chemistry Department?",
+    "What programs does the Computer Science Department offer?",
+    "What environmental challenges does the Earth & Environmental Science Dept address?",
+    "Who is the Head of Mathematics Department?",
+    "What subjects are taught in the Zoology Department?",
+    "What is the mission of Archaeology & Heritage Studies Department?",
+    "What programs are offered in Business Management, Commerce, and Economics?",
+    "What is the goal of Educational Development Department?",
+    "Who leads the Languages and Cultural Studies Department?"
+]
 
-        return history, ""  # return updated chat and clear textbox
-
-    msg.submit(respond, [msg, chatbot], [chatbot, msg])
+with gr.Blocks() as demo:
+    # Top-centered title
+    gr.Markdown("## 🎓 Baltistan Academic Assistant", elem_id="title", 
+                elem_classes="center-text")
+
+    # Paragraph about the application
+    gr.Markdown(
+        """
+Welcome to the Baltistan Academic Assistant! This AI-powered chatbot is built to help students, faculty, and visitors access messages, updates, and academic guidance from all department heads of the University of Baltistan.  
+The information is sourced from the official university website and compiled to provide accurate answers to your questions about courses, faculty, research, and departmental objectives.
+        """,
+        elem_id="description"
+    )
 
+    # Main layout: sidebar on left, chatbot on right
+    with gr.Row():
+        # Left sidebar with mock questions
+        with gr.Column(scale=1):
+            gr.Markdown("### 💡 Sample Questions")
+            for q in mock_questions:
+                def set_question(q_text, txt_box):
+                    return txt_box.update(value=q_text)
+                # Each question is a button to fill the input
+                gr.Button(q, elem_classes="mock-btn").click(
+                    set_question, [gr.State(q), None], None
+                )
+
+        # Right column: chatbot
+        with gr.Column(scale=3):
+            chatbot = gr.Chatbot()
+            user_input = gr.Textbox(placeholder="Type your question here...", lines=2)
+            send_btn = gr.Button("Send")
+
+            def respond(message, history):
+                if not history:
+                    history = []
+
+                user_entry = {"role": "user", "content": message}
+                answer = rag_answer(message)
+                assistant_entry = {"role": "assistant", "content": answer}
+
+                history.append(user_entry)
+                history.append(assistant_entry)
+
+                return history, ""  # update chat and clear input
+
+            # Bind send button to chatbot response
+            send_btn.click(respond, [user_input, chatbot], [chatbot, user_input])
+
+# Launch the redesigned UI
 demo.launch()