Finally FInaly

app.py

@@ -47,38 +47,37 @@ def update_images(image_component, directory="/home/user/app/"):
         return png_files[0]
     return "No images available"
 
+
 def create_chat_widget():
     with gr.Blocks() as chatblock:
-        # Adding a row for the New Chat button at the top
-        with gr.Row():
-            new_chat_button = gr.Button(
-            "New Chat",
-            scale=3,
-            interactive=True,
-            )
-            new_chat_button.click(new_chat, [], [chatbot, txt])
-
-        # Main chat interface
-        with gr.Row():
-            chatbot = gr.Chatbot(
-                [],
-                elem_id="gpt4",
-                elem_classes="gpt4",
-                layout="llm",
-                bubble_full_width=False,
-                height=600,
-            )
-
-            
+        # Declare chatbot and txt here so they are accessible later
+        chatbot = gr.Chatbot(
+            [],
+            elem_id="gpt4",
+            elem_classes="gpt4",
+            layout="llm",
+            bubble_full_width=False,
+            height=600,
+        )
+        txt = gr.Textbox(
+            placeholder="Enter text and press enter to chat with the bot.",
+            show_label=False,
+        )
+
+
+        # Main chat interface row
         with gr.Row():
-            txt = gr.Textbox(
-                placeholder="Enter text and press enter to chat with the bot.",
-                show_label=False,
-            )
             send_button = gr.Button("Send")
             txt.submit(update_bot, inputs=[txt, chatbot], outputs=[chatbot, txt])
             send_button.click(update_bot, inputs=[txt, chatbot], outputs=[chatbot, txt])
 
+        
+        # Adding a row for the New Chat button at the top
+        with gr.Row():
+            new_chat_button = gr.Button("New Chat", scale=3, interactive=True)
+            # Ensure new_chat function resets both chatbot and txt components
+            new_chat_button.click(new_chat, inputs=[], outputs=[chatbot, txt])
+
         # Image display row
         with gr.Row():
             image_display = gr.Image()
@@ -86,6 +85,9 @@ def create_chat_widget():
             update_image_button.click(update_images, inputs=[], outputs=image_display)
 
         return chatblock
+    
+def new_chat():
+    return [], ""
 
 
 def update_bot(text, chatbot):