Update app.py

app.py

@@ -11,6 +11,7 @@ import modelscope_studio.components.base as ms
 import modelscope_studio.components.legacy as legacy
 import modelscope_studio.components.antd as antd
 from config import DEMO_LIST, SystemPrompt
+import random  # 추가
 
 # 파일 상단의 import 문 아래에 추가
 def get_image_base64(image_path):
@@ -73,6 +74,7 @@ def demo_card_click(e: gr.EventData):
     return DEMO_CACHE[index]
 
 
+
 with gr.Blocks(css_paths="app.css") as demo:
     history = gr.State([])
     setting = gr.State({
@@ -80,69 +82,7 @@ with gr.Blocks(css_paths="app.css") as demo:
     })
 
     def generation_code(query: Optional[str], _setting: Dict[str, str], _history: Optional[History]):
-        if query is None:
-            query = ''
-        if _history is None:
-            _history = []
-        
-        messages = history_to_messages(_history, _setting['system'])
-        system_message = messages[0]['content']
-        
-        claude_messages = [
-            {"role": msg["role"] if msg["role"] != "system" else "user", "content": msg["content"]} 
-            for msg in messages[1:] + [{'role': Role.USER, 'content': query}]
-        ]
-        
-        try:
-            # 중간 상태 표시
-            yield [
-                "Generating code...",  # code_output
-                _history,              # history
-                None,                  # sandbox
-                gr.update(active_key="loading"),  # state_tab
-                gr.update(open=True)   # code_drawer
-            ]
-
-            # 스트리밍 응답 사용
-            with client.messages.stream(
-                model="claude-3-5-sonnet-20241022",
-                max_tokens=7800,
-                system=system_message,
-                messages=claude_messages
-            ) as stream:
-                collected_content = ""
-                for chunk in stream:
-                    if chunk.type == "content_block_delta":
-                        delta = chunk.delta.text
-                        collected_content += delta
-                        
-                        yield [
-                            collected_content,  # code_output
-                            _history,          # history
-                            None,              # sandbox (아직 완성되지 않았으므로 None)
-                            gr.update(active_key="loading"),  # state_tab
-                            gr.update(open=True)  # code_drawer
-                        ]
-                
-                # 최종 결과 반환
-                _history = messages_to_history([
-                    {'role': Role.SYSTEM, 'content': system_message}
-                ] + claude_messages + [{
-                    'role': Role.ASSISTANT,
-                    'content': collected_content
-                }])
-                
-                yield [
-                    collected_content,  # code_output
-                    _history,          # history
-                    send_to_sandbox(remove_code_block(collected_content)),  # sandbox
-                    gr.update(active_key="render"),  # state_tab
-                    gr.update(open=True)  # code_drawer
-                ]
-            
-        except Exception as e:
-            raise ValueError(f'Error calling Claude API: {str(e)}')
-
+        [... generation_code 함수 내용 동일 ...]
 
     with ms.Application() as app:
         with antd.ConfigProvider():
@@ -157,10 +97,11 @@ with gr.Blocks(css_paths="app.css") as demo:
                                      <h1 style="font-size: 20px;">AI 코딩 코파일럿: MOUSE(WEB)</h2>
                                     </div>
                                      """)
+                        # 랜덤 예제를 placeholder로 사용
                         input = antd.InputTextarea(
                             size="large", 
                             allow_clear=True, 
-                            placeholder="Please enter what kind of application you want"
+                            placeholder=random.choice(DEMO_LIST)['description']
                         )
 
                         btn = antd.Button("send", type="primary", size="large")
@@ -190,22 +131,13 @@ with gr.Blocks(css_paths="app.css") as demo:
                         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 섹션을 별도의 Row로 추가 (전체 화면 하단)
-            with antd.Row(gutter=[0, 24], elem_classes="examples-section"):
-                with antd.Col(span=24):
-                    antd.Divider("examples")
-                    with antd.Row(gutter=[16, 16]):
-                        with ms.Each(DEMO_LIST):
-                            with antd.Col(span=8):  # 한 줄에 3개씩 (24/3 = 8)
-                                with antd.Card(hoverable=True, as_item="card") as demoCard:
-                                    antd.CardMeta()
-                                demoCard.click(demo_card_click, outputs=[input])
-                                
+                            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 섹션 제거
+
             # 버튼 이벤트 핸들러
             settingPromptBtn.click(lambda: gr.update(
                 open=True), inputs=[], outputs=[system_prompt_modal])