Update app.py

app.py

@@ -911,18 +911,6 @@ def handle_boost(prompt: str):
 demo_instance = Demo()
 
 
-
-
-
-
-
-
-
-
-
-
-
-
 def take_screenshot(url):
     """웹사이트 스크린샷 촬영 함수 (로딩 대기 시간 추가)"""
     if not url.startswith('http'):
@@ -1741,6 +1729,7 @@ def create_main_interface():
     """메인 인터페이스 생성 함수"""
     
     with gr.Blocks(css="""
+        /* 메인 탭 스타일 */
         .main-tabs > div.tab-nav > button {
             font-size: 1.1em !important;
             padding: 0.5em 1em !important;
@@ -1758,6 +1747,41 @@ def create_main_interface():
             border-radius: 0 0 15px 15px !important;
             box-shadow: 0 4px 15px rgba(0,0,0,0.1) !important;
         }
+        
+        /* MOUSE 인터페이스 스타일 */
+        .left_header {
+            text-align: center;
+            margin-bottom: 20px;
+        }
+        .right_panel {
+            background: white;
+            border-radius: 15px;
+            padding: 20px;
+            box-shadow: 0 4px 15px rgba(0,0,0,0.1);
+        }
+        .setting-buttons {
+            margin-bottom: 15px;
+        }
+        .render_header {
+            background: #f5f5f5;
+            padding: 10px;
+            border-radius: 8px;
+            margin-bottom: 15px;
+        }
+        .header_btn {
+            display: inline-block;
+            width: 12px;
+            height: 12px;
+            border-radius: 50%;
+            margin-right: 8px;
+            background: #ddd;
+        }
+        .html_content {
+            min-height: 500px;
+            border: 1px solid #eee;
+            border-radius: 8px;
+            overflow: hidden;
+        }
     """, theme=theme) as demo:
         with gr.Tabs(elem_classes="main-tabs") as tabs:
             # 갤러리 탭
@@ -1808,7 +1832,12 @@ def create_main_interface():
                                         <div class="left_header">
                                             <img src="data:image/gif;base64,{get_image_base64('mouse.gif')}" width="360px" />
                                             <h1 style="font-size: 18px;">고양이도 발로 코딩하는 'MOUSE-I'</h2>
