Update app.py

app.py

@@ -10,9 +10,304 @@ from travel import (
     run_task
 )
 
-# Set page configuration with modern theme
+# ------------------------------------------
+# 다국어 지원을 위한 번역 사전 및 헬퍼 함수
+# ------------------------------------------
+translations = {
+    "en": {
+         "page_title": "Globetrotter AI: Your AI Agent for Travelling",
+         "header": "Globetrotter AI: Your AI Agent for Travelling",
+         "create_itinerary": "Create Your Itinerary",
+         "trip_details": "Trip Details",
+         "origin": "Origin",
+         "destination": "Destination",
+         "travel_dates": "Travel Dates",
+         "duration": "Duration (days)",
+         "preferences": "Preferences",
+         "additional_preferences": "Additional Preferences",
+         "interests": "Interests",
+         "special_requirements": "Special Requirements",
+         "submit": "🚀 Create My Personal Travel Itinerary",
+         "request_details": "Your Travel Request",
+         "from": "From",
+         "when": "When",
+         "budget": "Budget",
+         "travel_style": "Travel Style",
+         "live_agent_outputs": "Live Agent Outputs",
+         "full_itinerary": "Full Itinerary",
+         "details": "Details",
+         "download_share": "Download & Share",
+         "save_itinerary": "Save Your Itinerary",
+         "plan_another_trip": "🔄 Plan Another Trip",
+         "about": "About",
+         "how_it_works": "How it works",
+         "travel_agents": "Travel Agents",
+         "share_itinerary": "Share Your Itinerary",
+         "save_for_mobile": "Save for Mobile",
+         "built_with": "Built with ❤️ for you"
+    },
+    "ko": {
+         "page_title": "Globetrotter AI: 당신의 여행을 위한 AI 에이전트",
+         "header": "Globetrotter AI: 당신의 여행을 위한 AI 에이전트",
+         "create_itinerary": "여행 일정 생성",
+         "trip_details": "여행 세부 정보",
+         "origin": "출발지",
+         "destination": "목적지",
+         "travel_dates": "여행 날짜",
+         "duration": "기간 (일수)",
+         "preferences": "선호사항",
+         "additional_preferences": "추가 선호사항",
+         "interests": "관심사",
+         "special_requirements": "특별 요구사항",
+         "submit": "🚀 나만의 여행 일정 생성",
+         "request_details": "여행 요청 정보",
+         "from": "출발지",
+         "when": "여행 기간",
+         "budget": "예산",
+         "travel_style": "여행 스타일",
+         "live_agent_outputs": "실시간 에이전트 결과",
+         "full_itinerary": "전체 일정",
+         "details": "세부사항",
+         "download_share": "다운로드 및 공유",
+         "save_itinerary": "일정 저장",
+         "plan_another_trip": "🔄 다른 여행 계획",
+         "about": "소개",
+         "how_it_works": "작동 방식",
+         "travel_agents": "여행 에이전트",
+         "share_itinerary": "일정 공유",
+         "save_for_mobile": "모바일 저장",
+         "built_with": "당신을 위해 ❤️ 만들어졌습니다"
+    },
+    "ja": {
+         "page_title": "Globetrotter AI: あなたの旅行のためのAIエージェント",
+         "header": "Globetrotter AI: あなたの旅行のためのAIエージェント",
+         "create_itinerary": "旅行プラン作成",
+         "trip_details": "旅行詳細",
+         "origin": "出発地",
+         "destination": "目的地",
+         "travel_dates": "旅行日程",
+         "duration": "期間（日数）",
+         "preferences": "好み",
+         "additional_preferences": "追加の好み",
+         "interests": "興味",
+         "special_requirements": "特別な要件",
+         "submit": "🚀 私のための旅行プラン作成",
+         "request_details": "旅行リクエスト",
+         "from": "出発地",
+         "when": "旅行期間",
+         "budget": "予算",
+         "travel_style": "旅行スタイル",
+         "live_agent_outputs": "リアルタイムエージェント出力",
+         "full_itinerary": "全行程",
+         "details": "詳細",
+         "download_share": "ダウンロードと共有",
+         "save_itinerary": "旅行プランを保存",
+         "plan_another_trip": "🔄 他の旅行を計画",
+         "about": "概要",
+         "how_it_works": "使い方",
+         "travel_agents": "旅行エージェント",
+         "share_itinerary": "旅行プランを共有",
+         "save_for_mobile": "モバイル保存",
+         "built_with": "愛を込めて作られました"
+    },
+    "zh": {
+         "page_title": "Globetrotter AI：您的旅行 AI 代理",
+         "header": "Globetrotter AI：您的旅行 AI 代理",
+         "create_itinerary": "创建您的行程",
+         "trip_details": "旅行详情",
+         "origin": "出发地",
+         "destination": "目的地",
+         "travel_dates": "旅行日期",
+         "duration": "天数",
+         "preferences": "偏好",
+         "additional_preferences": "其他偏好",
+         "interests": "兴趣",
+         "special_requirements": "特殊需求",
+         "submit": "🚀 创建我的个性化行程",
+         "request_details": "您的旅行请求",
+         "from": "出发地",
+         "when": "旅行时间",
+         "budget": "预算",
+         "travel_style": "旅行风格",
+         "live_agent_outputs": "实时代理输出",
+         "full_itinerary": "完整行程",
+         "details": "详情",
+         "download_share": "下载与分享",
+         "save_itinerary": "保存行程",
+         "plan_another_trip": "🔄 计划另一趟旅行",
+         "about": "关于",
+         "how_it_works": "工作原理",
+         "travel_agents": "旅行代理",
+         "share_itinerary": "分享行程",
+         "save_for_mobile": "保存到手机",
+         "built_with": "用❤️为您制作"
+    },
+    "es": {
+         "page_title": "Globetrotter AI: Tu Agente de IA para Viajar",
+         "header": "Globetrotter AI: Tu Agente de IA para Viajar",
+         "create_itinerary": "Crea Tu Itinerario",
+         "trip_details": "Detalles del Viaje",
+         "origin": "Origen",
+         "destination": "Destino",
+         "travel_dates": "Fechas del Viaje",
+         "duration": "Duración (días)",
+         "preferences": "Preferencias",
+         "additional_preferences": "Preferencias Adicionales",
+         "interests": "Intereses",
+         "special_requirements": "Requisitos Especiales",
+         "submit": "🚀 Crea Mi Itinerario Personalizado",
+         "request_details": "Tu Solicitud de Viaje",
+         "from": "Desde",
+         "when": "Cuándo",
+         "budget": "Presupuesto",
+         "travel_style": "Estilo de Viaje",
+         "live_agent_outputs": "Salidas en Vivo del Agente",
+         "full_itinerary": "Itinerario Completo",
+         "details": "Detalles",
+         "download_share": "Descargar y Compartir",
+         "save_itinerary": "Guardar Itinerario",
+         "plan_another_trip": "🔄 Planear Otro Viaje",
+         "about": "Acerca de",
+         "how_it_works": "Cómo Funciona",
+         "travel_agents": "Agentes de Viaje",
+         "share_itinerary": "Compartir Itinerario",
+         "save_for_mobile": "Guardar para Móvil",
+         "built_with": "Hecho con ❤️ para ti"
+    },
+    "fr": {
+         "page_title": "Globetrotter AI : Votre Agent IA pour Voyager",
+         "header": "Globetrotter AI : Votre Agent IA pour Voyager",
+         "create_itinerary": "Créez Votre Itinéraire",
+         "trip_details": "Détails du Voyage",
+         "origin": "Origine",
+         "destination": "Destination",
+         "travel_dates": "Dates du Voyage",
+         "duration": "Durée (jours)",
+         "preferences": "Préférences",
+         "additional_preferences": "Préférences Supplémentaires",
+         "interests": "Centres d'intérêt",
+         "special_requirements": "Exigences Spéciales",
+         "submit": "🚀 Créez Mon Itinéraire Personnalisé",
+         "request_details": "Votre Demande de Voyage",
+         "from": "De",
+         "when": "Quand",
+         "budget": "Budget",
+         "travel_style": "Style de Voyage",
+         "live_agent_outputs": "Résultats en Direct de l'Agent",
+         "full_itinerary": "Itinéraire Complet",
+         "details": "Détails",
+         "download_share": "Télécharger et Partager",
+         "save_itinerary": "Enregistrer l'Itinéraire",
+         "plan_another_trip": "🔄 Planifier un Autre Voyage",
+         "about": "À Propos",
+         "how_it_works": "Fonctionnement",
+         "travel_agents": "Agents de Voyage",
+         "share_itinerary": "Partager l'Itinéraire",
+         "save_for_mobile": "Enregistrer pour Mobile",
+         "built_with": "Conçu avec ❤️ pour vous"
+    },
+    "de": {
+         "page_title": "Globetrotter AI: Ihr KI-Reiseassistent",
+         "header": "Globetrotter AI: Ihr KI-Reiseassistent",
+         "create_itinerary": "Erstellen Sie Ihre Reiseroute",
+         "trip_details": "Reisedetails",
+         "origin": "Abfahrtsort",
+         "destination": "Zielort",
+         "travel_dates": "Reisedaten",
+         "duration": "Dauer (Tage)",
+         "preferences": "Vorlieben",
+         "additional_preferences": "Zusätzliche Vorlieben",
+         "interests": "Interessen",
+         "special_requirements": "Besondere Anforderungen",
+         "submit": "🚀 Erstellen Sie meine personalisierte Reiseroute",
+         "request_details": "Ihre Reiseanfrage",
+         "from": "Von",
+         "when": "Wann",
+         "budget": "Budget",
+         "travel_style": "Reisestil",
+         "live_agent_outputs": "Live Agent Ausgaben",
+         "full_itinerary": "Komplette Reiseroute",
+         "details": "Details",
+         "download_share": "Herunterladen & Teilen",
+         "save_itinerary": "Reiseroute speichern",
+         "plan_another_trip": "🔄 Plane eine weitere Reise",
+         "about": "Über",
+         "how_it_works": "Wie es funktioniert",
+         "travel_agents": "Reiseassistenten",
+         "share_itinerary": "Reiseroute teilen",
+         "save_for_mobile": "Für Mobilgeräte speichern",
+         "built_with": "Mit ❤️ für Sie gebaut"
+    },
+    "ar": {
+         "page_title": "Globetrotter AI: وكيل السفر الذكي الخاص بك",
+         "header": "Globetrotter AI: وكيل السفر الذكي الخاص بك",
+         "create_itinerary": "إنشاء خط سير الرحلة",
+         "trip_details": "تفاصيل الرحلة",
+         "origin": "المغادرة من",
+         "destination": "الوجهة",
+         "travel_dates": "تواريخ السفر",
+         "duration": "المدة (بالأيام)",
+         "preferences": "التفضيلات",
+         "additional_preferences": "تفضيلات إضافية",
+         "interests": "الاهتمامات",
+         "special_requirements": "المتطلبات الخاصة",
+         "submit": "🚀 إنشاء خط سير الرحلة الشخصي",
+         "request_details": "طلب السفر الخاص بك",
+         "from": "من",
+         "when": "متى",
+         "budget": "الميزانية",
+         "travel_style": "أسلوب السفر",
+         "live_agent_outputs": "مخرجات الوكيل المباشرة",
+         "full_itinerary": "خط سير الرحلة الكامل",
+         "details": "التفاصيل",
+         "download_share": "تنزيل ومشاركة",
+         "save_itinerary": "حفظ خط سير الرحلة",
+         "plan_another_trip": "🔄 خطط لرحلة أخرى",
+         "about": "حول",
+         "how_it_works": "كيف يعمل",
+         "travel_agents": "وكلاء السفر",
+         "share_itinerary": "شارك خط سير الرحلة",
+         "save_for_mobile": "حفظ للهاتف المحمول",
+         "built_with": "مصنوع بحب من أجلك"
+    }
+}
+
+# 번역 헬퍼 함수: 선택된 언어에 따라 키 값을 반환합니다.
+def t(key):
+    lang = st.session_state.get("selected_language", "en")
+    return translations[lang].get(key, key)
+
+# ---------------------------
+# 세션 초기화
+# ---------------------------
+if 'selected_language' not in st.session_state:
+    st.session_state.selected_language = "en"  # 기본은 영어
+
+# ------------------------------------------
+# 사이드바에 언어 선택 위젯 추가
+# ------------------------------------------
+with st.sidebar:
+    language = st.selectbox(
+        "Language / 언어 / 言語 / 语言 / Idioma / Langue / Sprache / اللغة",
+        ["English", "한국어", "日本語", "中文", "Español", "Français", "Deutsch", "العربية"]
+    )
+    lang_map = {
+        "English": "en",
+        "한국어": "ko",
+        "日本語": "ja",
+        "中文": "zh",
+        "Español": "es",
+        "Français": "fr",
+        "Deutsch": "de",
+        "العربية": "ar"
+    }
+    st.session_state.selected_language = lang_map.get(language, "en")
+
+# ------------------------------------------
+# 페이지 설정 (번역 적용)
+# ------------------------------------------
 st.set_page_config(
-    page_title="Globetrotter AI: Your AI Agent for Travelling",
+    page_title=t("page_title"),
     page_icon="✈️",
     layout="wide",
     initial_sidebar_state="expanded"
@@ -233,19 +528,19 @@ st.markdown("""
 # Helper function to download HTML file
 def get_download_link(text_content, filename):
     b64 = base64.b64encode(text_content.encode()).decode()
-    href = f'<a class="download-link" href="data:text/plain;base64,{b64}" download="{filename}"><i>📥</i> Download Itinerary as Text</a>'
+    href = f'<a class="download-link" href="data:text/plain;base64,{b64}" download="{filename}"><i>📥</i> {t("save_itinerary")}</a>'
     return href
 
 # Updated helper function to display modern progress with a single UI element
 def display_modern_progress(current_step, total_steps=6):
     if 'progress_steps' not in st.session_state:
         st.session_state.progress_steps = {
-            0: {'status': 'pending', 'name': 'Destination Research'},
-            1: {'status': 'pending', 'name': 'Accommodation'},
-            2: {'status': 'pending', 'name': 'Transportation'},
-            3: {'status': 'pending', 'name': 'Activities'},
-            4: {'status': 'pending', 'name': 'Dining'},
-            5: {'status': 'pending', 'name': 'Itinerary Creation'}
+            0: {'status': 'pending', 'name': t("trip_details")},
+            1: {'status': 'pending', 'name': t("about")},  # Accommodation
+            2: {'status': 'pending', 'name': t("travel_style")},  # Transportation
+            3: {'status': 'pending', 'name': t("live_agent_outputs")},  # Activities
+            4: {'status': 'pending', 'name': t("download_share")},  # Dining
+            5: {'status': 'pending', 'name': t("full_itinerary")}
         }
     
     # Update the current step status
@@ -416,13 +711,13 @@ if 'form_submitted' not in st.session_state:
     st.session_state.form_submitted = False
 
 # Modern animated header
-st.markdown('''
+st.markdown(f'''
 <div class="animate-in" style="text-align: center;">
     <div style="margin-bottom: 20px;">
         <img src="https://img.icons8.com/fluency/96/travel-card.png" width="90" 
              style="filter: drop-shadow(0 4px 8px rgba(0,0,0,0.1));">
     </div>
-    <h1 class="main-header">Globetrotter AI: Your AI Agent for Travelling</h1>
+    <h1 class="main-header">{t("header")}</h1>
     <p style="font-size: 1.2rem; color: #6c757d; margin-bottom: 25px;">
         ✨ Create your personalized AI-powered travel itinerary in minutes! ✨
     </p>
@@ -447,7 +742,7 @@ with st.sidebar:
     
     # About section with modern container
     st.markdown('<div class="modern-card">', unsafe_allow_html=True)
-    st.markdown("### 🌟 About")
+    st.markdown(f"### 🌟 {t('about')}")
     st.info(
         "This AI-powered tool creates a personalized travel itinerary based on your preferences. "
         "Fill in the form and let our specialized travel agents plan your perfect trip!"
@@ -456,7 +751,7 @@ with st.sidebar:
     
     # How it works with steps and icons
     st.markdown('<div class="modern-card">', unsafe_allow_html=True)
-    st.markdown("### 🔍 How it works")
+    st.markdown(f"### 🔍 {t('how_it_works')}")
     st.markdown("""
     <ol style="padding-left: 25px;">
         <li><b>🖊️ Enter</b> your travel details</li>
@@ -487,7 +782,7 @@ with st.sidebar:
 if not st.session_state.generation_complete:
     # Sleek form with minimal design
     st.markdown('<div class="modern-card animate-in">', unsafe_allow_html=True)
-    st.markdown("<h3 style='font-weight: 600; color: var(--primary-dark); display: flex; align-items: center; gap: 10px;'><span style='font-size: 20px;'>✈️</span> Create Your Itinerary</h3>", unsafe_allow_html=True)
+    st.markdown(f"<h3 style='font-weight: 600; color: var(--primary-dark); display: flex; align-items: center; gap: 10px;'><span style='font-size: 20px;'>✈️</span> {t('create_itinerary')}</h3>", unsafe_allow_html=True)
     
     # Minimalist description
     st.markdown("""
@@ -500,14 +795,13 @@ if not st.session_state.generation_complete:
         
         with col1:
             st.markdown('<p style="font-weight: 500; color: var(--primary); font-size: 14px; margin-bottom: 12px;">Trip Details</p>', unsafe_allow_html=True)
-            origin = st.text_input("Origin", placeholder="e.g., New York, USA")
-            destination = st.text_input("Destination", placeholder="e.g., Paris, France")
+            origin = st.text_input(t("origin"), placeholder="e.g., New York, USA")
+            destination = st.text_input(t("destination"), placeholder="e.g., Paris, France")
             
             # Minimalist date picker
             st.markdown('<p style="margin-bottom: 5px; font-size: 14px;">Travel Dates</p>', unsafe_allow_html=True)
             start_date = st.date_input("Start Date", min_value=datetime.now(), label_visibility="collapsed")
-            end_date = start_date + timedelta(days=7)
-            duration = st.slider("Duration (days)", min_value=1, max_value=30, value=7)
+            duration = st.slider(t("duration"), min_value=1, max_value=30, value=7)
             end_date = start_date + timedelta(days=duration-1)
             st.markdown(f'<p style="font-size: 13px; color: var(--text-muted); margin-top: 5px;">{start_date.strftime("%b %d")} - {end_date.strftime("%b %d, %Y")}</p>', unsafe_allow_html=True)
         
@@ -531,7 +825,7 @@ if not st.session_state.generation_complete:
                                             placeholder="Dietary restrictions, accessibility needs...")
         
         # Submit button with enhanced styling
-        submit_button = st.form_submit_button("🚀 Create My Personal Travel Itinerary")
+        submit_button = st.form_submit_button(t("submit"))
     
     st.markdown('</div>', unsafe_allow_html=True)
     
@@ -633,19 +927,19 @@ Special Requirements: {user_input['special_requirements']}
             
             # Show request details in the details tab
             with details_tab:
-                st.markdown("#### Your Travel Request")
-                st.markdown(f"**Destination:** {user_input['destination']}")
-                st.markdown(f"**From:** {user_input['origin']}")
-                st.markdown(f"**When:** {user_input['travel_dates']} ({user_input['duration']} days)")
-                st.markdown(f"**Budget:** {user_input['budget'].title()}")
-                st.markdown(f"**Travel Style:** {user_input['travel_style']}")
+                st.markdown("#### " + t("request_details"))
+                st.markdown(f"**{t('destination')}:** {user_input['destination']}")
+                st.markdown(f"**{t('from')}:** {user_input['origin']}")
+                st.markdown(f"**{t('when')}:** {user_input['travel_dates']} ({user_input['duration']} days)")
+                st.markdown(f"**{t('budget')}:** {user_input['budget'].title()}")
+                st.markdown(f"**{t('travel_style')}:** {user_input['travel_style']}")
                 if user_input['preferences']:
                     st.markdown(f"**Interests:** {user_input['preferences']}")
                 if user_input['special_requirements']:
                     st.markdown(f"**Special Requirements:** {user_input['special_requirements']}")
             
             with progress_tab:
-                    # Create a persistent placeholder for progress display to avoid duplication
+                # Create a persistent placeholder for progress display to avoid duplication
                 if 'progress_placeholder' not in st.session_state:
                     st.session_state.progress_placeholder = st.empty()
                 with st.session_state.progress_placeholder.container():
@@ -660,7 +954,7 @@ Special Requirements: {user_input['special_requirements']}
             output_container = st.container()
             with output_container:
                 st.markdown('<div class="modern-card">', unsafe_allow_html=True)
-                st.markdown("### 🌟 Live Agent Outputs")
+                st.markdown("### 🌟 " + t("live_agent_outputs"))
                 st.info("Our AI agents will show their work here as they create your itinerary")
                 st.markdown('</div>', unsafe_allow_html=True)
             
@@ -890,7 +1184,7 @@ if st.session_state.generation_complete:
     st.markdown('<div class="modern-card">', unsafe_allow_html=True)
     
     # Modern tabs for different views
-    itinerary_tab, details_tab, download_tab = st.tabs(["🗒️ Full Itinerary", "💼Details", "💾 Download & Share"])
+    itinerary_tab, details_tab, download_tab = st.tabs([f"🗒️ {t('full_itinerary')}", f"💼 {t('details')}", f"💾 {t('download_share')}"])
     
     with itinerary_tab:
         # Preview the itinerary as text
@@ -923,13 +1217,11 @@ if st.session_state.generation_complete:
             st.markdown("### 🍽️ Dining Recommendations")
             st.markdown(st.session_state.results["dining_info"])
             
-
-    
     with download_tab:
         col1, col2 = st.columns([2, 1])
         
         with col1:
-            st.markdown("### Save Your Itinerary")
+            st.markdown("### " + t("save_itinerary"))
             st.markdown("Download your personalized travel plan to access it offline or share with your travel companions.")
             
             # Display stylized download button
@@ -948,18 +1240,18 @@ if st.session_state.generation_complete:
             st.markdown("</div>", unsafe_allow_html=True)
             
             # Share options
-            st.markdown("### Share Your Itinerary")
+            st.markdown("### " + t("share_itinerary"))
             st.markdown("*Coming soon: Email your itinerary or share via social media.*")
         
         with col2:
             # QR code placeholder for future implementation
-            st.markdown("### Save for Mobile")
+            st.markdown("### " + t("save_for_mobile"))
             st.markdown("*Coming soon: QR code for easy access on your phone*")
     
     st.markdown('</div>', unsafe_allow_html=True)
     
     # Add a reset button to create a new itinerary
-    if st.button("🔄 Plan Another Trip", key="reset_button"):
+    if st.button(t("plan_another_trip"), key="reset_button"):
         # Reset the session state
         st.session_state.generated_itinerary = None
         st.session_state.generation_complete = False
@@ -969,9 +1261,9 @@ if st.session_state.generation_complete:
         st.experimental_rerun()
     
     # Footer for the app
-    st.markdown("""
+    st.markdown(f"""
     <div style="margin-top: 50px; text-align: center; padding: 20px; color: #6c757d; font-size: 0.8rem;">
-        <p>Built with ❤️ for you</p>
+        <p>{t("built_with")}</p>
     </div>
     """, unsafe_allow_html=True)
     
@@ -1007,4 +1299,4 @@ st.markdown("""
         <p>Built with ❤️ for You</p>
     </div>
 </div>
-""", unsafe_allow_html=True)
+""", unsafe_allow_html=True)