feat: WebSocket temps réel + Finance Workflow + corrections

- Task #6: WebSocket /ws/dashboard + Kafka events (5 topics)
  * Backend: KafkaEventProducer, KafkaEventConsumer
  * Mobile: WebSocketService (reconnection, heartbeat, typed events)
  * DashboardBloc: Auto-refresh depuis WebSocket events

- Finance Workflow: approbations + budgets (backend + mobile)
  * Backend: entities, services, resources, migrations Flyway V6
  * Mobile: features finance_workflow complète avec BLoC

- Corrections DI: interfaces IRepository partout
  * IProfileRepository, IOrganizationRepository, IMembreRepository
  * GetIt configuré avec @injectable

- Spec-Kit: constitution + templates mis à jour
  * .specify/memory/constitution.md enrichie
  * Templates agent, plan, spec, tasks, checklist

- Nettoyage: fichiers temporaires supprimés

Signed-off-by: lions dev Team

unionflow/unionflow-mobile-apps/lib/features/dashboard/presentation/widgets/monitoring/performance_monitor_widget.dart

@@ -1,6 +1,7 @@
-import 'package:flutter/material.dart';
 import 'dart:async';
-import '../../../../../shared/design_system/dashboard_theme.dart';
+import 'package:flutter/material.dart';
+import '../../../../../shared/design_system/unionflow_design_system.dart';
+import '../../../../../shared/widgets/core_card.dart';
 import '../../../data/services/dashboard_performance_monitor.dart';
 
 /// Widget de monitoring des performances en temps réel
@@ -127,13 +128,9 @@ class _PerformanceMonitorWidgetState extends State<PerformanceMonitorWidget>
       return _buildLoadingWidget();
     }
     
