Update app.py

app.py

@@ -165,7 +165,7 @@ def create_ui():
         footer {visibility: hidden;}
         .minimal-button {min-width: 30px !important; height: 25px !important; line-height: 1 !important; font-size: 12px !important; padding: 2px 5px !important;}
         .space-row {margin-bottom: 5px !important;}
-        #refresh-button, #manual-button {
+        #refresh-button, #manual-button, #open-space-button {
             width: 100% !important;
             margin-top: 5px !important;
         }
@@ -185,40 +185,6 @@ def create_ui():
             padding: 10px;
             margin-bottom: 20px;
         }
-        #embedded-space {
-            width: 100%;
-            height: 600px;
-            border: none;
-        }
-        .iframe-container {
-            position: relative;
-            width: 100%;
-            height: 600px;
-            overflow: hidden;
-        }
-        .iframe-container iframe {
-            width: 100%;
-            height: 100%;
-            border: none;
-        }
-        .loading-overlay {
-            position: absolute;
-            top: 0;
-            left: 0;
-            width: 100%;
-            height: 100%;
-            background-color: rgba(255, 255, 255, 0.8);
-            display: flex;
-            justify-content: center;
-            align-items: center;
-            font-size: 24px;
-            z-index: 1000;
-        }
-        .error-message {
-            color: red;
-            font-weight: bold;
-            text-align: center;
-        }
         """
 
         with gr.Blocks(css=css, theme="Nymbo/Nymbo_Theme") as demo:
@@ -250,63 +216,39 @@ def create_ui():
                     with gr.Group(elem_classes="output-group"):
                         app_py_content = gr.Code(language="python", label="메인 소스코드", elem_id="app-py-content", lines=None, max_lines=None)
                     
-                    # iframe을 위한 HTML 요소
-                    embedded_space = gr.HTML(
-                        """
-                        <div class="iframe-container">
-                            <div id="loading-overlay" class="loading-overlay">로딩 중...</div>
-                            <iframe id="space-iframe" src="about:blank" onload="hideLoading()"></iframe>
-                        </div>
-                        <div id="error-message" class="error-message"></div>
-                        <script>
-                        function hideLoading() {
-                            document.getElementById('loading-overlay').style.display = 'none';
-                        }
-                        function showLoading() {
-                            document.getElementById('loading-overlay').style.display = 'flex';
-                        }
-                        function updateIframe(url) {
-                            showLoading();
-                            const iframe = document.getElementById('space-iframe');
-                            const errorMessage = document.getElementById('error-message');
-                            iframe.src = url;
-                            iframe.onload = function() {
-                                hideLoading();
-                                errorMessage.textContent = '';
-                            };
-                            iframe.onerror = function() {
-                                hideLoading();
-                                errorMessage.textContent = 'Space를 로드하는 데 실패했습니다. 새 탭에서 열어보세요.';
-                            };
-                        }
-                        </script>
-                        """
-                    )
+                    open_space_button = gr.Button("선택한 Space 열기", elem_id="open-space-button")
                     
                     update_trigger = gr.Button("Update Screenshot", visible=False)
 
-                def update_embedded_space(url):
-                    return f"""
-                    <script>
-                    updateIframe("{url}");
-                    </script>
-                    """
+                def on_select_with_link(space):
+                    info, app_content, url = on_select(space)
+                    info += f"\n\n[Space 열기]({url})"
+                    return info, app_content, url
 
                 for _, button, space in space_rows:
                     button.click(
-                        lambda s=space: on_select(s),
+                        lambda s=space: on_select_with_link(s),
                         inputs=[],
                         outputs=[info_output, app_py_content, url_state]
                     ).then(
                         update_screenshot,
                         inputs=[url_state, last_url_state],
                         outputs=[screenshot_output, last_url_state]
-                    ).then(
-                        update_embedded_space,
-                        inputs=[url_state],
-                        outputs=[embedded_space]
                     )
 
+                def open_space(url):
+                    return f"""
+                    <script>
+                    window.open('{url}', '_blank');
+                    </script>
+                    """
+
+                open_space_button.click(
+                    open_space,
+                    inputs=[url_state],
+                    outputs=[gr.HTML()]
+                )
+
 
                 def refresh_screenshot(url, last_url):
                     print(f"Refresh button clicked. URL: {url}, Last URL: {last_url}")