Update main.js

main.js

@@ -113,23 +113,79 @@ document.addEventListener('DOMContentLoaded', () => {
     }
 
     function handleSearch() {
-        const searchTerm = userInput.value.trim();
-        if (!searchTerm) return;
-        addUserMessage(searchTerm);
-        userInput.value = '';
-        if (poisData.length === 0) return addAIMessage("Location data is still loading. Please try again in a moment.");
+    const searchTerm = userInput.value.trim();
+    if (!searchTerm) return;
+
+    addUserMessage(searchTerm);
+    userInput.value = '';
+
+    // Keywords to help decide if this is a local search
+    const searchKeywords = ['search', 'find', 'show', 'where is', 'landmark', 'park', 'beach', 'hollywood', 'map', 'navigate'];
+
+    // Check if the user's message contains any of our local search keywords
+    const isLocalSearch = searchKeywords.some(keyword => searchTerm.toLowerCase().includes(keyword));
+
+    if (isLocalSearch) {
+        // --- LOGIC FOR LOCAL SEARCH (same as before) ---
+        if (poisData.length === 0) {
+            return addAIMessage("Location data is still loading. Please try again in a moment.");
+        }
         const results = poisData.filter(poi =>
             poi.name.toLowerCase().includes(searchTerm.toLowerCase()) ||
             (poi.description && poi.description.toLowerCase().includes(searchTerm.toLowerCase()))
         );
+
         if (results.length > 0) {
-            let response = `I found ${results.length} result(s):<ul>`;
-            results.forEach(poi => { response += `<li class="mt-2 list-disc list-inside">${poi.name}</li>`; });
-            response += "</ul>";
-            addAIMessage(response);
+            let responseMessage = `I found ${results.length} local result(s):<ul>`;
+            results.forEach(poi => { responseMessage += `<li class="mt-2 list-disc list-inside">${poi.name}</li>`; });
+            responseMessage += "</ul>";
+            addAIMessage(responseMessage);
         } else {
-            addAIMessage(`Sorry, I couldn't find anything matching "${searchTerm}".`);
+            addAIMessage(`Sorry, I couldn't find any local places matching "${searchTerm}".`);
         }
+
+    } else {
+        // --- NEW LOGIC: ASK THE GEMINI AI ---
+        // 1. Show a temporary "thinking" message for better UX
+        addAIMessage("AI is thinking...");
+
+        // 2. Call your backend's new "/api/ask" endpoint
+        fetch(`${config.backendUrl}/api/ask`, {
+            method: 'POST',
+            headers: {
+                'Content-Type': 'application/json'
+            },
+            body: JSON.stringify({ prompt: searchTerm }) // Send the user's message
+        })
+        .then(response => {
+            if (!response.ok) {
+                throw new Error('Network response was not ok');
+            }
+            return response.json();
+        })
+        .then(data => {
+            // 3. Find the "AI is thinking..." message and replace its content with the real response
+            const chatContainer = aiAssistant.querySelector('.flex-col');
+            const thinkingMessage = Array.from(chatContainer.querySelectorAll('.assistant-message')).pop();
+            
+            if (thinkingMessage && thinkingMessage.textContent.includes("AI is thinking...")) {
+                thinkingMessage.querySelector('p').innerHTML = data.response.replace(/\n/g, '<br>'); // Update the message and format newlines
+            } else {
+                addAIMessage(data.response.replace(/\n/g, '<br>')); // Fallback: just add a new message
+            }
+        })
+        .catch(error => {
+            console.error('Error asking AI:', error);
+            // 4. If there was an error, replace the "thinking" message with an error message
+            const chatContainer = aiAssistant.querySelector('.flex-col');
+            const thinkingMessage = Array.from(chatContainer.querySelectorAll('.assistant-message')).pop();
+
+            if (thinkingMessage && thinkingMessage.textContent.includes("AI is thinking...")) {
+                 thinkingMessage.querySelector('p').innerHTML = "Sorry, I had trouble connecting to the AI. Please try again.";
+            } else {
+                addAIMessage("Sorry, I had trouble connecting to the AI. Please try again.");
+            }
+        });
     }
     
     // --- EVENT LISTENERS ---