Update app.py

app.py

@@ -864,6 +864,10 @@ class Demo:
 # 7) Gradio / Modelscope UI 빌드
 # ------------------------
 
+# ------------------------
+# 7) Gradio / Modelscope UI 빌드
+# ------------------------
+
 demo_instance = Demo()
 theme = gr.themes.Soft(
     primary_hue="blue",
@@ -980,42 +984,35 @@ with gr.Blocks(css_paths=["app.css"], theme=theme) as demo:
                             with antd.Tabs.Item(key="render"):
                                 sandbox = gr.HTML(elem_classes="html_content")
 
-                # 오른쪽 Col: 메뉴 버튼들 + 입력창 + 배포 결과
+                # 오른쪽 Col: 상단에 메뉴 버튼들과 액션 버튼들, 그 아래 입력창 + 배포 결과
                 with antd.Col(span=24, md=8, elem_classes="equal-height-col"):
-                    # render_header 추가
-                    gr.HTML(r"""
-<div class="render_header">
-    <span class="header_btn"></span>
-    <span class="header_btn"></span>
-    <span class="header_btn"></span>
-</div>
-""")
-                    # ── (1) 상단 메뉴 Bar (코드보기, 히스토리, 템플릿=단 하나) ──
-                    with antd.Flex(gap="small", elem_classes="setting-buttons", justify="end"):
-                        codeBtn = antd.Button("🧑‍💻코드 보기", type="default")
-                        historyBtn = antd.Button("📜히스토리", type="default")
-                        template_btn = antd.Button("🎮템플릿", type="default")
-
-                    # ── (2) 입력창 ──
-                    # style 속성 제거하고 elem_classes만 사용
+                    # 우측 상단 메뉴 + 액션 버튼
+                    with antd.Flex(vertical=True, gap="small", elem_classes="right-top-buttons"):
+                        # ── (1) 상단 메뉴 Bar (코드보기, 히스토리, 템플릿=단 하나) ──
+                        with antd.Flex(gap="small", elem_classes="setting-buttons", justify="end"):
+                            codeBtn = antd.Button("🧑‍💻코드 보기", type="default")
+                            historyBtn = antd.Button("📜히스토리", type="default")
+                            template_btn = antd.Button("🎮템플릿", type="default")
+                        
+                        # ── (2) 액션 버튼들 (이전에 하단에 있던 버튼들) ──
+                        with antd.Flex(gap="small", justify="space-between", elem_classes="action-buttons"):
+                            btn = antd.Button("전송", type="primary", size="large")
+                            boost_btn = antd.Button("증강", type="default", size="large")
+                            execute_btn = antd.Button("코드", type="default", size="large")
+                            deploy_btn = antd.Button("배포", type="default", size="large")
+                            clear_btn = antd.Button("클리어", type="default", size="large")
+
+                    # ── (3) 입력창 ──
                     with antd.Flex(vertical=True, gap="middle", wrap=True, elem_classes="panel input-panel"):
-                        # 입력 영역 - InputTextarea는 style 매개변수 사용 가능함
+                        # 입력 영역
                         input_text = antd.InputTextarea(
                             size="large",
                             allow_clear=True,
                             placeholder=random.choice(DEMO_LIST)['description'],
-                            max_length=100000  # 입력 최대 길이 증가
+                            max_length=100000
                         )
                         gr.HTML('<div class="help-text">💡 원하는 게임의 설명을 입력하세요. 예: "테트리스 게임 제작해줘."</div>')
 
-                        # ── (3) 액션 버튼들 (Send, Boost, Code실행, 배포, 클리어) ──
-                        with antd.Flex(gap="small", justify="space-between"):
-                            btn = antd.Button("전송", type="primary", size="large")
-                            boost_btn = antd.Button("증강", type="default", size="large")
-                            execute_btn = antd.Button("코드", type="default", size="large")
-                            deploy_btn = antd.Button("배포", type="default", size="large")
-                            clear_btn = antd.Button("클리어", type="default", size="large")
-
                         # ── (4) 배포 결과 영역 ──
                         deploy_result = gr.HTML(label="배포 결과")
 
@@ -1096,7 +1093,6 @@ with gr.Blocks(css_paths=["app.css"], theme=theme) as demo:
                 outputs=[deploy_result]
             )
 
-
 # ------------------------
 # 8) 실제 실행
 # ------------------------