a61828d1e7
🛡️ 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>
42 lines
1.1 KiB
JavaScript
42 lines
1.1 KiB
JavaScript
/** @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: [],
|
|
}
|