diff --git a/app/app.vue b/app/app.vue
index 76f95ad..48c892d 100644
--- a/app/app.vue
+++ b/app/app.vue
@@ -2,9 +2,11 @@
     <PayloadProvider>
         <SiteBody>
             <PayloadStatusBoundary>
-                <NuxtLayout>
-                    <NuxtPage />
-                </NuxtLayout>
+                <TooltipProvider>
+                    <NuxtLayout>
+                        <NuxtPage />
+                    </NuxtLayout>
+                </TooltipProvider>
             </PayloadStatusBoundary>
         </SiteBody>
     </PayloadProvider>
diff --git a/app/components/Dashboard/OverviewCards.vue b/app/components/Dashboard/OverviewCards.vue
index 9a0c68c..ebe9691 100644
--- a/app/components/Dashboard/OverviewCards.vue
+++ b/app/components/Dashboard/OverviewCards.vue
@@ -3,6 +3,7 @@
         <StatisticalAnalysisTotalCard
             v-for="card in cards"
             :key="card.name"
+            :detail="card.detail"
             :icon="card.icon"
             :name="card.name"
             :trend="card.trend"
diff --git a/app/components/StatisticalAnalysis/TotalCard.vue b/app/components/StatisticalAnalysis/TotalCard.vue
index 2884b08..97a80b6 100644
--- a/app/components/StatisticalAnalysis/TotalCard.vue
+++ b/app/components/StatisticalAnalysis/TotalCard.vue
@@ -1,7 +1,15 @@
 <template>
     <StatisticalAnalysisPanel compact :icon="icon" :title="name">
         <div class="flex justify-between items-center">
-            <span class="text-2xl font-bold tracking-tight">{{ value }}</span>
+            <ValueTooltip :content="detail">
+                <span
+                    :class="cn(
+                        'text-2xl font-bold tracking-tight',
+                    )"
+                >
+                    {{ value }}
+                </span>
+            </ValueTooltip>
             <div class="flex items-center gap-1">
                 <Icon :class="trendMeta.iconClass" mode="svg" :name="trendMeta.icon" />
                 <span :class="trendMeta.textClass">
@@ -13,11 +21,14 @@
 </template>
 
 <script setup lang="ts">
