app.py

"""
Ultimate Brand Theory Generator - Unified Output Version
========================================================
2025-05-28 | 15개 이론을 통합한 종합 브랜드 생성기 (통일된 출력 구조)
------------------------------------------------------------------------
"""

import os
import json
import gradio as gr
import openai
from openai import OpenAI
from datetime import datetime
from typing import List, Dict, Tuple, Optional
import random

# OpenAI 클라이언트
if not os.getenv("OPENAI_API_KEY"):
    raise EnvironmentError("OPENAI_API_KEY 환경 변수를 설정하세요.")

client = OpenAI()

# 이론별 설명
THEORY_DESCRIPTIONS = {
    "square": "4개의 단어가 의미적 관계로 연결되어 사각형을 이루는 구조입니다. 대변의 숨겨진 연결이 '아하!' 모먼트를 만듭니다.",
    "blending": "두 개 이상의 개념을 혼합하여 새로운 의미를 창출합니다. Netflix(Net+Flix)처럼 혁신적인 개념을 탄생시킵니다.",
    "sound": "음소와 의미 간의 연관성을 활용합니다. 'i,e'는 가볍고 빠른 느낌, 'o,u'는 무겁고 느린 느낌을 전달합니다.",
    "linguistic": "언어별 사고방식 차이를 고려한 글로벌 브랜드를 만듭니다. 문화적 뉘앙스와 현지화 전략을 반영합니다.",
    "archetype": "Jung의 12가지 보편적 원형을 활용합니다. Hero(Nike), Creator(Apple)처럼 무의식적 감정 연결을 만듭니다.",
    "jobs": "고객이 해결하려는 '일'에 초점을 맞춥니다. 기능적, 감정적, 사회적 차원의 니즈를 통합적으로 해결합니다.",
    "scamper": "7가지 창의적 기법(대체, 결합, 적응, 수정, 용도변경, 제거, 역전)으로 혁신적인 브랜드를 만듭니다.",
    "design": "인간 중심 혁신을 추구합니다. 바람직함(인간), 실현가능성(기술), 생존가능성(비즈니스)의 교집합을 찾습니다.",
    "biomimicry": "자연에서 영감을 받은 브랜드를 만듭니다. 38억년 진화의 지혜를 브랜딩에 적용합니다.",
    "cognitive": "인지 처리를 최소화하는 브랜드를 만듭니다. 1-3음절의 쉬운 발음으로 즉각적 인식과 기억을 돕습니다.",
    "vonrestorff": "독특하고 기억에 남는 브랜드를 만듭니다. 카테고리 관습을 의도적으로 위반하여 30배 더 잘 기억되게 합니다.",
    "network": "네트워크 가치를 극대화하는 브랜드를 만듭니다. 사용자가 많을수록 가치가 증가하는 구조를 설계합니다.",
    "memetics": "문화적으로 복제되고 진화하는 브랜드를 만듭니다. 밈처럼 자연스럽게 퍼져나가는 바이럴 요소를 내재화합니다.",
    "color": "색상 연상과 감정을 활용한 브랜드를 만듭니다. 빨강(열정), 파랑(신뢰), 초록(자연) 등 색상 심리를 적용합니다.",
    "gestalt": "지각 원리를 활용한 브랜드를 만듭니다. 전체가 부분의 합보다 크다는 원칙으로 통합적 브랜드 경험을 설계합니다."
}

