Update app.py

app.py

@@ -166,7 +166,7 @@ UNIFIED_BASE_PROMPT_KO = """
   "brands": [
     {{
       "core": {{
-        "brand_name": "브랜드명",
+        "brand_name": "한글 브랜드명",
         "slogan": "슬로건",
         "core_value": "핵심 가치",
         "target_emotion": "목표 감정",
@@ -179,9 +179,9 @@ UNIFIED_BASE_PROMPT_KO = """
         "typography_style": "타이포그래피 스타일"
       }},
       "linguistic": {{
-        "pronunciation": "발음 가이드",
-        "etymology": "어원/구성",
-        "global_adaptability": "글로벌 적응성",
+        "pronunciation": "한글 발음 가이드",
+        "etymology": "어원/구성 (영어명 포함)",
+        "global_adaptability": "영어 브랜드명 (예: Mother's Garden)",
         "memorable_factor": "기억 용이성 요소"
       }},
       "strategic": {{
@@ -203,9 +203,11 @@ UNIFIED_BASE_PROMPT_KO = """
   ]
 }}
 
-반드시 유효한 JSON 형식으로 응답하고, 모든 필드를 채워주세요.
-각 이론의 특성을 theory_specific 섹션에 담되, 나머지는 통일된 구조를 유지하세요.
-모든 내용은 한국어로 작성하세요.
+중요: 
+1. brand_name은 반드시 한글로 작성하세요.
+2. linguistic > global_adaptability에는 반드시 영어 브랜드명을 포함하세요.
+3. 영어명은 한글명의 의미를 잘 전달하되, 글로벌하게 사용 가능한 이름으로 만드세요.
+4. 모든 필드를 한국어로 작성하되, 영어 브랜드명만 영어로 표기하세요.
 """
 
 # 이론별 특수 필드 정의 (영어)
@@ -369,7 +371,7 @@ THEORY_SPECIFIC_FIELDS_KO = {
     
     "linguistic": """
         "korean_adaptation": "한국어 적응",
-        "english_meaning": "영어 의미",
+        "english_meaning": "영어 브랜드명",
         "cultural_considerations": "문화적 고려사항",
         "avoid_meanings": "피해야 할 의미들",
         "localization_strategy": "현지화 전략"
@@ -533,7 +535,8 @@ Each brand should have a unified structure, with theory-specific characteristics
 키워드: {keywords}
 
 위 정보로 {count}개의 브랜드를 생성하세요. 
-각 브랜드는 통일된 구조를 가지되, theory_specific 섹션에는 {theory} 이론의 특성을 반영하세요."""
+각 브랜드는 통일된 구조를 가지되, theory_specific 섹션에는 {theory} 이론의 특성을 반영하세요.
+중요: linguistic > global_adaptability 필드에 반드시 영어 브랜드명을 포함하세요."""
     
     try:
         # 프로그레스바 표시
@@ -659,7 +662,47 @@ def generate_unified_markdown(theory: str, results: List[Dict], industry: str, k
         brand_name = core.get('brand_name', 'N/A')
         slogan = core.get('slogan', 'N/A')
         
-        markdown += f"\n## {idx}. {brand_name}\n"
+        # 한글일 경우 영어 표현 추가
+        if language == "ko":
+            # 우선순위에 따라 영어명 찾기
+            english_name = None
+            
+            # 1. linguistic theory의 경우 theory_specific에서 찾기
+            if theory == "linguistic" and 'english_meaning' in theory_specific:
+                english_name = theory_specific.get('english_meaning', '')
+            
+            # 2. global_adaptability에서 찾기
+            if not english_name or english_name == 'N/A':
+                english_name = linguistic.get('global_adaptability', '')
+            
+            # 3. etymology에서 영어 추출
+            if not english_name or english_name == 'N/A':
+                etymology = linguistic.get('etymology', '')
+                if etymology and '영어' in etymology and ':' in etymology:
+                    # "영어: Brand Name" 형식에서 추출
+                    parts = etymology.split(':')
+                    for i, part in enumerate(parts):
+                        if '영어' in part and i + 1 < len(parts):
+                            english_name = parts[i + 1].strip().split(',')[0].strip()
+                            break
+            
+            # 영어명이 유효한 경우에만 추가
+            if english_name and english_name != 'N/A' and english_name != brand_name:
+                # 길이가 너무 길거나 설명이 포함된 경우 정리
+                if len(english_name) > 50 or '(' in english_name or ',' in english_name:
+                    english_name = english_name.split('(')[0].split(',')[0].strip()
+                
+                # 영어명이 실제로 영어인지 간단히 확인 (한글이 포함되지 않았는지)
+                if not any(ord(char) >= 0xAC00 and ord(char) <= 0xD7A3 for char in english_name):
+                    brand_display = f"{brand_name} / {english_name}"
+                else:
+                    brand_display = brand_name
+            else:
+                brand_display = brand_name
+        else:
+            brand_display = brand_name
+        
+        markdown += f"\n## {idx}. {brand_display}\n"
         
         if language == "en":
             markdown += f"""**Slogan**: *"{slogan}"*
@@ -762,6 +805,46 @@ def generate_unified_visualization(theory: str, results: List[Dict], language: s
         slogan = core.get('slogan', '')
         primary_color = visual.get('primary_color', '#667eea')
         
+        # 한글일 경우 영어 표현 추가
+        if language == "ko":
+            # 우선순위에 따라 영어명 찾기
+            english_name = None
+            
+            # 1. linguistic theory의 경우 theory_specific에서 찾기
+            if theory == "linguistic" and 'english_meaning' in theory_specific:
+                english_name = theory_specific.get('english_meaning', '')
+            
+            # 2. global_adaptability에서 찾기
+            if not english_name or english_name == 'N/A':
+                english_name = linguistic.get('global_adaptability', '')
+            
+            # 3. etymology에서 영어 추출
+            if not english_name or english_name == 'N/A':
+                etymology = linguistic.get('etymology', '')
+                if etymology and '영어' in etymology and ':' in etymology:
+                    # "영어: Brand Name" 형식에서 추출
+                    parts = etymology.split(':')
+                    for i, part in enumerate(parts):
+                        if '영어' in part and i + 1 < len(parts):
+                            english_name = parts[i + 1].strip().split(',')[0].strip()
+                            break
+            
+            # 영어명이 유효한 경우에만 추가
+            if english_name and english_name != 'N/A' and english_name != brand_name:
+                # 길이가 너무 길거나 설명이 포함된 경우 정리
+                if len(english_name) > 50 or '(' in english_name or ',' in english_name:
+                    english_name = english_name.split('(')[0].split(',')[0].strip()
+                
+                # 영어명이 실제로 영어인지 간단히 확인 (한글이 포함되지 않았는지)
+                if not any(ord(char) >= 0xAC00 and ord(char) <= 0xD7A3 for char in english_name):
+                    brand_display = f"{brand_name} / {english_name}"
+                else:
+                    brand_display = brand_name
+            else:
+                brand_display = brand_name
+        else:
+            brand_display = brand_name
+        
         # 언어별 라벨
         if language == "en":
             labels = {
@@ -784,7 +867,7 @@ def generate_unified_visualization(theory: str, results: List[Dict], language: s
     <div style="background: white; border-radius: 20px; box-shadow: 0 10px 40px rgba(0,0,0,0.1); overflow: hidden;">
         <!-- 헤더 -->
         <div style="background: linear-gradient(135deg, {primary_color} 0%, #2c3e50 100%); padding: 40px; color: white;">
-            <h2 style="margin: 0 0 10px 0; font-size: 2.5em;">{brand_name}</h2>
+            <h2 style="margin: 0 0 10px 0; font-size: 2.5em;">{brand_display}</h2>
             <p style="margin: 0; font-style: italic; font-size: 1.2em; opacity: 0.9;">"{slogan}"</p>
         </div>
         
@@ -975,15 +1058,51 @@ with gr.Blocks(
     css="""
     .gradio-container {
         font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
+        max-width: 1400px !important;
+    }
+    /* 탭 네비게이션 스타일 개선 */
+    .tab-nav {
+        display: grid !important;
+        grid-template-columns: repeat(5, 1fr) !important;
+        gap: 8px !important;
+        padding: 15px !important;
+        background: #f8f9fa !important;
+        border-radius: 10px !important;
+        margin-bottom: 20px !important;
     }
     .tab-nav button {
-        font-size: 0.85em !important;
-        padding: 8px 12px !important;
-        white-space: nowrap !important;
+        font-size: 0.8em !important;
+        padding: 10px 8px !important;
+        white-space: normal !important;
+        line-height: 1.3 !important;
+        height: auto !important;
+        min-height: 50px !important;
+        display: flex !important;
+        align-items: center !important;
+        justify-content: center !important;
+        text-align: center !important;
+        border-radius: 8px !important;
+        transition: all 0.3s ease !important;
     }
-    .tab-nav {
-        flex-wrap: wrap !important;
-        gap: 5px !important;
+    .tab-nav button:hover {
+        transform: translateY(-2px) !important;
+        box-shadow: 0 4px 12px rgba(0,0,0,0.15) !important;
+    }
+    .tab-nav button.selected {
+        background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
+        color: white !important;
+        font-weight: 600 !important;
+    }
+    /* 모바일 반응형 */
+    @media (max-width: 768px) {
+        .tab-nav {
+            grid-template-columns: repeat(3, 1fr) !important;
+        }
+    }
+    @media (max-width: 480px) {
+        .tab-nav {
+            grid-template-columns: repeat(2, 1fr) !important;
+        }
     }
     @keyframes pulse {
         0% { opacity: 0.6; }
@@ -1030,7 +1149,7 @@ with gr.Blocks(
     """)
     
     with gr.Row():
-        with gr.Column(scale=1, min_width=300):
+        with gr.Column(scale=1, min_width=250):
             gr.Markdown("""
             <div style="background: #f8f9fa; padding: 20px; border-radius: 10px; margin-bottom: 20px;">
                 <h3 style="margin-top: 0; color: #2c3e50;">📝 Brand Information</h3>
@@ -1067,28 +1186,28 @@ with gr.Blocks(
             
             gr.Markdown("""
             <div style="background: #e3f2fd; padding: 15px; border-radius: 8px; margin-top: 20px;">
-                <h4 style="margin-top: 0; color: #1976d2;">🎯 15 Specialized Theories</h4>
-                <p style="margin: 10px 0; font-size: 0.9em;">Each theory offers a unique approach to brand naming:</p>
-                <ul style="margin: 5px 0; padding-left: 20px; font-size: 0.85em;">
-                    <li><strong>Cognitive</strong>: Square, Sound, Cognitive Load, Gestalt</li>
+                <h4 style="margin-top: 0; color: #1976d2;">🎯 15 Theories</h4>
+                <p style="margin: 10px 0; font-size: 0.9em;">Each theory offers unique approach:</p>
+                <ul style="margin: 5px 0; padding-left: 20px; font-size: 0.8em; line-height: 1.4;">
+                    <li><strong>Cognitive</strong>: Square, Sound, Cognitive, Gestalt</li>
                     <li><strong>Creative</strong>: Blending, SCAMPER, Biomimicry</li>
-                    <li><strong>Strategic</strong>: Jobs-to-be-Done, Design Thinking</li>
+                    <li><strong>Strategic</strong>: Jobs-to-be-Done, Design</li>
                     <li><strong>Cultural</strong>: Archetype, Linguistic, Memetics</li>
                     <li><strong>Distinctive</strong>: Von Restorff, Color, Network</li>
                 </ul>
             </div>
             
             <div style="background: #fff3cd; padding: 15px; border-radius: 8px; margin-top: 15px;">
-                <h4 style="margin-top: 0; color: #856404;">💡 Pro Tips</h4>
-                <ul style="margin: 5px 0; padding-left: 20px; font-size: 0.85em;">
-                    <li>Try multiple theories to find the perfect fit</li>
-                    <li>Compare results across different approaches</li>
-                    <li>Combine insights from various theories</li>
+                <h4 style="margin-top: 0; color: #856404;">💡 Tips</h4>
+                <ul style="margin: 5px 0; padding-left: 20px; font-size: 0.8em; line-height: 1.4;">
+                    <li>Try multiple theories</li>
+                    <li>Compare results</li>
+                    <li>Combine insights</li>
                 </ul>
             </div>
             """)
         
-        with gr.Column(scale=3):
+        with gr.Column(scale=4):
             # 15개 탭을 3개 행으로 구성
             gr.Markdown("""
             <div style="background: #f8f9fa; padding: 15px; border-radius: 10px; margin-bottom: 20px;">