Linked backend data to detectors' meshes.

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

@@ -10,19 +10,21 @@ import DetectorMenu from '../../../components/navigation/DetectorMenu'
 import Notifications from '../../../components/notifications/Notifications'
 import NotificationDetectorInfo from '../../../components/notifications/NotificationDetectorInfo'
 import dynamic from 'next/dynamic'
+import type { ModelViewerProps } from '../../../components/model/ModelViewer'
 
-const ModelViewer = dynamic(() => import('../../../components/model/ModelViewer'), {
-  ssr: false,
-  loading: () => (
-    <div className="w-full h-full flex items-center justify-center bg-[#0e111a]">
-      <div className="text-gray-300 animate-pulse">Загрузка 3D-модуля…</div>
-    </div>
-  ),
-})
+const ModelViewer = dynamic<ModelViewerProps>(() => import('../../../components/model/ModelViewer'), {
+   ssr: false,
+   loading: () => (
+     <div className="w-full h-full flex items-center justify-center bg-[#0e111a]">
+       <div className="text-gray-300 animate-pulse">Загрузка 3D-модуля…</div>
+     </div>
+   ),
+ })
 
 interface DetectorType {
   detector_id: number
   name: string
+  serial_number: string
   object: string
   status: string
   checked: boolean
@@ -122,6 +124,13 @@ const NavigationPage: React.FC = () => {
   }
 
   const handleDetectorMenuClick = (detector: DetectorType) => {
+    // Для тестов. Выбор детектора.
+    console.log('[NavigationPage] Selected detector click:', {
+      detector_id: detector.detector_id,
+      name: detector.name,
+      serial_number: detector.serial_number,
+    })
+
     if (selectedDetector?.detector_id === detector.detector_id && showDetectorMenu) {
       setShowDetectorMenu(false)
       setSelectedDetector(null)
@@ -226,12 +235,7 @@ const NavigationPage: React.FC = () => {
         })()}
         
         {showFloorNavigation && showDetectorMenu && selectedDetector && (
-          <DetectorMenu
-            detector={selectedDetector}
-            isOpen={showDetectorMenu}
-            onClose={closeDetectorMenu}
-            getStatusText={getStatusText}
-          />
+          null
         )}
 
         <header className="bg-[#161824] border-b border-gray-700 px-6 py-4">
@@ -263,6 +267,19 @@ const NavigationPage: React.FC = () => {
               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>