Update app.py

app.py

@@ -695,52 +695,52 @@ def load_json_data():
         },        
         {
             "name": "[기본/컴포넌트] 감정 분석 시스템",
-            "image_url": "data:image/png;base64," + get_image_base64('sentiment.png'),
+            "image_url": "data:image/png;base64," + get_image_base64('mouse.png'),
             "prompt": "텍스트 감정 분석기를 만들어주세요. Hugging Face의 transformers.js의 'sentiment-analysis' 파이프라인을 사용하여 텍스트의 감정을 분석하는 인터페이스를 만들어주세요."
         },
         {
             "name": "[기본/컴포넌트] 문장 채우기 시스템",
-            "image_url": "data:image/png;base64," + get_image_base64('fill-mask.png'),
+            "image_url": "data:image/png;base64," + get_image_base64('mouse.png'),
             "prompt": "문장 완성기를 만들어주세요. transformers.js의 'fill-mask' 파이프라인을 사용하여 [MASK] 토큰이 포함된 문장을 완성하는 인터페이스를 만들어주세요."
         },
         {
             "name": "[기본/컴포넌트] 텍스트 생성 시스템",
-            "image_url": "data:image/png;base64," + get_image_base64('text-generation.png'),
+            "image_url": "data:image/png;base64," + get_image_base64('mouse.png'),
             "prompt": "텍스트 생성기를 만들어주세요. transformers.js의 'text-generation' 파이프라인을 사용하여 시작 문구로부터 텍스트를 생성하는 인터페이스를 만들어주세요."
         },
         {
             "name": "[기본/컴포넌트] 제로샷 분류 시스템",
-            "image_url": "data:image/png;base64," + get_image_base64('zero-shot.png'),
+            "image_url": "data:image/png;base64," + get_image_base64('mouse.png'),
             "prompt": "텍스트 분류기를 만들어주세요. transformers.js의 'zero-shot-classification' 파이프라인을 사용하여 텍스트를 주어진 레이블로 분류하는 인터페이스를 만들어주세요."
         },
         {
             "name": "[응용용] 토큰 분류 시스템",
-            "image_url": "data:image/png;base64," + get_image_base64('token.png'),
+            "image_url": "data:image/png;base64," + get_image_base64('mouse.png'),
             "prompt": "토큰 분류기를 만들어주세요. transformers.js의 'token-classification' 파이프라인을 사용하여 텍스트에서 개체명을 인식하는 인터페이스를 만들어주세요."
         },
         {
             "name": "[응용] 질문 답변 시스템",
-            "image_url": "data:image/png;base64," + get_image_base64('qa.png'),
+            "image_url": "data:image/png;base64," + get_image_base64('mouse.png'),
             "prompt": "QA 시스템을 만들어주세요. transformers.js의 'question-answering' 파이프라인을 사용하여 주어진 문맥에서 질문에 답하는 인터페이스를 만들어주세요."
         },
         {
             "name": "[응용] 문장 유사도 시스템",
-            "image_url": "data:image/png;base64," + get_image_base64('similarity.png'),
+            "image_url": "data:image/png;base64," + get_image_base64('mouse.png'),
             "prompt": "문장 유사도 분석기를 만들어주세요. transformers.js의 'feature-extraction' 파이프라인을 사용하여 두 문장 간의 유사도를 계산하는 인터페이스를 만들어주세요."
         },
         {
             "name": "[응용] 문서 요약 시스템",
-            "image_url": "data:image/png;base64," + get_image_base64('summarization.png'),
+            "image_url": "data:image/png;base64," + get_image_base64('mouse.png'),
             "prompt": "텍스트 요약기를 만들어주세요. transformers.js의 'summarization' 파이프라인을 사용하여 긴 텍스트를 요약하는 인터페이스를 만들어주세요."
         },
         {
             "name": "[응용] 번역 시스템",
-            "image_url": "data:image/png;base64," + get_image_base64('translation.png'),
+            "image_url": "data:image/png;base64," + get_image_base64('mouse.png'),
             "prompt": "번역기를 만들어주세요. transformers.js의 'translation' 파이프라인을 사용하여 텍스트를 다른 언어로 번역하는 인터페이스를 만들어주세요."
         },
         {
             "name": "[응용] 텍스트 분류 시스템",
-            "image_url": "data:image/png;base64," + get_image_base64('classification.png'),
+            "image_url": "data:image/png;base64," + get_image_base64('mouse.png'),
             "prompt": "텍스트 분류기를 만들어주세요. transformers.js의 'text-classification' 파이프라인을 사용하여 텍스트를 미리 정의된 카테고리로 분류하는 인터페이스를 만들어주세요."
         },        #이상 19개, 이하 26개
 
@@ -822,12 +822,12 @@ def load_json_data():
         },
         {
             "name": "[활용] 이미지 편집기",
-            "image_url": "data:image/png;base64," + get_image_base64('129.png'),
+            "image_url": "data:image/png;base64," + get_image_base64('mouse.png'),
             "prompt": "이미지 업로드 후 필터적용, 자르기, 회전 등 기본 편집 기능을 제공하고 편집된 이미지를 저장하세요."
         },
         {
             "name": "[활용] 데이터 차트",
-            "image_url": "data:image/png;base64," + get_image_base64('124.png'),
+            "image_url": "data:image/png;base64," + get_image_base64('mouse.png'),
             "prompt": "데이터를 입력받아 막대, 선, 파이 차트로 시각화하고, 차트 유형 전환과 데이터 갱신을 실시간으로 처리하세요."
         },
 
@@ -894,15 +894,15 @@ def load_json_data():
 
 def load_best_templates():
     json_data = load_json_data()[:14]  # 베스트 템플릿
-    return create_template_html("🏆 베스트 템플릿", json_data)
+    return create_template_html("🏆 기본 템플릿", json_data)
 
 def load_trending_templates():
     json_data = load_json_data()[14:28]  # 트렌딩 템플릿
-    return create_template_html("🔥 트렌딩 템플릿", json_data)
+    return create_template_html("🔥 응용 템플릿", json_data)
 
 def load_new_templates():
     json_data = load_json_data()[28:50]  # NEW 템플릿
-    return create_template_html("✨ NEW 템플릿", json_data)
+    return create_template_html("✨ 활용 템플릿", json_data)
 
 def create_template_html(title, items):
     html_content = """