even for the correct answer, the system should provide a rationale as to

src/ai/dev.ts

@@ -1,6 +1,9 @@
+
 import { config } from 'dotenv';
 config();
 
 import '@/ai/flows/summarize-image.ts';
 import '@/ai/flows/generate-mcq.ts';
 import '@/ai/flows/explain-incorrect-answer-flow.ts';
+import '@/ai/flows/explain-correct-answer-flow.ts';
+

src/ai/flows/explain-correct-answer-flow.ts

@@ -0,0 +1,57 @@
+
+'use server';
+/**
+ * @fileOverview Provides an explanation for why a selected MCQ answer is correct.
+ *
+ * - explainCorrectAnswer - A function that generates an explanation for a correct MCQ answer.
+ * - ExplainCorrectAnswerInput - The input type for the explainCorrectAnswer function.
+ * - ExplainCorrectAnswerOutput - The return type for the explainCorrectAnswer function.
+ */
+
+import {ai} from '@/ai/genkit';
+import {z} from 'genkit';
+
+const ExplainCorrectAnswerInputSchema = z.object({
+  question: z.string().describe('The multiple-choice question that was asked.'),
+  options: z.array(z.string()).describe('All the options provided for the question.'),
+  correctAnswer: z.string().describe('The actual correct answer to the question.'),
+});
+export type ExplainCorrectAnswerInput = z.infer<typeof ExplainCorrectAnswerInputSchema>;
+
+const ExplainCorrectAnswerOutputSchema = z.object({
+  explanation: z.string().describe('The explanation of why the answer is correct.'),
+});
+export type ExplainCorrectAnswerOutput = z.infer<typeof ExplainCorrectAnswerOutputSchema>;
+
+export async function explainCorrectAnswer(input: ExplainCorrectAnswerInput): Promise<ExplainCorrectAnswerOutput> {
+  return explainCorrectAnswerFlow(input);
+}
+
+const prompt = ai.definePrompt({
+  name: 'explainCorrectAnswerPrompt',
+  input: {schema: ExplainCorrectAnswerInputSchema},
+  output: {schema: ExplainCorrectAnswerOutputSchema},
+  prompt: `You are an expert educator. The following multiple-choice question was asked:
+Question: "{{question}}"
+Options:
+{{#each options}}
+- {{this}}
+{{/each}}
+The correct answer is "{{correctAnswer}}".
+
+Explain concisely why "{{correctAnswer}}" is the correct choice for the question.
+Your explanation should be helpful for the student to understand the concept.
+`,
+});
+
+const explainCorrectAnswerFlow = ai.defineFlow(
+  {
+    name: 'explainCorrectAnswerFlow',
+    inputSchema: ExplainCorrectAnswerInputSchema,
+    outputSchema: ExplainCorrectAnswerOutputSchema,
+  },
+  async input => {
+    const {output} = await prompt(input);
+    return output!;
+  }
+);

src/components/chatbot/chatbot.tsx

@@ -8,6 +8,7 @@ import { ScrollArea } from '@/components/ui/scroll-area';
 import { Skeleton } from '@/components/ui/skeleton';
 import { generateMCQ, type GenerateMCQOutput } from '@/ai/flows/generate-mcq';
 import { explainIncorrectAnswer } from '@/ai/flows/explain-incorrect-answer-flow';
+import { explainCorrectAnswer } from '@/ai/flows/explain-correct-answer-flow'; // New import
 import type { ChatMessage as ChatMessageType } from '@/types';
 import { ChatMessage } from './chat-message';
 import { useToast } from '@/hooks/use-toast';
@@ -44,7 +45,7 @@ export function Chatbot({ imageDataUri, journeyTitle }: ChatbotProps) {
     setIsAwaitingAnswer(false);
     setHasAnsweredCorrectly(false);
     setCurrentMCQ(null); 
-    setIncorrectAttempts([]); // Reset incorrect attempts for the new question
+    setIncorrectAttempts([]); 
 
     try {
       const mcqData = await generateMCQ({ imageDataUri });
@@ -107,10 +108,24 @@ export function Chatbot({ imageDataUri, journeyTitle }: ChatbotProps) {
 
     if (isCorrect) {
       addMessage({ sender: 'ai', type: 'feedback', text: "That's correct! Well done.", isCorrect: true });
+      setIsLoading(true);
+      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:", 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 for next question
+      setIncorrectAttempts([]); 
+      setIsLoading(false);
     } else {
-      setIncorrectAttempts(prev => [...prev, option]); // Add to incorrect attempts
+      setIncorrectAttempts(prev => [...prev, option]); 
       setIsLoading(true);
       try {
         const explanationResult = await explainIncorrectAnswer({
@@ -121,7 +136,7 @@ export function Chatbot({ imageDataUri, journeyTitle }: ChatbotProps) {
         });
         addMessage({ sender: 'ai', type: 'feedback', text: explanationResult.explanation, isCorrect: false });
       } catch (error) {
-        console.error("Error fetching explanation:", 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 });