# 통일된 기본 프롬프트 템플릿
UNIFIED_BASE_PROMPT = """
당신은 {theory_name} 전문가입니다. {theory_description}

사용자 입력(업종/키워드)을 받아 다음과 같은 통일된 JSON 형식의 배열을 생성하세요:

{{
  "brands": [
    {{
      "core": {{
        "brand_name": "브랜드명",
        "slogan": "슬로건",
        "core_value": "핵심 가치",
        "target_emotion": "목표 감정",
        "brand_personality": "브랜드 성격"
      }},
      "visual": {{
        "primary_color": "#HEX코드",
        "color_meaning": "색상 의미",
        "visual_concept": "시각적 컨셉",
        "typography_style": "타이포그래피 스타일"
      }},
      "linguistic": {{
        "pronunciation": "발음 가이드",
        "etymology": "어원/구성",
        "global_adaptability": "글로벌 적응성",
        "memorable_factor": "기억 용이성 요소"
      }},
      "strategic": {{
        "differentiation": "차별화 포인트",
        "market_positioning": "시장 포지셔닝",
        "growth_potential": "성장 잠재력",
        "implementation_ease": "실행 용이성"
      }},
      "theory_specific": {{
        {theory_specific_fields}
      }},
      "evaluation": {{
        "creativity_score": 0-10,
        "memorability_score": 0-10,
        "relevance_score": 0-10,
        "overall_effectiveness": "전체적인 효과성 설명"
      }}
    }}
  ]
}}

반드시 유효한 JSON 형식으로 응답하고, 모든 필드를 채워주세요.
각 이론의 특성을 theory_specific 섹션에 담되, 나머지는 통일된 구조를 유지하세요.
"""

# 이론별 특수 필드 정의
THEORY_SPECIFIC_FIELDS = {
    "square": """
        "tl": "왼쪽상단",
        "tr": "오른쪽상단",
        "bl": "왼쪽하단",
        "br": "오른쪽하단",
        "top_edge": "상단 관계",
        "bottom_edge": "하단 관계",
        "left_edge": "왼쪽 관계",
        "right_edge": "오른쪽 관계",
        "diagonal_insight": "대각선 통찰"
    """,
    
    "blending": """
        "input_space1": "첫 번째 개념",
        "input_space2": "두 번째 개념",
        "generic_space": "공통 구조",
        "blended_space": "혼합된 새로운 의미",
        "emergent_properties": "창발적 속성들",
        "blend_ratio": "혼합 비율"
    """,
    
    "sound": """
        "phonetic_analysis": "음성 분석",
        "sound_meaning": "음향이 전달하는 의미",
        "vowel_consonant_ratio": "모음/자음 비율",
        "phoneme_emotion_map": "음소-감정 매핑",
        "cross_linguistic_sound": "언어간 음향 일관성"
    """,
    
    "linguistic": """
        "korean_adaptation": "한국어 적응",
        "english_meaning": "영어 의미",
        "cultural_considerations": "문화적 고려사항",
        "avoid_meanings": "피해야 할 의미들",
        "localization_strategy": "현지화 전략"
    """,
    
    "archetype": """
        "archetype": "선택된 원형",
        "archetype_traits": "원형의 특징들",
        "shadow_side": "그림자 측면",
        "mythology_reference": "신화적 참조",
        "customer_journey": "고객 여정 연결"
    """,
    
    "jobs": """
        "functional_job": "기능적 일",
        "emotional_job": "감정적 일",
        "social_job": "사회적 일",
        "job_statement": "핵심 Job 문장",
        "outcome_metrics": "성과 지표"
    """,
    
    "scamper": """
        "scamper_technique": "사용된 기법",
        "original_concept": "원래 개념",
        "transformation": "변형 과정",
        "innovation_type": "혁신 유형",
        "disruption_level": "파괴적 혁신 수준"
    """,
    
    "design": """
        "user_insight": "사용자 통찰",
        "pain_point": "해결하는 문제점",
        "desirability": "바람직함 (인간)",
        "feasibility": "실현가능성 (기술)",
        "viability": "생존가능성 (비즈니스)"
    """,
    
    "biomimicry": """
        "natural_inspiration": "자연적 영감원",
        "biomimetic_principle": "생체모방 원리",
        "form_function": "형태와 기능",
        "sustainability_aspect": "지속가능성 측면",
        "adaptation_strategy": "적응 전략"
    """,
    
    "cognitive": """
        "syllable_count": "음절 수",
        "processing_ease": "처리 용이성 점수",
        "memory_hooks": "기억 고리",
        "cognitive_fluency": "인지적 유창성",
        "attention_span_fit": "주의력 적합도"
    """,
    
    "vonrestorff": """
        "category_norm": "카테고리 표준",
        "deviation_strategy": "일탈 전략",
        "uniqueness_factors": "독특성 요소들",
        "attention_triggers": "주의 트리거",
        "isolation_effect": "고립 효과 활용"
    """,
    
    "network": """
        "network_type": "네트워크 유형",
        "viral_coefficient": "바이럴 계수",
        "sharing_ease": "공유 용이성",
        "community_aspect": "커뮤니티 측면",
        "network_value": "네트워크 가치"
    """,
    
    "memetics": """
        "meme_structure": "밈 구조",
        "replication_ease": "복제 용이성",
        "mutation_potential": "변이 잠재력",
        "cultural_fitness": "문화적 적합도",
        "transmission_channels": "전달 채널"
    """,
    
    "color": """
        "color_palette": "색상 팔레트",
        "emotional_response": "감정적 반응",
        "cultural_associations": "문화적 연상",
        "industry_alignment": "업종 정렬",
        "color_accessibility": "색상 접근성"
    """,
    
    "gestalt": """
        "gestalt_principle": "활용 원칙",
        "visual_structure": "시각적 구조",
        "perceptual_grouping": "지각적 그룹화",
        "figure_ground": "전경-배경 관계",
        "closure_effect": "폐쇄 효과"
    """
}

