Update app.py

app.py

@@ -593,10 +593,10 @@ 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': t("trip_details")},
-            1: {'status': 'pending', 'name': t("about")},  # 예: 숙소 관련
-            2: {'status': 'pending', 'name': t("travel_style")},  # 예: 교통편 관련
-            3: {'status': 'pending', 'name': t("live_agent_outputs")},  # 예: 액티비티 관련
-            4: {'status': 'pending', 'name': t("download_share")},  # 예: 식사 관련
+            1: {'status': 'pending', 'name': t("about")},
+            2: {'status': 'pending', 'name': t("travel_style")},
+            3: {'status': 'pending', 'name': t("live_agent_outputs")},
+            4: {'status': 'pending', 'name': t("download_share")},
             5: {'status': 'pending', 'name': t("full_itinerary")}
         }
     
@@ -611,7 +611,7 @@ def display_modern_progress(current_step, total_steps=6):
     progress_percentage = (current_step / total_steps) * 100
     st.progress(progress_percentage / 100)
     
-    st.markdown('''
+    st.markdown("""
     <style>
     .compact-progress {
         background: white;
@@ -666,7 +666,7 @@ def display_modern_progress(current_step, total_steps=6):
     }
     </style>
     <div class="compact-progress">
-    ''', unsafe_allow_html=True)
+    """, unsafe_allow_html=True)
     
     st.markdown('<div class="step-grid">', unsafe_allow_html=True)
     for i, step_info in st.session_state.progress_steps.items():
@@ -682,12 +682,12 @@ def display_modern_progress(current_step, total_steps=6):
             icon = "⭕"
             status_class = "pending"
         
-        st.markdown(f'''
+        st.markdown(f"""
         <div class="step-item {status_class}">
             <span class="step-icon">{icon}</span>
             <span class="step-text">{name}</span>
         </div>
-        ''', unsafe_allow_html=True)
+        """, unsafe_allow_html=True)
     
     st.markdown('</div></div>', unsafe_allow_html=True)
     return progress_percentage
@@ -720,7 +720,7 @@ def run_task_with_logs(task, input_text, log_container, output_container, result
     
     with output_container:
         st.markdown(f"### {task.agent.role} Output")
-        st.markdown("""<div class='agent-output'>""" + result + """</div>""", unsafe_allow_html=True)
+        st.markdown("<div class='agent-output'>" + result + "</div>", unsafe_allow_html=True)
     
     return result
 
@@ -751,7 +751,7 @@ if 'form_submitted' not in st.session_state:
     st.session_state.form_submitted = False
 
 # Modern animated header
-st.markdown(f'''
+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));">
@@ -761,26 +761,26 @@ st.markdown(f'''
         ✨ Create your personalized AI-powered travel itinerary in minutes! ✨
     </p>
 </div>
-''', unsafe_allow_html=True)
+""", unsafe_allow_html=True)
 
 st.markdown('<hr style="height:3px;border:none;background-color:#f0f0f0;margin-bottom:25px;">', unsafe_allow_html=True)
 
 with st.sidebar:
-    st.markdown('''
+    st.markdown("""
     <div style="text-align: center; padding: 20px 0; margin-bottom: 20px; border-bottom: 1px solid #eaeaea;">
         <img src="https://img.icons8.com/fluency/96/travel-card.png" width="80" style="margin-bottom: 15px;">
         <h3 style="margin-bottom: 5px; color: #4361ee;">Globetrotter AI: Your AI Agent for Travelling</h3>
         <p style="color: #6c757d; font-size: 0.9rem;">AI-Powered Travel Planning</p>
     </div>
