🎨 Palette: Add tooltip to dashboard refresh button

.Jules/palette.md

@@ -0,0 +1,3 @@
+# Palette's Journal
+
+Critical UX/Accessibility Learnings

.github/workflows/model-quality.yml

@@ -17,6 +17,7 @@ jobs:
       REAL_DATA_MIN_DAYS: 7
       LEARNED_KFOLDS: 5
       LEARNED_MAX_VAL_LOSS: 0.2
+      FORECAST_BACKTEST_STALE_DAYS: '7'
     steps:
       - name: Checkout
         uses: actions/checkout@v4

src/components/dashboard/dashboard-header.tsx

@@ -1,6 +1,7 @@
 'use client'
 
 import { RefreshCcw } from 'lucide-react'
+import { Tooltip, TooltipContent, TooltipTrigger } from '@/components/ui/tooltip'
 
 /**
  * DashboardHeader - Ramp/Brex Dashboard Header Strip
@@ -26,14 +27,22 @@ export function DashboardHeader({
         {/* Date range selector would go here */}
         {/* Export button would go here */}
         {onRefresh && (
-          <button
-            onClick={onRefresh}
-            disabled={isLoading}
-            className="p-1.5 text-[#9CA3AF] hover:text-[#333333] transition-colors rounded-md hover:bg-[#FAFAFA]"
-            aria-label="Refresh"
-          >
-            <RefreshCcw className={`size-4 ${isLoading ? 'animate-spin' : ''}`} />
-          </button>
+          <Tooltip>
+            <TooltipTrigger asChild>
+              <button
+                onClick={onRefresh}
+                disabled={isLoading}
+                className="p-1.5 text-[#9CA3AF] hover:text-[#333333] transition-colors rounded-md hover:bg-[#FAFAFA]"
+                aria-label="Refresh"
+                aria-busy={isLoading ? 'true' : undefined}
+              >
+                <RefreshCcw className={`size-4 ${isLoading ? 'animate-spin' : ''}`} />
+              </button>
+            </TooltipTrigger>
+            <TooltipContent>
+              <p>Refresh dashboard</p>
+            </TooltipContent>
+          </Tooltip>
         )}
         {/* Account menu would go here */}
       </div>