Update app.py

app.py

@@ -371,11 +371,22 @@ def validate_update(updated_skills, request: gr.Request):
 
 # Création de l'interface
 with gr.Blocks() as demo:
-    chatbot = gr.Chatbot(label="Chatbot", elem_id="chatbot")
-    msg = gr.Textbox(label="Message")
-    skill_assessment_output = gr.Textbox(label="Compétences actuelles", interactive=False)
-    validate_button = gr.Button("Valider la mise à jour")  # Nouveau bouton pour valider
-    validation_output = gr.Textbox(label="Résultat de la mise à jour", interactive=False)  # Nouveau bloc pour afficher le résultat
+    gr.HTML("""
+        <style>
+            #scroll-container {
+                max-height: 80vh; /* Limite la hauteur du conteneur */
+                overflow-y: auto; /* Permet le défilement vertical */
+                padding: 20px; /* Optionnel : ajoute un peu d'espace autour */
+            }
+        </style>
+    """)
+    with gr.Row(elem_id="scroll-container"):
+        with gr.Column(scale=1):
+            chatbot = gr.Chatbot(label="Chatbot", elem_id="chatbot")  # Chatbot pour la conversation
+            msg = gr.Textbox(label="Message", placeholder="Tapez votre message ici...")  # Champ de texte pour envoyer des messages
+            skill_assessment_output = gr.Textbox(label="Compétences actuelles", interactive=False)  # Sortie des compétences
+            validate_button = gr.Button("Valider la mise à jour")  # Bouton pour valider la mise à jour
+            validation_output = gr.Textbox(label="Résultat de la mise à jour", interactive=False)