New api and zone management; highligh occlusion and highlighAll functionality; improved search in reports and alerts history + autofill; refactored alert panel

frontend/app/store/navigationStore.ts

@@ -1,5 +1,6 @@
 import { create } from 'zustand'
 import { persist } from 'zustand/middleware'
+import type { Zone } from '@/app/types'
 
 export interface DetectorType {
   detector_id: number
@@ -55,29 +56,40 @@ export interface NavigationStore {
   navigationHistory: string[]
   currentSubmenu: string | null
   currentModelPath: string | null
-   
+  
+  // Состояния Зон
+  currentZones: Zone[]
+  zonesCache: Record<string, Zone[]>
+  zonesLoading: boolean
+  zonesError: string | null
+  
   showMonitoring: boolean
   showFloorNavigation: boolean
   showNotifications: boolean
   showListOfDetectors: boolean
   showSensors: boolean
-   
+  
   selectedDetector: DetectorType | null
   showDetectorMenu: boolean
   selectedNotification: NotificationType | null
   showNotificationDetectorInfo: boolean
   selectedAlert: AlertType | null
   showAlertMenu: boolean
-    
+  
   setCurrentObject: (id: string | undefined, title: string | undefined) => void
   clearCurrentObject: () => void
   addToHistory: (path: string) => void
   goBack: () => string | null
   setCurrentModelPath: (path: string) => void
-   
+  
   setCurrentSubmenu: (submenu: string | null) => void
   clearSubmenu: () => void
-   
+  
+  // Действия с зонами
+  loadZones: (objectId: string) => Promise<void>
+  setZones: (zones: Zone[]) => void
+  clearZones: () => void
+  
   openMonitoring: () => void
   closeMonitoring: () => void
   openFloorNavigation: () => void
@@ -88,20 +100,20 @@ export interface NavigationStore {
   closeListOfDetectors: () => void
   openSensors: () => void
   closeSensors: () => void
-   
+  
   closeAllMenus: () => void
-   
+  clearSelections: () => void
+  
   setSelectedDetector: (detector: DetectorType | null) => void
   setShowDetectorMenu: (show: boolean) => void
   setSelectedNotification: (notification: NotificationType | null) => void
   setShowNotificationDetectorInfo: (show: boolean) => void
   setSelectedAlert: (alert: AlertType | null) => void
   setShowAlertMenu: (show: boolean) => void
-   
+  
   isOnNavigationPage: () => boolean
   getCurrentRoute: () => string | null
   getActiveSidebarItem: () => number
-  PREFERRED_MODEL: string
 }
 
 const useNavigationStore = create<NavigationStore>()(
@@ -114,13 +126,18 @@ const useNavigationStore = create<NavigationStore>()(
       navigationHistory: [],
       currentSubmenu: null,
       currentModelPath: null,
-       
+      
+      currentZones: [],
+      zonesCache: {},
+      zonesLoading: false,
+      zonesError: null,
+      
       showMonitoring: false,
       showFloorNavigation: false,
       showNotifications: false,
       showListOfDetectors: false,
       showSensors: false,
-       
+      
       selectedDetector: null,
       showDetectorMenu: false,
       selectedNotification: null,
@@ -128,8 +145,6 @@ const useNavigationStore = create<NavigationStore>()(
       selectedAlert: null,
       showAlertMenu: false,
 
-      PREFERRED_MODEL: 'AerBIM-Monitor_ASM-HT-Viewer_Expo2017Astana_20250910',
-       
       setCurrentObject: (id: string | undefined, title: string | undefined) => 
         set({ currentObject: { id, title } }),
       
@@ -164,18 +179,64 @@ const useNavigationStore = create<NavigationStore>()(
       
       clearSubmenu: () => 
         set({ currentSubmenu: null }),
-       
-      openMonitoring: () => set({ 
-        showMonitoring: true, 
-        showFloorNavigation: false, 
-        showNotifications: false,
-        showListOfDetectors: false,
-        currentSubmenu: 'monitoring',
-        showDetectorMenu: false,
-        selectedDetector: null,
-        showNotificationDetectorInfo: false,
-        selectedNotification: null
-      }),
+      
+      loadZones: async (objectId: string) => {
+        const cache = get().zonesCache
+        const cached = cache[objectId]
+        const hasCached = Array.isArray(cached) && cached.length > 0
+        if (hasCached) {
+          // Показываем кэшированные зоны сразу, но обновляем в фоне
+          set({ currentZones: cached, zonesLoading: true, zonesError: null })
+        } else {
+          set({ zonesLoading: true, zonesError: null })
+        }
+        try {
+          const res = await fetch(`/api/get-zones?objectId=${encodeURIComponent(objectId)}`, { cache: 'no-store' })
+          const text = await res.text()
+          let payload: string | Record<string, unknown>
+          try { payload = JSON.parse(text) } catch { payload = text }
+          if (!res.ok) throw new Error(typeof payload === 'string' ? payload : (payload?.error as string || 'Не удалось получить зоны'))
+          const zones: Zone[] = typeof payload === 'string' ? [] : 
+            Array.isArray(payload?.data) ? payload.data as Zone[] : 
+            (payload?.data && typeof payload.data === 'object' && 'zones' in payload.data ? (payload.data as { zones?: Zone[] }).zones : 
+             payload?.zones ? payload.zones as Zone[] : []) || []
+          const normalized = zones.map((z) => ({
+            ...z,
+            image_path: z.image_path ?? null,
+          }))
+          set((state) => ({
+            currentZones: normalized,
+            zonesCache: { ...state.zonesCache, [objectId]: normalized },
+            zonesLoading: false,
+            zonesError: null,
+          }))
+        } catch (e: unknown) {
+          set({ zonesLoading: false, zonesError: (e as Error)?.message || 'Ошибка при загрузке зон' })
+        }
+      },
+      
+      setZones: (zones: Zone[]) => set({ currentZones: zones }),
+      clearZones: () => set({ currentZones: [] }),
+      
+      openMonitoring: () => {
+        set({ 
+          showMonitoring: true, 
+          showFloorNavigation: false, 
+          showNotifications: false,
+          showListOfDetectors: false,
+          currentSubmenu: 'monitoring',
+          showDetectorMenu: false,
+          selectedDetector: null,
+          showNotificationDetectorInfo: false,
+          selectedNotification: null,
+          zonesError: null // Очищаем ошибку зон при открытии мониторинга
+        })
+        const objId = get().currentObject.id
+        if (objId) {
+          // Вызываем загрузку зон сразу, но обновляем в фоне
+          get().loadZones(objId)
+        }
+      },
       
       closeMonitoring: () => set({ 
         showMonitoring: false, 
@@ -254,22 +315,26 @@ const useNavigationStore = create<NavigationStore>()(
         selectedDetector: null,
         currentSubmenu: null 
       }),
-       
-      closeAllMenus: () => set({
-        showMonitoring: false,
-        showFloorNavigation: false,
-        showNotifications: false,
-        showListOfDetectors: false,
-        showSensors: false,
-        showDetectorMenu: false,
+      
+      closeAllMenus: () => {
+        set({
+          showMonitoring: false,
+          showFloorNavigation: false,
+          showNotifications: false,
+          showListOfDetectors: false,
+          showSensors: false,
+          currentSubmenu: null,
+        });
+        get().clearSelections();
+      },
+      
+      clearSelections: () => set({
         selectedDetector: null,
-        showNotificationDetectorInfo: false,
-        selectedNotification: null,
-        showAlertMenu: false,
+        showDetectorMenu: false,
         selectedAlert: null,
-        currentSubmenu: null
+        showAlertMenu: false,
       }),
-       
+
       setSelectedDetector: (detector: DetectorType | null) => set({ selectedDetector: detector }),
       setShowDetectorMenu: (show: boolean) => set({ showDetectorMenu: show }),
       setSelectedNotification: (notification: NotificationType | null) => set({ selectedNotification: notification }),