update

.xet

@@ -0,0 +1 @@
+{}

app.py

@@ -325,23 +325,92 @@ with gr.Blocks(title="Qwen-Image-MICo", theme=gr.themes.Soft(), css=custom_css)
 
     # --- Examples Section ---
     # Create an 'examples' folder in your space and add img1.jpg, img2.jpg to enable this.
-    if os.path.exists("examples"):
-        gr.Markdown("### 🧩 Examples")
-        gr.Examples(
-            examples=[
-                # Format: [[images], prompt, neg_prompt, cfg, seed, width, height, steps]
-                [
-                    ["examples/img1.jpg", "examples/img2.jpg"], 
-                    "Make the cat from image 1 sit on the car from image 2, sunset background",
-                    "blurry, low quality",
-                    4.0, 42, 1024, 1024, 30
-                ],
-            ],
-            inputs=[
-                input_gallery, prompt_input, negative_prompt_input, 
-                cfg_input, seed_input, width_input, height_input, inference_steps_input
-            ],
-            # cache_examples=False # Disable caching to save GPU quota on startup
+    # if os.path.exists("assets"):
+    #     gr.Markdown("### 🧩 Examples")
+    #     gr.Examples(
+    #         examples=[
+    #             # Format: [[images], prompt, neg_prompt, cfg, seed, width, height, steps]
+    #             [
+    #                 ["assets/ex-input1.png", "assets/ex-input2.png", "assets/ex-input3.png", "assets/ex-input4.png"], 
+    #                 "Make the cat from image 1 sit on the car from image 2, sunset background",
+    #                 "blurry, low quality",
+    #                 4.0, 42, 1024, 1024, 30
+    #             ],
+    #         ],
+    #         inputs=[
+    #             input_gallery, prompt_input, negative_prompt_input, 
+    #             cfg_input, seed_input, width_input, height_input, inference_steps_input
+    #         ],
+    #         # cache_examples=False # Disable caching to save GPU quota on startup
+    #     )
+    
+# 定义示例数据
+    # 格式: [
+    #    "展示用的封面图(output)", 
+    #    [输入图片列表], 
+    #    prompt, 
+    #    negative_prompt, 
+    #    cfg, seed, width, height, steps
+    # ]
+    example_data = [
+        [
+            "assets/ex1-output.png",  # 封面图 (也是 Output)
+            ["assets/ex1-input1.png", "assets/ex1-input2.png", "assets/ex1-input3.png", "assets/ex1-input4.png"], # Input Gallery
+            "Underneath the tall and iconic Parisian landmark from image 1, a fast and maneuverable aquatic vehicle from image 2 glides gracefully along the Seine. Nearby, a compact travel caravan for outdoor adventures from image 3 is parked, while a bike with extended handlebars and low seat from image 4 leans against it, creating a vibrant setting of exploration and leisure by the riverbank.", # Prompt
+            "", # Negative Prompt
+            4.0, 42, 1024, 1024, 30 # Params
+        ],
+        # 你可以添加更多...
+    ]
+
+    if os.path.exists("assets"): # 确保文件夹存在
+        gr.Markdown("### 🧩 Examples (Click output to load inputs)")
+        
+        # 1. 创建一个 Gallery 用来展示“最终效果图”作为按钮
+        example_gallery = gr.Gallery(
+            label="Example Results",
+            value=[item[0] for item in example_data], # 只展示封面图
+            columns=4,
+            height=200,
+            allow_preview=False, # 禁止预览放大，强制作为按钮
+            show_label=False,
+            elem_id="example-gallery"
+        )
+        
+        # 2. 定义点击事件的回调函数
+        def apply_example(evt: gr.SelectData):
+            # evt.index 获取用户点击了第几张图
+            index = evt.index 
+            data = example_data[index]
+            
+            # 返回对应的数据，顺序必须和 outputs 列表一致
+            return (
+                data[1], # input_gallery
+                data[2], # prompt
+                data[3], # negative_prompt
+                data[4], # cfg
+                data[5], # seed
+                data[6], # width
+                data[7], # height
+                data[8], # steps
+                data[0]  # output_image (直接把封面图填回 Output 区域)
+            )
+
+        # 3. 绑定事件
+        example_gallery.select(
+            fn=apply_example,
+            inputs=None,
+            outputs=[
+                input_gallery, 
+                prompt_input, 
+                negative_prompt_input, 
+                cfg_input, 
+                seed_input, 
+                width_input, 
+                height_input, 
+                inference_steps_input,
+                output_image # 这里关键：把 Input 和 Output 同时填上
+            ]
         )
 
     # Event Binding