Update app.py

app.py

@@ -765,23 +765,101 @@ The response should be in HTML format with appropriate styling."""
                          "system": SystemPrompt,
                     })
                     
-                    #NEW - 검색 모드 상태 추가
                     search_mode = gr.State(False)
-                    
-                    # code_output 정의 추가
                     code_output = gr.State("")
                     
-                    with ms.Application() as app:
-                         with antd.ConfigProvider():
-                              #NEW - 모드 선택 라디오 버튼 추가
-                              with gr.Row():
-                                   mode = gr.Radio(
-                                        choices=["Generate", "Generate + Web Search"],
-                                        label="Mode",
-                                        value="Generate",
-                                        info="Select 'Generate + Web Search' to include web search results",
-                                        elem_classes="mode-selector"
-                                   )
+                    # 전체 레이아웃을 위한 Row 추가
+                    with gr.Row():
+                         # 좌측 패널
+                         with gr.Column(scale=1):
+                              with ms.Application() as app:
+                                   with antd.ConfigProvider():
+                                        with gr.Row():
+                                             mode = gr.Radio(
+                                                  choices=["Generate", "Generate + Web Search"],
+                                                  label="Mode",
+                                                  value="Generate",
+                                                  info="Select 'Generate + Web Search' to include web search results",
+                                                  elem_classes="mode-selector"
+                                             )
+
+                                        # 입력 영역
+                                        input = antd.InputTextarea(
+                                             size="large",
+                                             allow_clear=True,
+                                             placeholder=get_random_placeholder(),
+                                             elem_classes="custom-textarea"
+                                        )
+
+                                        # 버튼 그룹
+                                        with antd.Flex(gap="small", justify="flex-start"):
+                                             btn = antd.Button(
+                                                  "Generate",
+                                                  type="primary",
+                                                  size="large",
+                                                  elem_classes="generate-btn"
+                                             )
+                                             boost_btn = antd.Button(
+                                                  "Enhance",
+                                                  type="default",
+                                                  size="large",
+                                                  elem_classes="enhance-btn"
+                                             )
+                                             deploy_btn = antd.Button(
+                                                  "Share",
+                                                  type="default",
+                                                  size="large",
+                                                  elem_classes="share-btn"
+                                             )
+
+                                        deploy_result = gr.HTML(
+                                             label="Share Result",
+                                             elem_classes="deploy-result"
+                                        )
+
+                         # 우측 패널
+                         with gr.Column(scale=2):
+                              with ms.Div(elem_classes="right_panel"):
+                                   gr.HTML("""
+                                        <div class="window-frame">
+                                             <div class="window-header">
+                                                  <div class="window-controls">
+                                                       <div class="control close"></div>
+                                                       <div class="control minimize"></div>
+                                                       <div class="control maximize"></div>
+                                                  </div>
+                                                  <div class="window-title">Preview</div>
+                                             </div>
+                                        </div>
+                                   """)
+
+                                   with antd.Tabs(active_key="empty", render_tab_bar="() => null") as state_tab:
+                                        with antd.Tabs.Item(key="empty"):
+                                             empty = antd.Empty(
+                                                  description="Enter your question to begin",
+                                                  elem_classes="right_content empty-content"
+                                             )
+                                        
+                                        with antd.Tabs.Item(key="loading"):
+                                             loading = antd.Spin(
+                                                  True,
+                                                  tip="Creating visual presentation...",
+                                                  size="large",
+                                                  elem_classes="right_content"
+                                             )
+                                        
+                                        with antd.Tabs.Item(key="render"):
+                                             sandbox = gr.HTML(elem_classes="html_content")
+
+                                        with antd.Tabs.Item(key="error"):
+                                             error = antd.Empty(
+                                                  description="An error occurred. Please try again.",
+                                                  elem_classes="right_content error-content"
+                                             )
+
+
+
+                                            
 
                               with antd.Drawer(open=False, title="AI is Creating...", placement="left", width="750px") as code_drawer:
                                    gr.HTML("""