chore: culvert addition

src/components/video-player-section.tsx

@@ -15,12 +15,13 @@ import DetectionStatsBar from './video/detection-stats-bar';
 import DetectionLogs from './video/detection-logs';
 import SummarySection from './video/summary-section';
 import DetailedSummarySection from './video/detailed-summary-section';
+import { getDetectionModeConfig, getEnabledDetectionTypes } from '@/constants/detectionModeConfig';
 
 type VideoPlayerSectionProps = {
   data: DetectionData;
   videoId: string;
   videoFile: File | null;
-  detectionType: DetectionType;
+  detectionType: string;
   projectId?: string;
 };
 
@@ -67,13 +68,19 @@ export default function VideoPlayerSection({
   const [videoError, setVideoError] = useState<string | null>(null);
   const [lastDetectedLat, setLastDetectedLat] = useState<number | null>(null);
   const [lastDetectedLng, setLastDetectedLng] = useState<number | null>(null);
-  const [currentFrameCounts, setCurrentFrameCounts] = useState<DetectionCounts>({
-    defected_sign_board: 0,
-    pothole: 0,
-    road_crack: 0,
-    damaged_road_marking: 0,
-    good_sign_board: 0,
-  });
+  const detectionMode = data.detection_mode || detectionType;
+  const modeConfig = getDetectionModeConfig(detectionMode);
+  const enabledTypes = getEnabledDetectionTypes(detectionMode);
+
+  const initialCounts = useMemo(() => {
+    const counts: any = {};
+    enabledTypes.forEach((type) => {
+      counts[type.frameCountKey] = 0;
+    });
+    return counts as DetectionCounts;
+  }, [enabledTypes]);
+
+  const [currentFrameCounts, setCurrentFrameCounts] = useState<DetectionCounts>(initialCounts);
 
   // Logs Reducer
   const [logs, dispatchLogs] = useReducer(logsReducer, []);
@@ -217,6 +224,7 @@ export default function VideoPlayerSection({
                 currentFrame={currentFrame}
                 lastDetectedLat={lastDetectedLat}
                 lastDetectedLng={lastDetectedLng}
+                detectionMode={detectionMode}
               />
             </div>