Update app.py

app.py

@@ -76,15 +76,30 @@ st.title("Mariam AI - Chat Intelligent")
 if "chat" not in st.session_state:
     st.session_state.chat = model.start_chat(history=[])
 
-# CSS personnalisé (simplifié)
+# CSS personnalisé (pour la fixation des éléments)
 st.markdown("""
     <style>
-    /* Conteneur principal pour la zone de saisie et l'upload */
+    /* Conteneur principal pour fixer les éléments en haut et en bas */
+    .main-container {
+        display: flex;
+        flex-direction: column;
+        height: 95vh; /* Ajustez selon vos besoins */
+    }
+
+    /* Conteneur pour l'historique du chat */
+    .chat-history {
+        flex-grow: 1;
+        overflow-y: auto;
+        display: flex;
+        flex-direction: column-reverse;
+    }
+
+    /* Conteneur pour la zone de saisie et l'upload */
     .input-area {
         display: flex;
         align-items: center;
         gap: 10px;
-        margin-bottom: 10px;
+        margin-top: 10px; /* Espace entre l'historique et la zone de saisie */
     }
 
     /* Style pour la zone de saisie */
@@ -92,41 +107,46 @@ st.markdown("""
         flex-grow: 1; /* Permet à la zone de saisie de prendre l'espace disponible */
     }
 
-    /* Style pour l'icône (ajustez la taille si nécessaire) */
+    /* Style pour l'icône */
     .upload-icon {
         font-size: 1.5em;
     }
     </style>
 """, unsafe_allow_html=True)
 
-# Afficher l'historique des messages
-for message in st.session_state.chat.history:
-    with st.chat_message(role_to_streamlit(message.role)):
-        st.markdown(message.parts[0].text)
-        if len(message.parts) > 1:
-            for part in message.parts[1:]:
-                if hasattr(part, 'image'):
-                    st.image(part.image)
-
-# Créer le conteneur principal pour la zone de saisie et l'upload
-input_area = st.container()
-
-with input_area:
-    # Zone de saisie
-    prompt = st.chat_input("Que puis-je faire pour vous ?", key="chat_input")
-
-    # Colonnes pour l'icône et l'uploader (réduit à 2 colonnes)
-    ucol1, ucol2 = st.columns([1, 5])  # Ajustez la largeur relative si nécessaire
-
-    with ucol1:
-        # Icône d'upload de fichiers
-        st.markdown("<span class='upload-icon'>📁</span>", unsafe_allow_html=True)
-
-    with ucol2:
-        # Upload de fichiers (tous types)
-        uploaded_file = st.file_uploader("", type=["txt", "mp4", "mp3", "pdf", "png", "jpg", "jpeg", "gif"],
-                                        accept_multiple_files=True, key="files",
-                                        label_visibility="collapsed")
+# Conteneur principal
+main_container = st.container()
+
+with main_container:
+    # Conteneur pour l'historique du chat (maintenant inversé avec column-reverse)
+    chat_history_container = st.container()
+    with chat_history_container:
+      # Afficher l'historique des messages
+      for message in st.session_state.chat.history:
+          with st.chat_message(role_to_streamlit(message.role)):
+              st.markdown(message.parts[0].text)
+              if len(message.parts) > 1:
+                  for part in message.parts[1:]:
+                      if hasattr(part, 'image'):
+                          st.image(part.image)
+    # Conteneur pour la zone de saisie et l'upload (en bas)
+    input_area = st.container()
+    with input_area:
+        # Colonnes pour l'icône et l'uploader
+        ucol1, ucol2 = st.columns([1, 5])
+
+        with ucol1:
+            # Icône d'upload de fichiers
+            st.markdown("<span class='upload-icon'>📁</span>", unsafe_allow_html=True)
+
+        with ucol2:
+            # Upload de fichiers (tous types)
+            uploaded_file = st.file_uploader("", type=["txt", "mp4", "mp3", "pdf", "png", "jpg", "jpeg", "gif"],
+                                            accept_multiple_files=True, key="files",
+                                            label_visibility="collapsed")
+
+        # Zone de saisie (placée après l'uploader pour qu'elle soit en bas)
+        prompt = st.chat_input("Que puis-je faire pour vous ?", key="chat_input")
 
 # Appliquer les styles aux éléments (simplifié)
 st.markdown(f"""