def create_theory_prompt(theory: str) -> str:
    """각 이론별 통일된 프롬프트 생성"""
    theory_names = {
        "square": "Square Theory",
        "blending": "Conceptual Blending Theory",
        "sound": "Sound Symbolism",
        "linguistic": "Linguistic Relativity",
        "archetype": "Jung의 Archetype Theory",
        "jobs": "Jobs-to-be-Done Theory",
        "scamper": "SCAMPER Method",
        "design": "IDEO의 Design Thinking",
        "biomimicry": "Biomimicry",
        "cognitive": "Cognitive Load Theory",
        "vonrestorff": "Von Restorff Effect",
        "network": "Network Effects",
        "memetics": "Memetics",
        "color": "Color Psychology",
        "gestalt": "Gestalt Theory"
    }
    
    return UNIFIED_BASE_PROMPT.format(
        theory_name=theory_names[theory],
        theory_description=THEORY_DESCRIPTIONS[theory],
        theory_specific_fields=THEORY_SPECIFIC_FIELDS[theory]
    )

def generate_by_theory(industry: str, keywords: str, theory: str, count: int = 3) -> Tuple[str, str]:
    """특정 이론으로 브랜드 생성"""
    
    if not industry or not keywords:
        return "⚠️ 업종과 키워드를 입력해주세요.", ""
    
    prompt = create_theory_prompt(theory)
    user_input = f"""업종: {industry}
키워드: {keywords}

위 정보로 {count}개의 브랜드를 생성하세요. 
각 브랜드는 통일된 구조를 가지되, theory_specific 섹션에는 {theory} 이론의 특성을 반영하세요."""
    
    try:
        response = client.chat.completions.create(
            model="gpt-4o-mini",
            messages=[
                {"role": "system", "content": prompt},
                {"role": "user", "content": user_input}
            ],
            temperature=0.8,
            max_tokens=2000,
            response_format={"type": "json_object"}
        )
        
        content = response.choices[0].message.content
        data = json.loads(content)
        
        # 응답 정규화
        if "brands" in data:
            results = data["brands"]
        else:
            results = [data]
            
        if not isinstance(results, list):
            results = [results]
        
        # 마크다운 생성
        markdown = generate_unified_markdown(theory, results, industry, keywords)
        
        # HTML 시각화 생성
        html = generate_unified_visualization(theory, results)
        
        return markdown, html
        
    except Exception as e:
        error_msg = f"❌ {theory} 이론 오류: {str(e)}"
        print(error_msg)
        return error_msg, ""

