Handle chat clear

app.py

@@ -142,7 +142,7 @@ with gr.Blocks(title="🦎 Salamandra & Oranguten") as demo:
 
         with gr.Column(scale=3):
             chatbot = gr.Chatbot(height=450, type="messages")
-            msg = gr.Textbox(
+            message = gr.Textbox(
                 placeholder="Type your message here...",
                 label="Your message",
                 submit_btn=True,
@@ -154,22 +154,25 @@ with gr.Blocks(title="🦎 Salamandra & Oranguten") as demo:
 
             response_safety = gr.Label(show_label=False)
 
-    msg.submit(user, inputs=[msg, chatbot], outputs=[msg, chatbot]).then(
+    # Event Listeners:
+    message.submit(user, inputs=[message, chatbot], outputs=[message, chatbot]).then(
         assistant,
         inputs=[chatbot, system_prompt, model_selector],
         outputs=[chatbot, response_safety],
     )
 
-    model_selector.change(lambda: [], outputs=chatbot)
     system_prompt_selector.change(
         lambda example_name: EXAMPLE_PROMPTS[example_name],
         inputs=system_prompt_selector,
         outputs=system_prompt,
     )
-    system_prompt.change(lambda: [], outputs=chatbot)
 
-    new_chat.click(
-        lambda: ([], EXAMPLE_PROMPTS["Default"], "Default", "Salamandra", ""),
+    @model_selector.change(outputs=chatbot)
+    @system_prompt.change(outputs=chatbot)
+    def clear_chat():
+        return []
+
+    @new_chat.click(
         outputs=[
             chatbot,
             system_prompt,
@@ -179,5 +182,17 @@ with gr.Blocks(title="🦎 Salamandra & Oranguten") as demo:
         ],
         queue=False,
     )
+    @chatbot.clear(
+        outputs=[
+            chatbot,
+            system_prompt,
+            system_prompt_selector,
+            model_selector,
+            response_safety,
+        ]
+    )
+    def reset():
+        return [], EXAMPLE_PROMPTS["Default"], "Default", "Salamandra", {}
+
 
 demo.launch()