Update app.py

app.py

@@ -143,7 +143,7 @@ with gr.Blocks(css_paths="app.css") as demo:
         except Exception as e:
             raise ValueError(f'Error calling Claude API: {str(e)}')
 
-    with ms.Application() as app:
+with ms.Application() as app:
         with antd.ConfigProvider():
             # 메인 컨텐츠 영역
             with antd.Row(gutter=[32, 12], elem_classes="main-content") as layout:
@@ -169,11 +169,9 @@ with gr.Blocks(css_paths="app.css") as demo:
                 with antd.Col(span=24, md=16):
                     # Setting 버튼들을 우측 상단에 별도로 배치
                     with antd.Row(justify="end", elem_classes="setting-buttons-row"):
-                        with antd.Space(size="small"):
-                            settingPromptBtn = antd.Button(
-                                "⚙️ set system Prompt", type="default")
-                            codeBtn = antd.Button("🧑‍💻 view code", type="default")
-                            historyBtn = antd.Button("📜 history", type="default")
+                        settingPromptBtn = antd.Button("⚙️ set system Prompt", type="default")
+                        codeBtn = antd.Button("🧑‍💻 view code", type="default")
+                        historyBtn = antd.Button("📜 history", type="default")
                     
                     # 웹 출력 패널
                     with ms.Div(elem_classes="right_panel"):
@@ -184,8 +182,48 @@ with gr.Blocks(css_paths="app.css") as demo:
                             with antd.Tabs.Item(key="loading"):
                                 loading = antd.Spin(True, tip="coding...", size="large", elem_classes="right_content")
                             with antd.Tabs.Item(key="render"):
-                                sandbox = gr.HTML(elem_classes="html_content")
+                                sandbox = gr.HTML(elem_classes="html_content")with ms.Application() as app:
+                                    
+        with antd.ConfigProvider():
+            # 메인 컨텐츠 영역
+            with antd.Row(gutter=[32, 12], elem_classes="main-content") as layout:
+                # 좌측 패널
+                with antd.Col(span=24, md=8):
+                    with antd.Flex(vertical=True, gap="middle", wrap=True):
+                        header = gr.HTML(f"""
+                                    <div class="left_header">
+                                     <img src="data:image/gif;base64,{get_image_base64('mouse.gif')}" width="360px" />
+                                     <h1 style="font-size: 20px;">AI 코딩 코파일럿: MOUSE(WEB)</h2>
+                                    </div>
+                                     """)
+                        input = antd.InputTextarea(
+                            size="large", 
+                            allow_clear=True, 
+                            placeholder="Please enter what kind of application you want"
+                        )
+
+                        btn = antd.Button("send", type="primary", size="large")
+                        clear_btn = antd.Button("clear history", type="default", size="large")
 
+                # 우측 패널
+                with antd.Col(span=24, md=16):
+                    # Setting 버튼들을 우측 상단에 별도로 배치
+                    with antd.Row(justify="end", elem_classes="setting-buttons-row"):
+                        settingPromptBtn = antd.Button("⚙️ set system Prompt", type="default")
+                        codeBtn = antd.Button("🧑‍💻 view code", type="default")
+                        historyBtn = antd.Button("📜 history", type="default")
+                    
+                    # 웹 출력 패널
+                    with ms.Div(elem_classes="right_panel"):
+                        gr.HTML('<div class="render_header"><span class="header_btn"></span><span class="header_btn"></span><span class="header_btn"></span></div>')
+                        with antd.Tabs(active_key="empty", render_tab_bar="() => null") as state_tab:
+                            with antd.Tabs.Item(key="empty"):
+                                empty = antd.Empty(description="empty input", elem_classes="right_content")
+                            with antd.Tabs.Item(key="loading"):
+                                loading = antd.Spin(True, tip="coding...", size="large", elem_classes="right_content")
+                            with antd.Tabs.Item(key="render"):
+                                sandbox = gr.HTML(elem_classes="html_content")
+            
             # Examples 섹션
             with antd.Row(elem_classes="examples-section"):
                 with antd.Col(span=24):
@@ -233,5 +271,10 @@ with gr.Blocks(css_paths="app.css") as demo:
             
             clear_btn.click(clear_history, inputs=[], outputs=[history])
 
+
 if __name__ == "__main__":
-    demo.queue(default_concurrency_limit=20).launch(ssr_mode=False)
+    demo.launch(server_name="0.0.0.0", 
+               server_port=7860, 
+               share=False, 
+               show_error=True,
+               ssr_mode=False)