Update app.py

app.py

@@ -225,7 +225,6 @@ def generate_packing_list(destination: str, weather_summary: str, trip_days: int
         "\n💡 Pro tip: Roll clothes to save space. Pack one versatile outfit per day + 1 extra day buffer."
     )
 
-
 @tool
 def build_itinerary(destination: str, attractions: str, budget_local: float, days: int) -> str:
     """
@@ -270,7 +269,7 @@ def build_itinerary(destination: str, attractions: str, budget_local: float, day
 @tool
 def generate_travel_images(destination: str) -> str:
     """
-    Generate two realistic placeholder image URLs for the destination using Unsplash API (no key required).
+    Generate two realistic placeholder image URLs for the destination using Picsum Photos API.
     
     Args:
         destination: Destination city name (e.g., "Lisbon")
@@ -279,21 +278,23 @@ def generate_travel_images(destination: str) -> str:
         JSON-formatted string containing two image URLs with keys "landmark_image" and "street_scene_image"
     """
     try:
-        # Clean destination name for URL
-        clean_dest = re.sub(r"[^a-zA-Z\s]", "", destination).strip().replace(" ", "%20")
+        # Use Lorem Picsum for reliable random images with unique seeds
+        import hashlib
+        seed1 = int(hashlib.md5(f"{destination}-landmark".encode()).hexdigest()[:8], 16) % 1000
+        seed2 = int(hashlib.md5(f"{destination}-street".encode()).hexdigest()[:8], 16) % 1000
         
-        landmark_url = f"https://source.unsplash.com/800x600/?{clean_dest},landmark,architecture,travel"
-        street_url = f"https://source.unsplash.com/800x600/?{clean_dest},street,people,culture,travel"
+        landmark_url = f"https://picsum.photos/seed/{seed1}/800/600"
+        street_url = f"https://picsum.photos/seed/{seed2}/800/600"
         
         return json.dumps({
             "landmark_image": landmark_url,
             "street_scene_image": street_url
         })
     except Exception as e:
-        # Fallback to generic travel images
+        # Fallback to generic images
         return json.dumps({
-            "landmark_image": "https://source.unsplash.com/800x600/?europe,landmark,travel",
-            "street_scene_image": "https://source.unsplash.com/800x600/?europe,street,people"
+            "landmark_image": "https://picsum.photos/800/600?random=1",
+            "street_scene_image": "https://picsum.photos/800/600?random=2"
         })
 
 
@@ -329,56 +330,58 @@ def assemble_catalogue(
     # Parse image URLs
     try:
         images = json.loads(image_urls_json)
-        img1 = images.get("landmark_image", "https://source.unsplash.com/800x600/?travel,landmark")
-        img2 = images.get("street_scene_image", "https://source.unsplash.com/800x600/?travel,street")
+        img1 = images.get("landmark_image", "https://picsum.photos/800/600?random=1")
+        img2 = images.get("street_scene_image", "https://picsum.photos/800/600?random=2")
     except:
-        img1 = "https://source.unsplash.com/800x600/?travel,landmark"
-        img2 = "https://source.unsplash.com/800x600/?travel,street"
+        img1 = "https://picsum.photos/800/600?random=1"
+        img2 = "https://picsum.photos/800/600?random=2"
     
     # Count days in itinerary
     day_count = len(re.findall(r'DAY\s+\d+', itinerary))
     
-    return f"""# 🌍 {destination} Travel Catalogue
+    # Build catalogue with proper Gradio-compatible Markdown
+    catalogue = f"""# 🌍 {destination} Travel Catalogue
+
 *Planned from {origin} • {dates} • {budget_summary}*
 
 ---
 
 ## ⏰ Time Zone Adjustment
+
 {timezone_info}
 
 ---
 
 ## 🌤️ Weather Forecast & Packing Guidance
+
 {weather}
 
 ---
 
 ## 🗓️ Your Personalized {day_count}-Day Itinerary
+
 {itinerary}
 
 ---
 
 ## 🎒 Complete Packing Checklist
+
 {packing_list}
 
 ---
 
 ## 📸 Visual Inspiration
 
-<div style="display: flex; gap: 20px; margin: 20px 0;">
-<div style="flex: 1; text-align: center;">
-<img src="{img1}" alt="{destination} landmark" style="max-width: 100%; border-radius: 8px; box-shadow: 0 4px 8px rgba(0,0,0,0.1);">
-<p><em>Iconic {destination} landmark</em></p>
-</div>
-<div style="flex: 1; text-align: center;">
-<img src="{img2}" alt="{destination} street scene" style="max-width: 100%; border-radius: 8px; box-shadow: 0 4px 8px rgba(0,0,0,0.1);">
-<p><em>Vibrant local atmosphere</em></p>
-</div>
-</div>
+![{destination} Landmark]({img1})
+*Iconic {destination} landmark*
+
+![{destination} Street Scene]({img2})
+*Vibrant local atmosphere*
 
 ---
 
 > 💡 **Travel Pro Tips**
+> 
 > • Download offline Google Maps before departure
 > • Learn 5 basic phrases in the local language
 > • Keep digital copies of passport/insurance in cloud storage
@@ -389,6 +392,7 @@ def assemble_catalogue(
 
 **Happy Travels! ✈️**
 """
+    return catalogue
 
 
 # ======================