Update app.py

app.py

@@ -1,49 +1,45 @@
 # app.py
-# A more user-friendly version with a modern, two-column layout and examples.
+# A more user-friendly version with a non-interactive output image component.
 
 import gradio as gr
 from rembg import remove
 import traceback
 
 # --- Core Function ---
-# This function processes the image. It remains the same.
 def process_image(input_image):
     """
     Removes the background from an image.
     Handles errors gracefully.
     """
     if input_image is None:
-        # Provide a more user-friendly error message
         raise gr.Error("Please upload an image or select one of the examples.")
     
     try:
-        # Use the default rembg model for stability
         return remove(input_image)
     except Exception as e:
         print(traceback.format_exc())
-        raise gr.Error(f"Failed to process image. Error: {e}")
+        raise gr.Error(f"Failed to process image: {e}")
 
 # --- Download Function ---
-# ✅ NEW: A simple function to pass the image data for download.
 def download_output_image(image):
-    # This function takes the processed image and returns it as a file for download.
+    """
+    This function takes the processed image and returns it as a file for download.
+    """
     return image
 
 # --- Gradio App with Modern UI ---
-# ✅ FIX: Add the `css` parameter to hide the default buttons.
 with gr.Blocks(
     theme=gr.themes.Soft(primary_hue="violet"),
     css=".meta-buttons { display: none !important; }"
 ) as demo:
     
-    # Title and description for the app
     gr.Markdown(
         """
+        # ✨ AI Background Remover
         Upload an image, use your webcam, or try one of the examples below to instantly remove the background.
         """
     )
     
-    # Main two-column layout
     with gr.Row(variant="panel"):
         
         # --- Input Column ---
@@ -55,7 +51,12 @@ with gr.Blocks(
                 height=400
             )
             
-           
+            gr.Examples(
+                examples=["cat.jpg", "person.jpg", "car.jpg"],
+                inputs=image_input,
+                label="Click an example to start"
+            )
+            
             with gr.Row():
                 clear_btn = gr.ClearButton(
                     value="Clear",
@@ -71,21 +72,19 @@ with gr.Blocks(
                 label="Result",
                 height=400,
                 value=None,
-                # ✅ FIX: Hide the default download button as we will create our own.
-                show_download_button=False 
+                show_download_button=False,
+                # ✅ FIX: This makes the output box display-only.
+                interactive=False 
             )
             
-            # ✅ NEW: Add our custom download button.
             download_button = gr.Button(
                 "Download Image",
                 icon="https://cdn.iconscout.com/icon/premium/png-256-thumb/download-button-2132338-1794935.png",
                 variant="primary",
             )
             
-            # ✅ NEW: Add a hidden file component to trigger the download.
             download_file_output = gr.File(visible=False)
 
-
     # --- Event Listeners ---
     submit_btn.click(
         fn=process_image,
@@ -94,8 +93,6 @@ with gr.Blocks(
         api_name="predict" 
     )
 
-    # ✅ NEW: Link our new download button to its function.
-    # When clicked, it takes the content of 'image_output' and sends it to 'download_file_output'.
     download_button.click(
         fn=download_output_image,
         inputs=[image_output],