update

app.py

@@ -43,7 +43,11 @@ def update_system_prompt(selected_prompt):
 
 # Interface Gradio avec Blocks
 with gr.Blocks() as iface:
-    # Choisir un prompt système via un Dropdown
+    # Titre et description de l'application
+    gr.Markdown("# Oolel Chatbot")
+    gr.Markdown("Génération de réponses basées sur des prompts système personnalisés.")
+
+    # Dropdown pour choisir un prompt système
     dropdown = gr.Dropdown(
         label="Choisir un prompt système",
         choices=list(system_prompts.keys()),  # Liste des options de prompts
@@ -59,20 +63,27 @@ with gr.Blocks() as iface:
         placeholder="Sélectionnez un prompt système pour afficher son contenu ici..."
     )
     
-    # Message utilisateur
+    # Événement pour mettre à jour le prompt dans le Textbox
+    dropdown.change(update_system_prompt, inputs=[dropdown], outputs=[system_prompt_textbox])
+    
+    # Textbox pour le message utilisateur
     user_input = gr.Textbox(label="Message utilisateur", placeholder="Entrez votre message ici...")
     
-    # Nombre max de tokens
+    # Slider pour choisir le nombre maximal de tokens
     max_tokens_slider = gr.Slider(50, 500, value=150, label="Nombre max de tokens")
     
-    # Bouton pour générer une réponse
-    output = gr.Textbox()
+    # Bouton pour générer la réponse
+    generate_button = gr.Button("Générer une réponse")
     
-    # Lier la mise à jour du prompt avec l'événement du Dropdown
-    dropdown.change(update_system_prompt, inputs=[dropdown], outputs=[system_prompt_textbox])
+    # Zone pour afficher la réponse générée
+    output = gr.Textbox(label="Réponse générée")
     
-    # Interface principale pour appeler la fonction de génération de réponse
-    iface.add_component(generate_response, inputs=[user_input, system_prompt_textbox, max_tokens_slider], outputs=output)
+    # Connecter le bouton à la fonction de génération
+    generate_button.click(
+        fn=generate_response,
+        inputs=[user_input, system_prompt_textbox, max_tokens_slider],
+        outputs=output
+    )
 
 # Lancer l'interface
 iface.launch()