Update app.py

app.py

@@ -373,27 +373,128 @@ def create_qa_chain(_llm, _retriever):
 
 # UI
 def main():
-    st.title("📞 مساعد اتصالات المستقبل")
-    st.markdown("مرحباً بك! يمكنك طرح أي سؤال عن خدماتنا.")
+    # تخصيص مظهر الصفحة
+    st.set_page_config(
+        page_title="مساعد اتصالات المستقبل",
+        page_icon="📞",
+        layout="centered",
+        initial_sidebar_state="expanded"
+    )
+    
+    # أسلوب CSS مخصص للدردشة
+    st.markdown("""
+    <style>
+        .chat-container {
+            direction: rtl;
+            display: flex;
+            flex-direction: column;
+            gap: 10px;
+            margin-bottom: 20px;
+        }
+        .user-message {
+            background-color: #E3F2FD;
+            padding: 12px 16px;
+            border-radius: 18px 18px 0 18px;
+            align-self: flex-end;
+            max-width: 80%;
+            box-shadow: 0 1px 2px rgba(0,0,0,0.1);
+        }
+        .bot-message {
+            background-color: #f1f1f1;
+            padding: 12px 16px;
+            border-radius: 18px 18px 18px 0;
+            align-self: flex-start;
+            max-width: 80%;
+            box-shadow: 0 1px 2px rgba(0,0,0,0.1);
+        }
+        .stTextInput input, .stTextArea textarea {
+            border: 2px solid #4CAF50 !important;
+            border-radius: 10px !important;
+            padding: 10px !important;
+        }
+        .stButton button {
+            background-color: #4CAF50 !important;
+            color: white !important;
+            border-radius: 10px !important;
+            padding: 10px 24px !important;
+            width: 100% !important;
+            font-weight: bold !important;
+        }
+    </style>
+    """, unsafe_allow_html=True)
+    
+    # رأس الصفحة
+    st.markdown('<h1 style="color: #2E86C1; text-align:center">📞 مساعد اتصالات المستقبل</h1>', unsafe_allow_html=True)
+    st.markdown("---")
+    
+    # تهيئة حالة الجلسة لتخزين المحادثة
+    if 'chat_history' not in st.session_state:
+        st.session_state.chat_history = []
+    
+    # عرض تاريخ المحادثة
+    with st.container():
+        st.markdown('<div class="chat-container">', unsafe_allow_html=True)
+        
+        for message in st.session_state.chat_history:
+            if message['type'] == 'user':
+                st.markdown(f'<div class="user-message">👤 {message["content"]}</div>', unsafe_allow_html=True)
+            else:
+                st.markdown(f'<div class="bot-message">🤖 {message["content"]}</div>', unsafe_allow_html=True)
+        
+        st.markdown('</div>', unsafe_allow_html=True)
     
     try:
-        # تحميل المكونات (تم تخزينها في الذاكرة المؤقتة)
+        # تحميل المكونات
         llm = load_model()
         retriever = load_data()
         qa_chain = create_qa_chain(llm, retriever)
         
-        # إدخال المستخدم
-        user_query = st.text_area("اكتب سؤالك هنا:", height=100)
+        # قسم إدخال السؤال
+        user_query = st.text_area(
+            "اكتب رسالتك هنا:",
+            height=100,
+            placeholder="اطرح سؤالك عن خدماتنا...",
+            key="user_input"
+        )
+        
+        col1, col2 = st.columns([1, 3])
+        with col1:
+            if st.button("إرسال", key="send_btn"):
+                if user_query.strip():
+                    # إضافة سؤال المستخدم إلى التاريخ
+                    st.session_state.chat_history.append({
+                        'type': 'user',
+                        'content': user_query
+                    })
+                    
+                    with st.spinner('جاري تحضير الإجابة...'):
+                        # الحصول على الإجابة
+                        response = qa_chain.run(user_query)
+                        
+                        # إضافة إجابة البوت إلى التاريخ
+                        st.session_state.chat_history.append({
+                            'type': 'bot',
+                            'content': response
+                        })
+                    
+                    # إعادة تحميل الصفحة لعرض المحادثة الجديدة
+                    st.experimental_rerun()
+                else:
+                    st.warning("الرجاء إدخال سؤال قبل الإرسال")
         
-        if st.button("إرسال") and user_query:
-            with st.spinner('جاري تحضير الإجابة...'):
-                response = qa_chain.run(user_query)
-            
-            st.success("تم العثور على الإجابة:")
-            st.markdown(f"**{response}**")
-            
+        with col2:
+            if st.button("مسح المحادثة", key="clear_btn"):
+                st.session_state.chat_history = []
+                st.experimental_rerun()
+    
     except Exception as e:
         st.error(f"حدث خطأ: {str(e)}")
+        st.session_state.chat_history.append({
+            'type': 'bot',
+            'content': "عذراً، حدث خطأ في النظام. يرجى المحاولة مرة أخرى."
+        })
+        st.experimental_rerun()
 
 if __name__ == "__main__":
     main()
+