Refactor Gradio interface to enhance input and output organization, update background choice label, and streamline button click event configuration for improved usability and clarity.

app.py

@@ -223,47 +223,73 @@ with gr.Blocks(
         with gr.Column():
             input_image = gr.Image(
                 label="Image input",
-                image_mode="RGBA",
-                sources="upload",
                 type="pil",
+                sources=["upload"]
             )
             bg_choice = gr.Radio(
-                ["Alpha as mask", "Auto Remove background"],
+                choices=["Alpha as mask", "Auto Remove background"],
                 value="Auto Remove background",
-                label="background choice"
+                label="Background choice"
             )
             fg_ratio = gr.Slider(
                 label="Foreground Ratio",
                 minimum=0.5,
                 maximum=1.0,
                 value=1.0,
-                step=0.05,
+                step=0.05
+            )
+            bg_color = gr.ColorPicker(
+                label="Background Color",
+                value="#7F7F7F",
+                interactive=False
+            )
+            seed_val = gr.Number(
+                value=1234,
+                label="Seed",
+                precision=0
+            )
+            guidance = gr.Number(
+                value=5.5,
+                minimum=3,
+                maximum=10,
+                label="Guidance scale"
+            )
+            steps = gr.Number(
+                value=30,
+                minimum=30,
+                maximum=100,
+                label="Sample steps",
+                precision=0
             )
-            bg_color = gr.ColorPicker(label="Background Color", value="#7F7F7F", interactive=False)
-            seed_val = gr.Number(value=1234, label="seed", precision=0)
-            guidance = gr.Number(value=5.5, minimum=3, maximum=10, label="guidance_scale")
-            steps = gr.Number(value=30, minimum=30, maximum=100, label="sample steps", precision=0)
             generate_btn = gr.Button("Generate")
         
         with gr.Column():
-            output_rgb = gr.Image(interactive=False, label="Output RGB image")
-            output_ccm = gr.Image(interactive=False, label="Output CCM image")
-            output_glb = gr.Model3D(label="Output GLB", interactive=False)
+            output_rgb = gr.Image(label="Output RGB image")
+            output_ccm = gr.Image(label="Output CCM image")
+            output_glb = gr.Model3D(label="Output GLB")
     
     # Connect the button click event
     generate_btn.click(
         fn=generate,
-        inputs=[input_image, bg_choice, fg_ratio, bg_color, seed_val, guidance, steps],
+        inputs=[
+            input_image,
+            bg_choice,
+            fg_ratio,
+            bg_color,
+            seed_val,
+            guidance,
+            steps
+        ],
         outputs=[output_rgb, output_ccm, output_glb],
-        concurrency_limit=1
+        api_name="predict"
     )
     
     # Add examples without caching
     gr.Examples(
         examples=[[os.path.join("examples", i)] for i in os.listdir("examples")],
         inputs=input_image,
-        cache_examples=False  # Disable example caching
+        cache_examples=False
     )
 
 if __name__ == "__main__":
-    demo.launch()
+    demo.launch(show_api=True)