feat(tui): add all-time stats and rename context label

Author: Tarquinen

tui/data/context.ts

@@ -10,6 +10,7 @@ import {
     loadPruneMap,
     loadPruneMessagesState,
 } from "../../lib/state/utils"
+import { loadAllSessionStats } from "../../lib/state/persistence"
 import { analyzeTokens, emptyBreakdown } from "../../lib/analysis/tokens"
 import type { DcpContextSnapshot, DcpTuiClient } from "../shared/types"
 
@@ -44,6 +45,7 @@ export const createPlaceholderContextSnapshot = (
         activeBlockTopicTotal: 0,
     },
     messageStatuses: [],
+    allTimeStats: { totalTokensSaved: 0, sessionCount: 0 },
     notes,
     loadedAt: Date.now(),
 })
@@ -90,7 +92,10 @@ const loadContextSnapshot = async (
     })
 
     const { state, persisted } = await buildState(sessionID, messages)
-    const { breakdown, messageStatuses } = analyzeTokens(state, messages)
+    const [{ breakdown, messageStatuses }, aggregated] = await Promise.all([
+        Promise.resolve(analyzeTokens(state, messages)),
+        loadAllSessionStats(logger),
+    ])
 
     const allTopics = Array.from(state.prune.messages.activeBlockIds)
         .map((blockID) => state.prune.messages.blocksById.get(blockID))
@@ -121,6 +126,10 @@ const loadContextSnapshot = async (
             lastUpdated: persisted?.lastUpdated,
         },
         messageStatuses,
+        allTimeStats: {
+            totalTokensSaved: aggregated.totalTokens,
+            sessionCount: aggregated.sessionCount,
+        },
         notes,
         loadedAt: Date.now(),
     }

tui/shared/types.ts

@@ -37,11 +37,17 @@ export interface DcpPersistedSummary {
     lastUpdated?: string
 }
 
+export interface DcpAllTimeStats {
+    totalTokensSaved: number
+    sessionCount: number
+}
+
 export interface DcpContextSnapshot {
     sessionID?: string
     breakdown: DcpContextBreakdown
     persisted: DcpPersistedSummary
     messageStatuses: DcpMessageStatus[]
+    allTimeStats: DcpAllTimeStats
     notes: string[]
     loadedAt: number
 }

tui/slots/sidebar-top.tsx

@@ -20,6 +20,10 @@ const CONTENT_WIDTH = 9 + 1 + 4 + 2 + BAR_WIDTH + 2 + 5
 const REFRESH_DEBOUNCE_MS = 100
 
 const compactTokenCount = (value: number): string => {
+    if (value >= 1_000_000) {
+        const m = (value / 1_000_000).toFixed(2)
+        return `${m}M`
+    }
     if (value >= 100_000) return `${Math.round(value / 1000)}K`
     if (value >= 1_000) {
         const k = (value / 1000).toFixed(1)
@@ -458,7 +462,7 @@ const SidebarContext = (props: {
             />
             <SummaryRow
                 palette={props.palette}
-                label="Context"
+                label="Current Context"
                 value={`~${compactTokenCount(snapshot().breakdown.total)}`}
                 tone="accent"
                 swatch={props.palette.accent}
@@ -528,6 +532,26 @@ const SidebarContext = (props: {
                     <text fg={props.palette.muted}>{fallbackNote()}</text>
                 ) : null}
             </box>
+
+            {snapshot().allTimeStats.sessionCount > 0 && (
+                <box width="100%" flexDirection="column" paddingTop={1}>
+                    <text fg={props.palette.text}>
+                        <b>All Time</b>
+                    </text>
+                    <SummaryRow
+                        palette={props.palette}
+                        label="Tokens Saved"
+                        value={`~${compactTokenCount(snapshot().allTimeStats.totalTokensSaved)}`}
+                        tone="accent"
+                    />
+                    <SummaryRow
+                        palette={props.palette}
+                        label="Sessions"
+                        value={`${snapshot().allTimeStats.sessionCount}`}
+                        tone="accent"
+                    />
+                </box>
+            )}
         </box>
     )
 }