Update app.py

app.py

@@ -40,37 +40,42 @@ def process_file_via_api(f):
 chameleon = "butterfly.jpg"
 url_example = "https://hips.hearstapps.com/hmg-prod/images/gettyimages-1229892983-square.jpg"
 
-image_upload = gr.Image(label="Upload an image")
-url_input = gr.Textbox(label="Paste an image URL")
-image_file_upload = gr.Image(label="Upload an image", type="filepath")
-output_file = gr.File(label="Output PNG File")
-sliders_processed = gr.Image(label="Processed Image")
-slider_origin = gr.Image(label="Original Image")
-
+# Tab 1: Image Upload
+sliders_processed_tab1 = gr.Image(label="Processed Image")
+sliders_origin_tab1 = gr.Image(label="Original Image")
+image_upload_tab1 = gr.Image(label="Upload an image")
 tab1 = gr.Interface(
     fn=process_image_via_api, 
-    inputs=image_upload, 
-    outputs=[sliders_processed, slider_origin], 
+    inputs=image_upload_tab1, 
+    outputs=[sliders_processed_tab1, sliders_origin_tab1], 
     examples=[chameleon], 
     api_name="/image_api"
 )
 
+# Tab 2: URL Input
+sliders_processed_tab2 = gr.Image(label="Processed Image")
+sliders_origin_tab2 = gr.Image(label="Original Image")
+url_input_tab2 = gr.Textbox(label="Paste an image URL")
 tab2 = gr.Interface(
     fn=process_url_via_api, 
-    inputs=url_input, 
-    outputs=[sliders_processed, slider_origin], 
+    inputs=url_input_tab2, 
+    outputs=[sliders_processed_tab2, sliders_origin_tab2], 
     examples=[url_example], 
     api_name="/url_api"
 )
 
+# Tab 3: File Output
+output_file_tab3 = gr.File(label="Output PNG File")
+image_file_upload_tab3 = gr.Image(label="Upload an image", type="filepath")
 tab3 = gr.Interface(
     fn=process_file_via_api, 
-    inputs=image_file_upload, 
-    outputs=output_file, 
+    inputs=image_file_upload_tab3, 
+    outputs=output_file_tab3, 
     examples=[chameleon], 
     api_name="/png_api"
 )
 
+# Create the Tabbed Interface
 demo = gr.TabbedInterface(
     [tab1, tab2, tab3], 
     ["Image Upload", "URL Input", "File Output"],