Update app.py

app.py

@@ -95,28 +95,37 @@ def analyze_outfit(img: Image.Image):
 
     return category_html, tts_path, response
 
-# Gradio Interface
 with gr.Blocks(css="""
 .container { max-width: 600px; margin: 0 auto; padding: 2rem; }
 button { background-color: #1f04ff; color: white; border: none; padding: 0.75rem 1.5rem; border-radius: 6px; cursor: pointer; font-weight: bold; }
 button:hover { background-color: #1500cc; }
 #resultbox { border: 1px solid #e3e3e3; border-radius: 10px; padding: 1rem; background: #fafafa; }
 """) as demo:
+
     with gr.Group(elem_classes=["container"]):
-        gr.Markdown("### Upload or Snap a Photo")
+        gr.Markdown("### Choose an input method:")
 
-        upload_input = gr.Image(type="pil", label="Upload Image", image_mode="RGB")
-        webcam_input = gr.Image(type="pil", source="webcam", label="Take a Photo", image_mode="RGB")
+        with gr.Row():
+            webcam_input = gr.Image(label="📸 Take a Photo", image_mode="RGB", type="pil", show_label=False, show_download_button=False, tool=None, sources=["webcam"])
+            upload_input = gr.Image(label="🖼️ Upload Photo", image_mode="RGB", type="pil", show_label=False, show_download_button=False, tool=None, sources=["upload"])
 
-        analyze_button_upload = gr.Button("Analyze Uploaded Fit")
-        analyze_button_webcam = gr.Button("Analyze Webcam Fit")
+        analyze_button = gr.Button("🔥 Analyze My Fit")
 
+        # Placeholder outputs
         category_html = gr.HTML()
         audio_output = gr.Audio(autoplay=True, label="")
         response_box = gr.Textbox(label="Response", lines=2, interactive=False)
 
-        analyze_button_upload.click(fn=analyze_outfit, inputs=upload_input, outputs=[category_html, audio_output, response_box])
-        analyze_button_webcam.click(fn=analyze_outfit, inputs=webcam_input, outputs=[category_html, audio_output, response_box])
+        # Merge the two image inputs into one workflow
+        def merged_input(image1, image2):
+            return image1 if image1 is not None else image2
+
+        merged = gr.State()
+
+        webcam_input.change(fn=merged_input, inputs=[webcam_input, upload_input], outputs=merged)
+        upload_input.change(fn=merged_input, inputs=[webcam_input, upload_input], outputs=merged)
+
+        analyze_button.click(fn=analyze_outfit, inputs=[merged], outputs=[category_html, audio_output, response_box])
 
 if __name__ == '__main__':
     demo.launch()