Improved authentication; added fallbacks to 3D; cleaner dashboard charts

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

@@ -79,6 +79,8 @@ const NavigationPage: React.FC = () => {
   
   const [detectorsData, setDetectorsData] = useState<{ detectors: Record<string, DetectorType> }>({ detectors: {} })
   const [detectorsError, setDetectorsError] = useState<string | null>(null)
+  const [modelError, setModelError] = useState<string | null>(null)
+  const [isModelReady, setIsModelReady] = useState(false)
   
   const urlObjectId = searchParams.get('objectId')
   const urlObjectTitle = searchParams.get('objectTitle')
@@ -86,10 +88,14 @@ const NavigationPage: React.FC = () => {
   const objectTitle = currentObject.title || urlObjectTitle
  
   const handleModelLoaded = useCallback(() => { 
+    setIsModelReady(true)
+    setModelError(null)
   }, [])
 
   const handleModelError = useCallback((error: string) => {
     console.error('Model loading error:', error)
+    setModelError(error)
+    setIsModelReady(false)
   }, [])
 
   useEffect(() => {
@@ -131,6 +137,12 @@ const NavigationPage: React.FC = () => {
       serial_number: detector.serial_number,
     })
 
+    // Проверяем, что детектор имеет необходимые данные
+    if (!detector || !detector.detector_id || !detector.serial_number) {
+      console.warn('[NavigationPage] Invalid detector data, skipping menu display:', detector)
+      return
+    }
+
     if (selectedDetector?.detector_id === detector.detector_id && showDetectorMenu) {
       setShowDetectorMenu(false)
       setSelectedDetector(null)
@@ -197,6 +209,7 @@ const NavigationPage: React.FC = () => {
                 detectorsData={detectorsData}
                 onDetectorMenuClick={handleDetectorMenuClick}
                 onClose={closeFloorNavigation}
+                is3DReady={isModelReady && !modelError}
               />
             </div>
           </div>
@@ -263,24 +276,40 @@ const NavigationPage: React.FC = () => {
         
         <div className="flex-1 overflow-hidden">
           <div className="h-full">
-            <ModelViewer 
-              modelPath='/static-models/AerBIM_Monitor_ASM_HT_Viewer_Expo2017Astana_Level_+1430_custom_prop.glb'
-              onModelLoaded={handleModelLoaded}
-              onError={handleModelError}
-              focusSensorId={selectedDetector?.serial_number ?? null}
-              renderOverlay={({ anchor }) => (
-                selectedDetector && showDetectorMenu && anchor ? (
-                  <DetectorMenu
-                    detector={selectedDetector}
-                    isOpen={true}
-                    onClose={closeDetectorMenu}
-                    getStatusText={getStatusText}
-                    compact={true}
-                    anchor={anchor}
-                  />
-                ) : null
-              )}
-            />
+            {modelError ? (
+              <div className="h-full flex items-center justify-center bg-[#0e111a]">
+                <div className="text-center p-8 bg-[#161824] rounded-lg border border-gray-700 max-w-md">
+                  <div className="text-red-400 text-lg font-semibold mb-4">
+                    Ошибка загрузки 3D модели
+                  </div>
+                  <div className="text-gray-300 mb-4">
+                    {modelError}
+                  </div>
+                  <div className="text-sm text-gray-400">
+                    Используйте навигацию по этажам для просмотра детекторов
+                  </div>
+                </div>
+              </div>
+            ) : (
+              <ModelViewer 
+                modelPath='/static-models/AerBIM_Monitor_ASM_HT_Viewer_Expo2017Astana_Level_+1430_custom_prop.glb'
+                onModelLoaded={handleModelLoaded}
+                onError={handleModelError}
+                focusSensorId={selectedDetector?.serial_number ?? null}
+                renderOverlay={({ anchor }) => (
+                  selectedDetector && showDetectorMenu && anchor ? (
+                    <DetectorMenu
+                      detector={selectedDetector}
+                      isOpen={true}
+                      onClose={closeDetectorMenu}
+                      getStatusText={getStatusText}
+                      compact={true}
+                      anchor={anchor}
+                    />
+                  ) : null
+                )}
+              />
+            )}
           </div>
         </div>
       </div>