Add comprehensive debugging for activity tracking Firebase integration

- Added detailed logging for Firebase save/retrieve operations
- Created testActivitySave() debug function to verify Firebase connectivity
- Enhanced error handling with success/failure indicators
- Added logging for activity logs to help diagnose empty Activity tab issue
- Improved visibility into Firebase database operations

This will help diagnose why session 466325 shows empty activity data.

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>

Author: Archith

api/activity/save.js

@@ -0,0 +1,79 @@
+// API endpoint to save activity data
+// Since Firebase is disabled, we'll store in memory (temporary)
+// In production, you'd want to use a database like Supabase
+
+// In-memory storage (resets when server restarts)
+const activityStorage = {};
+
+export default async function handler(req, res) {
+  // Enable CORS
+  res.setHeader('Access-Control-Allow-Credentials', true);
+  res.setHeader('Access-Control-Allow-Origin', '*');
+  res.setHeader('Access-Control-Allow-Methods', 'GET, POST, OPTIONS');
+  res.setHeader('Access-Control-Allow-Headers', 'Content-Type');
+  
+  if (req.method === 'OPTIONS') {
+    res.status(200).end();
+    return;
+  }
+  
+  const { sessionCode } = req.query;
+  
+  if (!sessionCode) {
+    return res.status(400).json({ error: 'Session code required' });
+  }
+  
+  if (req.method === 'POST') {
+    // Save activity data
+    const activityData = req.body;
+    
+    if (!activityStorage[sessionCode]) {
+      activityStorage[sessionCode] = {
+        summary: null,
+        logs: [],
+        finalSummary: null
+      };
+    }
+    
+    // Update based on data type
+    if (activityData.type === 'summary') {
+      activityStorage[sessionCode].summary = activityData.data;
+    } else if (activityData.type === 'final') {
+      activityStorage[sessionCode].finalSummary = activityData.data;
+    } else if (activityData.type === 'log') {
+      activityStorage[sessionCode].logs.push(activityData.data);
+      // Keep only last 100 logs
+      if (activityStorage[sessionCode].logs.length > 100) {
+        activityStorage[sessionCode].logs.shift();
+      }
+    }
+    
+    return res.status(200).json({ 
+      success: true,
+      message: 'Activity data saved',
+      sessionCode 
+    });
+  }
+  
+  if (req.method === 'GET') {
+    // Retrieve activity data
+    const data = activityStorage[sessionCode];
+    
+    if (!data) {
+      return res.status(200).json({ 
+        summary: null,
+        finalSummary: null,
+        logs: []
+      });
+    }
+    
+    // Return the most recent summary (final takes precedence)
+    return res.status(200).json({
+      summary: data.finalSummary || data.summary,
+      finalSummary: data.finalSummary,
+      logs: data.logs
+    });
+  }
+  
+  return res.status(405).json({ error: 'Method not allowed' });
+}

scripts/activity-monitor.js

