Update app.py

app.py

@@ -2,447 +2,229 @@ import gradio as gr
 import spaces
 import torch
 from diffusers import AutoencoderKL, TCDScheduler
-from diffusers.models.model_loading_utils import load_state_dict
-from gradio_imageslider import ImageSlider
-from huggingface_hub import hf_hub_download
-
+# (Assume ControlNet manual load or from_pretrained is already working)
 from controlnet_union import ControlNetModel_Union
 from pipeline_fill_sd_xl import StableDiffusionXLFillPipeline
+from gradio_imageslider import ImageSlider
+from huggingface_hub import hf_hub_download
 
 from PIL import Image, ImageDraw
 import numpy as np
 
-config_file = hf_hub_download(
+# --- Load ControlNet and SDXL Fill Pipeline ---
+# (Either manual download or via from_pretrained)
+controlnet_model = ControlNetModel_Union.from_pretrained(
     "xinsir/controlnet-union-sdxl-1.0",
-    filename="config_promax.json",
-)
-
-config = ControlNetModel_Union.load_config(config_file)
-controlnet_model = ControlNetModel_Union.from_config(config)
-model_file = hf_hub_download(
-    "xinsir/controlnet-union-sdxl-1.0",
-    filename="diffusion_pytorch_model_promax.safetensors",
-)
-
-sstate_dict = load_state_dict(model_file)
-model, _, _, _, _ = ControlNetModel_Union._load_pretrained_model(
-    controlnet_model, sstate_dict, model_file, "xinsir/controlnet-union-sdxl-1.0"
-)
-model.to(device="cuda", dtype=torch.float16)
-#----------------------
+    torch_dtype=torch.float16,
+    variant="fp16"
+).to("cuda")
 
 vae = AutoencoderKL.from_pretrained(
-    "madebyollin/sdxl-vae-fp16-fix", torch_dtype=torch.float16
+    "madebyollin/sdxl-vae-fp16-fix",
+    torch_dtype=torch.float16
 ).to("cuda")
 
 pipe = StableDiffusionXLFillPipeline.from_pretrained(
     "SG161222/RealVisXL_V5.0_Lightning",
     torch_dtype=torch.float16,
     vae=vae,
-    controlnet=model,
+    controlnet=controlnet_model,
     variant="fp16",
 ).to("cuda")
-
 pipe.scheduler = TCDScheduler.from_config(pipe.scheduler.config)
 
+# --- Utility functions ---
 def can_expand(source_width, source_height, target_width, target_height, alignment):
-    """Checks if the image can be expanded based on the alignment."""
     if alignment in ("Left", "Right") and source_width >= target_width:
         return False
     if alignment in ("Top", "Bottom") and source_height >= target_height:
         return False
     return True
 
