Update app.py

app.py

@@ -47,24 +47,45 @@ def classify_img(img, threshold):
     confidence = f"The probability that the image is an ex-voto is: {score:.2%}"
     return label, confidence
 
+example_images = [['examples/exvoto1.jpg', None],
+                ['examples/exvoto2.jpg', None],
+                ['examples/nonexvoto1.jpg', None],
+                ['examples/nonexvoto2.jpg', None],
+                ['examples/natural1.jpg', None],
+                ['examples/natural2.jpg', None],]
 
-# # **🎨 Customized Interface**
-demo = gr.Interface(
-    fn=classify_img,
-    inputs=[
-        gr.Image(type="pil"),
-        gr.Slider(minimum=0.5, maximum=1.0, value=0.7, step=0.1, label="Classification Threshold")
-    ],
-    outputs=[
-        gr.Textbox(label="Prediction", interactive=False),
-        gr.Textbox(label="Confidence Score", interactive=False),
-    ],
-    title="🖼️✟ Ex-Voto Image Classifier",
-    description="📸 **Upload an image** to check if it's an **Ex-Voto** painting!",
-    theme="soft",
-    allow_flagging="never",
-    live=False,  # Avoids auto-updating; requires a button click
-)
+# Function to Clear Outputs When a New Image is Uploaded
+def clear_outputs(img):
+    return gr.update(value=""), gr.update(value="")
+
+# Gradio Interface
+with gr.Blocks() as demo:
+    gr.Markdown("## 🖼️✟ Ex-Voto Image Classifier")
+    gr.Markdown("📸 **Upload an image** to check if it's an **Ex-Voto** painting!")
+    
+    with gr.Row():
+        with gr.Column(scale=2):  # Left section: Image upload & slider
+            img_input = gr.Image(type="pil")
+            threshold_slider = gr.Slider(
+                minimum=0.5, maximum=1.0, value=0.7, step=0.1, label="Classification Threshold"
+            )
+            submit_btn = gr.Button("Classify")
+
+        with gr.Column(scale=1):  # Right section: Prediction & Confidence
+            prediction_output = gr.Textbox(label="Prediction", interactive=False)
+            confidence_output = gr.Textbox(label="Confidence Score", interactive=False)
+
+    # Clear outputs when a new image is uploaded
+    img_input.change(fn=clear_outputs, inputs=[img_input], outputs=[prediction_output, confidence_output])
+
+    # Submit button triggers classification
+    submit_btn.click(fn=classify_img, inputs=[img_input, threshold_slider], outputs=[prediction_output, confidence_output])
+
+    # Example images (Only show images, no threshold value)
+    gr.Examples(
+        examples=example_images,
+        inputs=[img_input]
+    )
 
 # Launch App
-demo.launch(share=True)
+demo.launch()