Update app.py

app.py

@@ -837,6 +837,11 @@ with gr.Blocks(css=custom_css) as demo:
                                 <p style="font-size: 1.1rem; font-weight: 600; color: #ff6b6b;"><i class="fas fa-wine-glass"></i> 상품들고 있기</p>
                                 모델이 상품을 들고 있는 자연스러운 포즈의 이미지를 생성합니다.
                             </div>
+                            
+                            <div>
+                                <p style="font-size: 1.1rem; font-weight: 600; color: #ff6b6b;"><i class="fas fa-expand-alt"></i> 이미지 확장</p>
+                                원본 이미지 주변에 자연스럽게 추가 영역을 생성하여 이미지를 확장합니다.
+                            </div>
                         </div>
                     </div>
                 </div>
@@ -859,6 +864,25 @@ with gr.Blocks(css=custom_css) as demo:
                     </p>
                 </div>
                 
+                <div class="manual-section">
+                    <div class="manual-section-title"><i class="fas fa-expand-alt"></i> 이미지 확장 기능</div>
+                    <p class="manual-text">
+                        <span style="font-size: 1.1rem; font-weight: 600; color: #5561e9;">이미지 아웃페인팅</span><br>
+                        원본 이미지의 비율과 중앙 위치를 유지하면서 이미지 주변 영역을 자연스럽게 확장합니다.<br>
+                        주요 활용 사례:
+                        <ul>
+                            <li>제품 이미지에 더 넓은 배경 추가</li>
+                            <li>좁게 촬영된 이미지의 시야 확장</li>
+                            <li>인스타그램 등 소셜 미디어용 정사각형 이미지 생성</li>
+                            <li>특정 비율(1:1)로 이미지 확장</li>
+                        </ul>
+                        
+                        <div class="tip-box">
+                            <i class="fas fa-lightbulb"></i> <strong>팁:</strong> 명확한 배경이 있는 이미지에서 더 자연스러운 결과를 얻을 수 있습니다. 원본 이미지의 테두리와 색조가 일관될수록 더 매끄러운 확장이 가능합니다.
+                        </div>
+                    </p>
+                </div>
+                
                 <div class="manual-section">
                     <div class="manual-section-title"><i class="fas fa-cut"></i> 배경 지우기 기능</div>
                     <p class="manual-text">
@@ -922,6 +946,7 @@ with gr.Blocks(css=custom_css) as demo:
                             holding_product_btn = gr.Button('🍷 상품들고 있기', elem_classes="custom-button")
                             background_change_btn = gr.Button('🖼️ 배경 바꾸기', elem_classes="custom-button")
                             composite_product_btn = gr.Button('✂️ 부분 지우기', elem_classes="custom-button")
+                            outpainting_btn = gr.Button('🔍 이미지 확장', elem_classes="custom-button")
                         
                         submit_single_btn = gr.Button('✨ 이미지 생성 (1장)', elem_classes="custom-button primary")
                         submit_btn = gr.Button('✨ 이미지 생성 (4장)', elem_classes="custom-button primary")
@@ -952,7 +977,8 @@ with gr.Blocks(css=custom_css) as demo:
                     ["down/모델.jpg", "down/선글라스.png", "down/카페전경.png", "(#1의 여성모델)이 신체 비율과 포즈는 유치한 체 (#2의 선글라스)를 직접 모델이 착용한 것처럼 (#3의 장소)에서 의자에 앉아 있는 자연스러운 이미지를 생성하라."],
                     ["down/모델.jpg", "down/와인잔.png", None, "(#1의 여성모델)이 신체 비율과 포즈는 유치한 체 (#2의 와인잔)을 여성모델이 홍보할 와인잔을 돋보이게 들고 있는 자연스러운 모습으로 이미지를 생성하라."],
                     ["down/모델.jpg", "down/카페전경.png", None, "(#1의 여성모델)이 (#2 이미지의 배경)을 주요 피사체는 그대로 유지하여 이미지의 분위기가 자연스럽게 어우러지도록 생성하라."],
-                    ["down/상어레고모형.png", None, None, "(#1의 레고모형)에서 청색상어레고를 제거한 후, 그 자리를 주변 배경과 자연스럽게 어우러지도록 채워주세요. 단, 이미지의 다른 부분의 주요 요소는 동일하게 유지해 해야한다."]
+                    ["down/상어레고모형.png", None, None, "(#1의 레고모형)에서 청색상어레고를 제거한 후, 그 자리를 주변 배경과 자연스럽게 어우러지도록 채워주세요. 단, 이미지의 다른 부분의 주요 요소는 동일하게 유지해 해야한다."],
+                    ["down/카페전경.png", None, None, "(#1이미지)를 원본그대로 중앙에 두고 비율로 유지한체 (#1이미지)에서 없는 부분만 1:1비율로 나머지부분을 outpainting하여 채워라."]
                 ]
                 
                 gr.Examples(
@@ -1057,6 +1083,11 @@ with gr.Blocks(css=custom_css) as demo:
         inputs=[],
         outputs=prompt_input
     )
+    outpainting_btn.click(
+        fn=lambda: "(#1이미지)를 원본그대로 중앙에 두고 비율로 유지한체 (#1이미지)에서 없는 부분만 1:1비율로 나머지부분을 outpainting하여 채워라.",
+        inputs=[],
+        outputs=prompt_input
+    )
     
     # 단일 이미지 생성 버튼 이벤트 연결
     submit_single_btn.click(