fix and update

apps/frontend/components/notifications/notification-bell.tsx

@@ -10,7 +10,6 @@ import { Popover, PopoverContent, PopoverTrigger } from '@/components/ui/popover
 import {
   AppNotification,
   fetchNotifications,
-  fetchUnreadNotificationCount,
   getApiErrorMessage,
   markAllNotificationsRead,
   markNotificationRead,
@@ -27,7 +26,7 @@ function formatTime(value: string) {
 
 export function NotificationBell() {
   const router = useRouter();
-  const { token, isPinLocked, isLoading, isApiReady } = useAuth();
+  const { token, isPinLocked, isLoading, isContentReady } = useAuth();
   const { showToast } = useToast();
   const { unreadCount, setUnreadCount, subscribe } = useRealtime();
   const [open, setOpen] = useState(false);
@@ -36,23 +35,23 @@ export function NotificationBell() {
   const [respondingId, setRespondingId] = useState<string | null>(null);
 
   const load = useCallback(async () => {
-    if (!token || isPinLocked || isLoading || !isApiReady) return;
+    if (!token || isPinLocked || isLoading || !isContentReady) return;
     setLoading(true);
     try {
-      const [list, count] = await Promise.all([fetchNotifications(token), fetchUnreadNotificationCount(token)]);
+      const list = await fetchNotifications(token);
       setItems(list.notifications ?? []);
-      setUnreadCount(count.count ?? 0);
     } catch (error) {
       const message = getApiErrorMessage(error, 'Не удалось загрузить уведомления');
       if (message) showToast(message);
     } finally {
       setLoading(false);
     }
-  }, [isApiReady, isLoading, isPinLocked, setUnreadCount, showToast, token]);
+  }, [isContentReady, isLoading, isPinLocked, showToast, token]);
 
   useEffect(() => {
+    if (!open) return;
     void load();
-  }, [load]);
+  }, [load, open]);
 
   useEffect(() => {
     return subscribe((event) => {

apps/frontend/components/notifications/realtime-provider.tsx

@@ -2,7 +2,7 @@
 
 import * as React from 'react';
 import { useAuth } from '@/components/id/auth-provider';
-import { ensureApiGatewayReady, getWsUrl, type ChatMessage } from '@/lib/api';
+import { ensureApiGatewayReady, fetchUnreadNotificationCount, getWsUrl, type ChatMessage } from '@/lib/api';
 import { dispatchAvatarUpdated, dispatchChatRoomAvatarUpdated } from '@/lib/avatar-events';
 
 export interface RealtimeEvent {
@@ -31,7 +31,7 @@ interface RealtimeContextValue {
 const RealtimeContext = React.createContext<RealtimeContextValue | null>(null);
 
 export function RealtimeProvider({ children }: { children: React.ReactNode }) {
-  const { user, token, isPinLocked, isLoading, isApiReady } = useAuth();
+  const { user, token, isPinLocked, isLoading, isContentReady } = useAuth();
   const [unreadCount, setUnreadCount] = React.useState(0);
   const [connected, setConnected] = React.useState(false);
   const listenersRef = React.useRef(new Set<Listener>());
@@ -48,7 +48,26 @@ export function RealtimeProvider({ children }: { children: React.ReactNode }) {
   }, []);
 
   React.useEffect(() => {
-    if (!user || !token || isPinLocked || isLoading || !isApiReady) {
+    if (!user || !token || isPinLocked || isLoading || !isContentReady) {
+      setUnreadCount(0);
+      return;
+    }
+    let cancelled = false;
+    const timer = window.setTimeout(() => {
+      void fetchUnreadNotificationCount(token)
+        .then((result) => {
+          if (!cancelled) setUnreadCount(result.count ?? 0);
+        })
+        .catch(() => undefined);
+    }, 400);
+    return () => {
+      cancelled = true;
+      window.clearTimeout(timer);
+    };
+  }, [isContentReady, isLoading, isPinLocked, token, user]);
+
+  React.useEffect(() => {
+    if (!user || !token || isPinLocked || isLoading || !isContentReady) {
       socketRef.current?.close();
       socketRef.current = null;
       setConnected(false);
@@ -121,7 +140,7 @@ export function RealtimeProvider({ children }: { children: React.ReactNode }) {
       socketRef.current = null;
       setConnected(false);
     };
-  }, [emit, isApiReady, isLoading, isPinLocked, token, user]);
+  }, [emit, isContentReady, isLoading, isPinLocked, token, user]);
 
   return (
     <RealtimeContext.Provider value={{ unreadCount, setUnreadCount, subscribe, connected }}>