Update app.py

app.py

@@ -64,6 +64,8 @@ with gr.Blocks(css=css) as demo:
         input_image = gr.Image(label="Input Image", type='numpy', elem_id='img-display-input')
         depth_image_slider = ImageSlider(label="Depth Map with Slider View", elem_id='img-display-output', position=0.5)
     submit = gr.Button(value="Predict Depth")
+    
+    concat_file = gr.File(label="Concatenated visualization (image+depth)", elem_id="image-depth-download")
     raw_file = gr.File(label="Raw depth output (saved as .npy)", elem_id="download",)
 
     cmap = matplotlib.colormaps.get_cmap('Spectral')
@@ -82,12 +84,17 @@ with gr.Blocks(css=css) as demo:
         depth_vis = depth_vis.astype(np.uint8)
         colored_depth = (cmap(depth_vis)[:, :, :3] * 255).astype(np.uint8)
 
-        return [(original_image, colored_depth), tmp_raw_depth.name]
+        split_region = np.ones((image.shape[0], 50, 3), dtype=np.uint8) * 255
+        combined_result = cv2.hconcat([image[:, :, ::-1], split_region, colored_depth[:, :, ::-1]])
+        tmp_concat = tempfile.NamedTemporaryFile(suffix='.png', delete=False)
+        cv2.imwrite(tmp_concat.name, combined_result)
+
+        return [(original_image, colored_depth), tmp_concat.name, tmp_raw_depth.name]
 
     submit.click(
         on_submit, 
         inputs=[input_image], 
-        outputs=[depth_image_slider, raw_file]
+        outputs=[depth_image_slider, concat_file, raw_file]
     )
 
     example_files = os.listdir('assets/examples')
@@ -96,7 +103,7 @@ with gr.Blocks(css=css) as demo:
     examples = gr.Examples(
         examples=example_files, 
         inputs=[input_image], 
-        outputs=[depth_image_slider, raw_file], 
+        outputs=[depth_image_slider, concat_file, raw_file], 
         fn=on_submit
     )