Replace ImageSlider with side-by-side gr.Image components

ImageSlider is only available as a third-party component with
compatibility issues. Using two standard gr.Image components
side-by-side is more reliable.

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>

app.py

@@ -364,12 +364,13 @@ def run_inference(
     device_str: str,
     colormap: str,
     export_format: str,
-) -> Tuple[Optional[Tuple[np.ndarray, np.ndarray]], dict, Optional[str], str]:
+) -> Tuple[Optional[np.ndarray], Optional[np.ndarray], dict, Optional[str], str]:
     """
     Main inference function.
 
     Returns:
-        - (input_image, output_image) tuple for ImageSlider
+        - input_image for display
+        - output_image for display
         - statistics dictionary
         - path to downloadable file
         - status/warning message
@@ -378,7 +379,7 @@ def run_inference(
     use_demo = demo_sample and demo_sample != "Upload your own"
 
     if not use_demo and file is None:
-        return None, {}, None, "Please select a demo sample or upload an image file."
+        return None, None, {}, None, "Please select a demo sample or upload an image file."
 
     try:
         # Load input
@@ -451,10 +452,10 @@ def run_inference(
         # Save to requested format
         download_path = save_to_format(output_denorm, export_format, colormap)
 
-        return (input_colored, output_colored), stats, download_path, status
+        return input_colored, output_colored, stats, download_path, status
 
     except Exception as e:
-        return None, {}, None, f"Error: {str(e)}"
+        return None, None, {}, None, f"Error: {str(e)}"
 
 
 # ─────────────────────────────────────────────────────────────────────────────
@@ -521,11 +522,16 @@ def create_app() -> gr.Blocks:
 
             # Right column: outputs
             with gr.Column(scale=2):
-                # Image comparison slider
-                image_slider = gr.ImageSlider(
-                    label="Original (left) vs Upsampled (right)",
-                    type="numpy",
-                )
+                # Image comparison - side by side
+                with gr.Row():
+                    input_image = gr.Image(
+                        label="Original",
+                        type="numpy",
+                    )
+                    output_image = gr.Image(
+                        label="Upsampled",
+                        type="numpy",
+                    )
 
                 with gr.Row():
                     # Statistics panel
@@ -542,7 +548,7 @@ def create_app() -> gr.Blocks:
         run_button.click(
             fn=run_inference,
             inputs=[file_input, demo_dropdown, scale_dropdown, device_dropdown, colormap_dropdown, export_dropdown],
-            outputs=[image_slider, stats_output, download_output, status_box],
+            outputs=[input_image, output_image, stats_output, download_output, status_box],
         )
 
     return app