Optimize KPI cards to request overall stats summary from /api/stats/summary and display true totals.

client/src/App.jsx

@@ -300,6 +300,7 @@ export default function App() {
   const [activityData, setActivityData] = useState([]);
   const [modActions, setModActions] = useState([]);
   const [modSummary, setModSummary] = useState([]);
+  const [statsSummary, setStatsSummary] = useState({ messages: 0, uniqueChatters: 0, mostActiveChatter: '—', voiceWordsCount: 0, modActionsCount: 0 });
   
   // RPG Mod Profiles
   const [modProfiles, setModProfiles] = useState([]);
@@ -520,6 +521,17 @@ export default function App() {
       const chattersData = await chattersRes.json();
       setChatters(Array.isArray(chattersData) ? chattersData : []);
 
+      // 1.5. Overall stream stats summary (true totals)
+      try {
+        const statsSummaryRes = await fetch(getUrl('/api/stats/summary'));
+        const statsSummaryData = await statsSummaryRes.json();
+        if (statsSummaryData && !statsSummaryData.error) {
+          setStatsSummary(statsSummaryData);
+        }
+      } catch (err) {
+        console.error('Error fetching stream stats summary:', err);
+      }
+
       // 2. Spoken voice words
       const voiceRes = await fetch(getUrl('/api/stats/words', { type: 'voice', limit: 60 }));
       const voiceData = await voiceRes.json();
@@ -613,20 +625,7 @@ export default function App() {
     });
   };
 
-  // KPI Metrics Calculation
-  const totalMessages = chatters.reduce((acc, curr) => acc + curr.message_count, 0);
-  const totalUniqueChatters = chatters.length;
-  const topChatter = chatters[0]?.display_name || '—';
-  const totalVoiceWords = voiceWords.reduce((acc, curr) => acc + curr.word_count, 0);
-  const totalModActionsCount = modActions.length;
-
-  const statsSummary = {
-    messages: totalMessages,
-    uniqueChatters: totalUniqueChatters,
-    mostActiveChatter: topChatter,
-    voiceWordsCount: totalVoiceWords,
-    modActionsCount: totalModActionsCount
-  };
+
 
   // Chart Setup
   const chartLabels = activityData.map(d => {

server/db.js

@@ -991,6 +991,90 @@ export async function getTopChatters(streamId = null, limit = 50) {
   }
 }
 
+/**
+ * Get overall summary statistics (true total metrics)
+ */
+export async function getStatsSummary(streamId = null) {
+  if (dbMode === 'sqlite') {
+    let msgCount, uniqueChatters, voiceCount, topChatter;
+    
+    if (streamId) {
+      msgCount = sqliteDb.prepare('SELECT COUNT(*) as count FROM messages WHERE stream_id = ?').get(streamId).count;
+      uniqueChatters = sqliteDb.prepare('SELECT COUNT(DISTINCT username) as count FROM messages WHERE stream_id = ?').get(streamId).count;
+      voiceCount = sqliteDb.prepare('SELECT COUNT(*) as count FROM voice_words WHERE stream_id = ?').get(streamId).count;
+      const row = sqliteDb.prepare('SELECT display_name FROM stream_viewers WHERE stream_id = ? AND has_chatted = 1 ORDER BY (SELECT COUNT(*) FROM messages m WHERE m.stream_id = ? AND m.username = stream_viewers.username) DESC LIMIT 1').get(streamId, streamId);
+      topChatter = row ? row.display_name : '—';
+    } else {
+      msgCount = sqliteDb.prepare('SELECT COUNT(*) as count FROM messages').get().count;
+      uniqueChatters = sqliteDb.prepare('SELECT COUNT(DISTINCT username) as count FROM messages').get().count;
+      voiceCount = sqliteDb.prepare('SELECT COUNT(*) as count FROM voice_words').get().count;
+      const row = sqliteDb.prepare('SELECT username FROM messages GROUP BY username ORDER BY COUNT(*) DESC LIMIT 1').get();
+      topChatter = row ? row.username : '—';
+    }
+    
+    return {
+      messages: msgCount,
+      uniqueChatters: uniqueChatters,
+      mostActiveChatter: topChatter,
+      voiceWordsCount: voiceCount
+    };
+  } else {
+    // Supabase Mode
+    let msgCountQuery = supabase.from('messages').select('*', { count: 'exact', head: true });
+    let voiceCountQuery = supabase.from('voice_words').select('*', { count: 'exact', head: true });
+    
+    if (streamId) {
+      msgCountQuery = msgCountQuery.eq('stream_id', streamId);
+      voiceCountQuery = voiceCountQuery.eq('stream_id', streamId);
+    }
+    
+    const { count: msgCount } = await msgCountQuery;
+    const { count: voiceCount } = await voiceCountQuery;
+    
+    // Unique chatters count
+    let uniqueChatters = 0;
+    if (streamId) {
+      const { count } = await supabase
+        .from('stream_chatter_stats')
+        .select('*', { count: 'exact', head: true })
+        .eq('stream_id', streamId);
+      uniqueChatters = count || 0;
+    } else {
+      const { count } = await supabase
+        .from('global_chatter_stats')
+        .select('*', { count: 'exact', head: true });
+      uniqueChatters = count || 0;
+    }
+    
+    // Top active chatter
+    let topChatter = '—';
+    if (streamId) {
+      const { data } = await supabase
+        .from('stream_chatter_stats')
+        .select('display_name')
+        .eq('stream_id', streamId)
+        .order('message_count', { ascending: false })
+        .limit(1);
+      if (data && data.length > 0) topChatter = data[0].display_name;
+    } else {
+      const { data } = await supabase
+        .from('global_chatter_stats')
+        .select('username')
+        .order('message_count', { ascending: false })
+        .limit(1);
+      if (data && data.length > 0) topChatter = data[0].username;
+    }
+    
+    return {
+      messages: msgCount || 0,
+      uniqueChatters: uniqueChatters,
+      mostActiveChatter: topChatter,
+      voiceWordsCount: voiceCount || 0
+    };
+  }
+}
+
+
 /**
  * Get top spoken words
  */

server/server.js

@@ -23,6 +23,7 @@ import {
   getModActionsSummaryRaw,
   syncActiveStream,
   getOrStartActiveStream,
+  getStatsSummary,
   getModeratorProfilesData,
   getActiveStream,
   getPendingBackfillStreams,
@@ -519,6 +520,18 @@ app.get('/api/stats/chatters', cacheMiddleware(), async (req, res) => {
   res.json(chatters);
 });
 
+// Get true total summary statistics
+app.get('/api/stats/summary', cacheMiddleware(), async (req, res) => {
+  const streamId = req.query.stream_id ? parseInt(req.query.stream_id) : null;
+  try {
+    const summary = await getStatsSummary(streamId);
+    res.json(summary);
+  } catch (err) {
+    console.error('[API Error] /api/stats/summary:', err);
+    res.status(500).json({ error: 'Internal Server Error' });
+  }
+});
+
 // Stop words arrays (Russian and English) to filter out common articles, prepositions
 const STOP_WORDS = new Set([
   // Russian