Add score_type filter and detection attributes section

- Backend: Add score_type query parameter to filter detections by threat level (BOT, REGLE, BOT_REGLE, SCORE)
- Frontend: Add score_type dropdown filter in DetectionsList component
- Frontend: Add IP detection route redirect (/detections/ip/:ip → /investigation/:ip)
- Frontend: Add DetectionAttributesSection component showing variability metrics
- API client: Update detectionsApi to support score_type parameter

Co-authored-by: Qwen-Coder <qwen-coder@alibabacloud.com>

frontend/src/components/DetectionsList.tsx

@@ -52,6 +52,7 @@ export function DetectionsList() {
   const search = searchParams.get('search') || undefined;
   const sortField = (searchParams.get('sort_by') || searchParams.get('sort') || 'detected_at') as SortField;
   const sortOrder = (searchParams.get('sort_order') || searchParams.get('order') || 'desc') as SortOrder;
+  const scoreType = searchParams.get('score_type') || undefined;
 
   const [groupByIP, setGroupByIP] = useState(true);
 
@@ -63,6 +64,7 @@ export function DetectionsList() {
     sort_by: sortField,
     sort_order: sortOrder,
     group_by_ip: groupByIP,
+    score_type: scoreType,
   });
 
   const [searchInput, setSearchInput] = useState(search || '');
@@ -468,7 +470,7 @@ export function DetectionsList() {
 
       {/* Filtres */}
       <div className="bg-background-secondary rounded-lg p-4">
-        <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
+        <div className="flex flex-wrap gap-3 items-center">
           <select
             value={modelName || ''}
             onChange={(e) => handleFilterChange('model_name', e.target.value)}
@@ -479,7 +481,19 @@ export function DetectionsList() {
             <option value="Applicatif">Applicatif</option>
           </select>
 
-          {(modelName || search || sortField) && (
+          <select
+            value={scoreType || ''}
+            onChange={(e) => handleFilterChange('score_type', e.target.value)}
+            className="bg-background-card border border-background-card rounded-lg px-4 py-2 text-text-primary focus:outline-none focus:border-accent-primary"
+          >
+            <option value="">Tous types de score</option>
+            <option value="BOT">🟢 BOT seulement</option>
+            <option value="REGLE">🔴 RÈGLE seulement</option>
+            <option value="BOT_REGLE">BOT + RÈGLE</option>
+            <option value="SCORE">Score numérique seulement</option>
+          </select>
+
+          {(modelName || scoreType || search || sortField !== 'detected_at') && (
             <button
               onClick={() => setSearchParams({})}
               className="bg-background-card hover:bg-background-card/80 border border-background-card rounded-lg px-4 py-2 text-text-secondary hover:text-text-primary transition-colors"