Update app.py

app.py

@@ -13,34 +13,6 @@ multimodal_phi2 = MultiModalPhi2(
 # Initialize chatbot history
 messages = []
 
-# UI setup
-with gr.Blocks() as demo:
-    chatbot = gr.Chatbot(
-        [],
-        elem_id="chatbot",
-        bubble_full_width=False,
-        avatar_images=(None, None),  # You can specify avatar images if needed
-    )
-
-    with gr.Row():
-        txt = gr.Textbox(
-            scale=4,
-            show_label=False,
-            placeholder="Enter text and press enter, or upload an image",
-            container=False,
-        )
-        btn = gr.UploadButton("📁", file_types=["image", "video", "audio"])
-
-    txt_msg = txt.submit(add_content, [chatbot, txt], [chatbot, txt], queue=False).then(
-        run, [chatbot, txt, None, None, None], [chatbot, txt, None, None, None], api_name="bot_response"
-    )
-    txt_msg.then(lambda: gr.Textbox(interactive=True), None, [txt], queue=False)
-    file_msg = btn.upload(add_content, [chatbot, None, None, btn, None], [chatbot, None, None, None], queue=False).then(
-        run, [chatbot, None, None, None, btn], [chatbot, None, None, None, None]
-    )
-
-    chatbot.like(print_like_dislike, None, None)
-
 # Function to add content to chatbot
 def add_content(chatbot, text, image, audio_upload, audio_mic) -> gr.Chatbot:
     textflag, imageflag, audioflag = False, False, False
@@ -84,6 +56,36 @@ def run(history, text, image, audio_upload, audio_mic):
 
     history.append((None, outputs.title()))
     return history, None, None, None, None
+    
+# UI setup
+with gr.Blocks() as demo:
+    chatbot = gr.Chatbot(
+        [],
+        elem_id="chatbot",
+        bubble_full_width=False,
+        avatar_images=(None, None),  # You can specify avatar images if needed
+    )
+
+    with gr.Row():
+        txt = gr.Textbox(
+            scale=4,
+            show_label=False,
+            placeholder="Enter text and press enter, or upload an image",
+            container=False,
+        )
+        btn = gr.UploadButton("📁", file_types=["image", "video", "audio"])
+
+    txt_msg = txt.submit(add_content, [chatbot, txt], [chatbot, txt], queue=False).then(
+        run, [chatbot, txt, None, None, None], [chatbot, txt, None, None, None], api_name="bot_response"
+    )
+    txt_msg.then(lambda: gr.Textbox(interactive=True), None, [txt], queue=False)
+    file_msg = btn.upload(add_content, [chatbot, None, None, btn, None], [chatbot, None, None, None], queue=False).then(
+        run, [chatbot, None, None, None, btn], [chatbot, None, None, None, None]
+    )
+
+    chatbot.like(print_like_dislike, None, None)
+
+
 
 # Launch the Gradio UI
 demo.queue()