Update static/script.js

static/script.js

@@ -151,9 +151,10 @@ function handleResponse(userInput) {
         fetchMenuItems(lowerInput);
         return;
     } else {
-        botResponse = `Hmm, let’s see what I can find for "${userInput}"...`;
+        // Treat input as an item name and fetch details
+        botResponse = `Looking up details for "${userInput}"...`;
         addMessage('bot', botResponse);
-        suggestItems(userInput);
+        fetchItemDetailsByName(userInput);
         return;
     }
 
@@ -236,6 +237,27 @@ function fetchItemDetails(itemName) {
         });
 }
 
+function fetchItemDetailsByName(itemName) {
+    fetch('/get_item_details_by_name', {
+        method: 'POST',
+        headers: { 'Content-Type': 'application/json' },
+        body: JSON.stringify({ item_name: itemName })
+    })
+        .then(response => response.json())
+        .then(data => {
+            if (data.error) {
+                addMessage('bot', `Sorry, I couldn’t find "${itemName}" in Sector_Detail__c. Try another item or use the options below!`);
+            } else {
+                const details = data.item_details;
+                addMessage('bot', `Details for "${details.name}":\n- Category: ${details.category}\n- Description: ${details.description}`);
+            }
+        })
+        .catch(error => {
+            addMessage('bot', `Error fetching details for "${itemName}": ${error.message}. I’ll retry in a sec...`);
+            setTimeout(() => fetchItemDetailsByName(itemName), 2000);
+        });
+}
+
 function showDescriptionPopup(item) {
     const existingPopup = document.querySelector('.description-popup');
     if (existingPopup) existingPopup.remove();
@@ -302,7 +324,7 @@ function displayItemsList(items, containerId, isSectorDetail = false) {
         return;
     }
     container.innerHTML = '';
-    container.className = 'ingredients-list'; // Ensure horizontal scroll
+    container.className = 'ingredients-list';
 
     items.forEach(item => {
         const itemDiv = document.createElement('div');