-def prepare_image_and_mask(image, width, height, overlap_percentage, resize_option, custom_resize_percentage, alignment, overlap_left, overlap_right, overlap_top, overlap_bottom):
-    target_size = (width, height)
-
-    # Calculate the scaling factor to fit the image within the target size
-    scale_factor = min(target_size[0] / image.width, target_size[1] / image.height)
-    new_width = int(image.width * scale_factor)
-    new_height = int(image.height * scale_factor)
-    
-    # Resize the source image to fit within target size
-    source = image.resize((new_width, new_height), Image.LANCZOS)
-
-    # Apply resize option using percentages
-    if resize_option == "Full":
-        resize_percentage = 100
-    elif resize_option == "50%":
-        resize_percentage = 50
-    elif resize_option == "33%":
-        resize_percentage = 33
-    elif resize_option == "25%":
-        resize_percentage = 25
-    else:  # Custom
-        resize_percentage = custom_resize_percentage
-
-    # Calculate new dimensions based on percentage
-    resize_factor = resize_percentage / 100
-    new_width = int(source.width * resize_factor)
-    new_height = int(source.height * resize_factor)
-
-    # Ensure minimum size of 64 pixels
-    new_width = max(new_width, 64)
-    new_height = max(new_height, 64)
-
-    # Resize the image
-    source = source.resize((new_width, new_height), Image.LANCZOS)
-
-    # Calculate the overlap in pixels based on the percentage
-    overlap_x = int(new_width * (overlap_percentage / 100))
-    overlap_y = int(new_height * (overlap_percentage / 100))
-
-    # Ensure minimum overlap of 1 pixel
-    overlap_x = max(overlap_x, 1)
-    overlap_y = max(overlap_y, 1)
-
-    # Calculate margins based on alignment
-    if alignment == "Middle":
-        margin_x = (target_size[0] - new_width) // 2
-        margin_y = (target_size[1] - new_height) // 2
-    elif alignment == "Left":
-        margin_x = 0
-        margin_y = (target_size[1] - new_height) // 2
-    elif alignment == "Right":
-        margin_x = target_size[0] - new_width
-        margin_y = (target_size[1] - new_height) // 2
-    elif alignment == "Top":
-        margin_x = (target_size[0] - new_width) // 2
-        margin_y = 0
-    elif alignment == "Bottom":
-        margin_x = (target_size[0] - new_width) // 2
-        margin_y = target_size[1] - new_height
-
-    # Adjust margins to eliminate gaps
-    margin_x = max(0, min(margin_x, target_size[0] - new_width))
-    margin_y = max(0, min(margin_y, target_size[1] - new_height))
-
-    # Create a new background image and paste the resized source image
-    background = Image.new('RGB', target_size, (255, 255, 255))
-    background.paste(source, (margin_x, margin_y))
-
-    # Create the mask
-    mask = Image.new('L', target_size, 255)
-    mask_draw = ImageDraw.Draw(mask)
-
-    # Calculate overlap areas
-    white_gaps_patch = 2
-
-    left_overlap = margin_x + overlap_x if overlap_left else margin_x + white_gaps_patch
-    right_overlap = margin_x + new_width - overlap_x if overlap_right else margin_x + new_width - white_gaps_patch
-    top_overlap = margin_y + overlap_y if overlap_top else margin_y + white_gaps_patch
-    bottom_overlap = margin_y + new_height - overlap_y if overlap_bottom else margin_y + new_height - white_gaps_patch
-    
-    if alignment == "Left":
-        left_overlap = margin_x + overlap_x if overlap_left else margin_x
-    elif alignment == "Right":
-        right_overlap = margin_x + new_width - overlap_x if overlap_right else margin_x + new_width
-    elif alignment == "Top":
-        top_overlap = margin_y + overlap_y if overlap_top else margin_y
-    elif alignment == "Bottom":
-        bottom_overlap = margin_y + new_height - overlap_y if overlap_bottom else margin_y + new_height
-
-
-    # Draw the mask
-    mask_draw.rectangle([
-        (left_overlap, top_overlap),
-        (right_overlap, bottom_overlap)
-    ], fill=0)
-
-    return background, mask
-
-def preview_image_and_mask(image, width, height, overlap_percentage, resize_option, custom_resize_percentage, alignment, overlap_left, overlap_right, overlap_top, overlap_bottom):
-    background, mask = prepare_image_and_mask(image, width, height, overlap_percentage, resize_option, custom_resize_percentage, alignment, overlap_left, overlap_right, overlap_top, overlap_bottom)
-    
-    # Create a preview image showing the mask
-    preview = background.copy().convert('RGBA')
-    
-    # Create a semi-transparent red overlay
-    red_overlay = Image.new('RGBA', background.size, (255, 0, 0, 64))  # Reduced alpha to 64 (25% opacity)
-    
-    # Convert black pixels in the mask to semi-transparent red
-    red_mask = Image.new('RGBA', background.size, (0, 0, 0, 0))
-    red_mask.paste(red_overlay, (0, 0), mask)
-    
-    # Overlay the red mask on the background
-    preview = Image.alpha_composite(preview, red_mask)
-    
-    return preview
 