def generate_unified_markdown(theory: str, results: List[Dict], industry: str, keywords: str) -> str:
    """통일된 마크다운 생성"""
    
    theory_names = {
        "square": "Square Theory",
        "blending": "Conceptual Blending",
        "sound": "Sound Symbolism",
        "linguistic": "Linguistic Relativity",
        "archetype": "Archetype Theory",
        "jobs": "Jobs-to-be-Done",
        "scamper": "SCAMPER Method",
        "design": "Design Thinking",
        "biomimicry": "Biomimicry",
        "cognitive": "Cognitive Load Theory",
        "vonrestorff": "Von Restorff Effect",
        "network": "Network Effects",
        "memetics": "Memetics",
        "color": "Color Psychology",
        "gestalt": "Gestalt Principles"
    }
    
    theory_icons = {
        "square": "🟦", "blending": "🔀", "sound": "🔊", "linguistic": "🌐",
        "archetype": "🎭", "jobs": "✅", "scamper": "🔧", "design": "💭",
        "biomimicry": "🌿", "cognitive": "🧠", "vonrestorff": "⚡", "network": "🌍",
        "memetics": "🧬", "color": "🎨", "gestalt": "👁️"
    }
    
    markdown = f"""# {theory_icons[theory]} {theory_names[theory]}

<div style="background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); color: white; padding: 20px; border-radius: 10px; margin-bottom: 20px;">
    <h3 style="margin: 0 0 10px 0;">이론 개요</h3>
    <p style="margin: 0; line-height: 1.6;">{THEORY_DESCRIPTIONS[theory]}</p>
</div>

**업종**: {industry} | **키워드**: {keywords}  
*생성 시각: {datetime.now().strftime('%Y-%m-%d %H:%M:%S')}*

---
"""
    
    for idx, result in enumerate(results, 1):
        core = result.get('core', {})
        visual = result.get('visual', {})
        linguistic = result.get('linguistic', {})
        strategic = result.get('strategic', {})
        theory_specific = result.get('theory_specific', {})
        evaluation = result.get('evaluation', {})
        
        brand_name = core.get('brand_name', 'N/A')
        slogan = core.get('slogan', 'N/A')
        
        markdown += f"\n## {idx}. {brand_name}\n"
        markdown += f"**슬로건**: *\"{slogan}\"*\n\n"
        
        # 핵심 정보
        markdown += f"""### 📍 핵심 정보
- **핵심 가치**: {core.get('core_value', 'N/A')}
- **목표 감정**: {core.get('target_emotion', 'N/A')}
- **브랜드 성격**: {core.get('brand_personality', 'N/A')}

### 🎨 시각적 컨셉
- **주요 색상**: {visual.get('primary_color', '#000000')} - {visual.get('color_meaning', 'N/A')}
- **비주얼 컨셉**: {visual.get('visual_concept', 'N/A')}
- **타이포그래피**: {visual.get('typography_style', 'N/A')}

### 🗣️ 언어적 특성
- **발음**: {linguistic.get('pronunciation', 'N/A')}
- **어원/구성**: {linguistic.get('etymology', 'N/A')}
- **글로벌 적응성**: {linguistic.get('global_adaptability', 'N/A')}

### 🎯 전략적 가치
- **차별화 포인트**: {strategic.get('differentiation', 'N/A')}
- **시장 포지셔닝**: {strategic.get('market_positioning', 'N/A')}
- **성장 잠재력**: {strategic.get('growth_potential', 'N/A')}
"""
        
        # 이론별 특수 정보
        if theory_specific:
            markdown += f"\n### 💡 {theory_names[theory]} 특성\n"
            for key, value in theory_specific.items():
                # 키를 읽기 쉬운 형태로 변환
                display_key = key.replace('_', ' ').title()
                markdown += f"- **{display_key}**: {value}\n"
        
        # 평가 점수
        markdown += f"""
### 📊 평가
- **창의성**: {'⭐' * int(evaluation.get('creativity_score', 0))} ({evaluation.get('creativity_score', 0)}/10)
- **기억성**: {'⭐' * int(evaluation.get('memorability_score', 0))} ({evaluation.get('memorability_score', 0)}/10)
- **관련성**: {'⭐' * int(evaluation.get('relevance_score', 0))} ({evaluation.get('relevance_score', 0)}/10)

💬 **전체 평가**: {evaluation.get('overall_effectiveness', 'N/A')}
"""
        
        markdown += "\n---\n"
    
    return markdown

