diff --git a/.jules/palette.md b/.jules/palette.md
new file mode 100644
index 00000000..2b8b44f0
--- /dev/null
+++ b/.jules/palette.md
@@ -0,0 +1,4 @@
+
+## 2026-02-20 - [Accessible Header Actions]
+**Learning:** Icon-only buttons in the navigation header lack clear visual and screen-reader context. While ARIA labels solve accessibility, they don't provide visual guidance for sighted users on hover.
+**Action:** Always pair ARIA labels with Tooltips for icon-only navigation elements. Ensure a global TooltipProvider is available in the root layout to support these components.
diff --git a/app/layout.tsx b/app/layout.tsx
index b9ea46ea..b3ccd12b 100644
--- a/app/layout.tsx
+++ b/app/layout.tsx
@@ -17,6 +17,7 @@ import { CalendarToggleProvider } from '@/components/calendar-toggle-context'
 import { HistoryToggleProvider } from '@/components/history-toggle-context'
 import { HistorySidebar } from '@/components/history-sidebar'
 import { MapLoadingProvider } from '@/components/map-loading-context';
+import { TooltipProvider } from '@/components/ui/tooltip'
 import ConditionalLottie from '@/components/conditional-lottie';
 import { MapProvider as MapContextProvider } from '@/components/map/map-context'
 
@@ -109,12 +110,14 @@ export default function RootLayout({
                   >
                     <MapContextProvider>
                       <MapLoadingProvider>
-                        <Header />
-                        <ConditionalLottie />
-                        {children}
-                        <HistorySidebar />
-                        <Footer />
-                        <Toaster />
+                        <TooltipProvider>
+                          <Header />
+                          <ConditionalLottie />
+                          {children}
+                          <HistorySidebar />
+                          <Footer />
+                          <Toaster />
+                        </TooltipProvider>
                       </MapLoadingProvider>
                     </MapContextProvider>
                   </ThemeProvider>
diff --git a/components/header.tsx b/components/header.tsx
index fd80bc44..86a71e9b 100644
--- a/components/header.tsx
+++ b/components/header.tsx
@@ -20,6 +20,11 @@ import { useUsageToggle } from './usage-toggle-context'
 import { useProfileToggle } from './profile-toggle-context'
 import { useHistoryToggle } from './history-toggle-context'
 import { useState, useEffect } from 'react'
+import {
+  Tooltip,
+  TooltipContent,
+  TooltipTrigger
+} from '@/components/ui/tooltip'
 
 export const Header = () => {
   const { toggleCalendar } = useCalendarToggle()
@@ -52,15 +57,26 @@ export const Header = () => {
       </div>
       
       <div className="absolute left-1 flex items-center">
-        <Button variant="ghost" size="icon" onClick={toggleHistory} data-testid="logo-history-toggle">
-          <Image
-            src="/images/logo.svg"
-            alt="Logo"
-            width={20}
-            height={20}
-            className="h-5 w-auto"
-          />
-        </Button>
+        <Tooltip>
+          <TooltipTrigger asChild>
+            <Button
+              variant="ghost"
+              size="icon"
+              onClick={toggleHistory}
+              data-testid="logo-history-toggle"
+              aria-label="Toggle history"
+            >
+              <Image
+                src="/images/logo.svg"
+                alt="Logo"
+                width={20}
+                height={20}
+                className="h-5 w-auto"
+              />
+            </Button>
+          </TooltipTrigger>
+          <TooltipContent side="bottom">Toggle history</TooltipContent>
+        </Tooltip>
         <h1 className="text-2xl font-poppins font-semibold text-primary">
           QCX
         </h1>
@@ -71,15 +87,36 @@ export const Header = () => {
         
         <MapToggle />
         
-        <Button variant="ghost" size="icon" onClick={toggleCalendar} title="Open Calendar" data-testid="calendar-toggle">
-          <CalendarDays className="h-[1.2rem] w-[1.2rem]" />
-        </Button>
+        <Tooltip>
+          <TooltipTrigger asChild>
+            <Button
+              variant="ghost"
+              size="icon"
+              onClick={toggleCalendar}
+              data-testid="calendar-toggle"
+              aria-label="Open calendar"
+            >
+              <CalendarDays className="h-[1.2rem] w-[1.2rem]" />
+            </Button>
+          </TooltipTrigger>
+          <TooltipContent side="bottom">Open calendar</TooltipContent>
+        </Tooltip>
         
         <div id="header-search-portal" className="contents" />
         
-        <Button variant="ghost" size="icon" onClick={handleUsageToggle}>
-          <TentTree className="h-[1.2rem] w-[1.2rem]" />
-        </Button>
+        <Tooltip>
+          <TooltipTrigger asChild>
+            <Button
+              variant="ghost"
+              size="icon"
+              onClick={handleUsageToggle}
+              aria-label="Open usage"
+            >
+              <TentTree className="h-[1.2rem] w-[1.2rem]" />
+            </Button>
+          </TooltipTrigger>
+          <TooltipContent side="bottom">Open usage</TooltipContent>
+        </Tooltip>
         
         <ModeToggle />
         
@@ -88,10 +125,19 @@ export const Header = () => {
 
       {/* Mobile menu buttons */}
       <div className="flex md:hidden gap-2">
-        
-        <Button variant="ghost" size="icon" onClick={handleUsageToggle}>
-          <TentTree className="h-[1.2rem] w-[1.2rem]" />
-        </Button>
+        <Tooltip>
+          <TooltipTrigger asChild>
+            <Button
+              variant="ghost"
+              size="icon"
+              onClick={handleUsageToggle}
+              aria-label="Open usage"
+            >
+              <TentTree className="h-[1.2rem] w-[1.2rem]" />
+            </Button>
+          </TooltipTrigger>
+          <TooltipContent side="bottom">Open usage</TooltipContent>
+        </Tooltip>
         <ProfileToggle/>
       </div>
     </header>
diff --git a/server.log b/server.log
deleted file mode 100644
index 45044476..00000000
--- a/server.log
+++ /dev/null
@@ -1,11 +0,0 @@
-$ next dev --turbo
- ⚠ Port 3000 is in use, using available port 3003 instead.
-   ▲ Next.js 15.3.6 (Turbopack)
-   - Local:        http://localhost:3003
-   - Network:      http://192.168.0.2:3003
-   - Environments: .env.local, .env
-
- ✓ Starting...
- ○ Compiling middleware ...
- ✓ Compiled middleware in 648ms
- ✓ Ready in 2.5s