+def prepare_image_and_mask(image, width, height, overlap_percentage,
+                           resize_option, custom_resize_percentage,
+                           alignment, overlap_left, overlap_right,
+                           overlap_top, overlap_bottom):
+    target = (width, height)
+    scale = min(target[0] / image.width, target[1] / image.height)
+    w, h = int(image.width * scale), int(image.height * scale)
+    src = image.resize((w, h), Image.LANCZOS)
+
+    # Resize percentage
+    if resize_option == "Full": pct = 100
+    elif resize_option == "50%": pct = 50
+    elif resize_option == "33%": pct = 33
+    elif resize_option == "25%": pct = 25
+    else: pct = custom_resize_percentage
+
+    rw, rh = max(int(src.width * pct / 100), 64), max(int(src.height * pct / 100), 64)
+    src = src.resize((rw, rh), Image.LANCZOS)
+
+    ox = max(int(rw * overlap_percentage / 100), 1)
+    oy = max(int(rh * overlap_percentage / 100), 1)
+
+    # Margins
+    if alignment == "Middle": mx, my = (width - rw)//2, (height - rh)//2
+    elif alignment == "Left": mx, my = 0, (height - rh)//2
+    elif alignment == "Right": mx, my = width - rw, (height - rh)//2
+    elif alignment == "Top": mx, my = (width - rw)//2, 0
+    else: mx, my = (width - rw)//2, height - rh
+
+    mx, my = max(0, min(mx, width - rw)), max(0, min(my, height - rh))
+
+    bg = Image.new("RGB", target, (255,255,255))
+    bg.paste(src, (mx, my))
+
+    mask = Image.new("L", target, 255)
+    d = ImageDraw.Draw(mask)
+
+    lx = mx + (ox if overlap_left else 2)
+    rx = mx + rw - (ox if overlap_right else 2)
+    ty = my + (oy if overlap_top else 2)
+    by = my + rh - (oy if overlap_bottom else 2)
+
+    # Edge adjustments
+    if alignment == "Left": lx = mx + (ox if overlap_left else 0)
+    if alignment == "Right": rx = mx + rw - (ox if overlap_right else 0)
+    if alignment == "Top": ty = my + (oy if overlap_top else 0)
+    if alignment == "Bottom": by = my + rh - (oy if overlap_bottom else 0)
+
+    d.rectangle([(lx, ty), (rx, by)], fill=0)
+    return bg, mask
+
+
+def preview_image_and_mask(*args):
+    bg, mask = prepare_image_and_mask(*args)
+    vis = bg.copy().convert("RGBA")
+    red = Image.new("RGBA", bg.size, (255,0,0,64))
+    overlay = Image.new("RGBA", bg.size, (0,0,0,0))
+    overlay.paste(red, (0,0), mask)
+    return Image.alpha_composite(vis, overlay)
+
+# --- Fixed infer: return list for slider ---
 @spaces.GPU(duration=24)
-def infer(image, width, height, overlap_percentage, num_inference_steps, resize_option, custom_resize_percentage, prompt_input, alignment, overlap_left, overlap_right, overlap_top, overlap_bottom):
-    background, mask = prepare_image_and_mask(image, width, height, overlap_percentage, resize_option, custom_resize_percentage, alignment, overlap_left, overlap_right, overlap_top, overlap_bottom)
-    
+def infer(image, width, height, overlap_percentage, num_inference_steps,
+          resize_option, custom_resize_percentage, prompt_input,
+          alignment, overlap_left, overlap_right, overlap_top, overlap_bottom):
+    background, mask = prepare_image_and_mask(
+        image, width, height, overlap_percentage,
+        resize_option, custom_resize_percentage,
+        alignment, overlap_left, overlap_right,
+        overlap_top, overlap_bottom
+    )
     if not can_expand(background.width, background.height, width, height, alignment):
         alignment = "Middle"
 
-    cnet_image = background.copy()
-    cnet_image.paste(0, (0, 0), mask)
+    hole = background.copy()
+    hole.paste(0, (0,0), mask)
 
     final_prompt = f"{prompt_input} , high quality, 4k"
-
-    (
-        prompt_embeds,
-        negative_prompt_embeds,
-        pooled_prompt_embeds,
-        negative_pooled_prompt_embeds,
-    ) = pipe.encode_prompt(final_prompt, "cuda", True)
-
-    for image in pipe(
-        prompt_embeds=prompt_embeds,
-        negative_prompt_embeds=negative_prompt_embeds,
-        pooled_prompt_embeds=pooled_prompt_embeds,
-        negative_pooled_prompt_embeds=negative_pooled_prompt_embeds,
-        image=cnet_image,
+    embeds = pipe.encode_prompt(final_prompt, "cuda", True)
+
+    # Run pipeline and grab last frame
+    gen = pipe(
+        prompt_embeds=embeds[0],
+        negative_prompt_embeds=embeds[1],
+        pooled_prompt_embeds=embeds[2],
+        negative_pooled_prompt_embeds=embeds[3],
+        image=hole,
         num_inference_steps=num_inference_steps
-    ):
-        yield cnet_image, image
+    )
+    last = None
+    for img in gen:
+        last = img
 
