Spaces:
Running
Running
Update app.py
Browse files
app.py
CHANGED
@@ -5,336 +5,95 @@ from datetime import datetime, timedelta
|
|
5 |
import base64
|
6 |
import pandas as pd
|
7 |
import pydeck as pdk
|
8 |
-
from
|
9 |
-
|
10 |
-
|
11 |
run_task
|
12 |
)
|
13 |
-
from geopy.geocoders import Nominatim
|
14 |
|
15 |
# st.set_page_config()는 다른 Streamlit 함수보다 가장 먼저 실행되어야 합니다.
|
16 |
st.set_page_config(
|
17 |
-
page_title="Your AI Agent for
|
18 |
-
page_icon="
|
19 |
layout="wide",
|
20 |
initial_sidebar_state="expanded"
|
21 |
)
|
22 |
|
23 |
# ------------------------------------------
|
24 |
-
# 다국어
|
25 |
# ------------------------------------------
|
26 |
translations = {
|
27 |
"en": {
|
28 |
-
"page_title": "Your AI Agent for
|
29 |
-
"header": "Your AI Agent for
|
30 |
-
"create_itinerary": "
|
31 |
-
"trip_details": "
|
32 |
-
"origin": "
|
33 |
-
"destination": "
|
34 |
-
"travel_dates": "
|
35 |
-
"duration": "
|
36 |
-
"preferences": "
|
37 |
-
"
|
38 |
-
"
|
39 |
-
"
|
40 |
-
"
|
41 |
-
"
|
42 |
-
"
|
43 |
-
"
|
44 |
-
"budget": "Budget",
|
45 |
-
"travel_style": "Travel Style",
|
46 |
"live_agent_outputs": "Live Agent Outputs",
|
47 |
-
"full_itinerary": "Full
|
48 |
"details": "Details",
|
49 |
"download_share": "Download & Share",
|
50 |
-
"save_itinerary": "Save Your
|
51 |
-
"plan_another_trip": "🔄
|
52 |
"about": "About",
|
53 |
"how_it_works": "How it works",
|
54 |
-
"travel_agents": "
|
55 |
-
"share_itinerary": "Share Your
|
56 |
"save_for_mobile": "Save for Mobile",
|
57 |
"built_with": "Built with ❤️ for you",
|
58 |
-
|
59 |
-
"
|
60 |
-
"personalized_experience": "We've created a personalized travel experience just for you. Explore your itinerary below.",
|
61 |
"agent_activity": "Agent Activity",
|
62 |
-
"error_origin_destination": "Please enter both
|
63 |
-
"your_itinerary_file": "Your
|
64 |
"text_format": "Text format - Can be opened in any text editor"
|
65 |
},
|
66 |
"ko": {
|
67 |
-
"page_title": "당신의
|
68 |
-
"header": "당신의
|
69 |
-
"create_itinerary": "
|
70 |
-
"trip_details": "
|
71 |
-
"origin": "
|
72 |
-
"destination": "
|
73 |
-
"travel_dates": "
|
74 |
-
"duration": "
|
75 |
-
"preferences": "
|
76 |
-
"
|
77 |
-
"
|
78 |
-
"
|
79 |
-
"
|
80 |
-
"
|
81 |
-
"
|
82 |
-
"
|
83 |
-
"budget": "예산",
|
84 |
-
"travel_style": "여행 스타일",
|
85 |
"live_agent_outputs": "실시간 에이전트 결과",
|
86 |
-
"full_itinerary": "전체
|
87 |
"details": "세부사항",
|
88 |
"download_share": "다운로드 및 공유",
|
89 |
-
"save_itinerary": "
|
90 |
-
"plan_another_trip": "🔄 다른
|
91 |
"about": "소개",
|
92 |
"how_it_works": "작동 방식",
|
93 |
-
"travel_agents": "
|
94 |
-
"share_itinerary": "
|
95 |
"save_for_mobile": "모바일 저장",
|
96 |
"built_with": "당신을 위해 ❤️ 만들어졌습니다",
|
97 |
-
|
98 |
-
"
|
99 |
-
"personalized_experience": "당신만을 위한 맞춤형 여행 경험이 만들어졌습니다. 아래에서 일정을 확인하세요.",
|
100 |
"agent_activity": "에이전트 활동",
|
101 |
-
"error_origin_destination": "
|
102 |
-
"your_itinerary_file": "
|
103 |
"text_format": "텍스트 형식 - 모든 텍스트 편집기에서 열 수 있습니다."
|
104 |
-
},
|
105 |
-
"ja": {
|
106 |
-
"page_title": "あなたの旅行のためのAIエージェント",
|
107 |
-
"header": "あなたの旅行のためのAIエージェント",
|
108 |
-
"create_itinerary": "旅行プラン作成",
|
109 |
-
"trip_details": "旅行詳細",
|
110 |
-
"origin": "出発地",
|
111 |
-
"destination": "目的地",
|
112 |
-
"travel_dates": "旅行日程",
|
113 |
-
"duration": "期間(日数)",
|
114 |
-
"preferences": "好み",
|
115 |
-
"additional_preferences": "追加の好み",
|
116 |
-
"interests": "興味",
|
117 |
-
"special_requirements": "特別な要件",
|
118 |
-
"submit": "🚀 私のための旅行プラン作成",
|
119 |
-
"request_details": "旅行リクエスト",
|
120 |
-
"from": "出発地",
|
121 |
-
"when": "旅行期間",
|
122 |
-
"budget": "予算",
|
123 |
-
"travel_style": "旅行スタイル",
|
124 |
-
"live_agent_outputs": "リアルタイムエージェント出力",
|
125 |
-
"full_itinerary": "全行程",
|
126 |
-
"details": "詳細",
|
127 |
-
"download_share": "ダウンロードと共有",
|
128 |
-
"save_itinerary": "旅行プランを保存",
|
129 |
-
"plan_another_trip": "🔄 他の旅行を計画",
|
130 |
-
"about": "概要",
|
131 |
-
"how_it_works": "使い方",
|
132 |
-
"travel_agents": "旅行エージェント",
|
133 |
-
"share_itinerary": "旅行プランを共有",
|
134 |
-
"save_for_mobile": "モバイル保存",
|
135 |
-
"built_with": "愛を込めて作られました",
|
136 |
-
# 출력 관련 추가 텍스트
|
137 |
-
"itinerary_ready": "旅行プランの準備ができました! 🎉",
|
138 |
-
"personalized_experience": "あなたのためにパーソナライズされた旅行体験を作成しました。下のプランをご覧ください。",
|
139 |
-
"agent_activity": "エージェントアクティビティ",
|
140 |
-
"error_origin_destination": "出発地と目的地の両方を入力してください。",
|
141 |
-
"your_itinerary_file": "あなたの旅行プランファイル",
|
142 |
-
"text_format": "テキスト形式 - 任意のテキストエディタで開けます。"
|
143 |
-
},
|
144 |
-
"zh": {
|
145 |
-
"page_title": "您的旅行 AI 代理",
|
146 |
-
"header": "您的旅行 AI 代理",
|
147 |
-
"create_itinerary": "创建您的行程",
|
148 |
-
"trip_details": "旅行详情",
|
149 |
-
"origin": "出发地",
|
150 |
-
"destination": "目的地",
|
151 |
-
"travel_dates": "旅行日期",
|
152 |
-
"duration": "天数",
|
153 |
-
"preferences": "偏好",
|
154 |
-
"additional_preferences": "其他偏好",
|
155 |
-
"interests": "兴趣",
|
156 |
-
"special_requirements": "特殊需求",
|
157 |
-
"submit": "🚀 创建我的个性化行程",
|
158 |
-
"request_details": "您的旅行请求",
|
159 |
-
"from": "出发地",
|
160 |
-
"when": "旅行时间",
|
161 |
-
"budget": "预算",
|
162 |
-
"travel_style": "旅行风格",
|
163 |
-
"live_agent_outputs": "实时代理输出",
|
164 |
-
"full_itinerary": "完整行程",
|
165 |
-
"details": "详情",
|
166 |
-
"download_share": "下载与分享",
|
167 |
-
"save_itinerary": "保存行程",
|
168 |
-
"plan_another_trip": "🔄 计划另一趟旅行",
|
169 |
-
"about": "关于",
|
170 |
-
"how_it_works": "工作原理",
|
171 |
-
"travel_agents": "旅行代理",
|
172 |
-
"share_itinerary": "分享行程",
|
173 |
-
"save_for_mobile": "保存到手机",
|
174 |
-
"built_with": "用❤️为您制作",
|
175 |
-
# 출력 관련 추가 텍스트
|
176 |
-
"itinerary_ready": "您的旅行行程已准备就绪! 🎉",
|
177 |
-
"personalized_experience": "我们已为您创建了个性化的旅行体验,请在下方查看您的行程。",
|
178 |
-
"agent_activity": "代理活动",
|
179 |
-
"error_origin_destination": "请输入出发地和目的地。",
|
180 |
-
"your_itinerary_file": "您的行程文件",
|
181 |
-
"text_format": "文本格式 - 可在任何文本编辑器中打开。"
|
182 |
-
},
|
183 |
-
"es": {
|
184 |
-
"page_title": " Tu Agente de IA para Viajar",
|
185 |
-
"header": " Tu Agente de IA para Viajar",
|
186 |
-
"create_itinerary": "Crea Tu Itinerario",
|
187 |
-
"trip_details": "Detalles del Viaje",
|
188 |
-
"origin": "Origen",
|
189 |
-
"destination": "Destino",
|
190 |
-
"travel_dates": "Fechas del Viaje",
|
191 |
-
"duration": "Duración (días)",
|
192 |
-
"preferences": "Preferencias",
|
193 |
-
"additional_preferences": "Preferencias Adicionales",
|
194 |
-
"interests": "Intereses",
|
195 |
-
"special_requirements": "Requisitos Especiales",
|
196 |
-
"submit": "🚀 Crea Mi Itinerario Personalizado",
|
197 |
-
"request_details": "Tu Solicitud de Viaje",
|
198 |
-
"from": "Desde",
|
199 |
-
"when": "Cuándo",
|
200 |
-
"budget": "Presupuesto",
|
201 |
-
"travel_style": "Estilo de Viaje",
|
202 |
-
"live_agent_outputs": "Salidas en Vivo del Agente",
|
203 |
-
"full_itinerary": "Itinerario Completo",
|
204 |
-
"details": "Detalles",
|
205 |
-
"download_share": "Descargar y Compartir",
|
206 |
-
"save_itinerary": "Guardar Itinerario",
|
207 |
-
"plan_another_trip": "🔄 Planear Otro Viaje",
|
208 |
-
"about": "Acerca de",
|
209 |
-
"how_it_works": "Cómo Funciona",
|
210 |
-
"travel_agents": "Agentes de Viaje",
|
211 |
-
"share_itinerary": "Compartir Itinerario",
|
212 |
-
"save_for_mobile": "Guardar para Móvil",
|
213 |
-
"built_with": "Hecho con ❤️ para ti",
|
214 |
-
# 출력 관련 추가 텍스트
|
215 |
-
"itinerary_ready": "¡Tu itinerario de viaje está listo! 🎉",
|
216 |
-
"personalized_experience": "Hemos creado una experiencia de viaje personalizada solo para ti. Explora tu itinerario a continuación.",
|
217 |
-
"agent_activity": "Actividad del Agente",
|
218 |
-
"error_origin_destination": "Por favor, ingresa tanto el origen como el destino.",
|
219 |
-
"your_itinerary_file": "Tu Archivo de Itinerario",
|
220 |
-
"text_format": "Formato de texto - Se puede abrir en cualquier editor de texto."
|
221 |
-
},
|
222 |
-
"fr": {
|
223 |
-
"page_title": " Votre Agent IA pour Voyager",
|
224 |
-
"header": " Votre Agent IA pour Voyager",
|
225 |
-
"create_itinerary": "Créez Votre Itinéraire",
|
226 |
-
"trip_details": "Détails du Voyage",
|
227 |
-
"origin": "Origine",
|
228 |
-
"destination": "Destination",
|
229 |
-
"travel_dates": "Dates du Voyage",
|
230 |
-
"duration": "Durée (jours)",
|
231 |
-
"preferences": "Préférences",
|
232 |
-
"additional_preferences": "Préférences Supplémentaires",
|
233 |
-
"interests": "Centres d'intérêt",
|
234 |
-
"special_requirements": "Exigences Spéciales",
|
235 |
-
"submit": "🚀 Créez Mon Itinéraire Personnalisé",
|
236 |
-
"request_details": "Votre Demande de Voyage",
|
237 |
-
"from": "De",
|
238 |
-
"when": "Quand",
|
239 |
-
"budget": "Budget",
|
240 |
-
"travel_style": "Style de Voyage",
|
241 |
-
"live_agent_outputs": "Résultats en Direct de l'Agent",
|
242 |
-
"full_itinerary": "Itinéraire Complet",
|
243 |
-
"details": "Détails",
|
244 |
-
"download_share": "Télécharger et Partager",
|
245 |
-
"save_itinerary": "Enregistrer l'Itinéraire",
|
246 |
-
"plan_another_trip": "🔄 Planifier un Autre Voyage",
|
247 |
-
"about": "À Propos",
|
248 |
-
"how_it_works": "Fonctionnement",
|
249 |
-
"travel_agents": "Agents de Voyage",
|
250 |
-
"share_itinerary": "Partager l'Itinéraire",
|
251 |
-
"save_for_mobile": "Enregistrer pour Mobile",
|
252 |
-
"built_with": "Conçu avec ❤️ pour vous",
|
253 |
-
# 출력 관련 추가 텍스트
|
254 |
-
"itinerary_ready": "Votre itinéraire de voyage est prêt ! 🎉",
|
255 |
-
"personalized_experience": "Nous avons créé une expérience de voyage personnalisée rien que pour vous. Découvrez votre itinéraire ci-dessous.",
|
256 |
-
"agent_activity": "Activité de l'Agent",
|
257 |
-
"error_origin_destination": "Veuillez saisir à la fois le lieu de départ et la destination.",
|
258 |
-
"your_itinerary_file": "Votre Fichier d'Itinéraire",
|
259 |
-
"text_format": "Format texte - Peut être ouvert dans n'importe quel éditeur de texte."
|
260 |
-
},
|
261 |
-
"de": {
|
262 |
-
"page_title": "Ihr KI-Reiseassistent",
|
263 |
-
"header": " Ihr KI-Reiseassistent",
|
264 |
-
"create_itinerary": "Erstellen Sie Ihre Reiseroute",
|
265 |
-
"trip_details": "Reisedetails",
|
266 |
-
"origin": "Abfahrtsort",
|
267 |
-
"destination": "Zielort",
|
268 |
-
"travel_dates": "Reisedaten",
|
269 |
-
"duration": "Dauer (Tage)",
|
270 |
-
"preferences": "Vorlieben",
|
271 |
-
"additional_preferences": "Zusätzliche Vorlieben",
|
272 |
-
"interests": "Interessen",
|
273 |
-
"special_requirements": "Besondere Anforderungen",
|
274 |
-
"submit": "🚀 Erstellen Sie meine personalisierte Reiseroute",
|
275 |
-
"request_details": "Ihre Reiseanfrage",
|
276 |
-
"from": "Von",
|
277 |
-
"when": "Wann",
|
278 |
-
"budget": "Budget",
|
279 |
-
"travel_style": "Reisestil",
|
280 |
-
"live_agent_outputs": "Live Agent Ausgaben",
|
281 |
-
"full_itinerary": "Komplette Reiseroute",
|
282 |
-
"details": "Details",
|
283 |
-
"download_share": "Herunterladen & Teilen",
|
284 |
-
"save_itinerary": "Reiseroute speichern",
|
285 |
-
"plan_another_trip": "🔄 Plane eine weitere Reise",
|
286 |
-
"about": "Über",
|
287 |
-
"how_it_works": "Wie es funktioniert",
|
288 |
-
"travel_agents": "Reiseassistenten",
|
289 |
-
"share_itinerary": "Reiseroute teilen",
|
290 |
-
"save_for_mobile": "Für Mobilgeräte speichern",
|
291 |
-
"built_with": "Mit ❤️ für Sie gebaut",
|
292 |
-
# 출력 관련 추가 텍스트
|
293 |
-
"itinerary_ready": "Ihre Reiseroute ist fertig! 🎉",
|
294 |
-
"personalized_experience": "Wir haben eine personalisierte Reiseerfahrung nur für Sie erstellt. Entdecken Sie Ihre Reiseroute unten.",
|
295 |
-
"agent_activity": "Agentenaktivität",
|
296 |
-
"error_origin_destination": "Bitte geben Sie sowohl den Abfahrtsort als auch das Ziel ein.",
|
297 |
-
"your_itinerary_file": "Ihre Reise-Datei",
|
298 |
-
"text_format": "Textformat – Kann in jedem Texteditor geöffnet werden."
|
299 |
-
},
|
300 |
-
"ar": {
|
301 |
-
"page_title": " وكيل السفر الذكي الخاص بك",
|
302 |
-
"header": " وكيل السفر الذكي الخاص بك",
|
303 |
-
"create_itinerary": "إنشاء خط سير الرحلة",
|
304 |
-
"trip_details": "تفاصيل الرحلة",
|
305 |
-
"origin": "المغادرة من",
|
306 |
-
"destination": "الوجهة",
|
307 |
-
"travel_dates": "تواريخ السفر",
|
308 |
-
"duration": "المدة (بالأيام)",
|
309 |
-
"preferences": "التفضيلات",
|
310 |
-
"additional_preferences": "تفضيلات إضافية",
|
311 |
-
"interests": "الاهتمامات",
|
312 |
-
"special_requirements": "المتطلبات الخاصة",
|
313 |
-
"submit": "🚀 إنشاء خط سير الرحلة الشخصي",
|
314 |
-
"request_details": "طلب السفر الخاص بك",
|
315 |
-
"from": "من",
|
316 |
-
"when": "متى",
|
317 |
-
"budget": "الميزانية",
|
318 |
-
"travel_style": "أسلوب السفر",
|
319 |
-
"live_agent_outputs": "مخرجات الوكيل المباشرة",
|
320 |
-
"full_itinerary": "خط سير الرحلة الكامل",
|
321 |
-
"details": "التفاصيل",
|
322 |
-
"download_share": "تنزيل ومشاركة",
|
323 |
-
"save_itinerary": "حفظ خط سير الرحلة",
|
324 |
-
"plan_another_trip": "🔄 خطط لرحلة أخرى",
|
325 |
-
"about": "حول",
|
326 |
-
"how_it_works": "كيف يعمل",
|
327 |
-
"travel_agents": "وكلاء السفر",
|
328 |
-
"share_itinerary": "شارك خط سير الرحلة",
|
329 |
-
"save_for_mobile": "حفظ للهاتف المحمول",
|
330 |
-
"built_with": "مصنوع بحب من أجلك",
|
331 |
-
# 출력 관련 추가 텍스트
|
332 |
-
"itinerary_ready": "تم تجهيز خط سير رحلتك! 🎉",
|
333 |
-
"personalized_experience": "لقد أنشأنا تجربة سفر مخصصة لك. استعرض خط سير رحلتك أدناه.",
|
334 |
-
"agent_activity": "نشاط الوكيل",
|
335 |
-
"error_origin_destination": "يرجى إدخال نقطة الانطلاق والوجهة.",
|
336 |
-
"your_itinerary_file": "ملف خط سير رحلتك",
|
337 |
-
"text_format": "تنسيق نصي - يمكن فتحه في أي محرر نصوص."
|
338 |
}
|
339 |
}
|
340 |
|
@@ -346,262 +105,68 @@ def t(key):
|
|
346 |
# 세션 초기화
|
347 |
# ---------------------------
|
348 |
if 'selected_language' not in st.session_state:
|
349 |
-
st.session_state.selected_language = "en"
|
350 |
|
351 |
# ------------------------------------------
|
352 |
# 사이드바에 언어 선택 위젯 추가
|
353 |
# ------------------------------------------
|
354 |
with st.sidebar:
|
355 |
language = st.selectbox(
|
356 |
-
"Language / 언어
|
357 |
-
["English", "한국어"
|
358 |
)
|
359 |
lang_map = {
|
360 |
"English": "en",
|
361 |
-
"한국어": "ko"
|
362 |
-
"日本語": "ja",
|
363 |
-
"中文": "zh",
|
364 |
-
"Español": "es",
|
365 |
-
"Français": "fr",
|
366 |
-
"Deutsch": "de",
|
367 |
-
"العربية": "ar"
|
368 |
}
|
369 |
st.session_state.selected_language = lang_map.get(language, "en")
|
370 |
|
371 |
# ------------------------------------------
|
372 |
-
#
|
373 |
# ------------------------------------------
|
374 |
-
|
375 |
-
# Modern CSS with refined color scheme and sleek animations
|
376 |
st.markdown("""
|
377 |
<style>
|
378 |
-
/* Sleek Color Palette */
|
379 |
:root {
|
380 |
--primary: #3a86ff;
|
381 |
--primary-light: #4895ef;
|
382 |
--primary-dark: #2667ff;
|
383 |
-
--secondary: #4cc9f0;
|
384 |
-
--accent: #4361ee;
|
385 |
--background: #f8f9fa;
|
386 |
--card-bg: #ffffff;
|
387 |
--text: #212529;
|
388 |
-
--text-light: #6c757d;
|
389 |
-
--text-muted: #adb5bd;
|
390 |
--border: #e9ecef;
|
391 |
-
--success: #2ecc71;
|
392 |
-
--warning: #f39c12;
|
393 |
-
--info: #3498db;
|
394 |
-
}
|
395 |
-
|
396 |
-
/* Refined Animations */
|
397 |
-
@keyframes smoothFadeIn {
|
398 |
-
from { opacity: 0; transform: translateY(10px); }
|
399 |
-
to { opacity: 1; transform: translateY(0); }
|
400 |
-
}
|
401 |
-
|
402 |
-
@keyframes slideInRight {
|
403 |
-
from { opacity: 0; transform: translateX(20px); }
|
404 |
-
to { opacity: 1; transform: translateX(0); }
|
405 |
-
}
|
406 |
-
|
407 |
-
.animate-in {
|
408 |
-
animation: smoothFadeIn 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
|
409 |
}
|
410 |
-
|
411 |
-
.slide-in {
|
412 |
-
animation: slideInRight 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
|
413 |
-
}
|
414 |
-
|
415 |
-
/* Sleek Header Styles */
|
416 |
.main-header {
|
417 |
font-size: 2.5rem;
|
418 |
color: var(--primary-dark);
|
419 |
text-align: center;
|
420 |
margin-bottom: 0.8rem;
|
421 |
font-weight: 700;
|
422 |
-
letter-spacing: -0.5px;
|
423 |
}
|
424 |
-
|
425 |
-
.sub-header {
|
426 |
-
font-size: 1.4rem;
|
427 |
-
color: var(--accent);
|
428 |
-
font-weight: 600;
|
429 |
-
margin-top: 1.8rem;
|
430 |
-
margin-bottom: 0.8rem;
|
431 |
-
border-bottom: 1px solid var(--border);
|
432 |
-
padding-bottom: 0.4rem;
|
433 |
-
}
|
434 |
-
|
435 |
-
/* Sleek Card Styles */
|
436 |
.modern-card {
|
437 |
background-color: var(--card-bg);
|
438 |
border-radius: 10px;
|
439 |
padding: 1.2rem;
|
440 |
margin-bottom: 1.2rem;
|
441 |
-
box-shadow: 0 2px 10px rgba(0,
|
442 |
-
transition: all 0.25s ease;
|
443 |
border: 1px solid var(--border);
|
444 |
}
|
445 |
-
|
446 |
-
.modern-card:hover {
|
447 |
-
transform: translateY(-3px);
|
448 |
-
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
|
449 |
-
}
|
450 |
-
|
451 |
-
/* Refined Form Styles */
|
452 |
-
.stTextInput > div > div > input,
|
453 |
-
.stDateInput > div > div > input,
|
454 |
-
.stTextArea > div > div > textarea {
|
455 |
-
border-radius: 6px;
|
456 |
-
border: 1px solid var(--border);
|
457 |
-
padding: 10px 12px;
|
458 |
-
font-size: 14px;
|
459 |
-
transition: all 0.2s ease;
|
460 |
-
box-shadow: none;
|
461 |
-
}
|
462 |
-
|
463 |
-
.stTextInput > div > div > input:focus,
|
464 |
-
.stDateInput > div > div > input:focus,
|
465 |
-
.stTextArea > div > div > textarea:focus {
|
466 |
-
border: 1px solid var(--primary);
|
467 |
-
box-shadow: 0 0 0 1px rgba(58, 134, 255, 0.15);
|
468 |
-
}
|
469 |
-
|
470 |
-
/* Sleek Button Styles */
|
471 |
-
.stButton > button {
|
472 |
-
background-color: var(--primary);
|
473 |
-
color: white;
|
474 |
-
font-weight: 500;
|
475 |
-
padding: 0.5rem 1.2rem;
|
476 |
-
border-radius: 6px;
|
477 |
-
border: none;
|
478 |
-
transition: all 0.2s ease;
|
479 |
-
font-size: 14px;
|
480 |
-
letter-spacing: 0.3px;
|
481 |
-
}
|
482 |
-
|
483 |
-
.stButton > button:hover {
|
484 |
-
background-color: var(--primary-dark);
|
485 |
-
transform: translateY(-1px);
|
486 |
-
box-shadow: 0 3px 8px rgba(58, 134, 255, 0.25);
|
487 |
-
}
|
488 |
-
|
489 |
-
/* Sleek Tab Styles */
|
490 |
-
.stTabs [data-baseweb="tab-list"] {
|
491 |
-
gap: 2px;
|
492 |
-
background-color: var(--background);
|
493 |
-
border-radius: 8px;
|
494 |
-
padding: 2px;
|
495 |
-
}
|
496 |
-
|
497 |
-
.stTabs [data-baseweb="tab"] {
|
498 |
-
border-radius: 6px;
|
499 |
-
padding: 8px 16px;
|
500 |
-
font-size: 14px;
|
501 |
-
font-weight: 500;
|
502 |
-
}
|
503 |
-
|
504 |
-
.stTabs [aria-selected="true"] {
|
505 |
-
background-color: var(--primary);
|
506 |
-
color: white !important;
|
507 |
-
}
|
508 |
-
|
509 |
-
/* Progress Bar Styles */
|
510 |
-
.stProgress > div > div > div > div {
|
511 |
-
background-color: var(--primary);
|
512 |
-
}
|
513 |
-
|
514 |
-
/* Progress Styles */
|
515 |
-
.progress-container {
|
516 |
-
margin: 1.2rem 0;
|
517 |
-
background-color: var(--background);
|
518 |
-
border-radius: 8px;
|
519 |
-
padding: 0.8rem;
|
520 |
-
border: 1px solid var(--border);
|
521 |
-
}
|
522 |
-
|
523 |
-
.step-complete {
|
524 |
-
color: #4CAF50;
|
525 |
-
font-weight: 600;
|
526 |
-
}
|
527 |
-
|
528 |
-
.step-pending {
|
529 |
-
color: #9E9E9E;
|
530 |
-
}
|
531 |
-
|
532 |
-
.step-active {
|
533 |
-
color: var(--primary);
|
534 |
-
font-weight: 600;
|
535 |
-
}
|
536 |
-
|
537 |
-
/* Agent Output */
|
538 |
-
.agent-output {
|
539 |
-
background-color: #f8f9fa;
|
540 |
-
border-left: 5px solid var(--primary);
|
541 |
-
padding: 1.2rem;
|
542 |
-
margin: 1rem 0;
|
543 |
-
border-radius: 10px;
|
544 |
-
max-height: 400px;
|
545 |
-
overflow-y: auto;
|
546 |
-
}
|
547 |
-
|
548 |
-
/* Footer */
|
549 |
-
.footer {
|
550 |
-
text-align: center;
|
551 |
-
margin-top: 3rem;
|
552 |
-
color: var(--text-light);
|
553 |
-
font-size: 0.9rem;
|
554 |
-
padding: 1rem;
|
555 |
-
border-top: 1px solid #eaeaea;
|
556 |
-
}
|
557 |
-
|
558 |
-
/* Agent Log */
|
559 |
-
.agent-log {
|
560 |
-
background-color: #F5F5F5;
|
561 |
-
border-left: 3px solid var(--primary);
|
562 |
-
padding: 0.5rem;
|
563 |
-
margin-bottom: 0.5rem;
|
564 |
-
font-family: monospace;
|
565 |
-
border-radius: 4px;
|
566 |
-
}
|
567 |
-
|
568 |
-
/* Info and Success Boxes */
|
569 |
-
.info-box {
|
570 |
-
background-color: var(--primary-light);
|
571 |
-
color: white;
|
572 |
-
padding: 1rem;
|
573 |
-
border-radius: 0.5rem;
|
574 |
-
margin-bottom: 1rem;
|
575 |
-
}
|
576 |
-
|
577 |
-
.success-box {
|
578 |
-
background-color: #E8F5E9;
|
579 |
-
padding: 1rem;
|
580 |
-
border-radius: 0.5rem;
|
581 |
-
margin-bottom: 1rem;
|
582 |
-
border-left: 5px solid #4CAF50;
|
583 |
-
}
|
584 |
</style>
|
585 |
""", unsafe_allow_html=True)
|
586 |
|
587 |
-
# Helper function to download HTML file
|
588 |
def get_download_link(text_content, filename):
|
589 |
b64 = base64.b64encode(text_content.encode()).decode()
|
590 |
href = f'<a class="download-link" href="data:text/plain;base64,{b64}" download="{filename}"><i>📥</i> {t("save_itinerary")}</a>'
|
591 |
return href
|
592 |
|
593 |
-
|
594 |
-
def display_modern_progress(current_step, total_steps=6):
|
595 |
if 'progress_steps' not in st.session_state:
|
596 |
st.session_state.progress_steps = {
|
597 |
0: {'status': 'pending', 'name': t("trip_details")},
|
598 |
1: {'status': 'pending', 'name': t("about")},
|
599 |
-
2: {'status': 'pending', 'name': t("
|
600 |
-
3: {'status': 'pending', 'name': t("
|
601 |
-
4: {'status': 'pending', 'name': t("
|
602 |
-
5: {'status': 'pending', 'name': t("full_itinerary")}
|
603 |
}
|
604 |
-
|
605 |
for i in range(total_steps):
|
606 |
if i < current_step:
|
607 |
st.session_state.progress_steps[i]['status'] = 'complete'
|
@@ -609,89 +174,9 @@ def display_modern_progress(current_step, total_steps=6):
|
|
609 |
st.session_state.progress_steps[i]['status'] = 'active'
|
610 |
else:
|
611 |
st.session_state.progress_steps[i]['status'] = 'pending'
|
612 |
-
|
613 |
progress_percentage = (current_step / total_steps) * 100
|
614 |
st.progress(progress_percentage / 100)
|
615 |
-
|
616 |
-
st.markdown("""
|
617 |
-
<style>
|
618 |
-
.compact-progress {
|
619 |
-
background: white;
|
620 |
-
border-radius: 10px;
|
621 |
-
padding: 15px;
|
622 |
-
box-shadow: 0 4px 6px rgba(0,0,0,0.1);
|
623 |
-
margin-bottom: 20px;
|
624 |
-
}
|
625 |
-
.progress-title {
|
626 |
-
font-size: 16px;
|
627 |
-
font-weight: bold;
|
628 |
-
margin-bottom: 15px;
|
629 |
-
color: #333;
|
630 |
-
border-bottom: 1px solid #eee;
|
631 |
-
padding-bottom: 10px;
|
632 |
-
}
|
633 |
-
.step-grid {
|
634 |
-
display: grid;
|
635 |
-
grid-template-columns: repeat(3, 1fr);
|
636 |
-
gap: 10px;
|
637 |
-
}
|
638 |
-
.step-item {
|
639 |
-
display: flex;
|
640 |
-
align-items: center;
|
641 |
-
padding: 8px 10px;
|
642 |
-
border-radius: 6px;
|
643 |
-
background: #f8f9fa;
|
644 |
-
box-shadow: 0 1px 3px rgba(0,0,0,0.05);
|
645 |
-
}
|
646 |
-
.step-item.complete {
|
647 |
-
border-left: 3px solid #4CAF50;
|
648 |
-
background: #f1f8e9;
|
649 |
-
}
|
650 |
-
.step-item.active {
|
651 |
-
border-left: 3px solid #2196F3;
|
652 |
-
background: #e3f2fd;
|
653 |
-
font-weight: bold;
|
654 |
-
}
|
655 |
-
.step-item.pending {
|
656 |
-
border-left: 3px solid #9e9e9e;
|
657 |
-
opacity: 0.7;
|
658 |
-
}
|
659 |
-
.step-icon {
|
660 |
-
margin-right: 8px;
|
661 |
-
font-size: 14px;
|
662 |
-
}
|
663 |
-
.step-text {
|
664 |
-
font-size: 13px;
|
665 |
-
white-space: nowrap;
|
666 |
-
overflow: hidden;
|
667 |
-
text-overflow: ellipsis;
|
668 |
-
}
|
669 |
-
</style>
|
670 |
-
<div class="compact-progress">
|
671 |
-
""", unsafe_allow_html=True)
|
672 |
-
|
673 |
-
st.markdown('<div class="step-grid">', unsafe_allow_html=True)
|
674 |
-
for i, step_info in st.session_state.progress_steps.items():
|
675 |
-
status = step_info['status']
|
676 |
-
name = step_info['name']
|
677 |
-
if status == 'complete':
|
678 |
-
icon = "✅"
|
679 |
-
status_class = "complete"
|
680 |
-
elif status == 'active':
|
681 |
-
icon = "🔄"
|
682 |
-
status_class = "active"
|
683 |
-
else:
|
684 |
-
icon = "⭕"
|
685 |
-
status_class = "pending"
|
686 |
-
|
687 |
-
st.markdown(f"""
|
688 |
-
<div class="step-item {status_class}">
|
689 |
-
<span class="step-icon">{icon}</span>
|
690 |
-
<span class="step-text">{name}</span>
|
691 |
-
</div>
|
692 |
-
""", unsafe_allow_html=True)
|
693 |
-
|
694 |
-
st.markdown('</div></div>', unsafe_allow_html=True)
|
695 |
return progress_percentage
|
696 |
|
697 |
def update_step_status(step_index, status):
|
@@ -701,34 +186,24 @@ def update_step_status(step_index, status):
|
|
701 |
def run_task_with_logs(task, input_text, log_container, output_container, results_key=None):
|
702 |
log_message = f"🤖 Starting {task.agent.role}..."
|
703 |
st.session_state.log_messages.append(log_message)
|
704 |
-
|
705 |
with log_container:
|
706 |
st.markdown("### " + t("agent_activity"))
|
707 |
for msg in st.session_state.log_messages:
|
708 |
st.markdown(msg)
|
709 |
-
|
710 |
result = run_task(task, input_text)
|
711 |
-
|
712 |
if results_key:
|
713 |
st.session_state.results[results_key] = result
|
714 |
-
|
715 |
log_message = f"✅ {task.agent.role} completed!"
|
716 |
st.session_state.log_messages.append(log_message)
|
717 |
-
|
718 |
with log_container:
|
719 |
st.markdown("### " + t("agent_activity"))
|
720 |
for msg in st.session_state.log_messages:
|
721 |
st.markdown(msg)
|
722 |
-
|
723 |
with output_container:
|
724 |
st.markdown(f"### {task.agent.role} Output")
|
725 |
st.markdown("<div class='agent-output'>" + result + "</div>", unsafe_allow_html=True)
|
726 |
-
|
727 |
return result
|
728 |
|
729 |
-
# ------------------------------------------
|
730 |
-
# Session state 초기화
|
731 |
-
# ------------------------------------------
|
732 |
if 'generated_itinerary' not in st.session_state:
|
733 |
st.session_state.generated_itinerary = None
|
734 |
if 'generation_complete' not in st.session_state:
|
@@ -737,497 +212,279 @@ if 'current_step' not in st.session_state:
|
|
737 |
st.session_state.current_step = 0
|
738 |
if 'results' not in st.session_state:
|
739 |
st.session_state.results = {
|
740 |
-
"
|
741 |
-
"
|
742 |
-
"
|
743 |
-
"
|
744 |
-
"
|
745 |
-
"itinerary": "",
|
746 |
-
"final_itinerary": ""
|
747 |
}
|
748 |
if 'log_messages' not in st.session_state:
|
749 |
st.session_state.log_messages = []
|
750 |
-
if 'current_output' not in st.session_state:
|
751 |
-
st.session_state.current_output = None
|
752 |
if 'form_submitted' not in st.session_state:
|
753 |
st.session_state.form_submitted = False
|
754 |
|
755 |
-
# Modern animated header
|
756 |
st.markdown(f"""
|
757 |
-
<div
|
758 |
-
<
|
759 |
-
<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));">
|
760 |
-
</div>
|
761 |
<h1 class="main-header">{t("header")}</h1>
|
762 |
-
<p
|
763 |
-
✨ Create your personalized AI-powered travel itinerary in minutes! ✨
|
764 |
-
</p>
|
765 |
</div>
|
766 |
""", unsafe_allow_html=True)
|
767 |
-
|
768 |
-
st.markdown('<hr style="height:3px;border:none;background-color:#f0f0f0;margin-bottom:25px;">', unsafe_allow_html=True)
|
769 |
|
770 |
with st.sidebar:
|
771 |
st.markdown("""
|
772 |
-
<div style="text-align: center;
|
773 |
-
<img src="https://img.icons8.com/fluency/96/
|
774 |
-
<h3
|
775 |
-
<p
|
776 |
</div>
|
777 |
""", unsafe_allow_html=True)
|
778 |
-
|
779 |
st.markdown('<div class="modern-card">', unsafe_allow_html=True)
|
780 |
-
st.markdown("###
|
781 |
-
st.info("This
|
782 |
st.markdown('</div>', unsafe_allow_html=True)
|
783 |
-
|
784 |
st.markdown('<div class="modern-card">', unsafe_allow_html=True)
|
785 |
-
st.markdown("###
|
786 |
st.markdown("""
|
787 |
-
<ol
|
788 |
-
<li
|
789 |
-
<li
|
790 |
-
<li
|
791 |
-
<li
|
|
|
792 |
</ol>
|
793 |
""", unsafe_allow_html=True)
|
794 |
st.markdown('</div>', unsafe_allow_html=True)
|
795 |
-
|
796 |
-
st.markdown('<div class="modern-card">', unsafe_allow_html=True)
|
797 |
-
st.markdown("### 🤖 Travel Agents")
|
798 |
-
agents = [
|
799 |
-
("🔭 Research Specialist", "Finds the best destinations based on your preferences"),
|
800 |
-
("🏨 Accommodation Expert", "Suggests suitable hotels and stays"),
|
801 |
-
("🚆 Transportation Planner", "Plans efficient travel routes"),
|
802 |
-
("🎯 Activities Curator", "Recommends activities tailored to your interests"),
|
803 |
-
("🍽️ Dining Connoisseur", "Finds the best dining experiences"),
|
804 |
-
("📅 Itinerary Creator", "Puts everything together in a daily plan")
|
805 |
-
]
|
806 |
-
for name, desc in agents:
|
807 |
-
st.markdown("**" + name + "**")
|
808 |
-
st.markdown("<small>" + desc + "</small>", unsafe_allow_html=True)
|
809 |
-
st.markdown('</div>', unsafe_allow_html=True)
|
810 |
|
811 |
if not st.session_state.generation_complete:
|
812 |
-
st.markdown('<div class="modern-card
|
813 |
-
st.markdown("<h3
|
814 |
-
|
815 |
-
st.markdown("""
|
816 |
-
<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>
|
817 |
-
""", unsafe_allow_html=True)
|
818 |
|
819 |
-
with st.form("
|
820 |
col1, col2 = st.columns(2)
|
821 |
with col1:
|
822 |
-
st.
|
823 |
-
|
824 |
-
|
825 |
-
st.markdown('<p style="margin-bottom: 5px; font-size: 14px;">Travel Dates</p>', unsafe_allow_html=True)
|
826 |
-
start_date = st.date_input("Start Date", min_value=datetime.now(), label_visibility="collapsed")
|
827 |
-
duration = st.slider(t("duration"), min_value=1, max_value=30, value=7)
|
828 |
-
end_date = start_date + timedelta(days=duration-1)
|
829 |
-
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)
|
830 |
with col2:
|
831 |
-
st.
|
832 |
-
|
833 |
-
|
834 |
-
|
835 |
-
|
836 |
-
|
837 |
-
preferences = st.text_area("Interests", placeholder="History museums, local cuisine, hiking, art...")
|
838 |
-
special_requirements = st.text_area("Special Requirements", placeholder="Dietary restrictions, accessibility needs...")
|
839 |
submit_button = st.form_submit_button(t("submit"))
|
840 |
st.markdown('</div>', unsafe_allow_html=True)
|
841 |
-
|
842 |
if submit_button:
|
843 |
-
if not
|
844 |
st.error(t("error_origin_destination"))
|
845 |
else:
|
846 |
st.session_state.form_submitted = True
|
847 |
-
st.session_state.
|
848 |
user_input = {
|
849 |
-
"
|
850 |
-
"
|
851 |
-
"
|
852 |
-
"
|
853 |
-
"
|
854 |
-
"
|
855 |
-
"
|
856 |
-
"
|
857 |
-
"special_requirements": special_requirements
|
858 |
}
|
859 |
-
|
860 |
-
|
861 |
-
|
862 |
-
|
863 |
-
|
864 |
-
|
865 |
-
|
866 |
-
|
867 |
-
|
868 |
-
|
869 |
-
Travel Style: {user_input['travel_style']}
|
870 |
-
Preferences/Interests: {user_input['preferences']}
|
871 |
-
Special Requirements: {user_input['special_requirements']}
|
872 |
"""
|
873 |
-
# LLM에 전달할 프롬프트에 언어 지시문 추가
|
874 |
llm_language_instructions = {
|
875 |
"en": "Please output the response in English.",
|
876 |
-
"ko": "한국어로 출력해 주세요."
|
877 |
-
"ja": "日本語で出力してください。",
|
878 |
-
"zh": "请用中文输出。",
|
879 |
-
"es": "Por favor, responda en español.",
|
880 |
-
"fr": "Veuillez répondre en français.",
|
881 |
-
"de": "Bitte antworten Sie auf Deutsch.",
|
882 |
-
"ar": "يرجى الرد باللغة العربية."
|
883 |
}
|
884 |
selected_lang = st.session_state.get("selected_language", "en")
|
885 |
language_instruction = llm_language_instructions.get(selected_lang, "Please output the response in English.")
|
886 |
modified_input_context = language_instruction + "\n" + input_context
|
887 |
|
888 |
-
st.markdown(""
|
889 |
-
<div class="sleek-processing-container">
|
890 |
-
<div class="pulse-container">
|
891 |
-
<div class="pulse-ring"></div>
|
892 |
-
<div class="pulse-core"></div>
|
893 |
-
</div>
|
894 |
-
</div>
|
895 |
-
<style>
|
896 |
-
.sleek-processing-container {
|
897 |
-
display: flex;
|
898 |
-
justify-content: center;
|
899 |
-
align-items: center;
|
900 |
-
padding: 20px 0;
|
901 |
-
}
|
902 |
-
.pulse-container {
|
903 |
-
position: relative;
|
904 |
-
width: 50px;
|
905 |
-
height: 50px;
|
906 |
-
}
|
907 |
-
.pulse-core {
|
908 |
-
position: absolute;
|
909 |
-
left: 50%;
|
910 |
-
top: 50%;
|
911 |
-
transform: translate(-50%, -50%);
|
912 |
-
width: 12px;
|
913 |
-
height: 12px;
|
914 |
-
background-color: #4361ee;
|
915 |
-
border-radius: 50%;
|
916 |
-
box-shadow: 0 0 8px rgba(67, 97, 238, 0.6);
|
917 |
-
}
|
918 |
-
.pulse-ring {
|
919 |
-
position: absolute;
|
920 |
-
left: 0;
|
921 |
-
top: 0;
|
922 |
-
width: 100%;
|
923 |
-
height: 100%;
|
924 |
-
border: 2px solid #4361ee;
|
925 |
-
border-radius: 50%;
|
926 |
-
animation: pulse 1.5s ease-out infinite;
|
927 |
-
opacity: 0;
|
928 |
-
}
|
929 |
-
@keyframes pulse {
|
930 |
-
0% { transform: scale(0.1); opacity: 0; }
|
931 |
-
50% { opacity: 0.5; }
|
932 |
-
100% { transform: scale(1); opacity: 0; }
|
933 |
-
}
|
934 |
-
</style>
|
935 |
-
""", unsafe_allow_html=True)
|
936 |
-
|
937 |
-
st.markdown('<div class="modern-card">', unsafe_allow_html=True)
|
938 |
-
progress_tab, logs_tab, details_tab = st.tabs(["📊 Progress", "🔄 Live Activity", "📋 " + t("request_details")])
|
939 |
-
with details_tab:
|
940 |
-
st.markdown("#### " + t("request_details"))
|
941 |
-
st.markdown("**" + t("destination") + ":** " + user_input['destination'])
|
942 |
-
st.markdown("**" + t("from") + ":** " + user_input['origin'])
|
943 |
-
st.markdown("**" + t("when") + ":** " + user_input['travel_dates'] + " (" + user_input['duration'] + " days)")
|
944 |
-
st.markdown("**" + t("budget") + ":** " + user_input['budget'].title())
|
945 |
-
st.markdown("**" + t("travel_style") + ":** " + user_input['travel_style'])
|
946 |
-
if user_input['preferences']:
|
947 |
-
st.markdown("**Interests:** " + user_input['preferences'])
|
948 |
-
if user_input['special_requirements']:
|
949 |
-
st.markdown("**Special Requirements:** " + user_input['special_requirements'])
|
950 |
-
with progress_tab:
|
951 |
-
if 'progress_placeholder' not in st.session_state:
|
952 |
-
st.session_state.progress_placeholder = st.empty()
|
953 |
-
with st.session_state.progress_placeholder.container():
|
954 |
-
display_modern_progress(st.session_state.current_step)
|
955 |
-
with logs_tab:
|
956 |
-
log_container = st.container()
|
957 |
-
st.session_state.log_messages = []
|
958 |
-
st.markdown('</div>', unsafe_allow_html=True)
|
959 |
-
output_container = st.container()
|
960 |
-
with output_container:
|
961 |
-
st.markdown('<div class="modern-card">', unsafe_allow_html=True)
|
962 |
-
st.markdown("### 🌟 " + t("live_agent_outputs"))
|
963 |
-
st.info("Our AI agents will show their work here as they create your itinerary")
|
964 |
-
st.markdown('</div>', unsafe_allow_html=True)
|
965 |
st.session_state.current_step = 0
|
966 |
-
|
967 |
update_step_status(0, 'active')
|
968 |
-
|
|
|
969 |
display_modern_progress(st.session_state.current_step)
|
970 |
-
|
971 |
-
|
972 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
973 |
log_container,
|
974 |
output_container,
|
975 |
-
"
|
976 |
)
|
977 |
update_step_status(0, 'complete')
|
978 |
st.session_state.current_step = 1
|
979 |
update_step_status(1, 'active')
|
980 |
-
with
|
981 |
display_modern_progress(st.session_state.current_step)
|
982 |
-
|
983 |
-
|
984 |
-
|
|
|
|
|
985 |
log_container,
|
986 |
output_container,
|
987 |
-
"
|
988 |
)
|
989 |
update_step_status(1, 'complete')
|
990 |
st.session_state.current_step = 2
|
991 |
update_step_status(2, 'active')
|
992 |
-
with
|
993 |
display_modern_progress(st.session_state.current_step)
|
994 |
-
|
995 |
-
|
996 |
-
|
|
|
|
|
997 |
log_container,
|
998 |
output_container,
|
999 |
-
"
|
1000 |
)
|
1001 |
update_step_status(2, 'complete')
|
1002 |
st.session_state.current_step = 3
|
1003 |
update_step_status(3, 'active')
|
1004 |
-
with
|
1005 |
display_modern_progress(st.session_state.current_step)
|
1006 |
-
|
1007 |
-
|
1008 |
-
|
|
|
|
|
1009 |
log_container,
|
1010 |
output_container,
|
1011 |
-
"
|
1012 |
)
|
1013 |
update_step_status(3, 'complete')
|
1014 |
st.session_state.current_step = 4
|
1015 |
update_step_status(4, 'active')
|
1016 |
-
with
|
1017 |
display_modern_progress(st.session_state.current_step)
|
1018 |
-
|
1019 |
-
|
1020 |
-
|
|
|
|
|
1021 |
log_container,
|
1022 |
output_container,
|
1023 |
-
"
|
1024 |
)
|
1025 |
update_step_status(4, 'complete')
|
1026 |
st.session_state.current_step = 5
|
1027 |
-
|
1028 |
-
with st.session_state.progress_placeholder.container():
|
1029 |
display_modern_progress(st.session_state.current_step)
|
1030 |
-
|
|
|
|
|
1031 |
|
1032 |
-
|
1033 |
-
{
|
1034 |
|
1035 |
-
|
1036 |
-
{
|
1037 |
|
1038 |
-
|
1039 |
-
{
|
1040 |
|
1041 |
-
|
1042 |
-
{
|
1043 |
|
1044 |
-
|
1045 |
-
{
|
1046 |
"""
|
1047 |
-
|
1048 |
-
itinerary_task,
|
1049 |
-
combined_info.format(duration=user_input['duration'], origin=user_input['origin'], destination=user_input['destination']),
|
1050 |
-
log_container,
|
1051 |
-
output_container,
|
1052 |
-
"itinerary"
|
1053 |
-
)
|
1054 |
-
update_step_status(5, 'complete')
|
1055 |
-
st.session_state.current_step = 6
|
1056 |
-
with st.session_state.progress_placeholder.container():
|
1057 |
-
display_modern_progress(st.session_state.current_step)
|
1058 |
-
st.session_state.generated_itinerary = itinerary
|
1059 |
st.session_state.generation_complete = True
|
1060 |
date_str = datetime.now().strftime("%Y-%m-%d")
|
1061 |
-
st.session_state.filename = f"{user_input['
|
1062 |
|
1063 |
if st.session_state.generation_complete:
|
1064 |
-
st.markdown("""
|
1065 |
-
<div class="modern-card
|
1066 |
-
<div style="
|
1067 |
-
<
|
1068 |
-
|
1069 |
-
<circle class="checkmark__circle" cx="26" cy="26" r="25" fill="none" />
|
1070 |
-
<path class="checkmark__check" fill="none" d="M14.1 27.2l7.1 7.2 16.7-16.8" />
|
1071 |
-
</svg>
|
1072 |
-
</div>
|
1073 |
</div>
|
1074 |
-
<h2 style="text-align: center; color: #4361ee;">""" + t("itinerary_ready") + """</h2>
|
1075 |
-
<p style="text-align: center; color: #6c757d; margin-bottom: 20px;">""" + t("personalized_experience") + """</p>
|
1076 |
</div>
|
1077 |
-
|
1078 |
-
<style>
|
1079 |
-
.success-animation {
|
1080 |
-
width: 100px;
|
1081 |
-
height: 100px;
|
1082 |
-
position: relative;
|
1083 |
-
}
|
1084 |
-
.checkmark {
|
1085 |
-
width: 100px;
|
1086 |
-
height: 100px;
|
1087 |
-
border-radius: 50%;
|
1088 |
-
display: block;
|
1089 |
-
stroke-width: 2;
|
1090 |
-
stroke: #4361ee;
|
1091 |
-
stroke-miterlimit: 10;
|
1092 |
-
box-shadow: 0 0 20px rgba(67, 97, 238, 0.3);
|
1093 |
-
animation: fill .4s ease-in-out .4s forwards, scale .3s ease-in-out .9s both;
|
1094 |
-
}
|
1095 |
-
.checkmark__circle {
|
1096 |
-
stroke-dasharray: 166;
|
1097 |
-
stroke-dashoffset: 166;
|
1098 |
-
stroke-width: 2;
|
1099 |
-
stroke-miterlimit: 10;
|
1100 |
-
stroke: #4361ee;
|
1101 |
-
fill: none;
|
1102 |
-
animation: stroke 0.6s cubic-bezier(0.65, 0, 0.45, 1) forwards;
|
1103 |
-
}
|
1104 |
-
.checkmark__check {
|
1105 |
-
transform-origin: 50% 50%;
|
1106 |
-
stroke-dasharray: 48;
|
1107 |
-
stroke-dashoffset: 48;
|
1108 |
-
animation: stroke 0.3s cubic-bezier(0.65, 0, 0.45, 1) 0.8s forwards;
|
1109 |
-
}
|
1110 |
-
@keyframes stroke {
|
1111 |
-
100% { stroke-dashoffset: 0; }
|
1112 |
-
}
|
1113 |
-
@keyframes scale {
|
1114 |
-
0%, 100% { transform: none; }
|
1115 |
-
50% { transform: scale3d(1.1, 1.1, 1); }
|
1116 |
-
}
|
1117 |
-
@keyframes fill {
|
1118 |
-
100% { box-shadow: 0 0 20px rgba(67, 97, 238, 0.3); }
|
1119 |
-
}
|
1120 |
-
</style>
|
1121 |
""", unsafe_allow_html=True)
|
1122 |
|
1123 |
-
# 탭 생성 (
|
1124 |
-
|
1125 |
-
"🗒️ " + t("full_itinerary"),
|
1126 |
-
"💼 " + t("details"),
|
1127 |
"💾 " + t("download_share"),
|
1128 |
-
"
|
1129 |
"🤖 챗봇 인터페이스"
|
1130 |
])
|
1131 |
|
1132 |
-
|
1133 |
-
|
1134 |
-
st.text_area("Your Itinerary", st.session_state.generated_itinerary, height=600)
|
1135 |
|
1136 |
-
# 상세 정보 탭
|
1137 |
with details_tab:
|
1138 |
-
agent_tabs = st.tabs(["
|
1139 |
with agent_tabs[0]:
|
1140 |
-
st.markdown("###
|
1141 |
-
st.markdown(st.session_state.results
|
1142 |
with agent_tabs[1]:
|
1143 |
-
st.markdown("###
|
1144 |
-
st.markdown(st.session_state.results
|
1145 |
with agent_tabs[2]:
|
1146 |
-
st.markdown("###
|
1147 |
-
st.markdown(st.session_state.results
|
1148 |
with agent_tabs[3]:
|
1149 |
-
st.markdown("###
|
1150 |
-
st.markdown(st.session_state.results
|
1151 |
with agent_tabs[4]:
|
1152 |
-
st.markdown("###
|
1153 |
-
st.markdown(st.session_state.results
|
1154 |
|
1155 |
-
# 다운로드 및 공유 탭
|
1156 |
with download_tab:
|
1157 |
col1, col2 = st.columns([2, 1])
|
1158 |
with col1:
|
1159 |
st.markdown("### " + t("save_itinerary"))
|
1160 |
-
st.markdown("Download your
|
1161 |
-
st.markdown("""
|
1162 |
<div style="background-color: #f8f9fa; padding: 15px; border-radius: 10px; margin-top: 20px;">
|
1163 |
-
<h4
|
1164 |
-
<p style="font-size: 0.9rem; color: #6c757d;">
|
|
|
1165 |
""", unsafe_allow_html=True)
|
1166 |
-
st.markdown("<div
|
1167 |
-
st.markdown("</div>", unsafe_allow_html=True)
|
1168 |
st.markdown("### " + t("share_itinerary"))
|
1169 |
-
st.markdown("*Coming soon: Email your
|
1170 |
with col2:
|
1171 |
st.markdown("### " + t("save_for_mobile"))
|
1172 |
st.markdown("*Coming soon: QR code for easy access on your phone*")
|
1173 |
|
1174 |
-
|
1175 |
-
|
1176 |
-
st.markdown("
|
1177 |
-
# session_state에서 목적지 값을 가져옵니다. (없을 경우 기본값 "Paris")
|
1178 |
-
dest = st.session_state.get("destination", "Paris")
|
1179 |
-
|
1180 |
-
# 지오코딩을 통해 위도, 경도 구하기
|
1181 |
-
try:
|
1182 |
-
geolocator = Nominatim(user_agent="travel_app")
|
1183 |
-
location = geolocator.geocode(dest)
|
1184 |
-
if location:
|
1185 |
-
lat, lon = location.latitude, location.longitude
|
1186 |
-
else:
|
1187 |
-
st.error("입력하신 목적지를 찾을 수 없습니다. 기본 좌표를 사용합니다.")
|
1188 |
-
lat, lon = 48.8566, 2.3522 # Paris 기본값
|
1189 |
-
except Exception as e:
|
1190 |
-
st.error("지오코딩 오류 발생: " + str(e))
|
1191 |
-
lat, lon = 48.8566, 2.3522
|
1192 |
-
|
1193 |
-
# 지도 데이터 생성 (필요시 목적지 주변 명소 데이터를 동적으로 생성 가능)
|
1194 |
-
map_data = pd.DataFrame({
|
1195 |
-
"lat": [lat],
|
1196 |
-
"lon": [lon],
|
1197 |
-
"name": [dest]
|
1198 |
-
})
|
1199 |
-
st.map(map_data)
|
1200 |
-
|
1201 |
-
st.markdown("#### Pydeck을 활용한 인터랙티브 지도 예시")
|
1202 |
-
layer = pdk.Layer(
|
1203 |
-
"ScatterplotLayer",
|
1204 |
-
data=map_data,
|
1205 |
-
get_position='[lon, lat]',
|
1206 |
-
get_color='[200, 30, 0, 160]',
|
1207 |
-
get_radius=200,
|
1208 |
-
)
|
1209 |
-
view_state = pdk.ViewState(
|
1210 |
-
latitude=lat,
|
1211 |
-
longitude=lon,
|
1212 |
-
zoom=12,
|
1213 |
-
pitch=50,
|
1214 |
-
)
|
1215 |
-
deck_chart = pdk.Deck(layers=[layer], initial_view_state=view_state)
|
1216 |
-
st.pydeck_chart(deck_chart)
|
1217 |
|
1218 |
-
# 챗봇 인터페이스 탭 (Clear 버튼 제거됨)
|
1219 |
with chatbot_tab:
|
1220 |
st.markdown("### AI 챗봇 인터페이스")
|
1221 |
-
|
1222 |
-
# 대화 기록을 세션 상태에 저장 (메시지, 발신자, 타임스탬프)
|
1223 |
if "chat_history" not in st.session_state:
|
1224 |
st.session_state.chat_history = []
|
1225 |
-
|
1226 |
-
# 사용자 입력창 및 전송 버튼
|
1227 |
user_message = st.text_input("메시지를 입력하세요:", key="chat_input")
|
1228 |
if st.button("전송", key="send_button"):
|
1229 |
if user_message:
|
1230 |
-
# 제미나이 기반 챗봇 응답: run_task()를 활용하여 chatbot_task에 질의
|
1231 |
response = run_task(chatbot_task, user_message)
|
1232 |
st.session_state.chat_history.append({
|
1233 |
"speaker": "사용자",
|
@@ -1239,8 +496,6 @@ if st.session_state.generation_complete:
|
|
1239 |
"message": response,
|
1240 |
"time": datetime.now()
|
1241 |
})
|
1242 |
-
|
1243 |
-
# 대화 기록 출력 (타임스탬프 포함, 스크롤 가능한 영역)
|
1244 |
st.markdown("<div style='max-height:400px; overflow-y:auto; padding:10px; border:1px solid #eaeaea; border-radius:6px;'>", unsafe_allow_html=True)
|
1245 |
for chat in st.session_state.chat_history:
|
1246 |
time_str = chat["time"].strftime("%H:%M:%S")
|
@@ -1248,7 +503,7 @@ if st.session_state.generation_complete:
|
|
1248 |
st.markdown("</div>", unsafe_allow_html=True)
|
1249 |
|
1250 |
st.markdown("""
|
1251 |
-
<div style="
|
1252 |
<p>""" + t("built_with") + """</p>
|
1253 |
</div>
|
1254 |
""", unsafe_allow_html=True)
|
|
|
5 |
import base64
|
6 |
import pandas as pd
|
7 |
import pydeck as pdk
|
8 |
+
from paper import (
|
9 |
+
literature_research_task, outline_task, draft_writing_task,
|
10 |
+
citation_task, editing_task, chatbot_task,
|
11 |
run_task
|
12 |
)
|
|
|
13 |
|
14 |
# st.set_page_config()는 다른 Streamlit 함수보다 가장 먼저 실행되어야 합니다.
|
15 |
st.set_page_config(
|
16 |
+
page_title="Your AI Agent for Academic Research",
|
17 |
+
page_icon="📚",
|
18 |
layout="wide",
|
19 |
initial_sidebar_state="expanded"
|
20 |
)
|
21 |
|
22 |
# ------------------------------------------
|
23 |
+
# 다국어 지원 (영어/한국어 예시)
|
24 |
# ------------------------------------------
|
25 |
translations = {
|
26 |
"en": {
|
27 |
+
"page_title": "Your AI Agent for Academic Research",
|
28 |
+
"header": "Your AI Agent for Academic Research",
|
29 |
+
"create_itinerary": "Generate Your Research Paper",
|
30 |
+
"trip_details": "Research Details",
|
31 |
+
"origin": "Research Topic",
|
32 |
+
"destination": "Paper Title",
|
33 |
+
"travel_dates": "Due Date",
|
34 |
+
"duration": "Paper Length (pages)",
|
35 |
+
"preferences": "Keywords/Focus",
|
36 |
+
"special_requirements": "Additional Instructions",
|
37 |
+
"submit": "🚀 Generate My Research Paper",
|
38 |
+
"request_details": "Your Research Request",
|
39 |
+
"from": "Topic",
|
40 |
+
"when": "Due Date",
|
41 |
+
"budget": "Paper Type",
|
42 |
+
"travel_style": "Writing Style",
|
|
|
|
|
43 |
"live_agent_outputs": "Live Agent Outputs",
|
44 |
+
"full_itinerary": "Full Paper",
|
45 |
"details": "Details",
|
46 |
"download_share": "Download & Share",
|
47 |
+
"save_itinerary": "Save Your Paper",
|
48 |
+
"plan_another_trip": "🔄 Generate Another Paper",
|
49 |
"about": "About",
|
50 |
"how_it_works": "How it works",
|
51 |
+
"travel_agents": "Research Agents",
|
52 |
+
"share_itinerary": "Share Your Paper",
|
53 |
"save_for_mobile": "Save for Mobile",
|
54 |
"built_with": "Built with ❤️ for you",
|
55 |
+
"itinerary_ready": "Your Research Paper is Ready! 🎉",
|
56 |
+
"personalized_experience": "We've created a personalized academic paper based on your inputs. Explore your paper below.",
|
|
|
57 |
"agent_activity": "Agent Activity",
|
58 |
+
"error_origin_destination": "Please enter both the research topic and paper title.",
|
59 |
+
"your_itinerary_file": "Your Paper File",
|
60 |
"text_format": "Text format - Can be opened in any text editor"
|
61 |
},
|
62 |
"ko": {
|
63 |
+
"page_title": "당신의 학�� 연구 AI 에이전트",
|
64 |
+
"header": "당신의 학술 연구 AI 에이전트",
|
65 |
+
"create_itinerary": "논문 생성",
|
66 |
+
"trip_details": "연구 세부사항",
|
67 |
+
"origin": "연구 주제",
|
68 |
+
"destination": "논문 제목",
|
69 |
+
"travel_dates": "제출 기한",
|
70 |
+
"duration": "논문 분량 (페이지)",
|
71 |
+
"preferences": "키워드/주요 초점",
|
72 |
+
"special_requirements": "추가 지시사항",
|
73 |
+
"submit": "🚀 나의 논문 생성",
|
74 |
+
"request_details": "연구 요청 정보",
|
75 |
+
"from": "주제",
|
76 |
+
"when": "제출 기한",
|
77 |
+
"budget": "논문 종류",
|
78 |
+
"travel_style": "작성 스타일",
|
|
|
|
|
79 |
"live_agent_outputs": "실시간 에이전트 결과",
|
80 |
+
"full_itinerary": "전체 논문",
|
81 |
"details": "세부사항",
|
82 |
"download_share": "다운로드 및 공유",
|
83 |
+
"save_itinerary": "논문 저장",
|
84 |
+
"plan_another_trip": "🔄 다른 논문 생성",
|
85 |
"about": "소개",
|
86 |
"how_it_works": "작동 방식",
|
87 |
+
"travel_agents": "연구 에이전트",
|
88 |
+
"share_itinerary": "논문 공유",
|
89 |
"save_for_mobile": "모바일 저장",
|
90 |
"built_with": "당신을 위해 ❤️ 만들어졌습니다",
|
91 |
+
"itinerary_ready": "논문이 준비되었습니다! 🎉",
|
92 |
+
"personalized_experience": "입력하신 정보를 바탕으로 맞춤형 논문이 생성되었습니다. 아래에서 논문을 확인하세요.",
|
|
|
93 |
"agent_activity": "에이전트 활동",
|
94 |
+
"error_origin_destination": "연구 주제와 논문 제목을 모두 입력하세요.",
|
95 |
+
"your_itinerary_file": "논문 파일",
|
96 |
"text_format": "텍스트 형식 - 모든 텍스트 편집기에서 열 수 있습니다."
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
97 |
}
|
98 |
}
|
99 |
|
|
|
105 |
# 세션 초기화
|
106 |
# ---------------------------
|
107 |
if 'selected_language' not in st.session_state:
|
108 |
+
st.session_state.selected_language = "en"
|
109 |
|
110 |
# ------------------------------------------
|
111 |
# 사이드바에 언어 선택 위젯 추가
|
112 |
# ------------------------------------------
|
113 |
with st.sidebar:
|
114 |
language = st.selectbox(
|
115 |
+
"Language / 언어",
|
116 |
+
["English", "한국어"]
|
117 |
)
|
118 |
lang_map = {
|
119 |
"English": "en",
|
120 |
+
"한국어": "ko"
|
|
|
|
|
|
|
|
|
|
|
|
|
121 |
}
|
122 |
st.session_state.selected_language = lang_map.get(language, "en")
|
123 |
|
124 |
# ------------------------------------------
|
125 |
+
# UI 시작
|
126 |
# ------------------------------------------
|
|
|
|
|
127 |
st.markdown("""
|
128 |
<style>
|
|
|
129 |
:root {
|
130 |
--primary: #3a86ff;
|
131 |
--primary-light: #4895ef;
|
132 |
--primary-dark: #2667ff;
|
|
|
|
|
133 |
--background: #f8f9fa;
|
134 |
--card-bg: #ffffff;
|
135 |
--text: #212529;
|
|
|
|
|
136 |
--border: #e9ecef;
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
137 |
}
|
|
|
|
|
|
|
|
|
|
|
|
|
138 |
.main-header {
|
139 |
font-size: 2.5rem;
|
140 |
color: var(--primary-dark);
|
141 |
text-align: center;
|
142 |
margin-bottom: 0.8rem;
|
143 |
font-weight: 700;
|
|
|
144 |
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
145 |
.modern-card {
|
146 |
background-color: var(--card-bg);
|
147 |
border-radius: 10px;
|
148 |
padding: 1.2rem;
|
149 |
margin-bottom: 1.2rem;
|
150 |
+
box-shadow: 0 2px 10px rgba(0,0,0,0.05);
|
|
|
151 |
border: 1px solid var(--border);
|
152 |
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
153 |
</style>
|
154 |
""", unsafe_allow_html=True)
|
155 |
|
|
|
156 |
def get_download_link(text_content, filename):
|
157 |
b64 = base64.b64encode(text_content.encode()).decode()
|
158 |
href = f'<a class="download-link" href="data:text/plain;base64,{b64}" download="{filename}"><i>📥</i> {t("save_itinerary")}</a>'
|
159 |
return href
|
160 |
|
161 |
+
def display_modern_progress(current_step, total_steps=5):
|
|
|
162 |
if 'progress_steps' not in st.session_state:
|
163 |
st.session_state.progress_steps = {
|
164 |
0: {'status': 'pending', 'name': t("trip_details")},
|
165 |
1: {'status': 'pending', 'name': t("about")},
|
166 |
+
2: {'status': 'pending', 'name': t("live_agent_outputs")},
|
167 |
+
3: {'status': 'pending', 'name': t("download_share")},
|
168 |
+
4: {'status': 'pending', 'name': t("full_itinerary")}
|
|
|
169 |
}
|
|
|
170 |
for i in range(total_steps):
|
171 |
if i < current_step:
|
172 |
st.session_state.progress_steps[i]['status'] = 'complete'
|
|
|
174 |
st.session_state.progress_steps[i]['status'] = 'active'
|
175 |
else:
|
176 |
st.session_state.progress_steps[i]['status'] = 'pending'
|
|
|
177 |
progress_percentage = (current_step / total_steps) * 100
|
178 |
st.progress(progress_percentage / 100)
|
179 |
+
st.markdown("<div>Progress: " + str(progress_percentage) + "% completed.</div>")
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
180 |
return progress_percentage
|
181 |
|
182 |
def update_step_status(step_index, status):
|
|
|
186 |
def run_task_with_logs(task, input_text, log_container, output_container, results_key=None):
|
187 |
log_message = f"🤖 Starting {task.agent.role}..."
|
188 |
st.session_state.log_messages.append(log_message)
|
|
|
189 |
with log_container:
|
190 |
st.markdown("### " + t("agent_activity"))
|
191 |
for msg in st.session_state.log_messages:
|
192 |
st.markdown(msg)
|
|
|
193 |
result = run_task(task, input_text)
|
|
|
194 |
if results_key:
|
195 |
st.session_state.results[results_key] = result
|
|
|
196 |
log_message = f"✅ {task.agent.role} completed!"
|
197 |
st.session_state.log_messages.append(log_message)
|
|
|
198 |
with log_container:
|
199 |
st.markdown("### " + t("agent_activity"))
|
200 |
for msg in st.session_state.log_messages:
|
201 |
st.markdown(msg)
|
|
|
202 |
with output_container:
|
203 |
st.markdown(f"### {task.agent.role} Output")
|
204 |
st.markdown("<div class='agent-output'>" + result + "</div>", unsafe_allow_html=True)
|
|
|
205 |
return result
|
206 |
|
|
|
|
|
|
|
207 |
if 'generated_itinerary' not in st.session_state:
|
208 |
st.session_state.generated_itinerary = None
|
209 |
if 'generation_complete' not in st.session_state:
|
|
|
212 |
st.session_state.current_step = 0
|
213 |
if 'results' not in st.session_state:
|
214 |
st.session_state.results = {
|
215 |
+
"literature_review": "",
|
216 |
+
"outline": "",
|
217 |
+
"draft": "",
|
218 |
+
"citations": "",
|
219 |
+
"edited": ""
|
|
|
|
|
220 |
}
|
221 |
if 'log_messages' not in st.session_state:
|
222 |
st.session_state.log_messages = []
|
|
|
|
|
223 |
if 'form_submitted' not in st.session_state:
|
224 |
st.session_state.form_submitted = False
|
225 |
|
|
|
226 |
st.markdown(f"""
|
227 |
+
<div style="text-align: center;">
|
228 |
+
<img src="https://img.icons8.com/fluency/96/book.png" width="90">
|
|
|
|
|
229 |
<h1 class="main-header">{t("header")}</h1>
|
230 |
+
<p>Generate your personalized research paper with AI-powered academic agents.</p>
|
|
|
|
|
231 |
</div>
|
232 |
""", unsafe_allow_html=True)
|
233 |
+
st.markdown('<hr>', unsafe_allow_html=True)
|
|
|
234 |
|
235 |
with st.sidebar:
|
236 |
st.markdown("""
|
237 |
+
<div style="text-align: center;">
|
238 |
+
<img src="https://img.icons8.com/fluency/96/book.png" width="80">
|
239 |
+
<h3>Your AI Academic Research Assistant</h3>
|
240 |
+
<p>AI-Powered Paper Generation</p>
|
241 |
</div>
|
242 |
""", unsafe_allow_html=True)
|
|
|
243 |
st.markdown('<div class="modern-card">', unsafe_allow_html=True)
|
244 |
+
st.markdown("### " + t("about"))
|
245 |
+
st.info("This tool generates a personalized academic research paper based on your inputs. Fill in the form and let our specialized agents craft your paper!")
|
246 |
st.markdown('</div>', unsafe_allow_html=True)
|
|
|
247 |
st.markdown('<div class="modern-card">', unsafe_allow_html=True)
|
248 |
+
st.markdown("### " + t("how_it_works"))
|
249 |
st.markdown("""
|
250 |
+
<ol>
|
251 |
+
<li>Enter your research details</li>
|
252 |
+
<li>AI conducts literature research</li>
|
253 |
+
<li>Generate a paper outline</li>
|
254 |
+
<li>Draft and edit your paper</li>
|
255 |
+
<li>Download your final paper</li>
|
256 |
</ol>
|
257 |
""", unsafe_allow_html=True)
|
258 |
st.markdown('</div>', unsafe_allow_html=True)
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
259 |
|
260 |
if not st.session_state.generation_complete:
|
261 |
+
st.markdown('<div class="modern-card">', unsafe_allow_html=True)
|
262 |
+
st.markdown("<h3>" + t("create_itinerary") + "</h3>", unsafe_allow_html=True)
|
263 |
+
st.markdown("<p>Fill in the details below to generate your research paper.</p>", unsafe_allow_html=True)
|
|
|
|
|
|
|
264 |
|
265 |
+
with st.form("research_form"):
|
266 |
col1, col2 = st.columns(2)
|
267 |
with col1:
|
268 |
+
research_topic = st.text_input(t("origin"), placeholder="e.g., Deep Learning in Healthcare")
|
269 |
+
paper_title = st.text_input(t("destination"), placeholder="e.g., Advances in Deep Learning for Medical Diagnosis")
|
270 |
+
due_date = st.date_input(t("travel_dates"), min_value=datetime.now())
|
|
|
|
|
|
|
|
|
|
|
271 |
with col2:
|
272 |
+
paper_length = st.slider(t("duration"), min_value=5, max_value=50, value=10)
|
273 |
+
paper_type_options = ["Journal", "Conference", "Thesis", "Review"]
|
274 |
+
paper_type = st.selectbox(t("budget"), paper_type_options, help="Select the type of paper")
|
275 |
+
writing_style = st.multiselect(t("travel_style"), options=["Formal", "Technical", "Creative"], default=["Formal"])
|
276 |
+
additional_instructions = st.text_area(t("special_requirements"), placeholder="Any additional instructions or requirements...")
|
277 |
+
keywords = st.text_area(t("preferences"), placeholder="Enter keywords or focus areas, separated by commas")
|
|
|
|
|
278 |
submit_button = st.form_submit_button(t("submit"))
|
279 |
st.markdown('</div>', unsafe_allow_html=True)
|
280 |
+
|
281 |
if submit_button:
|
282 |
+
if not research_topic or not paper_title:
|
283 |
st.error(t("error_origin_destination"))
|
284 |
else:
|
285 |
st.session_state.form_submitted = True
|
286 |
+
st.session_state.research_topic = research_topic
|
287 |
user_input = {
|
288 |
+
"research_topic": research_topic,
|
289 |
+
"paper_title": paper_title,
|
290 |
+
"due_date": due_date.strftime("%Y-%m-%d"),
|
291 |
+
"paper_length": str(paper_length),
|
292 |
+
"paper_type": paper_type,
|
293 |
+
"writing_style": ", ".join(writing_style),
|
294 |
+
"keywords": keywords,
|
295 |
+
"additional_instructions": additional_instructions
|
|
|
296 |
}
|
297 |
+
st.session_state.user_input = user_input
|
298 |
+
input_context = f"""Research Request Details:
|
299 |
+
Research Topic: {user_input['research_topic']}
|
300 |
+
Paper Title: {user_input['paper_title']}
|
301 |
+
Due Date: {user_input['due_date']}
|
302 |
+
Paper Length: {user_input['paper_length']} pages
|
303 |
+
Paper Type: {user_input['paper_type']}
|
304 |
+
Writing Style: {user_input['writing_style']}
|
305 |
+
Keywords/Focus: {user_input['keywords']}
|
306 |
+
Additional Instructions: {user_input['additional_instructions']}
|
|
|
|
|
|
|
307 |
"""
|
|
|
308 |
llm_language_instructions = {
|
309 |
"en": "Please output the response in English.",
|
310 |
+
"ko": "한국어로 출력해 주세요."
|
|
|
|
|
|
|
|
|
|
|
|
|
311 |
}
|
312 |
selected_lang = st.session_state.get("selected_language", "en")
|
313 |
language_instruction = llm_language_instructions.get(selected_lang, "Please output the response in English.")
|
314 |
modified_input_context = language_instruction + "\n" + input_context
|
315 |
|
316 |
+
st.markdown("<div>Processing your request...</div>", unsafe_allow_html=True)
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
317 |
st.session_state.current_step = 0
|
|
|
318 |
update_step_status(0, 'active')
|
319 |
+
progress_placeholder = st.empty()
|
320 |
+
with progress_placeholder.container():
|
321 |
display_modern_progress(st.session_state.current_step)
|
322 |
+
log_container = st.container()
|
323 |
+
st.session_state.log_messages = []
|
324 |
+
output_container = st.container()
|
325 |
+
st.session_state.results = {}
|
326 |
+
|
327 |
+
# Step 1: Literature Research
|
328 |
+
literature_review = run_task_with_logs(
|
329 |
+
literature_research_task,
|
330 |
+
modified_input_context.format(topic=user_input['research_topic'], keywords=user_input['keywords']),
|
331 |
log_container,
|
332 |
output_container,
|
333 |
+
"literature_review"
|
334 |
)
|
335 |
update_step_status(0, 'complete')
|
336 |
st.session_state.current_step = 1
|
337 |
update_step_status(1, 'active')
|
338 |
+
with progress_placeholder.container():
|
339 |
display_modern_progress(st.session_state.current_step)
|
340 |
+
|
341 |
+
# Step 2: Generate Outline
|
342 |
+
outline = run_task_with_logs(
|
343 |
+
outline_task,
|
344 |
+
modified_input_context.format(topic=user_input['research_topic']),
|
345 |
log_container,
|
346 |
output_container,
|
347 |
+
"outline"
|
348 |
)
|
349 |
update_step_status(1, 'complete')
|
350 |
st.session_state.current_step = 2
|
351 |
update_step_status(2, 'active')
|
352 |
+
with progress_placeholder.container():
|
353 |
display_modern_progress(st.session_state.current_step)
|
354 |
+
|
355 |
+
# Step 3: Draft Writing
|
356 |
+
draft = run_task_with_logs(
|
357 |
+
draft_writing_task,
|
358 |
+
modified_input_context.format(topic=user_input['research_topic']),
|
359 |
log_container,
|
360 |
output_container,
|
361 |
+
"draft"
|
362 |
)
|
363 |
update_step_status(2, 'complete')
|
364 |
st.session_state.current_step = 3
|
365 |
update_step_status(3, 'active')
|
366 |
+
with progress_placeholder.container():
|
367 |
display_modern_progress(st.session_state.current_step)
|
368 |
+
|
369 |
+
# Step 4: Citation Generation
|
370 |
+
citations = run_task_with_logs(
|
371 |
+
citation_task,
|
372 |
+
modified_input_context.format(topic=user_input['research_topic']),
|
373 |
log_container,
|
374 |
output_container,
|
375 |
+
"citations"
|
376 |
)
|
377 |
update_step_status(3, 'complete')
|
378 |
st.session_state.current_step = 4
|
379 |
update_step_status(4, 'active')
|
380 |
+
with progress_placeholder.container():
|
381 |
display_modern_progress(st.session_state.current_step)
|
382 |
+
|
383 |
+
# Step 5: Editing and Polishing
|
384 |
+
edited = run_task_with_logs(
|
385 |
+
editing_task,
|
386 |
+
modified_input_context.format(topic=user_input['research_topic']),
|
387 |
log_container,
|
388 |
output_container,
|
389 |
+
"edited"
|
390 |
)
|
391 |
update_step_status(4, 'complete')
|
392 |
st.session_state.current_step = 5
|
393 |
+
with progress_placeholder.container():
|
|
|
394 |
display_modern_progress(st.session_state.current_step)
|
395 |
+
|
396 |
+
full_paper = f"""Research Paper:
|
397 |
+
{input_context}
|
398 |
|
399 |
+
Literature Review:
|
400 |
+
{literature_review}
|
401 |
|
402 |
+
Outline:
|
403 |
+
{outline}
|
404 |
|
405 |
+
Draft:
|
406 |
+
{draft}
|
407 |
|
408 |
+
Citations:
|
409 |
+
{citations}
|
410 |
|
411 |
+
Edited Version:
|
412 |
+
{edited}
|
413 |
"""
|
414 |
+
st.session_state.generated_itinerary = full_paper
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
415 |
st.session_state.generation_complete = True
|
416 |
date_str = datetime.now().strftime("%Y-%m-%d")
|
417 |
+
st.session_state.filename = f"{user_input['paper_title'].replace(' ', '_')}_{date_str}_paper.txt"
|
418 |
|
419 |
if st.session_state.generation_complete:
|
420 |
+
st.markdown(f"""
|
421 |
+
<div class="modern-card">
|
422 |
+
<div style="text-align: center;">
|
423 |
+
<h2>{t("itinerary_ready")}</h2>
|
424 |
+
<p>{t("personalized_experience")}</p>
|
|
|
|
|
|
|
|
|
425 |
</div>
|
|
|
|
|
426 |
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
427 |
""", unsafe_allow_html=True)
|
428 |
|
429 |
+
# 탭 생성 (전체 논문, 세부 정보, 다운로드/공유, 시각화, 챗봇)
|
430 |
+
full_paper_tab, details_tab, download_tab, visualization_tab, chatbot_tab = st.tabs([
|
431 |
+
"🗒️ " + t("full_itinerary"),
|
432 |
+
"💼 " + t("details"),
|
433 |
"💾 " + t("download_share"),
|
434 |
+
"📊 Visualization",
|
435 |
"🤖 챗봇 인터페이스"
|
436 |
])
|
437 |
|
438 |
+
with full_paper_tab:
|
439 |
+
st.text_area("Your Research Paper", st.session_state.generated_itinerary, height=600)
|
|
|
440 |
|
|
|
441 |
with details_tab:
|
442 |
+
agent_tabs = st.tabs(["📚 Literature Review", "📝 Outline", "✍️ Draft", "🔗 Citations", "🖋️ Edited Version"])
|
443 |
with agent_tabs[0]:
|
444 |
+
st.markdown("### Literature Review")
|
445 |
+
st.markdown(st.session_state.results.get("literature_review", ""))
|
446 |
with agent_tabs[1]:
|
447 |
+
st.markdown("### Outline")
|
448 |
+
st.markdown(st.session_state.results.get("outline", ""))
|
449 |
with agent_tabs[2]:
|
450 |
+
st.markdown("### Draft")
|
451 |
+
st.markdown(st.session_state.results.get("draft", ""))
|
452 |
with agent_tabs[3]:
|
453 |
+
st.markdown("### Citations")
|
454 |
+
st.markdown(st.session_state.results.get("citations", ""))
|
455 |
with agent_tabs[4]:
|
456 |
+
st.markdown("### Edited Version")
|
457 |
+
st.markdown(st.session_state.results.get("edited", ""))
|
458 |
|
|
|
459 |
with download_tab:
|
460 |
col1, col2 = st.columns([2, 1])
|
461 |
with col1:
|
462 |
st.markdown("### " + t("save_itinerary"))
|
463 |
+
st.markdown("Download your research paper to access it offline or share with your colleagues.")
|
464 |
+
st.markdown(f"""
|
465 |
<div style="background-color: #f8f9fa; padding: 15px; border-radius: 10px; margin-top: 20px;">
|
466 |
+
<h4>{t("your_itinerary_file")}</h4>
|
467 |
+
<p style="font-size: 0.9rem; color: #6c757d;">{t("text_format")}</p>
|
468 |
+
</div>
|
469 |
""", unsafe_allow_html=True)
|
470 |
+
st.markdown("<div>" + get_download_link(st.session_state.generated_itinerary, st.session_state.filename) + "</div>", unsafe_allow_html=True)
|
|
|
471 |
st.markdown("### " + t("share_itinerary"))
|
472 |
+
st.markdown("*Coming soon: Email your paper or share via social media.*")
|
473 |
with col2:
|
474 |
st.markdown("### " + t("save_for_mobile"))
|
475 |
st.markdown("*Coming soon: QR code for easy access on your phone*")
|
476 |
|
477 |
+
with visualization_tab:
|
478 |
+
st.markdown("### Visualization")
|
479 |
+
st.markdown("A conceptual diagram or visualization related to your research paper can be displayed here. (Feature under development)")
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
480 |
|
|
|
481 |
with chatbot_tab:
|
482 |
st.markdown("### AI 챗봇 인터페이스")
|
|
|
|
|
483 |
if "chat_history" not in st.session_state:
|
484 |
st.session_state.chat_history = []
|
|
|
|
|
485 |
user_message = st.text_input("메시지를 입력하세요:", key="chat_input")
|
486 |
if st.button("전송", key="send_button"):
|
487 |
if user_message:
|
|
|
488 |
response = run_task(chatbot_task, user_message)
|
489 |
st.session_state.chat_history.append({
|
490 |
"speaker": "사용자",
|
|
|
496 |
"message": response,
|
497 |
"time": datetime.now()
|
498 |
})
|
|
|
|
|
499 |
st.markdown("<div style='max-height:400px; overflow-y:auto; padding:10px; border:1px solid #eaeaea; border-radius:6px;'>", unsafe_allow_html=True)
|
500 |
for chat in st.session_state.chat_history:
|
501 |
time_str = chat["time"].strftime("%H:%M:%S")
|
|
|
503 |
st.markdown("</div>", unsafe_allow_html=True)
|
504 |
|
505 |
st.markdown("""
|
506 |
+
<div style="text-align: center; padding: 20px; color: #6c757d; font-size: 0.8rem;">
|
507 |
<p>""" + t("built_with") + """</p>
|
508 |
</div>
|
509 |
""", unsafe_allow_html=True)
|