def generate_unified_visualization(theory: str, results: List[Dict]) -> str:
    """통일된 시각화 생성"""
    
    html_parts = []
    
    for idx, result in enumerate(results, 1):
        core = result.get('core', {})
        visual = result.get('visual', {})
        linguistic = result.get('linguistic', {})
        strategic = result.get('strategic', {})
        theory_specific = result.get('theory_specific', {})
        evaluation = result.get('evaluation', {})
        
        brand_name = core.get('brand_name', 'Brand')
        slogan = core.get('slogan', '')
        primary_color = visual.get('primary_color', '#667eea')
        
        # 통일된 카드 레이아웃
        html = f"""
<div style="max-width: 800px; margin: 30px auto; font-family: -apple-system, sans-serif;">
    <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>
            <p style="margin: 0; font-style: italic; font-size: 1.2em; opacity: 0.9;">"{slogan}"</p>
        </div>
        
        <!-- 본문 -->
        <div style="padding: 40px;">
            <!-- 평가 점수 -->
            <div style="display: flex; justify-content: space-around; margin-bottom: 30px;">
                <div style="text-align: center;">
                    <div style="font-size: 2em; color: {primary_color}; font-weight: bold;">
                        {evaluation.get('creativity_score', 0)}/10
                    </div>
                    <div style="color: #7f8c8d; margin-top: 5px;">창의성</div>
                </div>
                <div style="text-align: center;">
                    <div style="font-size: 2em; color: {primary_color}; font-weight: bold;">
                        {evaluation.get('memorability_score', 0)}/10
                    </div>
                    <div style="color: #7f8c8d; margin-top: 5px;">기억성</div>
                </div>
                <div style="text-align: center;">
                    <div style="font-size: 2em; color: {primary_color}; font-weight: bold;">
                        {evaluation.get('relevance_score', 0)}/10
                    </div>
                    <div style="color: #7f8c8d; margin-top: 5px;">관련성</div>
                </div>
            </div>
            
            <!-- 핵심 정보 그리드 -->
            <div style="display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; margin-bottom: 30px;">
                <div style="background: #f8f9fa; padding: 20px; border-radius: 10px;">
                    <h4 style="margin: 0 0 10px 0; color: {primary_color};">핵심 가치</h4>
                    <p style="margin: 0; color: #555;">{core.get('core_value', 'N/A')}</p>
                </div>
                <div style="background: #f8f9fa; padding: 20px; border-radius: 10px;">
                    <h4 style="margin: 0 0 10px 0; color: {primary_color};">목표 감정</h4>
                    <p style="margin: 0; color: #555;">{core.get('target_emotion', 'N/A')}</p>
                </div>
                <div style="background: #f8f9fa; padding: 20px; border-radius: 10px;">
                    <h4 style="margin: 0 0 10px 0; color: {primary_color};">차별화 포인트</h4>
                    <p style="margin: 0; color: #555;">{strategic.get('differentiation', 'N/A')}</p>
                </div>
                <div style="background: #f8f9fa; padding: 20px; border-radius: 10px;">
                    <h4 style="margin: 0 0 10px 0; color: {primary_color};">발음 가이드</h4>
                    <p style="margin: 0; color: #555;">{linguistic.get('pronunciation', 'N/A')}</p>
                </div>
            </div>
"""
        
        # 이론별 특수 시각화 추가
        if theory == "square" and all(k in theory_specific for k in ['tl', 'tr', 'bl', 'br']):
            html += visualize_square_specific(theory_specific, primary_color)
        elif theory == "blending" and 'input_space1' in theory_specific:
            html += visualize_blending_specific(theory_specific, primary_color)
        elif theory == "color" and 'color_palette' in theory_specific:
            html += visualize_color_specific(theory_specific, primary_color)
        else:
            # 기본 이론 특성 표시
            html += f"""
            <div style="background: linear-gradient(135deg, {primary_color}15 0%, {primary_color}05 100%); padding: 25px; border-radius: 15px; margin-top: 20px;">
                <h4 style="margin: 0 0 15px 0; color: {primary_color};">이론 특성</h4>
                <div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 15px;">
"""
            for key, value in theory_specific.items():
                display_key = key.replace('_', ' ').title()
                html += f"""
                    <div>
                        <strong style="color: #555;">{display_key}:</strong><br>
                        <span style="color: #777;">{value}</span>
                    </div>
"""
            html += """
                </div>
            </div>
"""
        
        # 전체 평가
        html += f"""
            <div style="background: #f8f9fa; padding: 20px; border-radius: 10px; margin-top: 20px;">
                <h4 style="margin: 0 0 10px 0; color: {primary_color};">전체 평가</h4>
                <p style="margin: 0; color: #555; line-height: 1.6;">{evaluation.get('overall_effectiveness', 'N/A')}</p>
            </div>
        </div>
    </div>
</div>
"""
        
        html_parts.append(html)
    
    return "\n".join(html_parts)

