Update app.py

app.py

@@ -183,47 +183,7 @@ with gr.Blocks(css_paths="app.css") as demo:
                                 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")
-                                    
-        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):
@@ -232,8 +192,12 @@ with gr.Blocks(css_paths="app.css") as demo:
                         for idx, demo in enumerate(DEMO_LIST):
                             with antd.Col(span=8):
                                 with antd.Card(hoverable=True) as demoCard:
-                                    antd.CardMeta(title=f"Example {idx + 1}")
-                                demoCard.click(lambda e, idx=idx: DEMO_LIST[idx]['description'], outputs=[input])
+                                    antd.CardMeta(title=demo.get('title', f'Example {idx + 1}'))
+                                demoCard.click(
+                                    fn=lambda x, i=idx: DEMO_LIST[i]['description'],
+                                    inputs=[gr.State(None)],  # 더미 입력 추가
+                                    outputs=[input]
+                                )
 
             # Modal과 Drawer 컴포넌트들
             with antd.Modal(open=False, title="set system Prompt", width="800px") as system_prompt_modal:
@@ -247,34 +211,64 @@ with gr.Blocks(css_paths="app.css") as demo:
                 history_output = legacy.Chatbot(show_label=False, flushing=False, height=960, elem_classes="history_chatbot")
 
             # 버튼 이벤트 핸들러
-            settingPromptBtn.click(lambda: gr.update(
-                open=True), inputs=[], outputs=[system_prompt_modal])
-            system_prompt_modal.ok(lambda input: ({"system": input}, gr.update(
-                open=False)), inputs=[systemPromptInput], outputs=[setting, system_prompt_modal])
-            system_prompt_modal.cancel(lambda: gr.update(
-                open=False), outputs=[system_prompt_modal])
-
-            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])
+            settingPromptBtn.click(
+                fn=lambda: gr.update(open=True),
+                inputs=[],
+                outputs=[system_prompt_modal]
+            )
+
+            system_prompt_modal.ok(
+                fn=lambda x: ({"system": x}, gr.update(open=False)),
+                inputs=[systemPromptInput],
+                outputs=[setting, system_prompt_modal]
+            )
+
+            system_prompt_modal.cancel(
+                fn=lambda: gr.update(open=False),
+                inputs=[],
+                outputs=[system_prompt_modal]
+            )
+
+            codeBtn.click(
+                fn=lambda: gr.update(open=True),
+                inputs=[],
+                outputs=[code_drawer]
+            )
+
+            code_drawer.close(
+                fn=lambda: gr.update(open=False),
+                inputs=[],
+                outputs=[code_drawer]
+            )
+
+            historyBtn.click(
+                fn=history_render,
+                inputs=[history],
+                outputs=[history_drawer, history_output]
+            )
+
+            history_drawer.close(
+                fn=lambda: gr.update(open=False),
+                inputs=[],
+                outputs=[history_drawer]
+            )
 
             btn.click(
-                generation_code,
+                fn=generation_code,
                 inputs=[input, setting, history],
                 outputs=[code_output, history, sandbox, state_tab, code_drawer]
             )
             
-            clear_btn.click(clear_history, inputs=[], outputs=[history])
-
+            clear_btn.click(
+                fn=clear_history,
+                inputs=[],
+                outputs=[history]
+            )
 
 if __name__ == "__main__":
-    demo.launch(server_name="0.0.0.0", 
-               server_port=7860, 
-               share=False, 
-               show_error=True,
-               ssr_mode=False)
+    demo.launch(
+        server_name="0.0.0.0",
+        server_port=7860,
+        share=False,
+        show_error=True
+    )