Update app.py

app.py

@@ -412,7 +412,7 @@ def load_json_data():
         },
         {
             "name": "체스 게임",
-            "image_url": "data:image/gif;base64," + get_image_base64('mouse.gif'),  # mouse.gif 사용
+            "image_url": "data:image/png;base64," + get_image_base64('chess.png'),  # mouse.gif 사용
             "prompt": "체스 게임: 체스 게임의 룰을 정확하게 식별하고 적용하라, 상대방은 auto로 게임을 진행하라"
         },
         {
@@ -420,6 +420,23 @@ def load_json_data():
             "image_url": "data:image/gif;base64," + get_image_base64('mouse.gif'),  # mouse.gif 사용
             "prompt": "타로카드 운세를 점치는것을 생성하라. 아주 상세하고 전문적이면서 쉽고 길게 답변하라. 모든 답변과 설명은 한글로 하라"
         },
+
+        {
+            "name": "텍스트로 음성 생성 및 조정",
+            "image_url": "data:image/gif;base64," + get_image_base64('mouse.gif'),  # mouse.gif 사용
+            "prompt": "텍스트를 음성으로 변환하고, 음성 파라미터를 실시간으로 조정할 수 있는 인터페이스를 제공하세요."
+        },
+        {
+            "name": "3D 분자 시뮬레이션",
+            "image_url": "data:image/gif;base64," + get_image_base64('mouse.gif'),  # mouse.gif 사용
+            "prompt": "Three.js로 3D 분자 구조(주요 분자들을 선택할 수 있게)를 시각화하세요. 회전, 줌, 원자 정보 표시 기능과 애니메이션 효과를 구현하세요."
+        },
+        {
+            "name": "행운의 룰렛",
+            "image_url": "data:image/gif;base64," + get_image_base64('mouse.gif'),  # mouse.gif 사용
+            "prompt": "행운의 원형 룰렛이 빠르게 돌아가고, 마우스로 화살 발사 버튼 누르면 룰렛의 번호에 랜덤하게 맞는다. 각 번호에 상금이 '꽝' ~ '100만원' 까지 랜덤하게 배치되어 있다. shoot 선택된 번호에 따라 해당 번호에 배치된 상금 액수도 출력하라"
+        },        
+        
         {
             "name": "벽돌깨기 게임",
             "image_url": "data:image/gif;base64," + get_image_base64('mouse.gif'),  # mouse.gif 사용
@@ -427,6 +444,7 @@ def load_json_data():
         }
     ]
 
+    
 def load_session_history(selected_session=None):
     try:
         print("Loading session history...")
@@ -669,109 +687,6 @@ with gr.Blocks(css_paths="app.css",theme=theme) as demo:
                             execute_btn = antd.Button("Code 실행", type="default", size="large")
                             clear_btn = antd.Button("Clear", type="default", size="large")
 
-                        # Examples 버튼들 추가
-                        antd.Divider("Try these examples")
-
-                        # 두 번째 예제 버튼
-                        example_btn0 = antd.Button(
-                            "MBTI 진단 서비스", 
-                            type="default",
-                            block=True,
-                            size="middle"
-                        )
-                        example_btn0.click(
-                            fn=lambda: "MBTI 진단을 위해 15개의 질문과 객관식 답변을 통해 MBTI 진단 결과 및 해당 성격에 대한 상세한 결과를 출력하라",
-                            inputs=[],
-                            outputs=[input]
-                        )
-                        
-                        # 첫 번째 예제 버튼
-                        example_btn1 = antd.Button(
-                            "다이나믹 차트 대쉬보드", 
-                            type="default",
-                            block=True,
-                            size="middle"
-                        )
-                        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",
-                            block=True,
-                            size="middle"
-                        )
-                        example_btn2.click(
-                            fn=lambda: "체스 게임: 체스 게임의 룰을 정확하게 식별하고 적용하라, 상대방은 auto로 게임을 진행하라",
-                            inputs=[],
-                            outputs=[input]
-                        )
-
-                        # 두 번째 예제 버튼
-                        example_btn3 = antd.Button(
-                            "타로카드 운세", 
-                            type="default",
-                            block=True,
-                            size="middle"
-                        )
-                        example_btn3.click(
-                            fn=lambda: "타로카드 운세를 점치는것을 생성하라. 아주 상세하고 전문적이면서 쉽고 길게 답변하라. 모든 답변과 설명은 한글로 하라",
-                            inputs=[],
-                            outputs=[input]
-                        )
-
-                       # 두 번째 예제 버튼
-                        example_btn4 = antd.Button(
-                            "[게임] 벽돌깨기", 
-                            type="default",
-                            block=True,
-                            size="middle"
-                        )
-                        example_btn4.click(
-                            fn=lambda: "벽돌깨기 게임",
-                            inputs=[],
-                            outputs=[input]
-                        )                    
-
-                        example_btn5 = antd.Button(
-                            "텍스트로 음성 생성 및 조정", 
-                            type="default",
-                            block=True,
-                            size="middle"
-                        )
-                        example_btn5.click(
-                            fn=lambda: "텍스트를 음성으로 변환하고, 음성 파라미터를 실시간으로 조정할 수 있는 인터페이스를 제공하세요.",
-                            inputs=[],
-                            outputs=[input]
-                        )
-                        
-                        example_btn6= antd.Button(
-                            "3D 분자 시뮬레이션", 
-                            type="default",
-                            block=True,
-                            size="middle"
-                        )
-                        example_btn6.click(
-                            fn=lambda: "Three.js로 3D 분자 구조(주요 분자들을 선택할 수 있게)를 시각화하세요. 회전, 줌, 원자 정보 표시 기능과 애니메이션 효과를 구현하세요.",
-                            inputs=[],
-                            outputs=[input]
-                        )     
-                        
-                        example_btn7= antd.Button(
-                            "행운의 룰렛", 
-                            type="default",
-                            block=True,
-                            size="middle"
-                        )
-                        example_btn7.click(
-                            fn=lambda: "행운의 원형 룰렛이 빠르게 돌아가고, 마우스로 화살 발사 버튼 누르면 룰렛의 번호에 랜덤하게 맞는다. 각 번호에 상금이 '꽝' ~ '100만원' 까지 랜덤하게 배치되어 있다. shoot 선택된 번호에 따라 해당 번호에 배치된 상금 액수도 출력하라",
-                            inputs=[],
-                            outputs=[input]
-                        )     
                                            
                 # 우측 패널
                 with antd.Col(span=24, md=16):