Update static/script.js

static/script.js

@@ -41,26 +41,24 @@ function handleResponse(userInput) {
     let botResponse = '';
     let options = [];
 
-    if (conversation.length === 2) { // After name input
+    // Handle name input (first user response after bot's greeting)
+    if (conversation.length === 2 && conversation[0].role === 'bot' && conversation[0].message.includes('May I know your name?')) {
         botResponse = `Nice to meet you, ${userInput}! 😊 Let's create your perfect meal! What type of food would you prefer?`;
         options = [
             { text: 'Vegetarian', class: 'green' },
             { text: 'Non-Vegetarian', class: 'red' }
         ];
     } else if (lastMessage.includes('non-vegetarian')) {
-        conversation.push({ role: 'user', message: 'Non-Vegetarian' });
         console.log("Food preference selected: Non-Vegetarian");
         botResponse = 'Great choice! 🍽️ Please select a non-vegetarian option:';
         fetchIngredients('non-vegetarian');
         return;
     } else if (lastMessage.includes('vegetarian')) {
-        conversation.push({ role: 'user', message: 'Vegetarian' });
         console.log("Food preference selected: Vegetarian");
         botResponse = 'Great choice! 🍽️ Here are some vegetarian ingredients:';
         fetchIngredients('vegetarian');
         return;
     } else if (lastMessage.includes('chicken') || lastMessage.includes('beef') || lastMessage.includes('lamb')) {
-        conversation.push({ role: 'user', message: lastMessage });
         console.log(`Non-veg option selected: ${lastMessage}`);
         botResponse = `Great! Here are some ${lastMessage} ingredients available:`;
         fetchIngredients(lastMessage.toLowerCase());
@@ -77,6 +75,15 @@ function handleResponse(userInput) {
             { text: 'No', class: 'red' }
         ];
         selectedMenuItem = null;
+    } else {
+        // Fallback for unrecognized input
+        botResponse = "Sorry, I didn't understand that. Could you please clarify or choose an option?";
+        if (conversation.length === 2) {
+            options = [
+                { text: 'Vegetarian', class: 'green' },
+                { text: 'Non-Vegetarian', class: 'red' }
+            ];
+        }
     }
 
     addMessage('bot', botResponse);
@@ -305,7 +312,7 @@ function displayCustomizationInput() {
         return;
     }
 
-    let customizationArea = document.query|:querySelector('.customization-input');
+    let customizationArea = document.querySelector('.customization-input');
     if (!customizationArea) {
         customizationArea = document.createElement('div');
         customizationArea.className = 'customization-input';