More

frontend/src/components/ui/Header.tsx

@@ -13,7 +13,7 @@ import { SpinnerIcon } from './icons/SpinnerIcon';
 import UserMenu from './UserMenu';
 import MobileMenu from './MobileMenu';
 
-export type Page = 'home' | 'dashboard' | 'saved-searches' | 'learn' | 'pricing';
+export type Page = 'home' | 'dashboard' | 'saved-searches' | 'learn' | 'pricing' | 'account';
 
 export default function Header({
   activePage,
@@ -200,7 +200,7 @@ export default function Header({
         {!isMobile && (
           <>
             {user ? (
-              <UserMenu user={user} onLogout={onLogout} />
+              <UserMenu user={user} onLogout={onLogout} onPageChange={onPageChange} />
             ) : (
               <>
                 <button

frontend/src/components/ui/MobileMenu.tsx

@@ -83,6 +83,7 @@ export default function MobileMenu({
           {user && mobileNavItem('saved-searches', 'Saved')}
           {mobileNavItem('learn', 'Learn')}
           {mobileNavItem('pricing', 'Pricing')}
+          {user && mobileNavItem('account', 'Account')}
 
           {/* Dashboard actions */}
           {activePage === 'dashboard' && (

frontend/src/components/ui/UserMenu.tsx

@@ -1,7 +1,16 @@
 import { useState, useRef, useEffect } from 'react';
 import type { AuthUser } from '../../hooks/useAuth';
+import type { Page } from './Header';
 
-export default function UserMenu({ user, onLogout }: { user: AuthUser; onLogout: () => void }) {
+export default function UserMenu({
+  user,
+  onLogout,
+  onPageChange,
+}: {
+  user: AuthUser;
+  onLogout: () => void;
+  onPageChange: (page: Page) => void;
+}) {
   const [open, setOpen] = useState(false);
   const menuRef = useRef<HTMLDivElement>(null);
 
@@ -37,6 +46,15 @@ export default function UserMenu({ user, onLogout }: { user: AuthUser; onLogout:
             </p>
           </div>
           <div className="p-1">
+            <button
+              onClick={() => {
+                setOpen(false);
+                onPageChange('account');
+              }}
+              className="w-full text-left px-3 py-2 text-sm text-warm-700 dark:text-warm-300 hover:bg-warm-50 dark:hover:bg-warm-700 rounded"
+            >
+              Account
+            </button>
             <button
               onClick={() => {
                 setOpen(false);