Update app.py

app.py

@@ -133,12 +133,11 @@ with gr.Blocks(css_paths="app.css") as demo:
             raise ValueError(f'Error calling Claude API: {str(e)}')
     
    
-
     with ms.Application() as app:
         with antd.ConfigProvider():
+            # 메인 컨텐츠를 위한 Row
             with antd.Row(gutter=[32, 12]) as layout:
-
-# 좌측 패널 부분 수정
+                # 좌측 패널
                 with antd.Col(span=24, md=8):
                     with antd.Flex(vertical=True, gap="middle", wrap=True):
                         header = gr.HTML(f"""
@@ -153,26 +152,29 @@ with gr.Blocks(css_paths="app.css") as demo:
                             placeholder=random.choice(DEMO_LIST)['description']
                         )
 
-                        btn = antd.Button("send", type="primary", size="large")
-                        clear_btn = antd.Button("clear history", type="default", size="large")
+                        # 버튼들을 가로로 배치하기 위한 Flex 컨테이너
+                        with antd.Flex(gap="small", justify="space-between"):
+                            btn = antd.Button("Send", type="primary", size="large")
+                            execute_btn = antd.Button("Code 실행", type="default", size="large")
+                            clear_btn = antd.Button("Clear", type="default", size="large")
 
-        # Examples 버튼 추가
-                        antd.Divider("Try this example")
+                        # Examples 버튼들 추가
+                        antd.Divider("Try these examples")
                         
-                        example_btn = antd.Button(
+                        # 첫 번째 예제 버튼
+                        example_btn1 = antd.Button(
                             "다이나믹 차트 대쉬보드", 
                             type="default",
-                            block=True,  # 전체 너비 사용
+                            block=True,
                             size="large"
                         )
-                        example_btn.click(
+                        example_btn1.click(
                             fn=lambda: "Create an interactive dashboard with Chart.js showing different types of charts (line, bar, pie) with smooth animations. Include buttons to switch between different data views.",
                             inputs=[],
                             outputs=[input]
                         )
 
-
-        # 두 번째 예제 버튼
+                        # 두 번째 예제 버튼
                         example_btn2 = antd.Button(
                             "카드 기억 게임", 
                             type="default",
@@ -185,7 +187,7 @@ with gr.Blocks(css_paths="app.css") as demo:
                             outputs=[input]
                         )
 
-                    
+                    # Modal과 Drawer 컴포넌트들
                     with antd.Modal(open=False, title="set system Prompt", width="800px") as system_prompt_modal:
                         systemPromptInput = antd.InputTextarea(
                             SystemPrompt, auto_size=True)
@@ -196,6 +198,7 @@ with gr.Blocks(css_paths="app.css") as demo:
                     with antd.Drawer(open=False, title="history", placement="left", width="900px") as history_drawer:
                         history_output = legacy.Chatbot(show_label=False, flushing=False, height=960, elem_classes="history_chatbot")
 
+                # 우측 패널
                 with antd.Col(span=24, md=16):
                     with ms.Div(elem_classes="right_panel"):
                         with antd.Flex(gap="small", elem_classes="setting-buttons"):
@@ -213,6 +216,9 @@ with gr.Blocks(css_paths="app.css") as demo:
                             with antd.Tabs.Item(key="render"):
                                 sandbox = gr.HTML(elem_classes="html_content")
 
+
+
+
             settingPromptBtn.click(lambda: gr.update(
                 open=True), inputs=[], outputs=[system_prompt_modal])
             system_prompt_modal.ok(lambda input: ({"system": input}, gr.update(