-    image = image.convert("RGBA")
-    cnet_image.paste(image, (0, 0), mask)
+    out = last.convert("RGBA")
+    hole.paste(out, (0,0), mask)
+
+    # Return a list: [input_hole_image, final_output]
+    return [background, hole]
 
-    yield background, cnet_image
 
 def clear_result():
-    """Clears the result ImageSlider."""
     return gr.update(value=None)
 
-def preload_presets(target_ratio, ui_width, ui_height):
-    """Updates the width and height sliders based on the selected aspect ratio."""
-    if target_ratio == "9:16":
-        changed_width = 720
-        changed_height = 1280
-        return changed_width, changed_height, gr.update()
-    elif target_ratio == "16:9":
-        changed_width = 1280
-        changed_height = 720
-        return changed_width, changed_height, gr.update()
-    elif target_ratio == "1:1":
-        changed_width = 1024
-        changed_height = 1024
-        return changed_width, changed_height, gr.update()
-    elif target_ratio == "Custom":
-        return ui_width, ui_height, gr.update(open=True)
-
-def select_the_right_preset(user_width, user_height):
-    if user_width == 720 and user_height == 1280:
-        return "9:16"
-    elif user_width == 1280 and user_height == 720:
-        return "16:9"
-    elif user_width == 1024 and user_height == 1024:
-        return "1:1"
-    else:
-        return "Custom"
-
-def toggle_custom_resize_slider(resize_option):
-    return gr.update(visible=(resize_option == "Custom"))
-
-def update_history(new_image, history):
-    """Updates the history gallery with the new image."""
-    if history is None:
-        history = []
-    history.insert(0, new_image)
-    return history
+def preload_presets(ratio, w, h):
+    if ratio == "9:16": return 720, 1280, gr.update()
+    if ratio == "16:9": return 1280, 720, gr.update()
+    if ratio == "1:1": return 1024, 1024, gr.update()
+    return w, h, gr.update(open=True)
 
-css = """
-.gradio-container {
-    width: 1200px !important;
-}
-h1 { text-align: center; }
-footer { visibility: hidden; }
-"""
+def select_the_right_preset(w, h):
+    if (w,h) == (720,1280): return "9:16"
+    if (w,h) == (1280,720): return "16:9"
+    if (w,h) == (1024,1024): return "1:1"
+    return "Custom"
 
-title = """<h1 align="center">Diffusers Image Outpaint Lightning</h1>
-"""
+def toggle_custom_resize_slider(opt):
+    return gr.update(visible=(opt=="Custom"))
 
