Update app.py

app.py

@@ -354,24 +354,6 @@ with gr.Blocks() as demo:
                 """
             )
             
-            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"
-            )
-            
         # 오른쪽 출력 영역
         with gr.Column(scale=1):
             with gr.Row():
@@ -385,9 +367,9 @@ with gr.Blocks() as demo:
             output_text = gr.Textbox(label="상태 메시지", lines=4)
             prompt_display = gr.Textbox(label="사용된 프롬프트 (영어)", visible=True, lines=4)
     
-    # 선택 옵션 버튼 클릭 시 프롬프트 입력란 업데이트 (한국어 문구)
+    # 각 버튼에 대한 클릭 이벤트 처리
     image_change_btn1.click(
-        fn=lambda: "(#1의 여성)이 살짝 뒤로 돌아보는 모습으로 최대한 이전 seed를 유지한테 자연스럽게 변경하라.",
+        fn=lambda: "(#1의 여성)이살짝 뒤로 돌아보는 모습으로 최대한 이전 seed를 유지한테 자연스럽게 변경하라.",
         inputs=[],
         outputs=prompt_input
     )
@@ -407,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
     )
@@ -432,6 +414,28 @@ 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],