Update app.py

app.py

@@ -6,7 +6,7 @@ import requests
 
 # Configurazione API
 GEMINI_KEY = os.getenv("GEMINI")
-UNSPLASH_KEY = os.getenv("UNSPLASH_ACCESS")  # Usa la tua chiave Unsplash
+UNSPLASH_KEY = os.getenv("UNSPLASH_ACCESS")
 genai.configure(api_key=GEMINI_KEY)
 model = genai.GenerativeModel('gemini-pro')
 
@@ -22,7 +22,6 @@ CSS = """
 body {
     background: var(--background);
     font-family: 'Segoe UI', system-ui, sans-serif;
-    min-height: 100vh;
     margin: 0;
     padding: 20px;
 }
@@ -65,7 +64,6 @@ body {
     padding: 15px 20px;
     border-radius: 15px 15px 0 15px;
     margin: 10px 0 10px 30%;
-    position: relative;
     animation: slideIn 0.3s ease;
 }
 
@@ -75,7 +73,6 @@ body {
     border-radius: 15px 15px 15px 0;
     margin: 10px 30% 10px 0;
     border: 1px solid #E0E0E0;
-    position: relative;
     animation: fadeIn 0.5s ease;
 }
 
@@ -84,7 +81,7 @@ body {
     padding: 0;
     border-radius: 12px;
     margin: 15px 0;
-    box-shadow: 0 3px 10px rgba(0,0,0,0.05);
+    box-shadow: 0 3px 6px rgba(0,0,0,0.1);
     transition: transform 0.2s;
 }
 
@@ -104,7 +101,6 @@ body {
     width: 100%;
     height: 100%;
     object-fit: cover;
-    transition: transform 0.3s ease;
 }
 
 .logo-badge {
@@ -114,10 +110,10 @@ body {
     background: rgba(255,255,255,0.9);
     padding: 5px 10px;
     border-radius: 20px;
+    font-size: 0.8em;
     display: flex;
     align-items: center;
     gap: 5px;
-    font-size: 0.8em;
 }
 
 .card-content {
@@ -131,9 +127,8 @@ body {
 }
 
 .link {
-    color: var(--secondary) !important;
+    color: var(--secondary);
     text-decoration: none;
-    font-weight: 500;
     display: inline-flex;
     align-items: center;
     gap: 5px;
@@ -148,17 +143,6 @@ body {
     from { opacity: 0; transform: translateY(10px); }
     to { opacity: 1; transform: translateY(0); }
 }
-
-@media (max-width: 600px) {
-    .gradio-container {
-        border-radius: 0;
-    }
-    
-    .msg-user, .msg-bot {
-        margin-left: 10%;
-        margin-right: 10%;
-    }
-}
 """
 
 class ChatManager:
@@ -180,65 +164,53 @@ class ChatManager:
             }
             response = requests.get(url, headers=headers, params=params)
             results = response.json().get('results', [])
-            return results[0]['urls']['regular'] if results else None
+            if results:
+                return {
+                    "image": results[0]['urls']['regular'],
+                    "credit": results[0]['user']['name']
+                }
+            return None
         except:
             return None
     
     def format_response(self, response):
-        categories = {}
+        html = ""
         current_category = None
         
         lines = response.split('\n')
         for line in lines:
             if line.startswith('## '):
                 current_category = line.replace('## ', '').strip()
-                categories[current_category] = []
+                html += f"<h2 style='color: var(--primary); margin-top: 30px;'>{current_category}</h2>"
             elif line.startswith('- **'):
                 parts = re.split(r'\*\*:?|\*', line)
                 if len(parts) > 2:
                     name = parts[1].strip()
-                    desc = parts[2].strip()
+                    details = parts[2].split('•')
                     
-                    # Estrai prezzi e link
-                    price = re.search(r'💰 (.*?)(?=\s*•|$)', desc)
-                    link = re.search(r'(https?://\S+)', desc)
+                    price = next((d.replace('💰', '').strip() for d in details if '💰' in d), None)
+                    link = next((d.strip() for d in details if 'http' in d), None)
+                    desc = ' • '.join([d.strip() for d in details if '💰' not in d and 'http' not in d])
                     
-                    categories[current_category].append({
-                        "name": name,
-                        "description": re.sub(r'💰.*?• |https?://\S+', '', desc).strip(),
-                        "price": price.group(1) if price else None,
-                        "link": link.group(1) if link else None,
-                        "image": self.get_place_image(name)
-                    })
-        
-        html = ""
-        for category, items in categories.items():
-            section = f"""
-            <div class='category'>
-                <div class='category-title'>{category}</div>
-            """
-            
-            for item in items:
-                section += f"""
-                <div class='card'>
-                    <div class='image-container'>
-                        <img src='{item["image"] or "https://via.placeholder.com/400x200?text=Immagine+non+disponibile"}' 
-                             class='place-image'
-                             alt='{item["name"]}'>
-                    </div>
-                    <div class='card-content'>
-                        <h3>{item["name"]}</h3>
-                        <p>{item["description"]}</p>
-                        {f"<p class='price'>💰 {item['price']}</p>" if item['price'] else ''}
-                        {f"<a href='{item['link']}' class='link' target='_blank'>🌐 Sito Ufficiale</a>" if item['link'] else ''}
+                    image_data = self.get_place_image(name)
+                    
+                    html += f"""
+                    <div class='card'>
+                        <div class='image-container'>
+                            <img src='{image_data['image'] if image_data else 'https://via.placeholder.com/400x200?text=Immagine+non+disponibile'}' 
+                                 class='place-image'
+                                 alt='{name}'>
+                            {f"<div class='logo-badge'>📸 {image_data['credit']}</div>" if image_data else ''}
+                        </div>
+                        <div class='card-content'>
+                            <h3>{name}</h3>
+                            <p>{desc}</p>
+                            {f"<p class='price'>💰 {price}</p>" if price else ''}
+                            {f"<a href='{link}' class='link' target='_blank'>🌐 Sito Ufficiale</a>" if link else ''}
+                        </div>
                     </div>
-                </div>
-                """
-            
-            section += "</div>"
-            html += section
-        
-        return html if html else response
+                    """
+        return html
 
 chat_manager = ChatManager()
 
@@ -250,22 +222,22 @@ def respond(message, chat_history):
         chat_manager.context["city"] = city
     
     if not chat_manager.context["city"]:
-        bot_response = "🌍 Per favore dimmi prima di quale città vuoi informazioni!"
+        bot_response = "🌍 Per favore dimmi di quale città vuoi informazioni!"
         chat_history[-1] = (message, bot_response)
         return "", chat_history
     
     prompt = f"""
     Sei un esperto guida turistica per {chat_manager.context["city"]}. 
-    Rispondi in italiano strutturando la risposta in markdown con:
+    Fornisci raccomandazioni in italiano con formato:
     
     ## Cose da Vedere
-    - **Nome Luogo** 💰 Prezzo (se disponibile) • Descrizione breve (max 30 parole) • https://link.com
+    - **Nome Luogo** • Descrizione breve (max 30 parole) 💰 Prezzo • https://link.com
     ## Dove Mangiare
-    - **Nome Ristorante** 💰 Fascia prezzi • Specialità • https://link.com
+    - **Nome Ristorante** • Specialità 💰 Fascia prezzi • https://link.com
     ## Dove Dormire
-    - **Nome Alloggio** 💰 Prezzo per notte • Servizi • https://link.com
+    - **Nome Alloggio** • Servizi offerti 💰 Prezzo per notte • https://link.com
     ## Itinerari
-    - **1 Giorno**: Attività principali
+    - **1 Giorno**: Attrazioni principali
     - **2 Giorni**: Estensione itinerario
     """
     
@@ -294,21 +266,20 @@ with gr.Blocks(css=CSS) as app:
                     </svg>
                     Travel Assistant PRO
                 </h1>
-                <p>Scopri il mondo con la nostra AI guidata</p>
+                <p>La tua guida turistica intelligente</p>
             </div>
         """)
         
         chatbot = gr.Chatbot(
             label="Chat",
             elem_classes="chat-container",
-            value=[[None, "Ciao! 🌍 Dimmi la città che vuoi esplorare"]],
+            avatar_images=(None, "https://i.ibb.co/8XJp0dN/bot-avatar.png"),
             show_label=False
         )
         
         with gr.Row():
             msg = gr.Textbox(
-                label="",
-                placeholder="Scrivi qui la tua richiesta...",
+                placeholder="✍️ Scrivi qui la tua richiesta...",
                 show_label=False,
                 container=False
             )