diff --git a/.Jules/palette.md b/.Jules/palette.md new file mode 100644 index 0000000..dc1f4d3 --- /dev/null +++ b/.Jules/palette.md @@ -0,0 +1,3 @@ +## 2026-01-24 - Icon-only buttons missing tooltips +**Learning:** While some icon-only buttons have `aria-label`, many lack visual tooltips (e.g., in `FramerDashboardLayout`), which hinders usability for sighted users who rely on hover for clarification. +**Action:** Systematically check for and add `Tooltip` wrappers to all `size="icon"` buttons or buttons containing only icons, ensuring `TooltipProvider` context is available. diff --git a/src/components/dashboard/FramerDashboardLayout.tsx b/src/components/dashboard/FramerDashboardLayout.tsx index 6452f2f..ca9d59c 100644 --- a/src/components/dashboard/FramerDashboardLayout.tsx +++ b/src/components/dashboard/FramerDashboardLayout.tsx @@ -6,6 +6,7 @@ import Link from 'next/link' import { signOut as nextAuthSignOut } from 'next-auth/react' import { Bell, ChevronRight, Compass, Menu, Search, Sparkles, Users } from 'lucide-react' import { cn } from '@/lib/utils' +import { Tooltip, TooltipContent, TooltipTrigger } from '@/components/ui/tooltip' import { FluxLensLogo } from '@/components/FluxLensLogo' import { AnimatedGradientBackground, @@ -213,28 +214,38 @@ export function FramerDashboardLayout({ )}
- + + + + + Open Command Palette (⌘K) +
- + + + + + Notifications + {notificationsOpen && (
@@ -259,20 +270,33 @@ export function FramerDashboardLayout({
)}
- + + + + + Open Menu +
- + + + + + Profile & Settings + {profileOpen && (