-    ''', unsafe_allow_html=True)
+    """, unsafe_allow_html=True)
     
     st.markdown('<div class="modern-card">', unsafe_allow_html=True)
-    st.markdown(f"### 🌟 {t('about')}")
+    st.markdown("### 🌟 " + 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!")
     st.markdown('</div>', unsafe_allow_html=True)
     
     st.markdown('<div class="modern-card">', unsafe_allow_html=True)
-    st.markdown(f"### 🔍 {t('how_it_works')}")
+    st.markdown("### 🔍 " + t("how_it_works"))
     st.markdown("""
     <ol style="padding-left: 25px;">
         <li><b>🖊️ Enter</b> your travel details</li>
@@ -802,13 +802,13 @@ with st.sidebar:
         ("📅 Itinerary Creator", "Puts everything together in a daily plan")
     ]
     for name, desc in agents:
-        st.markdown(f"**{name}**")
-        st.markdown(f"<small>{desc}</small>", unsafe_allow_html=True)
+        st.markdown("**" + name + "**")
+        st.markdown("<small>" + desc + "</small>", unsafe_allow_html=True)
     st.markdown('</div>', unsafe_allow_html=True)
 
 if not st.session_state.generation_complete:
     st.markdown('<div class="modern-card animate-in">', 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)
+    st.markdown("<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)
     
     st.markdown("""
     <p style="color: var(--text-light); margin-bottom: 16px; font-size: 14px; font-weight: 400;">Complete the form below for a personalized travel plan.</p>
@@ -824,7 +824,7 @@ if not st.session_state.generation_complete:
             start_date = st.date_input("Start Date", min_value=datetime.now(), label_visibility="collapsed")
             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)
+            st.markdown('<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)
         with col2:
             st.markdown('<p style="font-weight: 500; color: var(--primary); font-size: 14px; margin-bottom: 12px;">Preferences</p>', unsafe_allow_html=True)
             travelers = st.number_input("Travelers", min_value=1, max_value=15, value=2)
@@ -917,15 +917,15 @@ Special Requirements: {user_input['special_requirements']}
             progress_tab, logs_tab, details_tab = st.tabs(["📊 Progress", "🔄 Live Activity", "📋 " + t("request_details")])
             with details_tab:
                 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']}")
+                st.markdown("**" + t("destination") + ":** " + user_input['destination'])
+                st.markdown("**" + t("from") + ":** " + user_input['origin'])
+                st.markdown("**" + t("when") + ":** " + user_input['travel_dates'] + " (" + user_input['duration'] + " days)")
+                st.markdown("**" + t("budget") + ":** " + user_input['budget'].title())
+                st.markdown("**" + t("travel_style") + ":** " + user_input['travel_style'])
                 if user_input['preferences']:
-                    st.markdown(f"**Interests:** {user_input['preferences']}")
+                    st.markdown("**Interests:** " + user_input['preferences'])
                 if user_input['special_requirements']:
-                    st.markdown(f"**Special Requirements:** {user_input['special_requirements']}")
+                    st.markdown("**Special Requirements:** " + user_input['special_requirements'])
             with progress_tab:
                 if 'progress_placeholder' not in st.session_state:
                     st.session_state.progress_placeholder = st.empty()
@@ -1040,7 +1040,7 @@ Dining Recommendations:
             st.session_state.filename = f"{user_input['destination'].replace(' ', '_')}_{date_str}_itinerary.txt"
 
 if st.session_state.generation_complete:
-    st.markdown(f"""
+    st.markdown("""
     <div class="modern-card animate-in">
       <div style="display: flex; justify-content: center; margin-bottom: 20px;">
         <div class="success-animation">
@@ -1050,8 +1050,8 @@ if st.session_state.generation_complete:
           </svg>
         </div>
       </div>
-      <h2 style="text-align: center; color: #4361ee;">{t("itinerary_ready")}</h2>
-      <p style="text-align: center; color: #6c757d; margin-bottom: 20px;">{t("personalized_experience")}</p>
+      <h2 style="text-align: center; color: #4361ee;">""" + t("itinerary_ready") + """</h2>
+      <p style="text-align: center; color: #6c757d; margin-bottom: 20px;">""" + t("personalized_experience") + """</p>
     </div>
     
     <style>
@@ -1100,8 +1100,7 @@ if st.session_state.generation_complete:
     """, unsafe_allow_html=True)
     
     st.markdown('<div class="modern-card">', unsafe_allow_html=True)
-    itinerary_tab, details_tab, download_tab = st.tabs([f"🗒️ {t('full_itinerary')}", f"💼 {t('details')}", f"💾 {t('download_share')}"])
-    
+    itinerary_tab, details_tab, download_tab = st.tabs(["🗒️ " + t("full_itinerary"), "💼 " + t("details"), "💾 " + t("download_share")])
     with itinerary_tab:
         st.text_area("Your Itinerary", st.session_state.generated_itinerary, height=600)
     with details_tab:
@@ -1131,7 +1130,7 @@ if st.session_state.generation_complete:
                 <h4 style="margin-top: 0;">""" + t("your_itinerary_file") + """</h4>
                 <p style="font-size: 0.9rem; color: #6c757d;">""" + t("text_format") + """</p>
             """, unsafe_allow_html=True)
-            st.markdown(f"""<div style="margin: 10px 0;">{ get_download_link(st.session_state.generated_itinerary, st.session_state.filename) }</div>""", unsafe_allow_html=True)
+            st.markdown("<div style='margin: 10px 0;'>" + get_download_link(st.session_state.generated_itinerary, st.session_state.filename) + "</div>", unsafe_allow_html=True)
             st.markdown("</div>", unsafe_allow_html=True)
             st.markdown("### " + t("share_itinerary"))
             st.markdown("*Coming soon: Email your itinerary or share via social media.*")
@@ -1148,9 +1147,9 @@ if st.session_state.generation_complete:
         st.session_state.results = {}
         st.experimental_rerun()
     
-    st.markdown(f"""
+    st.markdown("""
     <div style="margin-top: 50px; text-align: center; padding: 20px; color: #6c757d; font-size: 0.8rem;">
-        <p>{t("built_with")}</p>
+        <p>""" + t("built_with") + """</p>
     </div>
     """, unsafe_allow_html=True)