Update app.py

app.py

@@ -135,34 +135,54 @@ with gr.Blocks(css=css, title="ZenCtrl Inpainting") as demo:
             bg_img = gr.Image(label="Background", visible=True)
 
     # ---------- Example wrapper ---------------------------------
-    def _load_and_show(subj_path, bg_path, prompt_text):
-        out_path = subj_path.replace(".png", "_out.png")
-        return (
-            Image.open(subj_path),
-            Image.open(bg_path),
-            prompt_text,
-            Image.open(out_path)
-        ) 
-
-    # ---------- Examples ----------------------------------------
-    gr.Examples(
-        examples=[
-            ["examples/sofa1_1.png", "examples/sofa1_bg.png", "add the sofa"], #"examples/sofa1_out.png"],
-            ["examples/sofa2.png", "examples/sofa2_bg.png", "add this sofa"],# "examples/sofa2_out.png"],
-            ["examples/chair1.png", "examples/chair1_bg.png", "add the chair"], #"examples/chair1_out.png"],
-            ["examples/console_table.png", "examples/console_table_bg.png", "Scandinavian console table against a gallery-style wall filled with abstract framed art,"], #"examples/console_table_out.png"],
-            ["examples/office_chair.png", "examples/office_chair_bg.png", "office chair"], #"examples/office_chair_out.png"],
-            ["examples/car.png", "examples/car_bg.png", "car on the road"], #"examples/car_out.png"],
+    from pathlib import Path
+    def load_pil(path):                # utility so code looks tidy
+        return Image.open(Path(path))
+    
+    examples = [
+        [
+            load_pil("examples/sofa1.png"),                # subject image  (PIL)
+            {"image": load_pil("examples/sofa1_bg.png"),   # sketch widget expects dict
+             "mask": None},
+            "add the sofa"
+        ],
+        [
+            load_pil("examples/sofa2.png"),
+            {"image": load_pil("examples/sofa2_bg.png"), "mask": None},
+            "add this sofa"
+        ],
+        [
+            load_pil("examples/chair1.png"),
+            {"image": load_pil("examples/chair1_bg.png"), "mask": None},
+            "add the chair"
+        ],
+        [
+            load_pil("examples/console_table.png"),
+            {"image": load_pil("examples/console_table_bg.png"), "mask": None},
+            "Scandinavian console table against a gallery-style wall filled with abstract framed art,"
         ],
-        inputs=[subj_img, ref_img, promptbox],   # three inputs
-        outputs=[subj_img, ref_img, promptbox, output_img],                    # 
-        fn=_load_and_show,
-        label="Visual Presets – Subject · Background · Prompt",
-        examples_per_page="all",
-        cache_examples=False,
+        [
+            load_pil("examples/office_chair.png"),
+            {"image": load_pil("examples/office_chair_bg.png"), "mask": None},
+            "office chair"
+        ],
+        [
+            load_pil("examples/car.png"),
+            {"image": load_pil("examples/car_bg.png"), "mask": None},
+            "car on the road"
+        ],
+    ]
+    
+    # ---------- Examples block ------------------------
+    gr.Examples(
+        examples      = examples,
+        inputs        = [subj_img, ref_img, promptbox],   # match the three widgets
+        label         = "Visual Presets – Subject · Background · Prompt",
+        examples_per_page = "all",
+        cache_examples   = False,   # no need to cache; we’re only auto-filling widgets
+        preprocess       = False    # tell Gradio “the values are already in widget format”
     )
 
-
     # ---------- Buttons & interactions --------------------------
     # run_btn.click(
     #     process_image_and_text,