Update app.py

app.py

@@ -81,7 +81,7 @@ def chat_with_groq(message, history, model, temperature, system_prompt):
 with gr.Blocks() as demo:
     sidebar_state = gr.State(False)
 
-    # Header Section - Fixed scale issues
+    # Header Section
     with gr.Row():
         with gr.Column(scale=20):
             gr.Markdown("# 🌿🤖 SageBot")
@@ -117,6 +117,8 @@ with gr.Blocks() as demo:
                 lines=1,
                 elem_id="system-prompt-container"
             )
+            # Re-added the clear button to fix your event logic
+            clear_btn = gr.Button("Clear Chat", variant="stop", min_width=100)
 
             # LinkedIn Support
             gr.HTML("""
@@ -128,7 +130,7 @@ with gr.Blocks() as demo:
             </div>
             """)
 
-    # Sidebar Toggle
+    # Sidebar Toggle Logic
     def toggle_sidebar(current_state):
         new_state = not current_state
         return gr.update(visible=new_state), new_state
@@ -149,14 +151,16 @@ with gr.Blocks() as demo:
             hist[-1]["content"] = chunk
             yield hist
 
+    # Link Actions
     msg_input.submit(user_turn, [msg_input, chatbot], [msg_input, chatbot], queue=False).then(
         bot_turn, [chatbot, model_choice, temp, sys_msg], chatbot
     )
     submit_btn.click(user_turn, [msg_input, chatbot], [msg_input, chatbot], queue=False).then(
         bot_turn, [chatbot, model_choice, temp, sys_msg], chatbot
     )
-    clear.click(lambda: [], None, chatbot, queue=False)
+    # Linked to clear_btn
+    clear_btn.click(lambda: [], None, chatbot, queue=False)
 
-# Pass CSS into launch() instead of Blocks
+# Final Launch
 if __name__ == "__main__":
     demo.launch(css=custom_css)