Update app.py

app.py

@@ -398,36 +398,40 @@ def update_session_list():
         return gr.update(choices=[])
 
 def load_json_data():
-    try:
-        current_dir = os.path.dirname(os.path.abspath(__file__))
-        json_path = os.path.join(current_dir, 'db.json')
-        print(f"Attempting to load JSON from: {json_path}")
-        
-        with open(json_path, 'r', encoding='utf-8') as f:
-            data = json.load(f)
-            print(f"Successfully loaded {len(data)} items from db.json")
-            return data
-    except Exception as e:
-        print(f"Error loading db.json: {str(e)}")
-        # 에러 시 기본 데이터 반환
-        return [
-            {
-                "name": "MBTI 진단 서비스",
-                "image_url": "mbti.png",
-                "prompt": "MBTI 진단을 위해 15개의 질문과 객관식 답변을 통해 MBTI 진단 결과 및 해당 성격에 대한 상세한 결과를 출력하라"
-            },
-            {
-                "name": "투자 포트폴리오 대시보드",
-                "image_url": "chart.png",
-                "prompt": "Create an interactive dashboard with Chart.js showing different types of charts..."
-            }
-        ]
+    # 하드코딩된 데이터 반환
+    return [
+        {
+            "name": "MBTI 진단 서비스",
+            "image_url": "data:image/gif;base64," + get_image_base64('mouse.gif'),  # mouse.gif 사용
+            "prompt": "MBTI 진단을 위해 15개의 질문과 객관식 답변을 통해 MBTI 진단 결과 및 해당 성격에 대한 상세한 결과를 출력하라"
+        },
+        {
+            "name": "투자 포트폴리오 대시보드",
+            "image_url": "data:image/gif;base64," + get_image_base64('mouse.gif'),  # mouse.gif 사용
+            "prompt": "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.투자 포트폴리오를 분석하여 위험도, 수익률, 자산 배분을 시각화하는 투자 관리 도구를 만드세요."
+        },
+        {
+            "name": "체스 게임",
+            "image_url": "data:image/gif;base64," + get_image_base64('mouse.gif'),  # mouse.gif 사용
+            "prompt": "체스 게임: 체스 게임의 룰을 정확하게 식별하고 적용하라, 상대방은 auto로 게임을 진행하라"
+        },
+        {
+            "name": "타로카드 운세",
+            "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": "벽돌깨기 게임"
+        }
+    ]
 
 def load_session_history(selected_session=None):
     try:
         print("Loading session history...")
         json_data = load_json_data()
-        print(f"Loaded {len(json_data)} items from JSON")
+        print(f"Loaded {len(json_data)} items")
         
         html_content = """
         <style>
@@ -451,17 +455,12 @@ def load_session_history(selected_session=None):
                 transform: translateY(-2px);
                 box-shadow: 0 4px 10px rgba(0,0,0,0.15);
             }
-            .card-image-placeholder {
+            .card-image {
                 width: 100%;
                 height: 200px;
-                background-color: #f5f5f5;
-                display: flex;
-                align-items: center;
-                justify-content: center;
+                object-fit: cover;
                 border-radius: 4px;
                 margin-bottom: 10px;
-                color: #999;
-                font-size: 14px;
             }
             .card-name {
                 font-weight: bold;
@@ -482,13 +481,12 @@ def load_session_history(selected_session=None):
 
         for item in json_data:
             name = html.escape(item.get('name', ''))
-            image_path = item.get('image_url', '')
+            image_url = item.get('image_url', '')  # 이미 base64 인코딩된 이미지 URL
             prompt = html.escape(item.get('prompt', ''))
             
-            # 이미지 대신 플레이스홀더 사용
             html_content += f"""
             <div class="prompt-card" data-prompt="{prompt}" onclick="handleCardClick(this)">
-                <div class="card-image-placeholder">No Image</div>
+                <img src="{image_url}" class="card-image" alt="{name}">
                 <div class="card-name">{name}</div>
                 <div class="card-prompt">{prompt}</div>
             </div>
@@ -523,7 +521,6 @@ def load_session_history(selected_session=None):
         </script>
         """
         
-        print("Generated HTML content length:", len(html_content))
         return gr.HTML(value=html_content)
         
     except Exception as e: