Update app.py

app.py

@@ -14,7 +14,6 @@ import spacy
 from geopy.geocoders import Nominatim
 import folium
 
-
 # Load API key securely from environment
 GR_API_KEY = os.getenv("GR_API_KEY")
 client = Groq(api_key=GR_API_KEY)
@@ -67,20 +66,19 @@ def extract_places_and_map(itinerary_text, city_context=None):
             loc = geolocator.geocode(query, language='en', timeout=10)
             if loc:
                 locations.append((place, loc.latitude, loc.longitude))
-        except Exception as e:
-            # Skip failed geocoding quietly
+        except Exception:
             continue
 
     if not locations:
         return "<p>No locations found for mapping.</p>"
 
-    # Create Folium map centered on first location
+    # Create Folium map
     m = folium.Map(location=[locations[0][1], locations[0][2]], zoom_start=10)
     for name, lat, lon in locations:
         folium.Marker([lat, lon], popup=name).add_to(m)
 
-    # Render map HTML string
-    return m.get_root().render()
+    # Return full HTML (with JS & CSS)
+    return m._repr_html_()
 
 def generate_itinerary(mood, location, budget, days):
     mood_text = "any mood" if mood == "Any" else mood
@@ -111,51 +109,36 @@ def generate_itinerary(mood, location, budget, days):
     # Generate map HTML from itinerary text and user location
     map_html = extract_places_and_map(itinerary_text, city_context=location_text if location_text.lower() != "any destination" else None)
 
-    return itinerary_text, image_path, gr.update(visible=True), map_html
+    return itinerary_text, image_path, map_html
 
 def generate_pdf(itinerary_text):
     if not itinerary_text.strip():
         return None
 
-    # Create a temporary PDF file
     temp_pdf = tempfile.NamedTemporaryFile(delete=False, suffix=".pdf")
-
-    # Prepare the document template with letter page size
     doc = SimpleDocTemplate(temp_pdf.name, pagesize=letter,
                             rightMargin=40, leftMargin=40,
                             topMargin=40, bottomMargin=40)
 
-    # Get default stylesheet and customize the Normal style
     styles = getSampleStyleSheet()
     style = styles["Normal"]
-    style.fontName = "Courier"  # Use monospaced font like your original code
+    style.fontName = "Courier"
     style.fontSize = 10
-    style.leading = 14  # line height
+    style.leading = 14
 
-    # Convert markdown-style bold (**text**) to HTML <b>text</b>
     html_text = re.sub(r'\*\*(.+?)\*\*', r'<b>\1</b>', itinerary_text)
-
-    # Split the text into paragraphs by newlines
     paragraphs = html_text.split('\n')
 
-    # Build the story (list of flowables)
     story = []
     for para in paragraphs:
-        # Add Paragraph flowable; empty line if paragraph is empty
-        if para.strip():
-            p = Paragraph(para, style)
-        else:
-            p = Paragraph(' ', style)
+        p = Paragraph(para if para.strip() else ' ', style)
         story.append(p)
-        story.append(Spacer(1, 6))  # small space between paragraphs
+        story.append(Spacer(1, 6))
 
-    # Build the PDF document
     doc.build(story)
-
     return temp_pdf.name
 
 with gr.Blocks(theme=gr.themes.Default(primary_hue="teal", secondary_hue="teal")) as demo:
-    # Header with gr.HTML for styles and animation
     header_html = """
     <style>
     @keyframes colorCycle {
@@ -165,15 +148,9 @@ with gr.Blocks(theme=gr.themes.Default(primary_hue="teal", secondary_hue="teal")
         75% { color: #008080; }
         100% { color: #20b2aa; }
     }
-    .color-cycle {
-        animation: colorCycle 4s infinite;
-    }
-    .tagline {
-        font-style: italic;
-        color: #007777;
-        font-size: 18px;
-        margin-top: 4px;
-    }
+    .color-cycle { animation: colorCycle 4s infinite; }
+    .tagline { font-style: italic; color: #007777; font-size: 18px; margin-top: 4px; }
+    #map-container iframe {height:500px;width:100%;}
     </style>
     <div style='text-align: center;'>
         <h1 class="color-cycle" style="font-size: 38px; margin-bottom: 0;">FEEL AWAY APP</h1>
@@ -183,7 +160,6 @@ with gr.Blocks(theme=gr.themes.Default(primary_hue="teal", secondary_hue="teal")
     with gr.Row():
         gr.HTML(header_html)
 
-    # Inputs
     with gr.Row():
         mood = gr.Dropdown(MOODS, label="Mood", value="Any", info="Select the mood of your trip")
         location = gr.Textbox(label="Destination", placeholder="e.g., India, Japan, France (leave blank for Any)", info="Where do you want to go?")
@@ -197,7 +173,7 @@ with gr.Blocks(theme=gr.themes.Default(primary_hue="teal", secondary_hue="teal")
     with gr.Column():
         itinerary_output = gr.Markdown(label="Generated Itinerary")
         image_output = gr.Image(label="Travel Mood Image", type="filepath", visible=False)
-        map_output = gr.HTML(label="Map of Suggested Places")
+        map_output = gr.HTML(label="Map of Suggested Places", elem_id="map-container")
 
     with gr.Column():
         download_btn = gr.Button("📥 Download Itinerary as PDF", variant="secondary")
@@ -206,7 +182,7 @@ with gr.Blocks(theme=gr.themes.Default(primary_hue="teal", secondary_hue="teal")
     generate_btn.click(
         generate_itinerary,
         inputs=[mood, location, budget, days],
-        outputs=[itinerary_output, image_output, image_output, map_output]
+        outputs=[itinerary_output, image_output, map_output]
     )
 
     download_btn.click(