Update app.py

app.py

@@ -367,11 +367,13 @@ 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
+    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)
     
     
 
@@ -388,4 +390,10 @@ with gr.Blocks() as demo:
              outputs=[chatbot, skill_assessment_output])
 
 if __name__ == "__main__":
-    demo.launch()
+    demo.launch(css="""
+    #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 */
+    }
+""")