Update app.py

app.py

@@ -369,7 +369,7 @@ with gr.Blocks() as demo:
     
     # 각 버튼에 대한 클릭 이벤트 처리
     image_change_btn1.click(
-        fn=lambda: "(#1의 여성)이살짝 뒤로 돌아보는 모습으로 최대한 이전 seed를 유지한테 자연스럽게 변경하라.",
+        fn=lambda: "(#1의 여성)의 이미지를 살짝 뒤로 돌아보는 모습으로 최대한 이전 seed를 유지한테 자연스럽게 변경하라.",
         inputs=[],
         outputs=prompt_input
     )
@@ -389,12 +389,12 @@ with gr.Blocks() as demo:
         outputs=prompt_input
     )
     clothes_change_btn1.click(
-        fn=lambda: "(#1의 여성모델)이 신체 비율과 포즈는 유치한 체 (#2의 선글라스)와 (#3의 청바지)를 직접 모델이 착용한것 처럼 자연스럽게 이미지를 생성하라.",
+        fn=lambda: "(#1의 여성모겔)이 신체 비육과 포즈는 유치한 체 (#2의 선글라스)와 (#3의 청바지)를 직접 모델이 착용한것 처럼 자연스럽게 이미지를 생성하라.",
         inputs=[],
         outputs=prompt_input
     )
     clothes_change_btn2.click(
-        fn=lambda: "(#1의 여성모델)이 신체 비율과 포즈는 유치한 체 (#2의 선글라스)를 직접 모델이 착용한 것처럼 (#3의 장소)에서 의자에 앉아 있는 자연스러운 이미지를 생성하라.",
+        fn=lambda: "(#1의 여성모델)이 신체 비육과 포즈는 유치한 체 (#2의 선글라스)를 직접 모델이 착용한 것처럼 (#3의 장소)에서 의자에 앉아 있는 자연스러운 이미지를 생성하라.",
         inputs=[],
         outputs=prompt_input
     )
@@ -414,33 +414,31 @@ with gr.Blocks() as demo:
         outputs=prompt_input
     )
     
-    # 예제 프롬프트 모음을 정의합니다
-    example_prompts = [
-        ["(#1의 여성)이 살짝 뒤로 돌아보는 모습으로 최대한 이전 seed를 유지한테 자연스럽게 변경하라."],
-        ["(#1 레모모형)에서 청색상어레고만 검은색 고래레고로 변경하고 나머지 부분은 seed를 변경을 하지마라."],
-        ["(#1 이미지)에 있는 중국어를 모두 제거하라."],
-        ['(#1의 텍스트)를 스타일을 유지한체 텍스트만 "Hello"로 바꿔라'],
-        ["(#1의 여성모델)이 신체 비율과 포즈는 유치한 체 (#2의 선글라스)와 (#3의 청바지)를 직접 모델이 착용한것 처럼 자연스럽게 이미지를 생성하라."],
-        ["(#1의 여성모델)이 신체 비율과 포즈는 유치한 체 (#2의 선글라스)를 직접 모델이 착용한 것처럼 (#3의 카페)에서 의자에 앉아 있는 자연스러운 이미지를 생성하라."],
-        ["(#1의 여성모델)이 신체 비율과 포즈는 유치한 체 (#2의 와인잔)을 여성모델이 홍보할 와인잔을 돋보이게 들고 있는 자연스러운 모습으로 이미지를 생성하라."],
-        ["(#1의 여성모델)이 (#2 이미지의 배경)을 주요 피사체는 그대로 유지하여 두 이미지의 분위기가 자연스럽게 어우러지도록 생성하라."],
-        ["(#1의 레고모형)에서 청색상어레고를 제거한 후, 그 자리를 주변 배경과 자연스럽게 어우러지도록 채워주세요. 단, 이미지의 다른 부분의 주요 요소는 동일하게 유지해 해야한다."]
-    ]
-    
-    # 예제 섹션을 추가합니다
-    with gr.Accordion("📚 예제 프롬프트", open=False):
-        gr.Markdown("### 📝 사용 가능한 예제 프롬프트")
-        example_buttons = []
-        for i, prompt in enumerate(example_prompts):
-            example_button = gr.Button(f"예제 {i+1}", size="sm")
-            example_button.click(fn=lambda p=prompt[0]: p, inputs=[], outputs=[prompt_input])
-            example_buttons.append(example_button)
-    
     submit_btn.click(
         fn=generate_multiple_images,
         inputs=[image1_input, image2_input, image3_input, prompt_input],
         outputs=[output_image1, output_image2, output_image3, output_image4, output_text, prompt_display],
     )
+    
+    gr.Markdown("## 예제", elem_classes="gr-examples-header")
+    
+    examples = [
+        ["down/모델.jpg", "", "", "(#1의 여성)의 이미지를 살짝 뒤로 돌아보는 모습으로 최대한 이전 seed를 유지한테 자연스럽게 변경하라."],
+        ["down/상어레고모형.jpg", "", "", "(#1 레모모형)에서 청색상어레고만 검은색 고래레고로 변경하고 나머지 부분은 seed를 변경을 하지마라."],
+        ["down/중국어.png", "", "", "(#1 이미지)에 있는 중국어를 모두 제거하라."],
+        ["down/텍스트.webp", "", "", '(#1의 텍스트)를 스타일을 유지한체 텍스트만 "Hello"로 바꿔라'],
+        ["down/모델.jpg", "down/선글라스.png", "down/청바지.png", "(#1의 여성모델)이 신체 비육과 포즈는 유치한 체 (#2의 선글라스)와 (#3의 청바지)를 직접 모델이 착용한것 처럼 자연스럽게 이미지를 생성하라."],
+        ["down/모델.jpg", "down/선글라스.png", "down/카페전경.png", "(#1의 여성모델)이 신체 비육과 포즈는 유치한 체 (#2의 선글라스)를 직접 모델이 착용한 것처럼 (#3의 장소)에서 의자에 앉아 있는 자연스러운 이미지를 생성하라."],
+        ["down/모델.jpg", "down/와인잔.png", "", "(#1의 여성모델)이 신체 비율과 포즈는 유치한 체 (#2의 와인잔)을 여성모델이 홍보할 와인을 돋보이게 들고 있는 자연스러운 모습으로 이미지를 생성하라."],
+        ["down/모델.jpg", "down/카페전경.png", "", "(#1의 여성모델)이 (#2 이미지의 배경)을 주요 피사체는 그대로 유지하여 두 이미지의 분위기가 자연스럽게 어우러지도록 생성하라."],
+        ["down/상어레고모형.jpg", "", "", "(#1의 레고모형)에서 청색상어레고를 제거한 후, 그 자리를 주변 배경과 자연스럽게 어우러지도록 채워주세요. 단, 이미지의 다른 부분의 주요 요소는 동일하게 유지해 해야한다."]
+    ]
+    
+    gr.Examples(
+        examples=examples,
+        inputs=[image1_input, image2_input, image3_input, prompt_input],
+        elem_id="examples-grid"
+    )
 
 if __name__ == "__main__":
     demo.launch(share=True)