Update app.py

app.py

@@ -255,8 +255,6 @@ async def try_openai_api(openai_messages):
         raise e
         
 
-
-
 # ------------------------
 # 4) 템플릿(하나로 통합)
 # ------------------------
@@ -441,6 +439,8 @@ def load_all_templates():
     """
     return create_template_html("🎮 모든 게임 템플릿", load_json_data())
 
+
+
 def create_template_html(title, items):
     """
     이미지 없이 템플릿 HTML 생성
@@ -512,8 +512,12 @@ function copyToInput(card) {
 </div>
 """
     return gr.HTML(value=html_content)
-    
 
+def load_all_templates():
+    """
+    모든 템플릿을 하나로 보여주는 함수
+    """
+    return create_template_html("🎮 모든 게임 템플릿", load_json_data())
 
 
 # ------------------------
@@ -526,12 +530,12 @@ def generate_space_name():
 
 def deploy_to_vercel(code: str):
     """
-    Vercel에 배포하는 함수 (예시)
+    Vercel에 배포하는 함수 - 배포 결과 표시 개선
     """
     try:
         token = "A8IFZmgW2cqA4yUNlLPnci0N"  # 실제 토큰 필요
         if not token:
-            return "Vercel 토큰이 설정되지 않았습니다."
+            return "<div class='deploy-error'>Vercel 토큰이 설정되지 않았습니다.</div>"
 
         project_name = ''.join(random.choice(string.ascii_lowercase) for i in range(6))
         deploy_url = "https://api.vercel.com/v13/deployments"
@@ -576,12 +580,25 @@ def deploy_to_vercel(code: str):
         }
         deploy_response = requests.post(deploy_url, headers=headers, json=deploy_data)
         if deploy_response.status_code != 200:
-            return f"배포 실패: {deploy_response.text}"
+            return f"<div class='deploy-error'>배포 실패: {deploy_response.text}</div>"
+        
         deployment_url = f"{project_name}.vercel.app"
         time.sleep(5)
-        return f"""배포 완료! <a href="https://{deployment_url}" target="_blank" style="color: #1890ff; text-decoration: underline; cursor: pointer;">https://{deployment_url}</a>"""
+        
+        # 더 눈에 띄는 형식으로 URL 반환
+        return f"""
+        <div class='deploy-success'>
+            <div>✅ 배포가 완료되었습니다!</div>
+            <div class='deploy-url'>
+                <a href="https://{deployment_url}" target="_blank" rel="noopener noreferrer">
+                    https://{deployment_url}
+                </a>
+            </div>
+            <div class='deploy-note'>위 링크를 클릭하여 배포된 게임을 확인하세요.</div>
+        </div>
+        """
     except Exception as e:
-        return f"배포 중 오류 발생: {str(e)}"
+        return f"<div class='deploy-error'>배포 중 오류 발생: {str(e)}</div>"
 
 def remove_code_block(text):
     """
@@ -1077,7 +1094,9 @@ with gr.Blocks(css_paths=["app.css"], theme=theme) as demo:
                         gr.HTML('<div class="help-text">💡 원하는 게임의 설명을 입력하세요. 예: "테트리스 게임 제작해줘."</div>')
 
                         # ── (4) 배포 결과 영역 ──
-                        deploy_result = gr.HTML(label="배포 결과")
+                        with antd.Flex(vertical=True, gap="small", elem_classes="deploy-result-container"):
+                            gr.HTML('<div class="deploy-result-title">📤 배포 결과</div>')
+                            deploy_result = gr.HTML(elem_classes="deploy-result-box")
 
 
             # ---- 이벤트 / 콜백 ----
@@ -1151,7 +1170,7 @@ with gr.Blocks(css_paths=["app.css"], theme=theme) as demo:
 
             # (H) '배포' 버튼 => Vercel
             deploy_btn.click(
-                fn=lambda code: deploy_to_vercel(remove_code_block(code)) if code else "코드가 없습니다.",
+                fn=lambda code: deploy_to_vercel(remove_code_block(code)) if code else "<div class='deploy-error'>코드가 없습니다.</div>",
                 inputs=[code_output],
                 outputs=[deploy_result]
             )