Update app.py

app.py

@@ -489,7 +489,7 @@ with gr.Blocks(css=css, fill_height=True) as demo:
 
                 with gr.Row():
                     with gr.Column():
-                        input_image = gr.Image(
+                        outpaint_input_image = gr.Image(
                             type="pil",
                             label="Input Image"
                         )
@@ -573,7 +573,7 @@ with gr.Blocks(css=css, fill_height=True) as demo:
                                 ["./examples/example_3.jpg", 1024, 1024, "Top"],
                                 ["./examples/example_3.jpg", 1024, 1024, "Bottom"],
                             ],
-                            inputs=[input_image, width_slider, height_slider, alignment_dropdown],
+                            inputs=[outpaint_input_image, width_slider, height_slider, alignment_dropdown],
                         )
         
                         
@@ -597,7 +597,7 @@ with gr.Blocks(css=css, fill_height=True) as demo:
     use_as_input_button.click(
         fn=use_output_as_input,
         inputs=[result],
-        outputs=[input_image]
+        outputs=[outpaint_input_image]
     )
     
     # Set up event handlers
@@ -641,7 +641,7 @@ with gr.Blocks(css=css, fill_height=True) as demo:
         outputs=result,
     ).then(  # Generate the new image
         fn=infer,
-        inputs=[input_image, width_slider, height_slider, overlap_percentage, num_inference_steps,
+        inputs=[outpaint_input_image, width_slider, height_slider, overlap_percentage, num_inference_steps,
                 resize_option, custom_resize_percentage, prompt_input, alignment_dropdown,
                 overlap_left, overlap_right, overlap_top, overlap_bottom],
         outputs=result,
@@ -661,7 +661,7 @@ with gr.Blocks(css=css, fill_height=True) as demo:
         outputs=result,
     ).then(  # Generate the new image
         fn=infer,
-        inputs=[input_image, width_slider, height_slider, overlap_percentage, num_inference_steps,
+        inputs=[outpaint_input_image, width_slider, height_slider, overlap_percentage, num_inference_steps,
                 resize_option, custom_resize_percentage, prompt_input, alignment_dropdown,
                 overlap_left, overlap_right, overlap_top, overlap_bottom],
         outputs=result,
@@ -677,7 +677,7 @@ with gr.Blocks(css=css, fill_height=True) as demo:
 
     preview_button.click(
         fn=preview_image_and_mask,
-        inputs=[input_image, width_slider, height_slider, overlap_percentage, resize_option, custom_resize_percentage, alignment_dropdown,
+        inputs=[outpaint_input_image, width_slider, height_slider, overlap_percentage, resize_option, custom_resize_percentage, alignment_dropdown,
                 overlap_left, overlap_right, overlap_top, overlap_bottom],
         outputs=preview_image,
         queue=False
@@ -685,7 +685,7 @@ with gr.Blocks(css=css, fill_height=True) as demo:
 
     runout_button.click(
         fn=infer,
-        inputs=[input_image, width_slider, height_slider, overlap_percentage, num_inference_steps,
+        inputs=[outpaint_input_image, width_slider, height_slider, overlap_percentage, num_inference_steps,
                 resize_option, custom_resize_percentage, prompt_input, alignment_dropdown,
                 overlap_left, overlap_right, overlap_top, overlap_bottom],
         outputs=result,
@@ -693,7 +693,7 @@ with gr.Blocks(css=css, fill_height=True) as demo:
 
     preview_button.click(
         fn=preview_image_and_mask,
-        inputs=[input_image, width_slider, height_slider, overlap_percentage, resize_option, custom_resize_percentage, alignment_dropdown,
+        inputs=[outpaint_input_image, width_slider, height_slider, overlap_percentage, resize_option, custom_resize_percentage, alignment_dropdown,
                 overlap_left, overlap_right, overlap_top, overlap_bottom],
         outputs=preview_image,
         queue=False