def visualize_square_specific(theory_specific: Dict, primary_color: str) -> str:
    """Square Theory 특수 시각화"""
    return f"""
    <div style="background: #f8f9fa; padding: 30px; border-radius: 15px; margin-top: 20px;">
        <h4 style="margin: 0 0 20px 0; color: {primary_color}; text-align: center;">Square 구조</h4>
        <div style="position: relative; width: 100%; max-width: 400px; height: 300px; margin: 0 auto;">
            <div style="position: absolute; top: 0; left: 0; background: white; color: {primary_color}; padding: 15px 20px; border-radius: 8px; box-shadow: 0 2px 10px rgba(0,0,0,0.1); font-weight: bold;">
                {theory_specific.get('tl', '?')}
            </div>
            <div style="position: absolute; top: 0; right: 0; background: white; color: {primary_color}; padding: 15px 20px; border-radius: 8px; box-shadow: 0 2px 10px rgba(0,0,0,0.1); font-weight: bold;">
                {theory_specific.get('tr', '?')}
            </div>
            <div style="position: absolute; bottom: 0; left: 0; background: white; color: {primary_color}; padding: 15px 20px; border-radius: 8px; box-shadow: 0 2px 10px rgba(0,0,0,0.1); font-weight: bold;">
                {theory_specific.get('bl', '?')}
            </div>
            <div style="position: absolute; bottom: 0; right: 0; background: white; color: {primary_color}; padding: 15px 20px; border-radius: 8px; box-shadow: 0 2px 10px rgba(0,0,0,0.1); font-weight: bold;">
                {theory_specific.get('br', '?')}
            </div>
            
            <!-- 연결선과 관계 표시 -->
            <div style="position: absolute; top: 25px; left: 50%; transform: translateX(-50%); color: #7f8c8d; font-size: 0.9em;">
                {theory_specific.get('top_edge', '')}
            </div>
            <div style="position: absolute; bottom: 25px; left: 50%; transform: translateX(-50%); color: #7f8c8d; font-size: 0.9em;">
                {theory_specific.get('bottom_edge', '')}
            </div>
            <div style="position: absolute; top: 50%; left: 25px; transform: translateY(-50%) rotate(-90deg); color: #7f8c8d; font-size: 0.9em;">
                {theory_specific.get('left_edge', '')}
            </div>
            <div style="position: absolute; top: 50%; right: 25px; transform: translateY(-50%) rotate(90deg); color: #7f8c8d; font-size: 0.9em;">
                {theory_specific.get('right_edge', '')}
            </div>
        </div>
    </div>
"""

