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

frontend/components/navigation/FloorNavigation.tsx

@@ -11,6 +11,7 @@ interface FloorNavigationProps {
   detectorsData: DetectorsDataType
   onDetectorMenuClick: (detector: DetectorType) => void
   onClose?: () => void
+  is3DReady?: boolean
 }
 
 interface DetectorType {
@@ -33,7 +34,7 @@ interface DetectorType {
   }>
 }
 
-const FloorNavigation: React.FC<FloorNavigationProps> = ({ objectId, detectorsData, onDetectorMenuClick, onClose }) => {
+const FloorNavigation: React.FC<FloorNavigationProps> = ({ objectId, detectorsData, onDetectorMenuClick, onClose, is3DReady = true }) => {
   const [expandedFloors, setExpandedFloors] = useState<Set<number>>(new Set())
   const [searchTerm, setSearchTerm] = useState('')
 
@@ -95,6 +96,12 @@ const FloorNavigation: React.FC<FloorNavigationProps> = ({ objectId, detectorsDa
   }
 
   const handleDetectorMenuClick = (detector: DetectorType) => {
+    // Проверяем валидность данных детектора перед передачей
+    if (!detector || !detector.detector_id || !detector.serial_number) {
+      console.warn('[FloorNavigation] Invalid detector data, skipping menu click:', detector)
+      return
+    }
+    
     onDetectorMenuClick(detector)
   }
 
@@ -184,10 +191,20 @@ const FloorNavigation: React.FC<FloorNavigationProps> = ({ objectId, detectorsDa
                             </svg>
                           )} 
                           <button
-                            onClick={() => handleDetectorMenuClick(detector)}
+                            onClick={() => {
+                              if (is3DReady) {
+                                handleDetectorMenuClick(detector)
+                              } else {
+                                console.warn('[FloorNavigation] 3D model not ready, skipping detector focus')
+                              }
+                            }}
                             className="w-6 h-6 bg-[rgb(27,29,41)] hover:bg-[rgb(37,39,51)] rounded-full flex items-center justify-center transition-colors relative"
+                            title={is3DReady ? "Показать детектор на 3D модели" : "3D модель недоступна"}
                           >
                             <div className="w-2 h-2 bg-white rounded-full"></div>
+                            {!is3DReady && (
+                              <div className="absolute -top-1 -right-1 w-3 h-3 bg-amber-500 rounded-full text-[8px] flex items-center justify-center text-black font-bold">!</div>
+                            )}
                           </button>
                         </div>
                       </div>

frontend/components/navigation/Monitoring.tsx

@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { useState } from 'react';
 import Image from 'next/image';
 
 interface MonitoringProps {
@@ -7,6 +7,8 @@ interface MonitoringProps {
 }
 
 const Monitoring: React.FC<MonitoringProps> = ({ onClose }) => {
+  const [objectImageError, setObjectImageError] = useState(false);
+
   return (
     <div className="w-full"> 
       <div className="bg-[rgb(22,24,36)] rounded-[12px] p-4 space-y-4"> 
@@ -26,18 +28,26 @@ const Monitoring: React.FC<MonitoringProps> = ({ onClose }) => {
  
         <div className="bg-[rgb(158,168,183)] rounded-lg p-3 h-[200px] flex items-center justify-center">
           <div className="w-full h-full bg-gray-300 rounded flex items-center justify-center">
-            <Image 
-              src="/images/test_image.png"
-              alt="Object Model"
-              width={200}
-              height={200}
-              className="max-w-full max-h-full object-contain"
-              style={{ height: 'auto' }}
-              onError={(e) => {
-                const target = e.target as HTMLImageElement;
-                target.style.display = 'none';
-              }}
-            />
+            {objectImageError ? (
+              <div className="text-center p-4">
+                <div className="text-gray-600 text-sm font-semibold mb-2">
+                  Предпросмотр 3D недоступен
+                </div>
+                <div className="text-gray-500 text-xs">
+                  Изображение модели не найдено
+                </div>
+              </div>
+            ) : (
+              <Image 
+                src="/images/test_image.png"
+                alt="Object Model"
+                width={200}
+                height={200}
+                className="max-w-full max-h-full object-contain"
+                style={{ height: 'auto' }}
+                onError={() => setObjectImageError(true)}
+              />
+            )}
           </div>
         </div>