-with gr.Blocks(css=css) as demo:
-    with gr.Column():
-        gr.HTML(title)
-
-        with gr.Row():
-            with gr.Column():
-                input_image = gr.Image(
-                    type="pil",
-                    label="Input Image"
-                )
-
-                with gr.Row():
-                    with gr.Column(scale=2):
-                        prompt_input = gr.Textbox(label="Prompt (Optional)")
-                    with gr.Column(scale=1):
-                        run_button = gr.Button("Generate")
-
-                with gr.Row():
-                    target_ratio = gr.Radio(
-                        label="Expected Ratio",
-                        choices=["9:16", "16:9", "1:1", "Custom"],
-                        value="9:16",
-                        scale=2
-                    )
-                    
-                    alignment_dropdown = gr.Dropdown(
-                        choices=["Middle", "Left", "Right", "Top", "Bottom"],
-                        value="Middle",
-                        label="Alignment"
-                    )
-
-                with gr.Accordion(label="Advanced settings", open=False) as settings_panel:
-                    with gr.Column():
-                        with gr.Row():
-                            width_slider = gr.Slider(
-                                label="Target Width",
-                                minimum=720,
-                                maximum=1536,
-                                step=8,
-                                value=720,  # Set a default value
-                            )
-                            height_slider = gr.Slider(
-                                label="Target Height",
-                                minimum=720,
-                                maximum=1536,
-                                step=8,
-                                value=1280,  # Set a default value
-                            )
-                        
-                        num_inference_steps = gr.Slider(label="Steps", minimum=4, maximum=12, step=1, value=8)
-                        with gr.Group():
-                            overlap_percentage = gr.Slider(
-                                label="Mask overlap (%)",
-                                minimum=1,
-                                maximum=50,
-                                value=10,
-                                step=1
-                            )
-                            with gr.Row():
-                                overlap_top = gr.Checkbox(label="Overlap Top", value=True)
-                                overlap_right = gr.Checkbox(label="Overlap Right", value=True)
-                            with gr.Row():
-                                overlap_left = gr.Checkbox(label="Overlap Left", value=True)
-                                overlap_bottom = gr.Checkbox(label="Overlap Bottom", value=True)
-                        with gr.Row():
-                            resize_option = gr.Radio(
-                                label="Resize input image",
-                                choices=["Full", "50%", "33%", "25%", "Custom"],
-                                value="Full"
-                            )
-                            custom_resize_percentage = gr.Slider(
-                                label="Custom resize (%)",
-                                minimum=1,
-                                maximum=100,
-                                step=1,
-                                value=50,
-                                visible=False
-                            )
-                        
-                        with gr.Column():
-                            preview_button = gr.Button("Preview alignment and mask")
-                            
-                            
-                gr.Examples(
-                    examples=[
-                        ["./examples/example_1.webp", 1280, 720, "Middle"],
-                        ["./examples/example_2.jpg", 1440, 810, "Left"],
-                        ["./examples/example_3.jpg", 1024, 1024, "Top"],
-                        ["./examples/example_3.jpg", 1024, 1024, "Bottom"],
-                    ],
-                    inputs=[input_image, width_slider, height_slider, alignment_dropdown],
-                )
-
-                
-
-            with gr.Column():
-                result = ImageSlider(label="Generated Image", interactive=False, type="pil", slider_color="pink")
-                use_as_input_button = gr.Button("Use as Input Image", visible=False)
-
-                history_gallery = gr.Gallery(label="History", columns=6, object_fit="contain", interactive=False)
-                preview_image = gr.Image(label="Preview")
-
-        
-
-    def use_output_as_input(output_image):
-        """Sets the generated output as the new input image."""
-        return gr.update(value=output_image[1])
-
-    use_as_input_button.click(
-        fn=use_output_as_input,
-        inputs=[result],
-        outputs=[input_image]
-    )
-    
-    target_ratio.change(
-        fn=preload_presets,
-        inputs=[target_ratio, width_slider, height_slider],
-        outputs=[width_slider, height_slider, settings_panel],
-        queue=False
-    )
-
-    width_slider.change(
-        fn=select_the_right_preset,
-        inputs=[width_slider, height_slider],
-        outputs=[target_ratio],
-        queue=False
-    )
-
-    height_slider.change(
-        fn=select_the_right_preset,
-        inputs=[width_slider, height_slider],
-        outputs=[target_ratio],
-        queue=False
-    )
+def update_history(img, history):
+    history = history or []
+    history.insert(0, img)
+    return history
 
