Suppress reminder toasts while lock screen is active

Swap LockProvider to outer wrapper so AlertsProvider can read isLocked.
When locked, dismiss all visible reminder toasts and skip firing new ones.
Toasts re-fire normally on unlock via the firedRef.clear() reset.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

frontend/src/components/layout/AppLayout.tsx

@@ -14,8 +14,8 @@ export default function AppLayout() {
   const [mobileOpen, setMobileOpen] = useState(false);
 
   return (
-    <AlertsProvider>
     <LockProvider>
+      <AlertsProvider>
         <div className="flex h-screen overflow-hidden bg-background">
           <Sidebar
             collapsed={collapsed}
@@ -37,7 +37,7 @@ export default function AppLayout() {
           </div>
         </div>
         <LockOverlay />
-      </LockProvider>
       </AlertsProvider>
+    </LockProvider>
   );
 }

frontend/src/hooks/useAlerts.tsx

@@ -5,6 +5,7 @@ import { toast } from 'sonner';
 import { Bell, X } from 'lucide-react';
 import api from '@/lib/api';
 import { getRelativeTime, toLocalDatetime } from '@/lib/date-utils';
+import { useLock } from '@/hooks/useLock';
 import SnoozeDropdown from '@/components/reminders/SnoozeDropdown';
 import type { Reminder } from '@/types';
 
@@ -29,6 +30,7 @@ export function useAlerts() {
 export function AlertsProvider({ children }: { children: ReactNode }) {
   const queryClient = useQueryClient();
   const location = useLocation();
+  const { isLocked } = useLock();
   const firedRef = useRef<Set<number>>(new Set());
   const prevPathnameRef = useRef(location.pathname);
   const isDashboard = location.pathname === '/' || location.pathname === '/dashboard';
@@ -186,12 +188,20 @@ export function AlertsProvider({ children }: { children: ReactNode }) {
     }
   }
 
-  // Unified toast management — single effect handles both route changes and new alerts
+  // Unified toast management — single effect handles route changes, lock state, and new alerts
   useEffect(() => {
     const wasOnDashboard = prevPathnameRef.current === '/' || prevPathnameRef.current === '/dashboard';
     const nowOnDashboard = isDashboard;
     prevPathnameRef.current = location.pathname;
 
+    // Suppress toasts while locked — dismiss any visible ones
+    if (isLocked) {
+      alerts.forEach((a) => toast.dismiss(`reminder-${a.id}`));
+      toast.dismiss('reminder-summary');
+      firedRef.current.clear();
+      return;
+    }
+
     if (nowOnDashboard) {
       // On dashboard — dismiss all toasts, banner takes over
       alerts.forEach((a) => toast.dismiss(`reminder-${a.id}`));
@@ -207,7 +217,7 @@ export function AlertsProvider({ children }: { children: ReactNode }) {
 
     // On non-dashboard page — fire toasts for any unfired alerts
     fireToasts(alerts);
-  }, [location.pathname, isDashboard, alerts]);
+  }, [location.pathname, isDashboard, alerts, isLocked]);
 
   return (
     <AlertsContext.Provider value={{ alerts, dismiss: handleDismiss, snooze: handleSnooze }}>