Update app.py

app.py

@@ -296,21 +296,62 @@ def process_final(user_prom, history):
         yield response.text
 
 from gradio import gradio as gr
-mychatbot = gr.Chatbot(
-    avatar_images=["./user_icon.png", "./metro.png"], bubble_full_width=False, show_label=False, show_copy_button=True, likeable=True,
-)
-description = """
-<p>
-<center>
-<img src="https://www.nicecotedazur.org/wp-content/themes/mnca/images/logo-metropole-nca.png" alt="rick" width="250"/>
-</center>
-</p>
-<p style="text-align:right"> Made by KHEOPS AI</p>
-"""   
-demo = gr.ChatInterface(
-    fn=process_final, 
-    chatbot=mychatbot,
-    title="METROPOLE SIGNATAIRE CHATBOT",
-    description=description,
-)
+# mychatbot = gr.Chatbot(
+#     avatar_images=["./user_icon.png", "./metro.png"], bubble_full_width=False, show_label=False, show_copy_button=True, likeable=True,
+# )
+# description = """
+# <p>
+# <center>
+# <img src="https://www.nicecotedazur.org/wp-content/themes/mnca/images/logo-metropole-nca.png" alt="rick" width="250"/>
+# </center>
+# </p>
+# <p style="text-align:right"> Made by KHEOPS AI</p>
+# """   
+# demo = gr.ChatInterface(
+#     fn=process_final, 
+#     chatbot=mychatbot,
+#     title="METROPOLE SIGNATAIRE CHATBOT",
+#     description=description,
+# )
+# demo.launch(share=True, debug =True)
+# Gradio Interface
+with gr.Blocks() as demo:
+    with gr.Row():
+        description = """
+        <h1 style ="font-size: 36px;font-weight: bold;"><center>METROPOLE SIGNATAIRE CHATBOT</center></h1>
+        <p>
+        <center>
+        <img src="https://www.nicecotedazur.org/wp-content/themes/mnca/images/logo-metropole-nca.png" alt="rick" width="250"/>
+        </center>
+        </p>
+        <p style="text-align:right"> Développé par  KHEOPS AI</p>
+        """ 
+        gr.HTML(description)
+    chatbot = gr.Chatbot(height = "20rem")
+    msg = gr.Textbox(show_label=False,placeholder = "Poser votre question ...")
+    clear = gr.Button("Réinitialiser")
+
+    def user(user_message, history):
+        # Capture the user message and pass it to 'process_final'
+        return "", history + [[user_message, None]]
+
+    def bot(history):
+        # Get the last user message from the history
+        user_message = history[-1][0]
+        
+        # Process it using the 'process_final' function
+        gen = process_final(user_message, history)
+        
+        bot_message = ""
+        for chunk in gen:
+            bot_message += chunk
+            history[-1][1] = bot_message  # Update bot response in the conversation history
+            yield history
+
+    msg.submit(user, [msg, chatbot], [msg, chatbot], queue=False).then(
+        bot, chatbot, chatbot
+    )
+    
+    clear.click(lambda: None, None, chatbot, queue=False)
+
 demo.launch(share=True, debug =True)