def visualize_blending_specific(theory_specific: Dict, primary_color: str) -> str:
    """Conceptual Blending 특수 시각화"""
    return f"""
    <div style="background: #f8f9fa; padding: 30px; border-radius: 15px; margin-top: 20px;">
        <h4 style="margin: 0 0 20px 0; color: {primary_color}; text-align: center;">개념 혼합</h4>
        <div style="display: flex; justify-content: center; align-items: center; gap: 20px; flex-wrap: wrap;">
            <div style="text-align: center; padding: 20px; background: white; color: {primary_color}; border-radius: 50%; width: 120px; height: 120px; display: flex; align-items: center; justify-content: center; box-shadow: 0 2px 10px rgba(0,0,0,0.1);">
                <div>
                    <strong>Input 1</strong><br>
                    <span style="font-size: 0.9em;">{theory_specific.get('input_space1', '')}</span>
                </div>
            </div>
            
            <div style="font-size: 2em; color: {primary_color};">+</div>
            
            <div style="text-align: center; padding: 20px; background: white; color: {primary_color}; border-radius: 50%; width: 120px; height: 120px; display: flex; align-items: center; justify-content: center; box-shadow: 0 2px 10px rgba(0,0,0,0.1);">
                <div>
                    <strong>Input 2</strong><br>
                    <span style="font-size: 0.9em;">{theory_specific.get('input_space2', '')}</span>
                </div>
            </div>
            
            <div style="font-size: 2em; color: {primary_color};">=</div>
            
            <div style="text-align: center; padding: 20px; background: {primary_color}; color: white; border-radius: 20px; min-width: 150px; box-shadow: 0 2px 10px rgba(0,0,0,0.1);">
                <strong>Blend</strong><br>
                <span style="font-size: 0.95em;">{theory_specific.get('blended_space', '')}</span>
            </div>
        </div>
    </div>
"""

def visualize_color_specific(theory_specific: Dict, primary_color: str) -> str:
    """Color Psychology 특수 시각화"""
    palette = theory_specific.get('color_palette', primary_color)
    colors = palette.split(',') if ',' in palette else [primary_color]
    
    html = f"""
    <div style="background: #f8f9fa; padding: 30px; border-radius: 15px; margin-top: 20px;">
        <h4 style="margin: 0 0 20px 0; color: {primary_color}; text-align: center;">색상 팔레트</h4>
        <div style="display: flex; justify-content: center; gap: 10px; flex-wrap: wrap;">
"""
    
    for color in colors[:5]:  # 최대 5개 색상만 표시
        color = color.strip()
        html += f"""
            <div style="width: 80px; height: 80px; background: {color}; border-radius: 10px; box-shadow: 0 2px 10px rgba(0,0,0,0.1);"></div>
"""
    
    html += """
        </div>
    </div>
"""
    return html

