modified

app.py

@@ -73,20 +73,29 @@ def customLLMBot(user_input, uploaded_image):
         return [(user_input or "Image uploaded", error_message)], None
 
 
+# Gradio Interface
 # Gradio Interface
 def chatbot_ui():
     with gr.Blocks() as demo:
         gr.Markdown("# Healthcare Chatbot Doctor")
 
-        chatbot = gr.Chatbot(label="Responses")
-        user_input = gr.Textbox(label="Ask a health-related question",
-                                placeholder="Describe your symptoms...",
-                                elem_id="user-input",
-                                lines=1)
-        uploaded_image = gr.Image(label="Upload an Image", type="pil")
-        audio_output = gr.Audio(label="Audio Response")
-        submit_btn = gr.Button("Submit")
-        clear_btn = gr.Button("Clear")
+        with gr.Row():
+            # Left column: Chatbot and inputs
+            with gr.Column(scale=3):  # Wider column
+                chatbot = gr.Chatbot(label="Responses")
+                user_input = gr.Textbox(
+                    label="Ask a health-related question",
+                    placeholder="Describe your symptoms...",
+                    elem_id="user-input",
+                    lines=1,
+                )
+                audio_output = gr.Audio(label="Audio Response")
+                submit_btn = gr.Button("Submit")
+                clear_btn = gr.Button("Clear")
+
+            # Right column: Upload image
+            with gr.Column(scale=1):  # Narrower column
+                uploaded_image = gr.Image(label="Upload an Image", type="pil")
 
         # Define actions
         submit_btn.click(
@@ -109,6 +118,7 @@ def chatbot_ui():
 
     return demo
 
+
 # Launch the interface
 #chatbot_ui().launch(share=True)
 chatbot_ui().launch(server_name="0.0.0.0", server_port=7860)