Update app.py

app.py

@@ -170,7 +170,7 @@ def create_ui():
             margin-top: 5px !important;
         }
         #info-output, #usage-guide {
-            height: 400px;  /* 높이를 400px로 증가 */
+            height: 400px;
             overflow-y: auto;
             padding-right: 10px;
         }
@@ -185,19 +185,10 @@ def create_ui():
             padding: 10px;
             margin-bottom: 20px;
         }
-        /* 스크롤바 스타일 수정 */
-        ::-webkit-scrollbar {
-            width: 10px;
-        }
-        ::-webkit-scrollbar-track {
-            background: #f1f1f1;
-        }
-        ::-webkit-scrollbar-thumb {
-            background: #888;
-            border-radius: 5px;
-        }
-        ::-webkit-scrollbar-thumb:hover {
-            background: #555;
+        #embedded-space {
+            width: 100%;
+            height: 600px;
+            border: none;
         }
         """
 
@@ -214,7 +205,7 @@ def create_ui():
                                 button = gr.Button("클릭", elem_classes="minimal-button")
                         space_rows.append((space_row, button, space))
 
-                with gr.Column(scale=1):
+                with gr.Column(scale=2):
                     with gr.Group(elem_classes="output-group"):
                         info_output = gr.Textbox(label="Space 정보 및 요약", elem_id="info-output", lines=20, max_lines=30)
                     url_state = gr.State("")
@@ -230,6 +221,9 @@ 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)
                     
+                    # 새로 추가된 부분: 임베디드 Space iframe
+                    embedded_space = gr.HTML(label="Embedded Space", elem_id="embedded-space")
+                    
                     update_trigger = gr.Button("Update Screenshot", visible=False)
 
                 for _, button, space in space_rows:
@@ -241,6 +235,10 @@ def create_ui():
                         update_screenshot,
                         inputs=[url_state, last_url_state],
                         outputs=[screenshot_output, last_url_state]
+                    ).then(
+                        lambda url: f'<iframe src="{url}" id="embedded-space"></iframe>',
+                        inputs=[url_state],
+                        outputs=[embedded_space]
                     )
 
                 def refresh_screenshot(url, last_url):