# Gradio UI
with gr.Blocks(
    title="Ultimate Brand Theory Generator - Unified",
    theme=gr.themes.Soft(),
    css="""
    .gradio-container {
        font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    }
    .tab-nav button {
        font-size: 0.9em !important;
        padding: 10px 15px !important;
    }
    """
) as demo:
    gr.Markdown("""
    <div style="text-align: center; padding: 30px 0;">
        <h1 style="font-size: 2.5em; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; margin-bottom: 10px;">
            🌟 Ultimate Brand Theory Generator
        </h1>
        <p style="font-size: 1.2em; color: #7f8c8d;">15개 이론을 활용한 종합 브랜드 생성기 (통일된 출력 구조)</p>
    </div>
    """)
    
    with gr.Row():
        with gr.Column(scale=1, min_width=300):
            gr.Markdown("""
            <div style="background: #f8f9fa; padding: 20px; border-radius: 10px; margin-bottom: 20px;">
                <h3 style="margin-top: 0;">📝 브랜드 정보 입력</h3>
            </div>
            """)
            
            industry_input = gr.Textbox(
                label="🏭 업종",
                placeholder="예: 카페, 피트니스, 교육, 뷰티...",
                value="카페/커피숍"
            )
            
            keywords_input = gr.Textbox(
                label="🔑 핵심 키워드",
                placeholder="프리미엄, 편안한, 도시적인, 친환경...",
                info="브랜드가 담아야 할 핵심 가치나 특징들",
                lines=2
            )
            
            gr.Markdown("""
            <div style="background: #e3f2fd; padding: 15px; border-radius: 8px; margin-top: 20px;">
                <h4 style="margin-top: 0; color: #1976d2;">🔄 통일된 출력 구조</h4>
                <p style="margin: 10px 0;">모든 이론에서 동일한 구조로 결과를 제공합니다:</p>
                <ul style="margin: 5px 0; padding-left: 20px;">
                    <li><strong>핵심 정보</strong>: 브랜드명, 슬로건, 가치, 성격</li>
                    <li><strong>시각적 요소</strong>: 색상, 비주얼 컨셉</li>
                    <li><strong>언어적 특성</strong>: 발음, 글로벌 적응성</li>
                    <li><strong>전략적 가치</strong>: 차별화, 포지셔닝</li>
                    <li><strong>이론별 특성</strong>: 각 이론의 고유 요소</li>
                    <li><strong>평가 점수</strong>: 창의성, 기억성, 관련성</li>
                </ul>
            </div>
            """)
        
        with gr.Column(scale=3):
            # 15개 탭 생성
            with gr.Tabs():
                # 각 이론별 탭 (예시로 몇 개만 표시)
                theories = [
                    ("🟦 Square Theory", "square"),
                    ("🔀 Conceptual Blending", "blending"),
                    ("🔊 Sound Symbolism", "sound"),
                    ("🌐 Linguistic Relativity", "linguistic"),
                    ("🎭 Archetype Theory", "archetype"),
                    ("✅ Jobs-to-be-Done", "jobs"),
                    ("🔧 SCAMPER Method", "scamper"),
                    ("💭 Design Thinking", "design"),
                    ("🌿 Biomimicry", "biomimicry"),
                    ("🧠 Cognitive Load", "cognitive"),
                    ("⚡ Von Restorff Effect", "vonrestorff"),
                    ("🌍 Network Effects", "network"),
                    ("🧬 Memetics", "memetics"),
                    ("🎨 Color Psychology", "color"),
                    ("👁️ Gestalt Principles", "gestalt")
                ]
                
                for tab_name, theory_key in theories:
                    with gr.Tab(tab_name):
                        with gr.Row():
                            btn = gr.Button(f"{tab_name}로 생성", variant="primary", size="sm")
                        output = gr.Markdown()
                        visual = gr.HTML()
                        
                        btn.click(
                            lambda i, k, t=theory_key: generate_by_theory(i, k, t),
                            inputs=[industry_input, keywords_input],
                            outputs=[output, visual]
                        )
    
    gr.Markdown("""
    <div style="background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); color: white; padding: 30px; border-radius: 15px; margin-top: 40px;">
        <h3 style="margin-top: 0;">📊 통일된 평가 시스템</h3>
        <p style="margin: 15px 0;">모든 브랜드는 다음 3가지 기준으로 평가됩니다:</p>
        <div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 20px;">
            <div>
                <h4>창의성 (Creativity)</h4>
                <p style="margin: 5px 0;">독창성과 혁신성의 정도</p>
            </div>
            <div>
                <h4>기억성 (Memorability)</h4>
                <p style="margin: 5px 0;">쉽게 기억되고 회상되는 정도</p>
            </div>
            <div>
                <h4>관련성 (Relevance)</h4>
                <p style="margin: 5px 0;">업종과 키워드와의 연관성</p>
            </div>
        </div>
    </div>
    """)

if __name__ == "__main__":
    demo.launch(
        server_name="0.0.0.0",
        server_port=7860,
        share=False
    )