Update app.py

app.py

@@ -9,7 +9,21 @@ from vectorstore import load_or_build_vectorstore
 from chain_setup import build_conversational_chain
 
 def main():
-    st.title("💬 المحادثة التفاعلية - ادارة البياناتات و حماية البيانات الشخصية")
+    st.set_page_config(page_title="المحادثة التفاعلية", layout="wide")
+    st.title("💬 المحادثة التفاعلية - ادارة البيانات وحماية البيانات الشخصية")
+
+    # Add custom CSS to support right-to-left text
+    st.markdown(
+        """
+        <style>
+            .rtl {
+                direction: rtl;
+                text-align: right;
+            }
+        </style>
+        """,
+        unsafe_allow_html=True,
+    )
 
     # Paths and constants
     local_file = "Policies001.pdf"
@@ -33,7 +47,8 @@ def main():
     # Display existing messages
     for msg in st.session_state["messages"]:
         with st.chat_message(msg["role"]):
-            st.markdown(msg["content"])
+            # Apply 'rtl' class for RTL text direction
+            st.markdown(f'<div class="rtl">{msg["content"]}</div>', unsafe_allow_html=True)
 
     # Step 5: Chat Input
     user_input = st.chat_input("اكتب سؤالك")
@@ -43,7 +58,7 @@ def main():
         # a) Display user message
         st.session_state["messages"].append({"role": "user", "content": user_input})
         with st.chat_message("user"):
-            st.markdown(user_input)
+            st.markdown(f'<div class="rtl">{user_input}</div>', unsafe_allow_html=True)
 
         # b) Run chain
         response_dict = qa_chain({"question": user_input})
@@ -52,7 +67,7 @@ def main():
         # c) Display assistant response
         st.session_state["messages"].append({"role": "assistant", "content": answer})
         with st.chat_message("assistant"):
-            st.markdown(answer)
+            st.markdown(f'<div class="rtl">{answer}</div>', unsafe_allow_html=True)
 
 if __name__ == "__main__":
     main()