when just one right option is left and user has already given 3 wrong an

src/components/chatbot/chatbot.tsx

@@ -98,7 +98,7 @@ export function Chatbot({ imageDataUri, journeyTitle }: ChatbotProps) {
   const handleOptionSelect = async (option: string, isCorrect: boolean) => {
     if (!currentMCQ) return;
 
-    setIsAwaitingAnswer(false);
+    setIsAwaitingAnswer(false); // User has submitted an answer
 
     addMessage({
       sender: 'user',
@@ -122,31 +122,55 @@ export function Chatbot({ imageDataUri, journeyTitle }: ChatbotProps) {
         addMessage({ sender: 'ai', type: 'error', text: `Sorry, I couldn't provide an explanation for that. ${errorMsg}` });
       }
       setHasAnsweredCorrectly(true);
-      setIncorrectAttempts([]);
+      setIncorrectAttempts([]); // Clear attempts on correct answer
       setIsLoading(false);
     } else {
-      setIncorrectAttempts(prev => [...prev, option]);
+      const updatedIncorrectAttempts = [...incorrectAttempts, option];
+      setIncorrectAttempts(updatedIncorrectAttempts);
       setIsLoading(true);
-      try {
-        const explanationResult = await explainIncorrectAnswer({
-          question: currentMCQ.mcq,
-          options: currentMCQ.options,
-          selectedAnswer: option,
-          correctAnswer: currentMCQ.correctAnswer,
+
+      if (updatedIncorrectAttempts.length >= currentMCQ.options.length - 1) {
+        // All incorrect options have been tried
+        addMessage({
+          sender: 'ai',
+          type: 'feedback',
+          text: `It looks like you've tried the other options. The correct answer is "${currentMCQ.correctAnswer}".`,
+          isCorrect: true, // Marking as 'correct' flow for styling purposes of feedback
         });
-        addMessage({ sender: 'ai', type: 'feedback', text: explanationResult.explanation, isCorrect: false });
-        // Re-post the same MCQ for another attempt
-        addMessage({ sender: 'ai', type: 'mcq', mcq: currentMCQ });
-      } catch (error) {
-        console.error("Error fetching explanation for incorrect answer:", error);
-        const errorMsg = error instanceof Error ? error.message : "An unknown error occurred";
-        addMessage({ sender: 'ai', type: 'error', text: `Sorry, I couldn't explain that. ${errorMsg}` });
-        addMessage({ sender: 'ai', type: 'feedback', text: "That's not quite right. Try again!", isCorrect: false });
-        // If explanation fetch fails, still re-post MCQ
-        addMessage({ sender: 'ai', type: 'mcq', mcq: currentMCQ });
+        try {
+          const explanationResult = await explainCorrectAnswer({
+            question: currentMCQ.mcq,
+            options: currentMCQ.options,
+            correctAnswer: currentMCQ.correctAnswer,
+          });
+          addMessage({ sender: 'ai', type: 'feedback', text: explanationResult.explanation, isCorrect: true });
+        } catch (error) {
+          console.error("Error fetching correct answer explanation after exhausting options:", error);
+          const errorMsg = error instanceof Error ? error.message : "An unknown error occurred";
+          addMessage({ sender: 'ai', type: 'error', text: `Sorry, I couldn't provide an explanation for that. ${errorMsg}` });
+        }
+        setHasAnsweredCorrectly(true);
+        setIncorrectAttempts([]); // Clear attempts as the question is resolved
+      } else {
+        // Still more options to try
+        try {
+          const explanationResult = await explainIncorrectAnswer({
+            question: currentMCQ.mcq,
+            options: currentMCQ.options,
+            selectedAnswer: option,
+            correctAnswer: currentMCQ.correctAnswer,
+          });
+          addMessage({ sender: 'ai', type: 'feedback', text: explanationResult.explanation, isCorrect: false });
+          addMessage({ sender: 'ai', type: 'mcq', mcq: currentMCQ }); // Re-post the same MCQ for another attempt
+        } catch (error) {
+          console.error("Error fetching explanation for incorrect answer:", error);
+          const errorMsg = error instanceof Error ? error.message : "An unknown error occurred";
+          addMessage({ sender: 'ai', type: 'error', text: `Sorry, I couldn't explain that. ${errorMsg}` });
+          addMessage({ sender: 'ai', type: 'feedback', text: "That's not quite right. Try again!", isCorrect: false });
+          addMessage({ sender: 'ai', type: 'mcq', mcq: currentMCQ }); // If explanation fetch fails, still re-post MCQ
+        }
+        setIsAwaitingAnswer(true); // Allow another answer on the re-posted MCQ
       }
-      setHasAnsweredCorrectly(false);
-      setIsAwaitingAnswer(true);
       setIsLoading(false);
     }
   };
@@ -165,7 +189,8 @@ export function Chatbot({ imageDataUri, journeyTitle }: ChatbotProps) {
               currentMCQ &&
               msg.mcq.mcq === currentMCQ.mcq &&
               JSON.stringify(msg.mcq.options) === JSON.stringify(currentMCQ.options);
-
+            
+            // Find the index of the last message that is the current active MCQ
             const lastInstanceOfCurrentMCQIndex = messages.findLastIndex(
               (m) =>
                 m.type === 'mcq' &&
@@ -175,21 +200,25 @@ export function Chatbot({ imageDataUri, journeyTitle }: ChatbotProps) {
                 JSON.stringify(m.mcq.options) === JSON.stringify(currentMCQ.options)
             );
 
+            // This specific message should be interactive if it's the current MCQ,
+            // it's the *last* instance of that MCQ in the chat,
+            // and we are awaiting an answer for it and it hasn't been correctly answered yet.
             const shouldThisMessageBeInteractive =
               isThisMessageTheCurrentMCQ &&
               index === lastInstanceOfCurrentMCQIndex &&
-              isAwaitingAnswer &&
+              isAwaitingAnswer && 
               !hasAnsweredCorrectly;
 
             return (
               <ChatMessage
                 key={msg.id}
                 message={msg}
-                activeMCQ={currentMCQ}
+                activeMCQ={currentMCQ} // Pass currentMCQ to know its structure
                 isAwaitingActiveMCQAnswer={shouldThisMessageBeInteractive}
                 onOptionSelectActiveMCQ={handleOptionSelect}
                 incorrectAttemptsForMCQ={
-                  isThisMessageTheCurrentMCQ
+                  isThisMessageTheCurrentMCQ && // Only pass attempts for the current, active MCQ instance
+                  index === lastInstanceOfCurrentMCQIndex 
                   ? incorrectAttempts
                   : []
                 }
@@ -225,7 +254,7 @@ export function Chatbot({ imageDataUri, journeyTitle }: ChatbotProps) {
          {!imageDataUri && !isLoading && (
           <p className="text-center text-sm text-muted-foreground">Loading image, please wait...</p>
         )}
-         {!currentMCQ && !isLoading && messages.length > 0 && messages[messages.length -1]?.type !== 'error' && (
+         {!currentMCQ && !isLoading && messages.length > 0 && messages[messages.length -1]?.type !== 'error' && messages[messages.length -1]?.type !== 'text' && (
            <p className="text-center text-sm text-muted-foreground">Loading first question...</p>
          )}
       </div>