Add examples

app.py

@@ -539,7 +539,7 @@ with gr.Blocks(title="FAQ Search", css=custom_css) as demo:
 
     # Header with logo and title
     with gr.Row():
-        gr.HTML("<h1 style='text-align: left; font-weight: bold;'>Test search dans FAQ</h1>")
+        gr.HTML("<h1 style='text-align: left; font-weight: bold;'>Test et évaluation de la recherche dans la FAQ</h1>")
 
     with gr.Accordion("📃 Contenu de la FAQ", open=False):
         faq_content = get_faq()
@@ -548,6 +548,11 @@ with gr.Blocks(title="FAQ Search", css=custom_css) as demo:
     # User input query field
     sel_query = gr.Textbox(label="Query", scale=5)
 
+    with gr.Row():
+        gr.Markdown("Exemples :")
+        example_prerequis = gr.Button("y a-t-il des prérequis ?")
+        example_dispo = gr.Button("il faut avoir combien de dispo par semaine ?")
+
     current_trace_id = gr.State()
     current_observation_id = gr.State()
 
@@ -594,6 +599,19 @@ with gr.Blocks(title="FAQ Search", css=custom_css) as demo:
                     inputs=[sel_query, similarity_threshold, top_k, cross_encodeur_gap_threshold, cross_encodeur_confidence_threshold, chatbot],
                     outputs=[chatbot, current_trace_id, current_observation_id, sel_query, view_candidates])
 
+    for example_button, question in [
+        (example_prerequis, "y a-t-il des prérequis ?"),
+        (example_dispo, "il faut avoir combien de dispo par semaine ?"),
+    ]:
+        example_button.click(
+            fn=lambda value=question: value,
+            outputs=[sel_query],
+        ).then(
+            faq_pipeline,
+            inputs=[sel_query, similarity_threshold, top_k, cross_encodeur_gap_threshold, cross_encodeur_confidence_threshold, chatbot],
+            outputs=[chatbot, current_trace_id, current_observation_id, sel_query, view_candidates],
+        ).then(lambda: "", outputs=[sel_query])
+
     # Positive feedback button
     btn_like.click(positive_feedback,
                 inputs=[current_trace_id, current_observation_id, feedback_comment],