-                                            <h1 style="font-size: 10px;">템플릿의 프롬프트를 복사하여 붙여넣고 Send 클릭시 자동으로 코드가 생성됩니다...</h1>
+                                            <h1 style="font-size: 10px;">템플릿의 프롬프트를 복사하여 붙여넣고 Send 클릭시 자동으로 코드가 생성됩니다. 생성 결과를 확인 배포하기 클릭시 글로벌 크라우드 Vercel을 통해 웹서비스가 배포됩니다. 생성된 코드만 프롬프트에 붙여넣고 'Code 실행' 버튼 클릭시 화면에 즉시 서비스가 실행. 문의: arxivgpt@gmail.com</h1>
+                                            <h1 style="font-size: 12px; margin-top: 10px;">
+                                                <a href="https://openfree-gallery.hf.space" target="_blank" style="color: #0084ff; text-decoration: none; transition: color 0.3s;">
+                                                    🎨 MOUSE로 생성한 웹앱 공개 갤러리 바로가기 클릭
+                                                </a>
+                                            </h1>
                                         </div>
                                     """)
 
@@ -1851,116 +1880,88 @@ def create_main_interface():
                                         with antd.Tabs.Item(key="render"):
                                             sandbox = gr.HTML(elem_classes="html_content")
 
-
-
-
-            # Code 실행 버튼 이벤트 핸들러 함수 정의
-            def execute_code(query: str):
-                if not query or query.strip() == '':
-                    return None, gr.update(active_key="empty")
-                
-                try:
-                    # HTML 코드 블록 확인
-                    if '```html' in query and '```' in query:
-                        # HTML 코드 블록 추출
-                        code = remove_code_block(query)
-                    else:
-                        # 입력된 텍스트를 그대로 코드로 사용
-                        code = query.strip()
-                    
-                    return send_to_sandbox(code), gr.update(active_key="render")
-                except Exception as e:
-                    print(f"Error executing code: {str(e)}")
-                    return None, gr.update(active_key="empty")
-
-# 이벤트 핸들러들
-            execute_btn.click(
-                fn=execute_code,
-                inputs=[input],
-                outputs=[sandbox, state_tab]
-            )
-
-            codeBtn.click(
-                lambda: gr.update(open=True),
-                inputs=[], 
-                outputs=[code_drawer]
-            )
-    
-            code_drawer.close(
-                lambda: gr.update(open=False),
-                inputs=[], 
-                outputs=[code_drawer]
-            )
-
-            historyBtn.click(
-                history_render,
-                inputs=[history],
-                outputs=[history_drawer, history_output]
-            )
-
-            history_drawer.close(
-                lambda: gr.update(open=False),
-                inputs=[],
-                outputs=[history_drawer]
-            )
-
-# 템플릿 버튼 이벤트 핸들러
-            best_btn.click(
-                fn=lambda: (gr.update(open=True), load_best_templates()),
-                outputs=[session_drawer, session_history],
-                queue=False
-            )
-
-            trending_btn.click(
-                fn=lambda: (gr.update(open=True), load_trending_templates()),
-                outputs=[session_drawer, session_history],
-                queue=False
-            )
-
-            new_btn.click(
-                fn=lambda: (gr.update(open=True), load_new_templates()),
-                outputs=[session_drawer, session_history],
-                queue=False
-            )
-
-            session_drawer.close(
-                lambda: (gr.update(open=False), gr.HTML("")),
-                outputs=[session_drawer, session_history]
-            )
-
-            close_btn.click(
-                lambda: (gr.update(open=False), gr.HTML("")),
-                outputs=[session_drawer, session_history]
-            )
-
-            btn.click(
-                demo_instance.generation_code,
-                inputs=[input, setting, history],
-                outputs=[code_output, history, sandbox, state_tab, code_drawer]
-            )
-
-            clear_btn.click(
-                demo_instance.clear_history,
-                inputs=[],
-                outputs=[history]
-            )
-
-# UI의 Boost 버튼 이벤트 연결 수정
-            boost_btn.click(
-                fn=handle_boost,
-                inputs=[input],
-                outputs=[input, state_tab]
-            )
-
-
-
-# 이벤트 핸들러 수정
-            deploy_btn.click(
-                fn=lambda code: deploy_to_vercel(remove_code_block(code)) if code else "코드가 없습니다.",
-                inputs=[code_output],
-                outputs=[deploy_result]
-            )
-
+                        # 이벤트 핸들러 연결
+                        execute_btn.click(
+                            fn=execute_code,
+                            inputs=[input],
+                            outputs=[sandbox, state_tab]
+                        )
+
+                        codeBtn.click(
+                            lambda: gr.update(open=True),
+                            inputs=[], 
+                            outputs=[code_drawer]
+                        )
+
+                        code_drawer.close(
+                            lambda: gr.update(open=False),
+                            inputs=[], 
+                            outputs=[code_drawer]
+                        )
+
+                        historyBtn.click(
+                            history_render,
+                            inputs=[history],
+                            outputs=[history_drawer, history_output]
+                        )
+
+                        history_drawer.close(
+                            lambda: gr.update(open=False),
+                            inputs=[],
+                            outputs=[history_drawer]
+                        )
+
+                        best_btn.click(
+                            fn=lambda: (gr.update(open=True), load_best_templates()),
+                            outputs=[session_drawer, session_history],
+                            queue=False
+                        )
+
+                        trending_btn.click(
+                            fn=lambda: (gr.update(open=True), load_trending_templates()),
+                            outputs=[session_drawer, session_history],
+                            queue=False
+                        )
+
+                        new_btn.click(
+                            fn=lambda: (gr.update(open=True), load_new_templates()),
+                            outputs=[session_drawer, session_history],
+                            queue=False
+                        )
+
+                        session_drawer.close(
+                            lambda: (gr.update(open=False), gr.HTML("")),
+                            outputs=[session_drawer, session_history]
+                        )
+
+                        close_btn.click(
+                            lambda: (gr.update(open=False), gr.HTML("")),
+                            outputs=[session_drawer, session_history]
+                        )
+
+                        btn.click(
+                            demo_instance.generation_code,
+                            inputs=[input, setting, history],
+                            outputs=[code_output, history, sandbox, state_tab, code_drawer]
+                        )
+
+                        clear_btn.click(
+                            demo_instance.clear_history,
+                            inputs=[],
+                            outputs=[history]
+                        )
+
+                        boost_btn.click(
+                            fn=handle_boost,
+                            inputs=[input],
+                            outputs=[input, state_tab]
+                        )
+
+                        deploy_btn.click(
+                            fn=lambda code: deploy_to_vercel(remove_code_block(code)) if code else "코드가 없습니다.",
+                            inputs=[code_output],
+                            outputs=[deploy_result]
+                        )
 
     return demo