Update main.js

main.js

@@ -29,6 +29,8 @@ document.addEventListener('DOMContentLoaded', () => {
     const settingsBtn = document.getElementById('settingsBtn');
     const settingsModal = document.getElementById('settingsModal');
     const closeSettingsModal = document.getElementById('closeSettingsModal');
+    const aerodeckSection = document.getElementById('aerodeckSection');
+    const aerodeckList = document.getElementById('aerodeckList');
 
     // --- CORE & UI FUNCTIONS ---
 
@@ -84,60 +86,45 @@ document.addEventListener('DOMContentLoaded', () => {
     }
     
     function showObjectInfo(poiId) {
-    // Show loading text while we fetch data
-    objectTitle.textContent = 'Loading...';
-    objectDescription.textContent = '';
-    
-    // Hide the AeroDeck section initially
-    const aerodeckSection = document.getElementById('aerodeckSection');
-    aerodeckSection.classList.add('hidden');
-
-    // Fetch data for the SINGLE POI from our new backend route
-    fetch(`${config.backendUrl}/api/pois/${poiId}`)
-        .then(response => {
-            if (!response.ok) throw new Error('POI not found');
-            return response.json();
-        })
-        .then(data => {
-            // Populate the main POI info
-            objectTitle.textContent = data.name;
-            objectDescription.textContent = data.description || "No description available.";
-            objectImage.src = `https://via.placeholder.com/300x200?text=${encodeURIComponent(data.name)}`;
-
-            // Check if there is AeroDeck data in the response
-            if (data.aerodecks && data.aerodecks.length > 0) {
-                const aerodeckList = document.getElementById('aerodeckList');
-                aerodeckList.innerHTML = ''; // Clear any old list items
+        objectTitle.textContent = 'Loading...';
+        objectDescription.textContent = '';
+        aerodeckSection.classList.add('hidden');
 
-                // Loop through each AeroDeck and create an HTML element for it
-                data.aerodecks.forEach(deck => {
-                    const itemElement = document.createElement('div');
-                    itemElement.className = 'flex justify-between items-center p-2 bg-gray-100 rounded';
-                    
-                    const statusColor = deck.status === 'Operational' ? 'text-green-500' : 'text-orange-500';
-
-                    itemElement.innerHTML = `
-                        <div>
-                            <div class="font-medium">${deck.deck_name}</div>
-                            <div class="text-sm text-gray-600">Size: ${deck.size_meters}m | Charging: ${deck.is_charging_available ? 'Yes' : 'No'}</div>
-                        </div>
-                        <div class="font-bold text-sm ${statusColor}">${deck.status}</div>
-                    `;
-                    aerodeckList.appendChild(itemElement);
-                });
-
-                // Make the whole AeroDeck section visible
-                aerodeckSection.classList.remove('hidden');
-            }
+        fetch(`${config.backendUrl}/api/pois/${poiId}`)
+            .then(response => {
+                if (!response.ok) throw new Error('POI not found');
+                return response.json();
+            })
+            .then(data => {
+                objectTitle.textContent = data.name;
+                objectDescription.textContent = data.description || "No description available.";
+                objectImage.src = `https://via.placeholder.com/300x200?text=${encodeURIComponent(data.name)}`;
+                
+                if (data.aerodecks && data.aerodecks.length > 0) {
+                    aerodeckList.innerHTML = '';
+                    data.aerodecks.forEach(deck => {
+                        const itemElement = document.createElement('div');
+                        itemElement.className = 'flex justify-between items-center p-2 bg-gray-100 rounded';
+                        const statusColor = deck.status === 'Operational' ? 'text-green-500' : 'text-orange-500';
+                        itemElement.innerHTML = `
+                            <div>
+                                <div class="font-medium">${deck.deck_name}</div>
+                                <div class="text-sm text-gray-600">Size: ${deck.size_meters}m | Charging: ${deck.is_charging_available ? 'Yes' : 'No'}</div>
+                            </div>
+                            <div class="font-bold text-sm ${statusColor}">${deck.status}</div>
+                        `;
+                        aerodeckList.appendChild(itemElement);
+                    });
+                    aerodeckSection.classList.remove('hidden');
+                }
+                objectModal.classList.remove('hidden');
+            })
+            .catch(error => {
+                console.error("Error fetching POI details:", error);
+                alert("Could not load details for this location.");
+            });
+    }
 
-            // Finally, show the fully populated modal
-            objectModal.classList.remove('hidden');
-        })
-        .catch(error => {
-            console.error("Error fetching POI details:", error);
-            alert("Could not load details for this location.");
-        });
-}
     function addUserMessage(message) {
         const chatContainer = aiAssistant.querySelector('.flex-col');
         const msg = `<div class="ai-message user-message"><p>${message}</p></div>`;
@@ -153,6 +140,7 @@ document.addEventListener('DOMContentLoaded', () => {
     }
 
     function handleSearch() {
+        // This is the latest, most forgiving search function
         const searchTerm = userInput.value.trim();
         if (!searchTerm) return;
         addUserMessage(searchTerm);
@@ -162,16 +150,12 @@ document.addEventListener('DOMContentLoaded', () => {
         if (isLocalSearch) {
             const stopWords = ['show', 'me', 'find', 'is', 'a', 'the', 'for', 'where', 'search', 'of', 'at'];
             const searchTokens = searchTerm.toLowerCase().split(' ').filter(word => !stopWords.includes(word) && word.length > 2);
-            if (searchTokens.length === 0) {
-                return addAIMessage("Please be more specific in your local search.");
-            }
+            if (searchTokens.length === 0) return addAIMessage("Please be more specific in your local search.");
             const results = poisData.filter(poi => {
                 const poiText = (poi.name + ' ' + (poi.description || '')).toLowerCase();
                 return searchTokens.some(token => {
                     if (poiText.includes(token)) return true;
-                    if (token.endsWith('s')) {
-                        return poiText.includes(token.slice(0, -1));
-                    }
+                    if (token.endsWith('s')) return poiText.includes(token.slice(0, -1));
                     return false;
                 });
             });