update demo

.gitattributes

@@ -33,3 +33,4 @@ saved_model/**/* filter=lfs diff=lfs merge=lfs -text
 *.zip filter=lfs diff=lfs merge=lfs -text
 *.zst filter=lfs diff=lfs merge=lfs -text
 *tfevents* filter=lfs diff=lfs merge=lfs -text
+assets/*.png filter=lfs diff=lfs merge=lfs -text

app.py

@@ -119,19 +119,19 @@ def infer(
 # ---------------------------
 # UI
 # ---------------------------
-examples = [
-    "Place the butterfly from the first image onto the landscape of the second image, positioning it either flying above the river near the bridge or perched on one of the trees in the foreground. Adjust the butterfly's size and blending to ensure it fits naturally in the scene.",
-    "An astronaut riding a green horse",
-    "A delicious ceviche cheesecake slice",
+example_triples = [
+    ["assets/-1KG_J6e_src1.png", "assets/-1KG_J6e_src2.png",
+     "Transform the first image (pizza) into an oil painting style, using the warm and textured brushstrokes, color gradients, and artistic composition observed in the second image (stone house painting)."],
+    ["assets/BgYeqlzB_src1.png", "assets/pmkexBUx_src2.png",
+     "Place the butterfly from the first image onto the landscape of the second image, positioning it either flying above the river near the bridge or perched on one of the trees in the foreground. Adjust the butterfly's size and blending to ensure it fits naturally in the scene."],
+    ["assets/H99pnBoC_src1.png", "assets/H99pnBoC_src2.png",
+     "Insert the person from the first image into the autumn park setting of the second image. Position them standing next to the person on the bench and have them interact by tipping their hat in greeting."],
+    ["assets/pmkexBUx_src1.png", "assets/pmkexBUx_src2.png",
+     "Place the person wearing a wide-brimmed hat and beige scarf/shawl from the first image onto the mountain ridge in the second image. Position them as if standing on the ridge, facing the valley view, to create an immersive outdoors scene."],
+    ["assets/Uwn0WEbC_src1.png", "assets/Uwn0WEbC_src2.png",
+     "Change the clothing of the person in the first image to match the attire shown in the second image, ensuring the details of the dress, including the blue bodice, white blouse, and the overall rustic aesthetic, are faithfully replicated."]
 ]
 
-css = """
-#col-container {
-    margin: 0 auto;
-    max-width: 640px;
-}
-"""
-
 with gr.Blocks(css=css) as demo:
     with gr.Column(elem_id="col-container"):
         gr.Markdown("# Multi Ref Edit Demo")
@@ -195,7 +195,13 @@ with gr.Blocks(css=css) as demo:
                     value=28,
                 )
 
-        gr.Examples(examples=[[e] for e in examples], inputs=[prompt])
+        # ⚠️ 这里把 inputs 的顺序改为 [ref1, ref2, prompt]，示例条目也按这个顺序
+        gr.Examples(
+            examples=example_triples,
+            inputs=[ref1_comp, ref2_comp, prompt],
+            label="Examples (2 refs + prompt)",
+            # run_on_click=True,  # 如果希望点示例后自动运行，可以取消注释
+        )
 
     # 注意：不要把 [ref1, ref2] 当作列表传给 inputs！
     gr.on(
@@ -216,4 +222,4 @@ with gr.Blocks(css=css) as demo:
     )
 
 if __name__ == "__main__":
-    demo.launch()
+    demo.launch()