-    return Container(
-      margin: const EdgeInsets.all(DashboardTheme.spacing8),
-      decoration: BoxDecoration(
-        color: DashboardTheme.white,
-        borderRadius: BorderRadius.circular(DashboardTheme.borderRadius),
-        boxShadow: DashboardTheme.subtleShadow,
-      ),
+    return CoreCard(
+      margin: const EdgeInsets.all(8),
+      padding: EdgeInsets.zero,
       child: Column(
         children: [
           _buildHeader(),
@@ -151,27 +148,23 @@ class _PerformanceMonitorWidgetState extends State<PerformanceMonitorWidget>
   }
   
   Widget _buildLoadingWidget() {
-    return Container(
-      padding: const EdgeInsets.all(DashboardTheme.spacing16),
-      decoration: BoxDecoration(
-        color: DashboardTheme.white,
-        borderRadius: BorderRadius.circular(DashboardTheme.borderRadius),
-        boxShadow: DashboardTheme.subtleShadow,
-      ),
-      child: const Row(
+    return CoreCard(
+      margin: const EdgeInsets.all(8),
+      padding: const EdgeInsets.all(16),
+      child: Row(
         children: [
-          SizedBox(
+          const SizedBox(
             width: 20,
             height: 20,
             child: CircularProgressIndicator(
               strokeWidth: 2,
-              valueColor: AlwaysStoppedAnimation<Color>(DashboardTheme.royalBlue),
+              valueColor: AlwaysStoppedAnimation<Color>(AppColors.primaryGreen),
             ),
           ),
-          SizedBox(width: DashboardTheme.spacing12),
+          const SizedBox(width: 12),
           Text(
             'Initialisation du monitoring...',
-            style: DashboardTheme.bodyMedium,
+            style: AppTypography.bodyTextSmall,
           ),
         ],
       ),
@@ -185,9 +178,8 @@ class _PerformanceMonitorWidgetState extends State<PerformanceMonitorWidget>
           _isExpanded = !_isExpanded;
         });
       },
-      borderRadius: BorderRadius.circular(DashboardTheme.borderRadius),
       child: Padding(
-        padding: const EdgeInsets.all(DashboardTheme.spacing16),
+        padding: const EdgeInsets.all(16),
         child: Row(
           children: [
             AnimatedBuilder(
@@ -213,18 +205,24 @@ class _PerformanceMonitorWidgetState extends State<PerformanceMonitorWidget>
                 );
               },
             ),
-            const SizedBox(width: DashboardTheme.spacing12),
+            const SizedBox(width: 12),
             const Expanded(
               child: Text(
-                'Performances Système',
-                style: DashboardTheme.titleSmall,
+                'PERFORMANCES SYSTÈME',
+                style: TextStyle(
+                  fontSize: 10,
+                  fontWeight: FontWeight.bold,
+                  letterSpacing: 1.1,
+                  color: AppColors.textPrimaryLight,
+                ),
               ),
             ),
             _buildQuickMetrics(),
-            const SizedBox(width: DashboardTheme.spacing8),
+            const SizedBox(width: 8),
             Icon(
               _isExpanded ? Icons.expand_less : Icons.expand_more,
-              color: DashboardTheme.grey600,
+              color: AppColors.textSecondaryLight,
+              size: 20,
             ),
           ],
         ),
@@ -241,13 +239,13 @@ class _PerformanceMonitorWidgetState extends State<PerformanceMonitorWidget>
           '${_currentMetrics!.memoryUsage.toStringAsFixed(0)}MB',
           _getMetricColor(_currentMetrics!.memoryUsage, 400, 600),
         ),
-        const SizedBox(width: DashboardTheme.spacing8),
+        const SizedBox(width: 8),
         _buildQuickMetric(
           'CPU',
           '${_currentMetrics!.cpuUsage.toStringAsFixed(0)}%',
           _getMetricColor(_currentMetrics!.cpuUsage, 50, 80),
         ),
-        const SizedBox(width: DashboardTheme.spacing8),
+        const SizedBox(width: 8),
         _buildQuickMetric(
           'NET',
           '${_currentMetrics!.networkLatency}ms',
@@ -264,8 +262,8 @@ class _PerformanceMonitorWidgetState extends State<PerformanceMonitorWidget>
         Text(
           label,
           style: const TextStyle(
-            fontSize: 10,
-            color: DashboardTheme.grey600,
+            fontSize: 9,
+            color: AppColors.textSecondaryLight,
             fontWeight: FontWeight.w500,
           ),
         ),
@@ -283,7 +281,7 @@ class _PerformanceMonitorWidgetState extends State<PerformanceMonitorWidget>
   
   Widget _buildDetailedMetrics() {
     return Padding(
-      padding: const EdgeInsets.all(DashboardTheme.spacing16),
+      padding: const EdgeInsets.all(16),
       child: Column(
         children: [
           _buildMetricRow(
@@ -293,37 +291,37 @@ class _PerformanceMonitorWidgetState extends State<PerformanceMonitorWidget>
             _getMetricColor(_currentMetrics!.memoryUsage, 400, 600),
             Icons.memory,
           ),
-          const SizedBox(height: DashboardTheme.spacing12),
+          const SizedBox(height: 12),
           _buildMetricRow(
             'Processeur',
             '${_currentMetrics!.cpuUsage.toStringAsFixed(1)}%',
             _currentMetrics!.cpuUsage / 100,
             _getMetricColor(_currentMetrics!.cpuUsage, 50, 80),
-            Icons.speed,
+            Icons.speed_outlined,
           ),
-          const SizedBox(height: DashboardTheme.spacing12),
+          const SizedBox(height: 12),
           _buildMetricRow(
             'Réseau',
             '${_currentMetrics!.networkLatency} ms',
             (_currentMetrics!.networkLatency / 2000).clamp(0.0, 1.0),
             _getMetricColor(_currentMetrics!.networkLatency.toDouble(), 200, 1000),
-            Icons.wifi,
+            Icons.wifi_outlined,
           ),
-          const SizedBox(height: DashboardTheme.spacing12),
+          const SizedBox(height: 12),
           _buildMetricRow(
             'Images/sec',
             '${_currentMetrics!.frameRate.toStringAsFixed(1)} fps',
             _currentMetrics!.frameRate / 60,
             _getMetricColor(60 - _currentMetrics!.frameRate, 10, 30), // Inversé car plus c'est haut, mieux c'est
-            Icons.videocam,
+            Icons.videocam_outlined,
           ),
-          const SizedBox(height: DashboardTheme.spacing12),
+          const SizedBox(height: 12),
           _buildMetricRow(
             'Batterie',
             '${_currentMetrics!.batteryLevel.toStringAsFixed(0)}%',
             _currentMetrics!.batteryLevel / 100,
             _getBatteryColor(_currentMetrics!.batteryLevel),
-            Icons.battery_std,
+            Icons.battery_std_outlined,
           ),
         ],
       ),
@@ -340,23 +338,27 @@ class _PerformanceMonitorWidgetState extends State<PerformanceMonitorWidget>
     return Row(
       children: [
         Icon(icon, size: 16, color: color),
-        const SizedBox(width: DashboardTheme.spacing8),
+        const SizedBox(width: 8),
         Expanded(
           flex: 2,
           child: Text(
             label,
-            style: DashboardTheme.bodySmall,
+            style: AppTypography.subtitleSmall.copyWith(fontSize: 11),
           ),
         ),
         Expanded(
           flex: 3,
-          child: LinearProgressIndicator(
-            value: progress.clamp(0.0, 1.0),
-            backgroundColor: DashboardTheme.grey200,
-            valueColor: AlwaysStoppedAnimation<Color>(color),
+          child: ClipRRect(
+            borderRadius: BorderRadius.circular(2),
+            child: LinearProgressIndicator(
+              value: progress.clamp(0.0, 1.0),
+              backgroundColor: AppColors.lightBorder,
+              valueColor: AlwaysStoppedAnimation<Color>(color),
+              minHeight: 4,
+            ),
           ),
         ),
-        const SizedBox(width: DashboardTheme.spacing8),
+        const SizedBox(width: 8),
         SizedBox(
           width: 60,
           child: Text(
@@ -375,15 +377,15 @@ class _PerformanceMonitorWidgetState extends State<PerformanceMonitorWidget>
   
   Widget _buildAlertsSection() {
     return Padding(
-      padding: const EdgeInsets.all(DashboardTheme.spacing16),
+      padding: const EdgeInsets.all(16),
       child: Column(
         crossAxisAlignment: CrossAxisAlignment.start,
         children: [
-          const Text(
-            'Alertes Récentes',
-            style: DashboardTheme.titleSmall,
+          Text(
+            'ALERTES RÉCENTES',
+            style: AppTypography.subtitleSmall.copyWith(fontWeight: FontWeight.bold, fontSize: 10),
           ),
-          const SizedBox(height: DashboardTheme.spacing8),
+          const SizedBox(height: 8),
           ..._recentAlerts.take(3).map((alert) => _buildAlertItem(alert)),
         ],
       ),
@@ -402,13 +404,13 @@ class _PerformanceMonitorWidgetState extends State<PerformanceMonitorWidget>
             size: 16,
             color: color,
           ),
-          const SizedBox(width: DashboardTheme.spacing8),
+          const SizedBox(width: 8),
           Expanded(
             child: Text(
               alert.message,
               style: const TextStyle(
-                fontSize: 12,
-                color: DashboardTheme.grey700,
+                fontSize: 11,
+                color: AppColors.textPrimaryLight,
               ),
             ),
           ),
@@ -416,7 +418,7 @@ class _PerformanceMonitorWidgetState extends State<PerformanceMonitorWidget>
             _formatTime(alert.timestamp),
             style: const TextStyle(
               fontSize: 10,
-              color: DashboardTheme.grey500,
+              color: AppColors.textSecondaryLight,
             ),
           ),
         ],
@@ -425,7 +427,7 @@ class _PerformanceMonitorWidgetState extends State<PerformanceMonitorWidget>
   }
   
   Color _getOverallHealthColor() {
-    if (_currentMetrics == null) return DashboardTheme.grey400;
+    if (_currentMetrics == null) return AppColors.textSecondaryLight;
     
     final metrics = _currentMetrics!;
     
@@ -438,36 +440,36 @@ class _PerformanceMonitorWidgetState extends State<PerformanceMonitorWidget>
     
     switch (issues) {
       case 0:
-        return DashboardTheme.success;
+        return AppColors.success;
       case 1:
-        return DashboardTheme.warning;
+        return AppColors.warning;
       default:
-        return DashboardTheme.error;
+        return AppColors.error;
     }
   }
   
   Color _getMetricColor(double value, double warningThreshold, double errorThreshold) {
-    if (value >= errorThreshold) return DashboardTheme.error;
-    if (value >= warningThreshold) return DashboardTheme.warning;
-    return DashboardTheme.success;
+    if (value >= errorThreshold) return AppColors.error;
+    if (value >= warningThreshold) return AppColors.warning;
+    return AppColors.success;
   }
   
   Color _getBatteryColor(double batteryLevel) {
-    if (batteryLevel <= 20) return DashboardTheme.error;
-    if (batteryLevel <= 50) return DashboardTheme.warning;
-    return DashboardTheme.success;
+    if (batteryLevel <= 20) return AppColors.error;
+    if (batteryLevel <= 50) return AppColors.warning;
+    return AppColors.success;
   }
   
   Color _getAlertColor(AlertSeverity severity) {
     switch (severity) {
       case AlertSeverity.info:
-        return DashboardTheme.info;
+        return AppColors.info;
       case AlertSeverity.warning:
-        return DashboardTheme.warning;
+        return AppColors.warning;
       case AlertSeverity.error:
-        return DashboardTheme.error;
+        return AppColors.error;
       case AlertSeverity.critical:
-        return DashboardTheme.error;
+        return AppColors.error;
     }
   }