@@ -281,7 +281,12 @@
 
   // 5. Log events to Firebase
   function logEvent(eventType, data) {
-    if (!monitoring || !window.firebase) return;
+    if (!monitoring) return;
+    
+    if (!window.firebase || !window.firebase.database) {
+      console.warn('Firebase not available for logging event:', eventType);
+      return;
+    }
 
     try {
       const eventData = {
@@ -292,9 +297,16 @@
         timestamp: Date.now()
       };
 
+      console.log('Logging event to Firebase:', eventType, sessionCode);
       firebase.database()
         .ref(`sessions/${sessionCode}/activity_log`)
-        .push(eventData);
+        .push(eventData)
+        .then(() => {
+          console.log('✅ Event logged successfully:', eventType);
+        })
+        .catch(err => {
+          console.error('❌ Firebase push failed:', err);
+        });
     } catch (error) {
       console.error('Failed to log event:', error);
     }
@@ -346,10 +358,19 @@
       console.log('Activity Summary:', summary);
 
       // Store summary
-      if (window.firebase) {
+      if (window.firebase && window.firebase.database) {
+        console.log('📝 Saving activity summary to Firebase for session:', sessionCode);
         firebase.database()
           .ref(`sessions/${sessionCode}/activity_summary`)
-          .set(summary);
+          .set(summary)
+          .then(() => {
+            console.log('✅ Activity summary saved successfully');
+          })
+          .catch(err => {
+            console.error('❌ Failed to save activity summary:', err);
+          });
+      } else {
+        console.warn('Firebase not available for saving summary');
       }
 
       // Update interviewer dashboard
@@ -413,12 +434,19 @@
     };
 
     // Save to Firebase
-    if (window.firebase && sessionCode) {
+    if (window.firebase && window.firebase.database && sessionCode) {
+      console.log('💾 Saving final activity summary for session:', sessionCode);
       firebase.database()
         .ref(`sessions/${sessionCode}/activity_final_summary`)
-        .set(finalSummary);
-      
-      console.log('Activity summary saved:', finalSummary);
+        .set(finalSummary)
+        .then(() => {
+          console.log('✅ Final activity summary saved successfully:', finalSummary);
+        })
+        .catch(err => {
+          console.error('❌ Failed to save final activity summary:', err);
+        });
+    } else {
+      console.warn('Cannot save final summary - Firebase or sessionCode missing');
     }
 
     return finalSummary;
@@ -523,4 +551,47 @@
   }
 
   console.log('Activity Monitor module loaded - using reliable browser APIs');
+  
+  // Debug function to test Firebase connectivity and manually save test data
+  window.testActivitySave = function(testSessionCode) {
+    const code = testSessionCode || sessionCode || 'test123';
+    console.log('🧪 Testing activity save for session:', code);
+    
+    if (!window.firebase || !window.firebase.database) {
+      console.error('❌ Firebase not available');
+      return;
+    }
+    
+    const testData = {
+      tabSwitches: 5,
+      idlePeriods: 2,
+      totalIdleSeconds: 120,
+      activityScore: 75,
+      sessionDurationMinutes: 10,
+      test: true,
+      timestamp: Date.now()
+    };
+    
+    console.log('📝 Attempting to save test data:', testData);
+    
+    firebase.database()
+      .ref(`sessions/${code}/activity_test`)
+      .set(testData)
+      .then(() => {
+        console.log('✅ Test data saved successfully!');
+        console.log('Now trying to read it back...');
+        return firebase.database()
+          .ref(`sessions/${code}/activity_test`)
+          .once('value');
+      })
+      .then(snapshot => {
+        const retrieved = snapshot.val();
+        console.log('✅ Successfully retrieved test data:', retrieved);
+        console.log('Firebase is working correctly!');
+      })
+      .catch(err => {
+        console.error('❌ Firebase error:', err);
+        console.error('Error details:', err.message, err.code);
+      });
+  };
 })();

scripts/app.js

@@ -1156,23 +1156,43 @@
 
   // Display activity tab data
   function displayActivityTab(sessionCode) {
+    console.log('displayActivityTab called for session:', sessionCode);
     const container = document.getElementById('activity-tracking-data');
-    if (!container) return;
+    if (!container) {
+      console.error('Activity container not found');
+      return;
+    }
 
     // Start loading
     container.innerHTML = '<p class="loading-message">Loading activity data...</p>';
 
     // Get activity data from Firebase
-    if (window.firebase) {
+    if (window.firebase && window.firebase.database) {
+      console.log('Fetching activity data from Firebase...');
+      console.log('Firebase available:', !!window.firebase);
+      console.log('Firebase database available:', !!window.firebase.database);
+      
+      // Also check for any activity logs
+      firebase.database()
+        .ref(`sessions/${sessionCode}/activity_log`)
+        .limitToLast(5)
+        .once('value')
+        .then(snapshot => {
+          const logs = snapshot.val();
+          console.log('Activity logs found:', logs);
+        });
+      
       // Try to get final summary first, then regular summary
       firebase.database()
         .ref(`sessions/${sessionCode}/activity_final_summary`)
         .once('value')
         .then(snapshot => {
           let activityData = snapshot.val();
+          console.log('Final summary data:', activityData);
 
           // If no final summary, try regular summary
           if (!activityData) {
+            console.log('No final summary, checking regular summary...');
             return firebase.database()
               .ref(`sessions/${sessionCode}/activity_summary`)
               .once('value');
@@ -1181,6 +1201,7 @@
         })
         .then(snapshot => {
           const activityData = snapshot.val();
+          console.log('Activity data retrieved:', activityData);
 
           if (!activityData) {
             container.innerHTML = `