Initial commit: Bot Detector Dashboard for SOC Incident Response

🛡️ Dashboard complet pour l'analyse et la classification des menaces

Fonctionnalités principales:
- Visualisation des détections en temps réel (24h)
- Investigation multi-entités (IP, JA4, ASN, Host, User-Agent)
- Analyse de corrélation pour classification SOC
- Clustering automatique par subnet/JA4/UA
- Export des classifications pour ML

Composants:
- Backend: FastAPI (Python) + ClickHouse
- Frontend: React + TypeScript + TailwindCSS
- 6 routes API: metrics, detections, variability, attributes, analysis, entities
- 7 types d'entités investigables

Documentation ajoutée:
- NAVIGATION_GRAPH.md: Graph complet de navigation
- SOC_OPTIMIZATION_PROPOSAL.md: Proposition d'optimisation pour SOC
  • Réduction de 7 à 2 clics pour classification
  • Nouvelle vue /incidents clusterisée
  • Panel latéral d'investigation
  • Quick Search (Cmd+K)
  • Timeline interactive
  • Graph de corrélations

Sécurité:
- .gitignore configuré (exclut .env, secrets, node_modules)
- Credentials dans .env (à ne pas committer)

⚠️ Audit sécurité réalisé - Voir recommandations dans SOC_OPTIMIZATION_PROPOSAL.md

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

frontend/tailwind.config.js

@@ -0,0 +1,41 @@
+/** @type {import('tailwindcss').Config} */
+export default {
+  content: [
+    "./index.html",
+    "./src/**/*.{js,ts,jsx,tsx}",
+  ],
+  theme: {
+    extend: {
+      colors: {
+        // Thème sombre Security Dashboard
+        background: {
+          DEFAULT: '#0F172A',    // Slate 900
+          secondary: '#1E293B',  // Slate 800
+          card: '#334155',       // Slate 700
+        },
+        text: {
+          primary: '#F8FAFC',    // Slate 50
+          secondary: '#94A3B8',  // Slate 400
+          disabled: '#64748B',   // Slate 500
+        },
+        // Menaces
+        threat: {
+          critical: '#EF4444',   // Red 500
+          critical_bg: '#7F1D1D',
+          high: '#F97316',       // Orange 500
+          high_bg: '#7C2D12',
+          medium: '#EAB308',     // Yellow 500
+          medium_bg: '#713F12',
+          low: '#22C55E',        // Green 500
+          low_bg: '#14532D',
+        },
+        // Accents
+        accent: {
+          primary: '#3B82F6',    // Blue 500
+          success: '#10B981',    // Emerald 500
+        }
+      }
+    },
+  },
+  plugins: [],
+}