AEB-71: Added 3D navigation in monitoring zones

frontend/app/(protected)/alerts/page.tsx

@@ -234,7 +234,7 @@ const AlertsPage: React.FC = () => {
                         </td>
                         <td className="py-4">
                           <span className={`inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium ${
-                            item.acknowledged ? 'bg-green-100 text-green-800' : 'bg-red-100 text-red-800'
+                            item.acknowledged ? 'bg-green-600/20 text-green-300 ring-1 ring-green-600/40' : 'bg-red-600/20 text-red-300 ring-1 ring-red-600/40'
                           }`}>
                             {item.acknowledged ? 'Да' : 'Нет'}
                           </span>

frontend/app/(protected)/navigation/page.tsx

@@ -29,6 +29,7 @@ interface DetectorType {
   status: string
   checked: boolean
   type: string
+  detector_type: string
   location: string
   floor: number
   notifications: Array<{
@@ -86,7 +87,8 @@ const NavigationPage: React.FC = () => {
   const urlObjectTitle = searchParams.get('objectTitle')
   const objectId = currentObject.id || urlObjectId
   const objectTitle = currentObject.title || urlObjectTitle
- 
+  const [selectedModelPath, setSelectedModelPath] = useState<string>('')
+  
   const handleModelLoaded = useCallback(() => { 
     setIsModelReady(true)
     setModelError(null)
@@ -173,12 +175,19 @@ const NavigationPage: React.FC = () => {
   }
 
   const getStatusText = (status: string) => {
-    switch (status) {
-      case 'active': return 'Активен'
-      case 'inactive': return 'Неактивен'
-      case 'error': return 'Ошибка'
-      case 'maintenance': return 'Обслуживание'
-      default: return 'Неизвестно'
+    const s = (status || '').toLowerCase()
+    switch (s) {
+      case '#b3261e':
+      case 'critical':
+        return 'Критический'
+      case '#fd7c22':
+      case 'warning':
+        return 'Предупреждение'
+      case '#00ff00':
+      case 'normal':
+        return 'Норма'
+      default:
+        return 'Неизвестно'
     }
   }
 
@@ -191,18 +200,23 @@ const NavigationPage: React.FC = () => {
       <div className="flex-1 flex flex-col relative">
         
         {showMonitoring && (
-          <div className="absolute left-0 top-0 bg-[#161824] border-r border-gray-700 z-20 w-[500px]" style={{height: 'calc(100% - 73px)', top: '73px'}}>
+          <div className="absolute left-0 top-[73px] bottom-0 bg-[#161824] border-r border-gray-700 z-20 w-[500px]">
             <div className="h-full overflow-auto p-4">
               <Monitoring 
                 objectId={objectId || undefined} 
                 onClose={closeMonitoring}
+                onSelectModel={(path) => {
+                  setSelectedModelPath(path)
+                  setModelError(null)
+                  setIsModelReady(false)
+                }}
               />
             </div>
           </div>
         )}
 
         {showFloorNavigation && (
-          <div className="absolute left-0 top-0 bg-[#161824] border-r border-gray-700 z-20 w-[500px]" style={{height: 'calc(100% - 73px)', top: '73px'}}>
+          <div className="absolute left-0 top-[73px] bottom-0 bg-[#161824] border-r border-gray-700 z-20 w-[500px]">
             <div className="h-full overflow-auto p-4">
               <FloorNavigation 
                 objectId={objectId || undefined}
@@ -216,7 +230,7 @@ const NavigationPage: React.FC = () => {
         )}
  
         {showNotifications && (
-          <div className="absolute left-0 top-0 bg-[#161824] border-r border-gray-700 z-20 w-[500px]" style={{height: 'calc(100% - 73px)', top: '73px'}}>
+          <div className="absolute left-0 top-[73px] bottom-0 bg-[#161824] border-r border-gray-700 z-20 w-[500px]">
             <div className="h-full overflow-auto p-4">
               <Notifications 
                 objectId={objectId || undefined}
@@ -236,7 +250,7 @@ const NavigationPage: React.FC = () => {
             detector => detector.detector_id === selectedNotification.detector_id
           );
           return detectorData ? (
-            <div className="absolute left-[500px] top-0 bg-[#161824] border-r border-gray-700 z-30 w-[454px]" style={{height: 'calc(100% - 73px)', top: '73px'}}>
+            <div className="absolute left-[500px] top-[73px] bottom-0 bg-[#161824] border-r border-gray-700 z-30 w-[454px]">
               <div className="h-full overflow-auto p-4">
                 <NotificationDetectorInfo 
                   detectorData={detectorData}
@@ -251,8 +265,8 @@ const NavigationPage: React.FC = () => {
           null
         )}
 
-        <header className="bg-[#161824] border-b border-gray-700 px-6 py-4">
-          <div className="flex items-center justify-between">
+        <header className="bg-[#161824] border-b border-gray-700 px-6 h-[73px] flex items-center">
+          <div className="flex items-center justify-between w-full">
             <div className="flex items-center gap-4">
               <button 
                 onClick={handleBackClick}
@@ -292,7 +306,7 @@ const NavigationPage: React.FC = () => {
               </div>
             ) : (
               <ModelViewer 
-                modelPath='/static-models/AerBIM_Monitor_ASM_HT_Viewer_Expo2017Astana_Level_+1430_custom_prop.glb'
+                modelPath={selectedModelPath}
                 onModelLoaded={handleModelLoaded}
                 onError={handleModelError}
                 focusSensorId={selectedDetector?.serial_number ?? null}

frontend/app/(protected)/objects/page.tsx

@@ -4,6 +4,7 @@ import React, { useState, useEffect } from 'react'
 import ObjectGallery from '../../../components/objects/ObjectGallery'
 import { ObjectData } from '../../../components/objects/ObjectCard'
 import Sidebar from '../../../components/ui/Sidebar'
+import { useRouter } from 'next/navigation'
 
 // Универсальная функция для преобразования объекта из бэкенда в ObjectData
 const transformRawToObjectData = (raw: any): ObjectData => {
@@ -27,6 +28,7 @@ const ObjectsPage: React.FC = () => {
   const [loading, setLoading] = useState(true)
   const [error, setError] = useState<string | null>(null)
   const [selectedObjectId, setSelectedObjectId] = useState<string | null>(null)
+  const router = useRouter()
 
   useEffect(() => {
     const loadData = async () => {
@@ -41,7 +43,15 @@ const ObjectsPage: React.FC = () => {
         console.log('[ObjectsPage] GET /api/get-objects', { status: res.status, payload })
 
         if (!res.ok) {
-          throw new Error(typeof payload === 'string' ? payload : (payload?.error || 'Не удалось получить данные объектов'))
+          const errorMessage = typeof payload === 'string' ? payload : (payload?.error || 'Не удалось получить данные объектов')
+           
+          if (errorMessage.includes('Authentication required') || res.status === 401) {
+            console.log('[ObjectsPage] Authentication required, redirecting to login')
+            router.push('/login')
+            return
+          }
+          
+          throw new Error(errorMessage)
         }
 
         const data = (payload?.data ?? payload) as any
@@ -66,7 +76,7 @@ const ObjectsPage: React.FC = () => {
     }
 
     loadData()
-  }, [])
+  }, [router])
 
   const handleObjectSelect = (objectId: string) => {
     console.log('Object selected:', objectId)