-    resize_option.change(
-        fn=toggle_custom_resize_slider,
-        inputs=[resize_option],
-        outputs=[custom_resize_percentage],
-        queue=False
-    )
-    
-    run_button.click(  # Clear the result
-        fn=clear_result,
-        inputs=None,
-        outputs=result,
-    ).then(  # Generate the new image
-        fn=infer,
-        inputs=[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,
-    ).then(  # Update the history gallery
-        fn=lambda x, history: update_history(x[1], history),
-        inputs=[result, history_gallery],
-        outputs=history_gallery,
-    ).then(  # Show the "Use as Input Image" button
-        fn=lambda: gr.update(visible=True),
-        inputs=None,
-        outputs=use_as_input_button,
-    )
+css = ".gradio-container { width: 1200px !important; }"
+title = "<h1 align='center'>Diffusers Image Outpaint Lightning</h1>"
 
-    prompt_input.submit(  # Clear the result
-        fn=clear_result,
-        inputs=None,
-        outputs=result,
-    ).then(  # Generate the new image
-        fn=infer,
-        inputs=[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,
-    ).then(  # Update the history gallery
-        fn=lambda x, history: update_history(x[1], history),
-        inputs=[result, history_gallery],
-        outputs=history_gallery,
-    ).then(  # Show the "Use as Input Image" button
-        fn=lambda: gr.update(visible=True),
-        inputs=None,
-        outputs=use_as_input_button,
-    )
+with gr.Blocks(css=css) as demo:
+    gr.HTML(title)
+    with gr.Row():
+        with gr.Column():
+            input_image = gr.Image(type="pil", label="Input Image")
+            prompt_input = gr.Textbox(label="Prompt (Optional)")
+            run_button = gr.Button("Generate")
+
+            target_ratio       = gr.Radio(["9:16","16:9","1:1","Custom"], value="9:16", label="Expected Ratio")
+            alignment_dropdown = gr.Dropdown(["Middle","Left","Right","Top","Bottom"], value="Middle", label="Alignment")
+
+            with gr.Accordion("Advanced settings", open=False) as adv:
+                width_slider  = gr.Slider(720,1536,step=8, value=720, label="Target Width")
+                height_slider = gr.Slider(720,1536,step=8, value=1280, label="Target Height")
+                num_steps     = gr.Slider(4,12,step=1, value=8, label="Steps")
+                overlap_pct   = gr.Slider(1,50,step=1, value=10, label="Mask overlap (%)")
+                overlap_top   = gr.Checkbox(label="Overlap Top", value=True)
+                overlap_right = gr.Checkbox(label="Overlap Right", value=True)
+                overlap_left  = gr.Checkbox(label="Overlap Left", value=True)
+                overlap_bottom= gr.Checkbox(label="Overlap Bottom", value=True)
+                resize_opt    = gr.Radio(["Full","50%","33%","25%","Custom"], value="Full", label="Resize input image")
+                custom_resize = gr.Slider(1,100,step=1, value=50, visible=False, label="Custom resize (%)")
+                preview_btn   = gr.Button("Preview alignment and mask")
+
+            gr.Examples(
+                examples=[
+                    ["./examples/example_1.webp",1280,720,"Middle"],
+                    ["./examples/example_2.jpg",1440,810,"Left"],
+                    ["./examples/example_3.jpg",1024,1024,"Top"],
+                    ["./examples/example_3.jpg",1024,1024,"Bottom"]
+                ],
+                inputs=[input_image,width_slider,height_slider,alignment_dropdown]
+            )
+
+        with gr.Column():
+            result = ImageSlider(label="Comparison", interactive=False, type="pil", slider_color="pink")
+            history_gallery = gr.Gallery(label="History", columns=6, object_fit="contain")
+            preview_image   = gr.Image(label="Preview")
+
+    # Callbacks
+    run_button.click(clear_result, None, result)
+    run_button.click(
+        infer,
+        inputs=[ input_image, width_slider, height_slider, overlap_pct, num_steps,
+                 resize_opt, custom_resize, prompt_input, alignment_dropdown,
+                 overlap_left, overlap_right, overlap_top, overlap_bottom],
+        outputs=result
+    ).then(update_history, inputs=[result, history_gallery], outputs=history_gallery)
+
+    target_ratio.change(preload_presets, [target_ratio, width_slider, height_slider], [width_slider, height_slider, adv])
+    width_slider.change(select_the_right_preset, [width_slider, height_slider], target_ratio)
+    height_slider.change(select_the_right_preset, [width_slider, height_slider], target_ratio)
+    resize_opt.change(toggle_custom_resize_slider, resize_opt, custom_resize)
+    preview_btn.click(preview_image_and_mask,
+                      [input_image, width_slider, height_slider, overlap_pct, resize_opt, custom_resize, alignment_dropdown,
+                       overlap_left, overlap_right, overlap_top, overlap_bottom],
+                      preview_image)
 
-    preview_button.click(
-        fn=preview_image_and_mask,
-        inputs=[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
-    )
 
 demo.queue(max_size=20).launch(share=False, ssr_mode=False, show_error=True)