feat: Add overlay visibility tracking to MatchingPairs game logic

backend/experiment/rules/matching_pairs.py

@@ -140,6 +140,7 @@ def calculate_intermediate_score(self, session, result):
         second_card = result_data["second_card"]
         second_section = Section.objects.get(pk=second_card["id"])
         second_card["filename"] = str(second_section.filename)
+        overlay_was_shown = result_data["overlay_was_shown"]
         if first_section.group == second_section.group:
             if "seen" in second_card and second_card["seen"]:
                 score = 20

frontend/src/components/MatchingPairs/MatchingPairs.tsx

@@ -52,6 +52,7 @@ const MatchingPairs = ({
     const [score, setScore] = useState<number | null>(null);
     const [total, setTotal] = useState(bonusPoints);
     const [startOfTurn, setStartOfTurn] = useState(performance.now());
+    const [overlayWasShown, setOverlayWasShown] = useState(false);
 
     // New state to track card states
     const [sections, setSections] = useState(() => initialSections.map(section => ({
@@ -191,14 +192,15 @@ const MatchingPairs = ({
                     const scoreResponse = await scoreIntermediateResult({
                         session,
                         participant,
-                        result: { "start_of_turn": startOfTurn, first_card: firstCard, second_card: currentCard }
+                        result: { "start_of_turn": startOfTurn, first_card: firstCard, second_card: currentCard, overlay_was_shown: overlayWasShown, },
                     });
                     if (!scoreResponse) {
                         throw new Error('We cannot currently proceed with the game. Try again later');
                     }
                     setScore(scoreResponse.score);
                     showFeedback(scoreResponse.score);
-                    showOverlay(scoreResponse.score);
+                    const isShowingOverlay = showOverlay(scoreResponse.score);
+                    setOverlayWasShown(isShowingOverlay);
                 } catch {
                     setError('We cannot currently proceed with the game. Try again later');
                     return;