siyah1 commited on
Commit
932df1c
Β·
verified Β·
1 Parent(s): f766339

Update app.py

Browse files
Files changed (1) hide show
  1. app.py +20 -13
app.py CHANGED
@@ -10,10 +10,10 @@ import time
10
 
11
  # Set page configuration with fullscreen layout and custom theme
12
  st.set_page_config(
13
- page_title="SmolAgent Travel Planner",
14
  layout="wide",
15
  initial_sidebar_state="collapsed",
16
- page_icon="✈️"
17
  )
18
 
19
  # Enhanced CSS for a beautiful travel-themed styling
@@ -154,6 +154,16 @@ st.markdown("""
154
  border-radius: 20px !important;
155
  font-size: 0.9rem !important;
156
  }
 
 
 
 
 
 
 
 
 
 
157
  </style>
158
  """, unsafe_allow_html=True)
159
 
@@ -443,7 +453,7 @@ def display_agent_status(agents: Dict[str, SmolAgent]):
443
  # Main Application Interface
444
  st.markdown("""
445
  <div class="card" style="text-align: center; padding: 3rem;">
446
- <h1 class="logo-text">✈️ SmolAgent Travel Planner</h1>
447
  <p style="font-size: 1.2rem; opacity: 0.9; margin-top: 1rem;">
448
  AI-powered travel planning with specialized agents working together to create your perfect trip
449
  </p>
@@ -638,15 +648,12 @@ try:
638
  st.markdown('</div>', unsafe_allow_html=True)
639
 
640
  except Exception as e:
641
- st.error(f"""
642
- <div style="display: flex; align-items: center; gap: 12px;">
643
- <span>❌ Application Error: {str(e)}</span>
644
- </div>
645
- """, unsafe_allow_html=True)
646
-
647
- st.markdown("""
648
- <div class="card">
649
- <h3>πŸ”§ Troubleshooting</h3>
650
  <ul>
651
  <li>Ensure your GROQ_API_KEY is set in environment variables</li>
652
  <li>Check your internet connection for web searches</li>
@@ -679,6 +686,6 @@ with st.sidebar:
679
  # Footer
680
  st.markdown("""
681
  <div style="text-align: center; padding: 2rem; opacity: 0.8;">
682
- <p>SmolAgent Travel Planner v2.0 | Powered by AI Collaboration</p>
683
  </div>
684
  """, unsafe_allow_html=True)
 
10
 
11
  # Set page configuration with fullscreen layout and custom theme
12
  st.set_page_config(
13
+ page_title="Lala Planet Travel Planner",
14
  layout="wide",
15
  initial_sidebar_state="collapsed",
16
+ page_icon="🌍"
17
  )
18
 
19
  # Enhanced CSS for a beautiful travel-themed styling
 
154
  border-radius: 20px !important;
155
  font-size: 0.9rem !important;
156
  }
157
+
158
+ /* Error styling */
159
+ .error-container {
160
+ background: rgba(244, 67, 54, 0.1) !important;
161
+ border: 1px solid rgba(244, 67, 54, 0.3) !important;
162
+ border-radius: 10px !important;
163
+ padding: 1.5rem !important;
164
+ margin: 1rem 0 !important;
165
+ color: #ffffff !important;
166
+ }
167
  </style>
168
  """, unsafe_allow_html=True)
169
 
 
453
  # Main Application Interface
454
  st.markdown("""
455
  <div class="card" style="text-align: center; padding: 3rem;">
456
+ <h1 class="logo-text">🌍 Lala Planet Travel Planner</h1>
457
  <p style="font-size: 1.2rem; opacity: 0.9; margin-top: 1rem;">
458
  AI-powered travel planning with specialized agents working together to create your perfect trip
459
  </p>
 
648
  st.markdown('</div>', unsafe_allow_html=True)
649
 
650
  except Exception as e:
651
+ # Fixed: Use st.markdown instead of st.error with unsafe_allow_html
652
+ st.markdown(f"""
653
+ <div class="error-container">
654
+ <h3>❌ Application Error</h3>
655
+ <p><strong>Error:</strong> {str(e)}</p>
656
+ <h4>πŸ”§ Troubleshooting</h4>
 
 
 
657
  <ul>
658
  <li>Ensure your GROQ_API_KEY is set in environment variables</li>
659
  <li>Check your internet connection for web searches</li>
 
686
  # Footer
687
  st.markdown("""
688
  <div style="text-align: center; padding: 2rem; opacity: 0.8;">
689
+ <p>Lala Planet Travel Planner v2.0 | Powered by AI Collaboration</p>
690
  </div>
691
  """, unsafe_allow_html=True)