From 85c06ff25834e5dcb074cbe4db011362d4a740ab Mon Sep 17 00:00:00 2001
From: cottongin <cottongin@users.noreply.github.com>
Date: Mon, 23 Mar 2026 10:41:38 -0400
Subject: [PATCH] fix: session count label distinguishes visible vs total

Show "X visible (Y total)" when the history list is filtered or limited,
and "X sessions total" only when every session is actually displayed.

Made-with: Cursor
---
 backend/routes/sessions.js     | 3 +++
 frontend/src/pages/History.jsx | 7 ++++++-
 2 files changed, 9 insertions(+), 1 deletion(-)

diff --git a/backend/routes/sessions.js b/backend/routes/sessions.js
index fed226b..bc70cd3 100644
--- a/backend/routes/sessions.js
+++ b/backend/routes/sessions.js
@@ -67,7 +67,10 @@ router.get('/', (req, res) => {
       return { ...session, has_notes, notes_preview };
     });
 
+    const absoluteTotal = db.prepare('SELECT COUNT(*) as total FROM sessions').get();
+
     res.set('X-Total-Count', String(countRow.total));
+    res.set('X-Absolute-Total', String(absoluteTotal.total));
     res.json(result);
   } catch (error) {
     res.status(500).json({ error: error.message });
diff --git a/frontend/src/pages/History.jsx b/frontend/src/pages/History.jsx
index d81256f..7d8b8dc 100644
--- a/frontend/src/pages/History.jsx
+++ b/frontend/src/pages/History.jsx
@@ -14,6 +14,7 @@ function History() {
   const [sessions, setSessions] = useState([]);
   const [loading, setLoading] = useState(true);
   const [totalCount, setTotalCount] = useState(0);
+  const [absoluteTotal, setAbsoluteTotal] = useState(0);
   const [closingSession, setClosingSession] = useState(null);
 
   const [filter, setFilter] = useState(() => localStorage.getItem(prefixKey(adminName, 'history-filter')) || 'default');
@@ -33,6 +34,7 @@ function History() {
       });
       setSessions(response.data);
       setTotalCount(parseInt(response.headers['x-total-count'] || '0', 10));
+      setAbsoluteTotal(parseInt(response.headers['x-absolute-total'] || '0', 10));
     } catch (err) {
       console.error('Failed to load sessions', err);
     } finally {
@@ -179,7 +181,10 @@ function History() {
           </div>
           <div className="flex items-center gap-3">
             <span className="text-xs text-gray-400 dark:text-gray-500">
-              {totalCount} session{totalCount !== 1 ? 's' : ''} total
+              {sessions.length === absoluteTotal
+                ? `${absoluteTotal} session${absoluteTotal !== 1 ? 's' : ''} total`
+                : `${sessions.length} visible (${absoluteTotal} total)`
+              }
             </span>
             {isAuthenticated && (
               <button