Update app.py

app.py

@@ -87,32 +87,19 @@ tips_md = r"""
   • Dokumentasi chatbot mungkin berbeda penomoran-nya dengan dokumentasi yang Anda punya karena diefisiensi/diorganisasi untuk vector storage, sehingga jangan mereferensi nomor atau butir, tapi langsung sebutkan konsepnya.
   • Jika konsep sangat luas atau terlalu kompleks, coba breakdown konsep ke bagian-bagiannya.  Usahakan satu pertanyaan mendalam yang dilengkapi konteks daripada banyak pertanyaan yang menyangkut banyak aspek berbeda.
 
-- **Examples** (click to try)  
-
-  ```text
-  Jelaskan konsep PRECISE secara sederhana.
-  ```
-
-  ```text
-  Berapa keuntungan finansial yang didapat menggunakan PRECISE?
-  ```
-
-  ```text
-  Tuliskan implementasi logika LOESS menggunakan JAVA
-  ```
 """
 
 # 4.2  Footer – the old description / notes
 footer_md = r"""
 ---  
-**Frameworks**: LangChain + FAISS | **Model**: gpt‑oss‑20b, gemma‑3‑3n4B  
+**Frameworks**: LangChain + FAISS | **Model**: gpt‑oss‑20b, gemma‑3‑3n4B  \n
 *Updated 07 Sep 2025 – YOI*  
 
 """
 
 # 4.3  Chat component (no description here)
 chatbot = gr.ChatInterface(
-    respond,
+    gr.Markdown(respond),
     type="messages",
     title="PRECISE RAG Agent",
     examples=[
@@ -127,8 +114,8 @@ chatbot = gr.ChatInterface(
 # 4.4  Assemble everything inside a Blocks container
 with gr.Blocks() as demo:
     # Optional: add a small vertical space at the top
-    gr.Markdown(tips_md)          # <-- Tips section (renders LaTeX)
     chatbot.render()             # <-- Main chat UI
+    gr.Markdown(tips_md)          # <-- Tips section (renders LaTeX)
     gr.Markdown(footer_md)        # <-- Footer (old description)
 
 # ----------------------------------------------------------------------