maj cumulative

frontend/src/components/HeaderFingerprintView.tsx

@@ -1,4 +1,4 @@
-import { useState, useEffect } from 'react';
+import { useState, useEffect, useRef } from 'react';
 import { useNavigate } from 'react-router-dom';
 import DataTable, { Column } from './ui/DataTable';
 
@@ -88,6 +88,7 @@ export function HeaderFingerprintView() {
   const [clusterIPsMap, setClusterIPsMap] = useState<Record<string, ClusterIP[]>>({});
   const [loadingHashes, setLoadingHashes] = useState<Set<string>>(new Set());
   const [ipErrors, setIpErrors] = useState<Record<string, string>>({});
+  const expandedPanelRef = useRef<HTMLDivElement>(null);
 
   useEffect(() => {
     const fetchClusters = async () => {
@@ -113,6 +114,7 @@ export function HeaderFingerprintView() {
       return;
     }
     setExpandedHash(hash);
+    setTimeout(() => expandedPanelRef.current?.scrollIntoView({ behavior: 'smooth', block: 'start' }), 50);
     if (clusterIPsMap[hash] !== undefined) return;
     setLoadingHashes((prev) => new Set(prev).add(hash));
     try {
@@ -289,13 +291,14 @@ export function HeaderFingerprintView() {
             loading={loading}
             emptyMessage="Aucun cluster détecté"
             compact
+            maxHeight="max-h-[480px]"
           />
         )}
       </div>
 
       {/* Expanded IPs panel */}
       {expandedHash && (
-        <div className="bg-background-secondary rounded-lg border border-border overflow-hidden">
+        <div ref={expandedPanelRef} className="bg-background-secondary rounded-lg border border-border overflow-hidden">
           <div className="px-4 py-3 border-b border-border flex items-center justify-between">
             <span className="text-sm font-semibold text-text-primary">
               IPs du cluster{' '}