+import { cn } from '~/lib/utils'
+
 defineOptions({
     name: 'StatisticalAnalysisTotalCard',
 })
 
 const props = withDefaults(defineProps<{
+    detail?: string
     name: string
     value: string
     icon: string
diff --git a/app/components/ValueTooltip.vue b/app/components/ValueTooltip.vue
new file mode 100644
index 0000000..eba7911
--- /dev/null
+++ b/app/components/ValueTooltip.vue
@@ -0,0 +1,25 @@
+<template>
+    <slot v-if="!content" />
+
+    <Tooltip v-else>
+        <TooltipTrigger as-child>
+            <slot />
+        </TooltipTrigger>
+
+        <TooltipContent side="top">
+            <p class="max-w-64 leading-relaxed">
+                {{ content }}
+            </p>
+        </TooltipContent>
+    </Tooltip>
+</template>
+
+<script setup lang="ts">
+defineOptions({
+    name: 'ValueTooltip',
+})
+
+defineProps<{
+    content?: string
+}>()
+</script>
diff --git a/app/pages/index.vue b/app/pages/index.vue
index dd803d4..5899ff1 100644
--- a/app/pages/index.vue
+++ b/app/pages/index.vue
@@ -25,6 +25,8 @@
 </template>
 
 <script lang="ts" setup>
+import { formatNumber } from '@lonewolfyx/utils'
+
 const {
     cachedInputTokens,
     costGrowthTrend,
@@ -42,6 +44,7 @@ const {
 
 const overviewCards = computed(() => [
     {
+        detail: `${formatCurrency(totalCost.value)} total spend across all tools`,
         icon: 'lucide:wallet',
         name: 'Total Spend',
         trend: costGrowthTrend.value.trend,
@@ -49,6 +52,7 @@ const overviewCards = computed(() => [
         value: formatCurrency(totalCost.value),
     },
     {
+        detail: `${formatNumber(totalTokens.value)} total tokens across all tools`,
         icon: 'solar:cpu-line-duotone',
         name: 'Token Usage',
         trend: tokenGrowthTrend.value.trend,
@@ -56,6 +60,7 @@ const overviewCards = computed(() => [
         value: formatCompactNumber(totalTokens.value),
     },
     {
+        detail: `${formatNumber(cachedInputTokens.value)} of ${formatNumber(inputTokens.value)} input tokens were served from cache`,
         icon: 'lucide:database-zap',
         name: 'Cache Hit Rate',
         trend: `${formatCompactNumber(cachedInputTokens.value)} cached`,
@@ -63,6 +68,7 @@ const overviewCards = computed(() => [
         value: formatPercent(inputTokens.value > 0 ? cachedInputTokens.value / inputTokens.value : 0),
     },
     {
+        detail: `${formatCurrency(totalCost.value)} across ${formatNumber(totalSessions.value)} sessions`,
         icon: 'lucide:receipt-text',
         name: 'Avg Session Cost',
         trend: 'across all tools',
diff --git a/app/pages/project.vue b/app/pages/project.vue
index f7fe59a..9b8136a 100644
--- a/app/pages/project.vue
+++ b/app/pages/project.vue
@@ -179,6 +179,7 @@
                             <StatisticalAnalysisTotalCard
                                 v-for="card in platformViews[tab.value].overviewCards"
                                 :key="card.name"
+                                :detail="card.detail"
                                 :icon="card.icon"
                                 :name="card.name"
                                 :trend="card.trend"
diff --git a/shared/types/statistical-analysis.ts b/shared/types/statistical-analysis.ts
index 9c5f907..d347f5c 100644
--- a/shared/types/statistical-analysis.ts
+++ b/shared/types/statistical-analysis.ts
@@ -1,6 +1,7 @@
 import type { ProjectUsageItem, TrendTone } from './usage-dashboard'
 
 export interface DashboardOverviewCard {
+    detail?: string
     icon: string
     name: string
     trend: string
diff --git a/shared/types/usage-dashboard.ts b/shared/types/usage-dashboard.ts
index 09bf7dd..1b35a6d 100644
--- a/shared/types/usage-dashboard.ts
+++ b/shared/types/usage-dashboard.ts
@@ -10,6 +10,7 @@ export interface ModelTokenUsage {
 export type TrendTone = 'down' | 'neutral' | 'up'
 
 export interface UsageOverviewCard {
+    detail?: string
     icon: string
     name: string
     trend: string
diff --git a/shared/utils/platform.ts b/shared/utils/platform.ts
index a68ccfe..50cd8da 100644
--- a/shared/utils/platform.ts
+++ b/shared/utils/platform.ts
@@ -37,6 +37,7 @@ import {
     roundCurrency,
     uniqueItems,
 } from '#shared/utils/usage-dashboard'
+import { formatNumber } from '@lonewolfyx/utils'
 
 /**
  * Reads a JSONL file while ignoring empty lines and malformed JSON lines.
@@ -381,6 +382,7 @@ export function buildOverviewCards(options: {
 
     return [
         {
+            detail: `${formatNumber(options.todayTotalTokens)} tokens used today`,
             icon: 'solar:cpu-line-duotone',
             name: 'Today Tokens',
             trend: tokenTrend.trend,
@@ -388,6 +390,7 @@ export function buildOverviewCards(options: {
             value: formatCompactNumber(options.todayTotalTokens),
         },
         {
+            detail: `${formatCurrency(options.todayTotalCost)} spent today`,
             icon: 'lucide:wallet',
             name: 'Today Spend',
             trend: costTrend.trend,
@@ -395,6 +398,9 @@ export function buildOverviewCards(options: {
             value: formatCurrency(options.todayTotalCost),
         },
         {
+            detail: options.todayTopProject
+                ? `${options.todayTopProject.project} with ${formatNumber(options.todayTopProject.sessionCount)} sessions today`
+                : 'No project sessions recorded today',
             icon: 'lucide:folder-git-2',
             name: 'Top Session Project',
             trend: options.todayTopProject ? `${options.todayTopProject.sessionCount} sessions` : 'No sessions',
@@ -402,6 +408,9 @@ export function buildOverviewCards(options: {
             value: options.todayTopProject?.project ?? '-',
         },
         {
+            detail: options.todayTopModel
+                ? `${options.todayTopModel.model} with ${formatNumber(options.todayTopModel.totalTokens)} tokens today`
+                : 'No model usage recorded today',
             icon: 'lucide:bot',
             name: 'Top Invoked Model',
             trend: options.todayTopModel ? `${formatCompactNumber(options.todayTopModel.totalTokens)} tokens` : 'No usage',
diff --git a/shared/utils/project-dashboard.ts b/shared/utils/project-dashboard.ts
index 9c8cb5a..c2760e4 100644
--- a/shared/utils/project-dashboard.ts
+++ b/shared/utils/project-dashboard.ts
@@ -93,6 +93,7 @@ export function buildProjectOverviewCards(sessions: ProjectSessionListItem[]): U
 
     return [
         {
+            detail: `${formatNumber(summary.totalTokens)} total tokens in this project`,
             icon: 'solar:cpu-line-duotone',
             name: 'Total Tokens',
             trend: 'project total',
@@ -100,6 +101,7 @@ export function buildProjectOverviewCards(sessions: ProjectSessionListItem[]): U
             value: formatCompactNumber(summary.totalTokens),
         },
         {
+            detail: `${formatCurrency(summary.costUSD)} total project spend`,
             icon: 'lucide:wallet',
             name: 'Total Spend',
             trend: 'all time',
@@ -107,6 +109,7 @@ export function buildProjectOverviewCards(sessions: ProjectSessionListItem[]): U
             value: formatCurrency(summary.costUSD),
         },
         {
+            detail: `${formatNumber(summary.sessions)} sessions across all tools`,
             icon: 'lucide:messages-square',
             name: 'Sessions',
             trend: 'all tools',
@@ -114,6 +117,7 @@ export function buildProjectOverviewCards(sessions: ProjectSessionListItem[]): U
             value: String(summary.sessions),
         },
         {
+            detail: `${formatNumber(summary.cachedInputTokens)} of ${formatNumber(summary.inputTokens)} input tokens were served from cache`,
             icon: 'lucide:database-zap',
             name: 'Cache Hit Rate',
             trend: `${formatCompactNumber(summary.cachedInputTokens)} cached`,
@@ -121,6 +125,7 @@ export function buildProjectOverviewCards(sessions: ProjectSessionListItem[]): U
             value: formatPercent(summary.inputTokens > 0 ? summary.cachedInputTokens / summary.inputTokens : 0),
         },
         {
+            detail: `${formatCurrency(summary.costUSD)} across ${formatNumber(summary.sessions)} sessions`,
             icon: 'lucide:circle-dollar-sign',
             name: 'Avg Session Cost',
             trend: 'per session',
@@ -146,6 +151,7 @@ export function buildProjectPlatformOverviewCards(
 
     return [
         {
+            detail: `${formatNumber(todayUsage?.totalTokens ?? 0)} tokens used today`,
             icon: 'solar:cpu-line-duotone',
             name: 'Today Tokens',
             trend: tokenTrend.trend,
@@ -153,6 +159,7 @@ export function buildProjectPlatformOverviewCards(
             value: formatCompactNumber(todayUsage?.totalTokens ?? 0),
         },
         {
+            detail: `${formatCurrency(todayUsage?.costUSD ?? 0)} spent today`,
             icon: 'lucide:wallet',
             name: 'Today Spend',
             trend: costTrend.trend,
@@ -160,6 +167,7 @@ export function buildProjectPlatformOverviewCards(
             value: formatCurrency(todayUsage?.costUSD ?? 0),
         },
         {
+            detail: `${formatNumber(todaySessions)} sessions recorded today`,
             icon: 'lucide:messages-square',
             name: 'Today Sessions',
             trend: sessionTrend.label,
@@ -167,6 +175,7 @@ export function buildProjectPlatformOverviewCards(
             value: String(todaySessions),
         },
         {
+            detail: `${formatCurrency(summary.costUSD)} total project spend`,
             icon: 'lucide:receipt-text',
             name: 'Total Spend',
             trend: 'all time',
@@ -174,6 +183,7 @@ export function buildProjectPlatformOverviewCards(
             value: formatCurrency(summary.costUSD),
         },
         {
+            detail: `${formatNumber(summary.sessions)} total sessions for this platform`,
             icon: 'lucide:list-checks',
             name: 'Sessions',
             trend: 'project total',
@@ -181,6 +191,7 @@ export function buildProjectPlatformOverviewCards(
             value: String(summary.sessions),
         },
         {
+            detail: `${formatNumber(summary.cachedInputTokens)} of ${formatNumber(summary.inputTokens)} input tokens were served from cache`,
             icon: 'lucide:database-zap',
             name: 'Cache Hit Rate',
             trend: `${formatCompactNumber(summary.cachedInputTokens)} cached`,
@@ -188,6 +199,7 @@ export function buildProjectPlatformOverviewCards(
             value: formatPercent(summary.inputTokens > 0 ? summary.cachedInputTokens / summary.inputTokens : 0),
         },
         {
+            detail: `${formatCurrency(summary.costUSD)} across ${formatNumber(summary.sessions)} sessions`,
             icon: 'lucide:circle-dollar-sign',
             name: 'Avg Session Cost',
             trend: 'per session',