Update app.py

app.py

@@ -38,10 +38,30 @@ def respond(message, history):
 
 
 
-with gr.Blocks(gr.themes.Soft()) as demo:
-    gr.ChatInterface(respond, chatbot=gr.Chatbot(height=800))
-    gr.themes.Soft()
+# --- Define the path or URL to your header image ---
+header_image_path = "https://cdn-uploads.huggingface.co/production/uploads/6540a02d1389943fef4d2640/W1et5K7SPcIa2jdTRIMIG.jpeg"
 
+# --- Build the Gradio Interface with Header ---
+with gr.Blocks(theme=gr.themes.Soft()) as demo:
+    # Add the header image component with doubled height
+    gr.Image(
+        value=header_image_path,
+        label="Chatbot Header",
+        show_label=False,
+        interactive=False,
+        height=240,               # Doubled height (was 120)
+        # width=...,              # Width will usually scale automatically with height,
+                                  # but you could set it explicitly if needed, e.g., width=600
+        elem_id="chatbot-logo"
+    )
+
+    # Add your ChatInterface below the image with reduced height
+    gr.ChatInterface(
+        respond,
+        chatbot=gr.Chatbot(
+            height=560 # Reduced height further (was 680)
+        )
+    )
 
 if __name__ == "__main__":
     demo.launch(show_api=True, share=False)