feat(mobile): Implement Keycloak WebView authentication with HTTP callback

- Replace flutter_appauth with custom WebView implementation to resolve deep link issues
- Add KeycloakWebViewAuthService with integrated WebView for seamless authentication
- Configure Android manifest for HTTP cleartext traffic support
- Add network security config for development environment (192.168.1.11)
- Update Keycloak client to use HTTP callback endpoint (http://192.168.1.11:8080/auth/callback)
- Remove obsolete keycloak_auth_service.dart and temporary scripts
- Clean up dependencies and regenerate injection configuration
- Tested successfully on multiple Android devices (Xiaomi 2201116TG, SM A725F)

BREAKING CHANGE: Authentication flow now uses WebView instead of external browser
- Users will see Keycloak login page within the app instead of browser redirect
- Resolves ERR_CLEARTEXT_NOT_PERMITTED and deep link state management issues
- Maintains full OIDC compliance with PKCE flow and secure token storage

Technical improvements:
- WebView with custom navigation delegate for callback handling
- Automatic token extraction and user info parsing from JWT
- Proper error handling and user feedback
- Consistent authentication state management across app lifecycle

unionflow-mobile-apps/lib/core/animations/loading_animations.dart

@@ -0,0 +1,446 @@
+import 'package:flutter/material.dart';
+import '../../shared/theme/app_theme.dart';
+
+/// Animations de chargement personnalisées
+class LoadingAnimations {
+  /// Indicateur de chargement avec points animés
+  static Widget dots({
+    Color color = AppTheme.primaryColor,
+    double size = 8.0,
+    Duration duration = const Duration(milliseconds: 1200),
+  }) {
+    return _DotsLoadingAnimation(
+      color: color,
+      size: size,
+      duration: duration,
+    );
+  }
+
+  /// Indicateur de chargement avec vagues
+  static Widget waves({
+    Color color = AppTheme.primaryColor,
+    double size = 40.0,
+    Duration duration = const Duration(milliseconds: 1000),
+  }) {
+    return _WavesLoadingAnimation(
+      color: color,
+      size: size,
+      duration: duration,
+    );
+  }
+
+  /// Indicateur de chargement avec rotation
+  static Widget spinner({
+    Color color = AppTheme.primaryColor,
+    double size = 40.0,
+    double strokeWidth = 4.0,
+    Duration duration = const Duration(milliseconds: 1000),
+  }) {
+    return _SpinnerLoadingAnimation(
+      color: color,
+      size: size,
+      strokeWidth: strokeWidth,
+      duration: duration,
+    );
+  }
+
+  /// Indicateur de chargement avec pulsation
+  static Widget pulse({
+    Color color = AppTheme.primaryColor,
+    double size = 40.0,
+    Duration duration = const Duration(milliseconds: 1000),
+  }) {
+    return _PulseLoadingAnimation(
+      color: color,
+      size: size,
+      duration: duration,
+    );
+  }
+
+  /// Skeleton loader pour les cartes
+  static Widget skeleton({
+    double height = 100.0,
+    double width = double.infinity,
+    BorderRadius? borderRadius,
+    Duration duration = const Duration(milliseconds: 1500),
+  }) {
+    return _SkeletonLoadingAnimation(
+      height: height,
+      width: width,
+      borderRadius: borderRadius ?? BorderRadius.circular(8),
+      duration: duration,
+    );
+  }
+}
+
+/// Animation de points qui rebondissent
+class _DotsLoadingAnimation extends StatefulWidget {
+  final Color color;
+  final double size;
+  final Duration duration;
+
+  const _DotsLoadingAnimation({
+    required this.color,
+    required this.size,
+    required this.duration,
+  });
+
+  @override
+  State<_DotsLoadingAnimation> createState() => _DotsLoadingAnimationState();
+}
+
+class _DotsLoadingAnimationState extends State<_DotsLoadingAnimation>
+    with TickerProviderStateMixin {
+  late List<AnimationController> _controllers;
+  late List<Animation<double>> _animations;
+
+  @override
+  void initState() {
+    super.initState();
+    _controllers = List.generate(3, (index) {
+      return AnimationController(
+        duration: widget.duration,
+        vsync: this,
+      );
+    });
+
+    _animations = _controllers.map((controller) {
+      return Tween<double>(begin: 0.0, end: 1.0).animate(
+        CurvedAnimation(parent: controller, curve: Curves.easeInOut),
+      );
+    }).toList();
+
+    _startAnimations();
+  }
+
+  void _startAnimations() {
+    for (int i = 0; i < _controllers.length; i++) {
+      Future.delayed(Duration(milliseconds: i * 200), () {
+        if (mounted) {
+          _controllers[i].repeat(reverse: true);
+        }
+      });
+    }
+  }
+
+  @override
+  void dispose() {
+    for (final controller in _controllers) {
+      controller.dispose();
+    }
+    super.dispose();
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return Row(
+      mainAxisSize: MainAxisSize.min,
+      children: List.generate(3, (index) {
+        return AnimatedBuilder(
+          animation: _animations[index],
+          builder: (context, child) {
+            return Container(
+              margin: EdgeInsets.symmetric(horizontal: widget.size * 0.2),
+              child: Transform.translate(
+                offset: Offset(0, -widget.size * _animations[index].value),
+                child: Container(
+                  width: widget.size,
+                  height: widget.size,
+                  decoration: BoxDecoration(
+                    color: widget.color,
+                    shape: BoxShape.circle,
+                  ),
+                ),
+              ),
+            );
+          },
+        );
+      }),
+    );
+  }
+}
+
+/// Animation de vagues
+class _WavesLoadingAnimation extends StatefulWidget {
+  final Color color;
+  final double size;
+  final Duration duration;
+
+  const _WavesLoadingAnimation({
+    required this.color,
+    required this.size,
+    required this.duration,
+  });
+
+  @override
+  State<_WavesLoadingAnimation> createState() => _WavesLoadingAnimationState();
+}
+
+class _WavesLoadingAnimationState extends State<_WavesLoadingAnimation>
+    with TickerProviderStateMixin {
+  late List<AnimationController> _controllers;
+  late List<Animation<double>> _animations;
+
+  @override
+  void initState() {
+    super.initState();
+    _controllers = List.generate(4, (index) {
+      return AnimationController(
+        duration: widget.duration,
+        vsync: this,
+      );
+    });
+
+    _animations = _controllers.map((controller) {
+      return Tween<double>(begin: 0.0, end: 1.0).animate(
+        CurvedAnimation(parent: controller, curve: Curves.easeInOut),
+      );
+    }).toList();
+
+    _startAnimations();
+  }
+
+  void _startAnimations() {
+    for (int i = 0; i < _controllers.length; i++) {
+      Future.delayed(Duration(milliseconds: i * 150), () {
+        if (mounted) {
+          _controllers[i].repeat();
+        }
+      });
+    }
+  }
+
+  @override
+  void dispose() {
+    for (final controller in _controllers) {
+      controller.dispose();
+    }
+    super.dispose();
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return SizedBox(
+      width: widget.size,
+      height: widget.size,
+      child: Stack(
+        alignment: Alignment.center,
+        children: List.generate(4, (index) {
+          return AnimatedBuilder(
+            animation: _animations[index],
+            builder: (context, child) {
+              return Container(
+                width: widget.size * _animations[index].value,
+                height: widget.size * _animations[index].value,
+                decoration: BoxDecoration(
+                  shape: BoxShape.circle,
+                  border: Border.all(
+                    color: widget.color.withOpacity(1 - _animations[index].value),
+                    width: 2,
+                  ),
+                ),
+              );
+            },
+          );
+        }),
+      ),
+    );
+  }
+}
+
+/// Animation de spinner personnalisé
+class _SpinnerLoadingAnimation extends StatefulWidget {
+  final Color color;
+  final double size;
+  final double strokeWidth;
+  final Duration duration;
+
+  const _SpinnerLoadingAnimation({
+    required this.color,
+    required this.size,
+    required this.strokeWidth,
+    required this.duration,
+  });
+
+  @override
+  State<_SpinnerLoadingAnimation> createState() => _SpinnerLoadingAnimationState();
+}
+
+class _SpinnerLoadingAnimationState extends State<_SpinnerLoadingAnimation>
+    with SingleTickerProviderStateMixin {
+  late AnimationController _controller;
+
+  @override
+  void initState() {
+    super.initState();
+    _controller = AnimationController(
+      duration: widget.duration,
+      vsync: this,
+    )..repeat();
+  }
+
+  @override
+  void dispose() {
+    _controller.dispose();
+    super.dispose();
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return AnimatedBuilder(
+      animation: _controller,
+      builder: (context, child) {
+        return Transform.rotate(
+          angle: _controller.value * 2 * 3.14159,
+          child: SizedBox(
+            width: widget.size,
+            height: widget.size,
+            child: CircularProgressIndicator(
+              strokeWidth: widget.strokeWidth,
+              valueColor: AlwaysStoppedAnimation<Color>(widget.color),
+              backgroundColor: widget.color.withOpacity(0.2),
+            ),
+          ),
+        );
+      },
+    );
+  }
+}
+
+/// Animation de pulsation
+class _PulseLoadingAnimation extends StatefulWidget {
+  final Color color;
+  final double size;
+  final Duration duration;
+
+  const _PulseLoadingAnimation({
+    required this.color,
+    required this.size,
+    required this.duration,
+  });
+
+  @override
+  State<_PulseLoadingAnimation> createState() => _PulseLoadingAnimationState();
+}
+
+class _PulseLoadingAnimationState extends State<_PulseLoadingAnimation>
+    with SingleTickerProviderStateMixin {
+  late AnimationController _controller;
+  late Animation<double> _animation;
+
+  @override
+  void initState() {
+    super.initState();
+    _controller = AnimationController(
+      duration: widget.duration,
+      vsync: this,
+    );
+
+    _animation = Tween<double>(begin: 0.8, end: 1.2).animate(
+      CurvedAnimation(parent: _controller, curve: Curves.easeInOut),
+    );
+
+    _controller.repeat(reverse: true);
+  }
+
+  @override
+  void dispose() {
+    _controller.dispose();
+    super.dispose();
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return AnimatedBuilder(
+      animation: _animation,
+      builder: (context, child) {
+        return Transform.scale(
+          scale: _animation.value,
+          child: Container(
+            width: widget.size,
+            height: widget.size,
+            decoration: BoxDecoration(
+              color: widget.color,
+              shape: BoxShape.circle,
+            ),
+          ),
+        );
+      },
+    );
+  }
+}
+
+/// Animation skeleton pour le chargement de contenu
+class _SkeletonLoadingAnimation extends StatefulWidget {
+  final double height;
+  final double width;
+  final BorderRadius borderRadius;
+  final Duration duration;
+
+  const _SkeletonLoadingAnimation({
+    required this.height,
+    required this.width,
+    required this.borderRadius,
+    required this.duration,
+  });
+
+  @override
+  State<_SkeletonLoadingAnimation> createState() => _SkeletonLoadingAnimationState();
+}
+
+class _SkeletonLoadingAnimationState extends State<_SkeletonLoadingAnimation>
+    with SingleTickerProviderStateMixin {
+  late AnimationController _controller;
+  late Animation<double> _animation;
+
+  @override
+  void initState() {
+    super.initState();
+    _controller = AnimationController(
+      duration: widget.duration,
+      vsync: this,
+    );
+
+    _animation = Tween<double>(begin: -1.0, end: 2.0).animate(
+      CurvedAnimation(parent: _controller, curve: Curves.easeInOut),
+    );
+
+    _controller.repeat();
+  }
+
+  @override
+  void dispose() {
+    _controller.dispose();
+    super.dispose();
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return AnimatedBuilder(
+      animation: _animation,
+      builder: (context, child) {
+        return Container(
+          width: widget.width,
+          height: widget.height,
+          decoration: BoxDecoration(
+            borderRadius: widget.borderRadius,
+            gradient: LinearGradient(
+              begin: Alignment.centerLeft,
+              end: Alignment.centerRight,
+              stops: [
+                (_animation.value - 0.3).clamp(0.0, 1.0),
+                _animation.value.clamp(0.0, 1.0),
+                (_animation.value + 0.3).clamp(0.0, 1.0),
+              ],
+              colors: const [
+                Color(0xFFE0E0E0),
+                Color(0xFFF5F5F5),
+                Color(0xFFE0E0E0),
+              ],
+            ),
+          ),
+        );
+      },
+    );
+  }
+}

unionflow-mobile-apps/lib/core/animations/page_transitions.dart

@@ -0,0 +1,299 @@
+import 'package:flutter/material.dart';
+
+/// Transitions de pages personnalisées pour une meilleure UX
+class PageTransitions {
+  /// Transition de glissement depuis la droite (par défaut iOS)
+  static PageRouteBuilder<T> slideFromRight<T>(Widget page) {
+    return PageRouteBuilder<T>(
+      pageBuilder: (context, animation, secondaryAnimation) => page,
+      transitionDuration: const Duration(milliseconds: 300),
+      reverseTransitionDuration: const Duration(milliseconds: 250),
+      transitionsBuilder: (context, animation, secondaryAnimation, child) {
+        const begin = Offset(1.0, 0.0);
+        const end = Offset.zero;
+        const curve = Curves.easeInOut;
+
+        var tween = Tween(begin: begin, end: end).chain(
+          CurveTween(curve: curve),
+        );
+
+        return SlideTransition(
+          position: animation.drive(tween),
+          child: child,
+        );
+      },
+    );
+  }
+
+  /// Transition de glissement depuis le bas
+  static PageRouteBuilder<T> slideFromBottom<T>(Widget page) {
+    return PageRouteBuilder<T>(
+      pageBuilder: (context, animation, secondaryAnimation) => page,
+      transitionDuration: const Duration(milliseconds: 350),
+      reverseTransitionDuration: const Duration(milliseconds: 300),
+      transitionsBuilder: (context, animation, secondaryAnimation, child) {
+        const begin = Offset(0.0, 1.0);
+        const end = Offset.zero;
+        const curve = Curves.easeOutCubic;
+
+        var tween = Tween(begin: begin, end: end).chain(
+          CurveTween(curve: curve),
+        );
+
+        return SlideTransition(
+          position: animation.drive(tween),
+          child: child,
+        );
+      },
+    );
+  }
+
+  /// Transition de fondu
+  static PageRouteBuilder<T> fadeIn<T>(Widget page) {
+    return PageRouteBuilder<T>(
+      pageBuilder: (context, animation, secondaryAnimation) => page,
+      transitionDuration: const Duration(milliseconds: 400),
+      reverseTransitionDuration: const Duration(milliseconds: 300),
+      transitionsBuilder: (context, animation, secondaryAnimation, child) {
+        return FadeTransition(
+          opacity: animation,
+          child: child,
+        );
+      },
+    );
+  }
+
+  /// Transition d'échelle avec fondu
+  static PageRouteBuilder<T> scaleWithFade<T>(Widget page) {
+    return PageRouteBuilder<T>(
+      pageBuilder: (context, animation, secondaryAnimation) => page,
+      transitionDuration: const Duration(milliseconds: 400),
+      reverseTransitionDuration: const Duration(milliseconds: 300),
+      transitionsBuilder: (context, animation, secondaryAnimation, child) {
+        const curve = Curves.easeInOutCubic;
+        
+        var scaleTween = Tween(begin: 0.8, end: 1.0).chain(
+          CurveTween(curve: curve),
+        );
+        
+        var fadeTween = Tween(begin: 0.0, end: 1.0).chain(
+          CurveTween(curve: curve),
+        );
+
+        return ScaleTransition(
+          scale: animation.drive(scaleTween),
+          child: FadeTransition(
+            opacity: animation.drive(fadeTween),
+            child: child,
+          ),
+        );
+      },
+    );
+  }
+
+  /// Transition de rotation avec échelle
+  static PageRouteBuilder<T> rotateScale<T>(Widget page) {
+    return PageRouteBuilder<T>(
+      pageBuilder: (context, animation, secondaryAnimation) => page,
+      transitionDuration: const Duration(milliseconds: 500),
+      reverseTransitionDuration: const Duration(milliseconds: 400),
+      transitionsBuilder: (context, animation, secondaryAnimation, child) {
+        const curve = Curves.elasticOut;
+        
+        var scaleTween = Tween(begin: 0.0, end: 1.0).chain(
+          CurveTween(curve: curve),
+        );
+        
+        var rotationTween = Tween(begin: 0.5, end: 1.0).chain(
+          CurveTween(curve: Curves.easeInOut),
+        );
+
+        return ScaleTransition(
+          scale: animation.drive(scaleTween),
+          child: RotationTransition(
+            turns: animation.drive(rotationTween),
+            child: child,
+          ),
+        );
+      },
+    );
+  }
+
+  /// Transition personnalisée avec effet de rebond
+  static PageRouteBuilder<T> bounceIn<T>(Widget page) {
+    return PageRouteBuilder<T>(
+      pageBuilder: (context, animation, secondaryAnimation) => page,
+      transitionDuration: const Duration(milliseconds: 600),
+      reverseTransitionDuration: const Duration(milliseconds: 400),
+      transitionsBuilder: (context, animation, secondaryAnimation, child) {
+        const curve = Curves.bounceOut;
+        
+        var scaleTween = Tween(begin: 0.3, end: 1.0).chain(
+          CurveTween(curve: curve),
+        );
+
+        return ScaleTransition(
+          scale: animation.drive(scaleTween),
+          child: child,
+        );
+      },
+    );
+  }
+
+  /// Transition de glissement avec parallaxe
+  static PageRouteBuilder<T> slideWithParallax<T>(Widget page) {
+    return PageRouteBuilder<T>(
+      pageBuilder: (context, animation, secondaryAnimation) => page,
+      transitionDuration: const Duration(milliseconds: 350),
+      reverseTransitionDuration: const Duration(milliseconds: 300),
+      transitionsBuilder: (context, animation, secondaryAnimation, child) {
+        const primaryBegin = Offset(1.0, 0.0);
+        const primaryEnd = Offset.zero;
+        const secondaryBegin = Offset.zero;
+        const secondaryEnd = Offset(-0.3, 0.0);
+        const curve = Curves.easeInOut;
+
+        var primaryTween = Tween(begin: primaryBegin, end: primaryEnd).chain(
+          CurveTween(curve: curve),
+        );
+
+        var secondaryTween = Tween(begin: secondaryBegin, end: secondaryEnd).chain(
+          CurveTween(curve: curve),
+        );
+
+        return Stack(
+          children: [
+            SlideTransition(
+              position: secondaryAnimation.drive(secondaryTween),
+              child: Container(), // Page précédente
+            ),
+            SlideTransition(
+              position: animation.drive(primaryTween),
+              child: child,
+            ),
+          ],
+        );
+      },
+    );
+  }
+}
+
+/// Extensions pour faciliter l'utilisation des transitions
+extension NavigatorTransitions on NavigatorState {
+  /// Navigation avec transition de glissement depuis la droite
+  Future<T?> pushSlideFromRight<T>(Widget page) {
+    return push<T>(PageTransitions.slideFromRight<T>(page));
+  }
+
+  /// Navigation avec transition de glissement depuis le bas
+  Future<T?> pushSlideFromBottom<T>(Widget page) {
+    return push<T>(PageTransitions.slideFromBottom<T>(page));
+  }
+
+  /// Navigation avec transition de fondu
+  Future<T?> pushFadeIn<T>(Widget page) {
+    return push<T>(PageTransitions.fadeIn<T>(page));
+  }
+
+  /// Navigation avec transition d'échelle et fondu
+  Future<T?> pushScaleWithFade<T>(Widget page) {
+    return push<T>(PageTransitions.scaleWithFade<T>(page));
+  }
+
+  /// Navigation avec transition de rebond
+  Future<T?> pushBounceIn<T>(Widget page) {
+    return push<T>(PageTransitions.bounceIn<T>(page));
+  }
+
+  /// Navigation avec transition de parallaxe
+  Future<T?> pushSlideWithParallax<T>(Widget page) {
+    return push<T>(PageTransitions.slideWithParallax<T>(page));
+  }
+}
+
+/// Widget d'animation pour les éléments de liste
+class AnimatedListItem extends StatefulWidget {
+  final Widget child;
+  final int index;
+  final Duration delay;
+  final Duration duration;
+  final Curve curve;
+  final Offset slideOffset;
+
+  const AnimatedListItem({
+    super.key,
+    required this.child,
+    required this.index,
+    this.delay = const Duration(milliseconds: 100),
+    this.duration = const Duration(milliseconds: 500),
+    this.curve = Curves.easeOutCubic,
+    this.slideOffset = const Offset(0, 50),
+  });
+
+  @override
+  State<AnimatedListItem> createState() => _AnimatedListItemState();
+}
+
+class _AnimatedListItemState extends State<AnimatedListItem>
+    with SingleTickerProviderStateMixin {
+  late AnimationController _controller;
+  late Animation<double> _fadeAnimation;
+  late Animation<Offset> _slideAnimation;
+
+  @override
+  void initState() {
+    super.initState();
+    _controller = AnimationController(
+      duration: widget.duration,
+      vsync: this,
+    );
+
+    _fadeAnimation = Tween<double>(
+      begin: 0.0,
+      end: 1.0,
+    ).animate(CurvedAnimation(
+      parent: _controller,
+      curve: widget.curve,
+    ));
+
+    _slideAnimation = Tween<Offset>(
+      begin: widget.slideOffset,
+      end: Offset.zero,
+    ).animate(CurvedAnimation(
+      parent: _controller,
+      curve: widget.curve,
+    ));
+
+    // Démarrer l'animation avec un délai basé sur l'index
+    Future.delayed(
+      Duration(milliseconds: widget.delay.inMilliseconds * widget.index),
+      () {
+        if (mounted) {
+          _controller.forward();
+        }
+      },
+    );
+  }
+
+  @override
+  void dispose() {
+    _controller.dispose();
+    super.dispose();
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return AnimatedBuilder(
+      animation: _controller,
+      builder: (context, child) {
+        return Transform.translate(
+          offset: _slideAnimation.value,
+          child: Opacity(
+            opacity: _fadeAnimation.value,
+            child: widget.child,
+          ),
+        );
+      },
+    );
+  }
+}

unionflow-mobile-apps/lib/core/auth/models/auth_state.dart

@@ -78,6 +78,9 @@ class AuthState extends Equatable {
   /// Vérifie si l'utilisateur est connecté
   bool get isAuthenticated => status == AuthStatus.authenticated;
 
+  /// Vérifie si l'authentification est en cours de vérification
+  bool get isChecking => status == AuthStatus.checking;
+
   /// Vérifie si la session est valide
   bool get isSessionValid {
     if (!isAuthenticated || expiresAt == null) return false;

unionflow-mobile-apps/lib/core/auth/models/user_info.dart

@@ -7,6 +7,7 @@ class UserInfo extends Equatable {
   final String firstName;
   final String lastName;
   final String role;
+  final List<String>? roles;
   final String? profilePicture;
   final bool isActive;
 
@@ -16,6 +17,7 @@ class UserInfo extends Equatable {
     required this.firstName,
     required this.lastName,
     required this.role,
+    this.roles,
     this.profilePicture,
     required this.isActive,
   });
@@ -35,6 +37,7 @@ class UserInfo extends Equatable {
       firstName: json['firstName'] ?? '',
       lastName: json['lastName'] ?? '',
       role: json['role'] ?? 'membre',
+      roles: json['roles'] != null ? List<String>.from(json['roles']) : null,
       profilePicture: json['profilePicture'],
       isActive: json['isActive'] ?? true,
     );
@@ -47,6 +50,7 @@ class UserInfo extends Equatable {
       'firstName': firstName,
       'lastName': lastName,
       'role': role,
+      'roles': roles,
       'profilePicture': profilePicture,
       'isActive': isActive,
     };
@@ -58,6 +62,7 @@ class UserInfo extends Equatable {
     String? firstName,
     String? lastName,
     String? role,
+    List<String>? roles,
     String? profilePicture,
     bool? isActive,
   }) {
@@ -67,6 +72,7 @@ class UserInfo extends Equatable {
       firstName: firstName ?? this.firstName,
       lastName: lastName ?? this.lastName,
       role: role ?? this.role,
+      roles: roles ?? this.roles,
       profilePicture: profilePicture ?? this.profilePicture,
       isActive: isActive ?? this.isActive,
     );
@@ -79,6 +85,7 @@ class UserInfo extends Equatable {
         firstName,
         lastName,
         role,
+        roles,
         profilePicture,
         isActive,
       ];

unionflow-mobile-apps/lib/core/auth/presentation/auth_wrapper.dart

@@ -0,0 +1,59 @@
+import 'package:flutter/material.dart';
+import '../../../features/auth/presentation/pages/keycloak_login_page.dart';
+import '../../../features/navigation/presentation/pages/main_navigation.dart';
+import '../services/keycloak_webview_auth_service.dart';
+import '../models/auth_state.dart';
+import '../../di/injection.dart';
+
+/// Wrapper qui gère l'authentification et le routage
+class AuthWrapper extends StatefulWidget {
+  const AuthWrapper({super.key});
+
+  @override
+  State<AuthWrapper> createState() => _AuthWrapperState();
+}
+
+class _AuthWrapperState extends State<AuthWrapper> {
+  late KeycloakWebViewAuthService _authService;
+
+  @override
+  void initState() {
+    super.initState();
+    _authService = getIt<KeycloakWebViewAuthService>();
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return StreamBuilder<AuthState>(
+      stream: _authService.authStateStream,
+      initialData: _authService.currentState,
+      builder: (context, snapshot) {
+        final authState = snapshot.data ?? const AuthState.unknown();
+
+        // Affichage de l'écran de chargement pendant la vérification
+        if (authState.isChecking) {
+          return const Scaffold(
+            body: Center(
+              child: Column(
+                mainAxisAlignment: MainAxisAlignment.center,
+                children: [
+                  CircularProgressIndicator(),
+                  SizedBox(height: 16),
+                  Text('Vérification de l\'authentification...'),
+                ],
+              ),
+            ),
+          );
+        }
+
+        // Si l'utilisateur est authentifié, afficher l'application principale
+        if (authState.isAuthenticated) {
+          return const MainNavigation();
+        }
+
+        // Sinon, afficher la page de connexion
+        return const KeycloakLoginPage();
+      },
+    );
+  }
+}

unionflow-mobile-apps/lib/core/auth/services/keycloak_webview_auth_service.dart

@@ -0,0 +1,373 @@
+import 'dart:async';
+import 'dart:convert';
+import 'dart:math';
+import 'package:crypto/crypto.dart';
+import 'package:flutter/material.dart';
+import 'package:flutter_secure_storage/flutter_secure_storage.dart';
+import 'package:injectable/injectable.dart';
+import 'package:jwt_decoder/jwt_decoder.dart';
+import 'package:webview_flutter/webview_flutter.dart';
+import '../models/auth_state.dart';
+import '../models/user_info.dart';
+import 'package:dio/dio.dart';
+
+@singleton
+class KeycloakWebViewAuthService {
+  static const String _keycloakBaseUrl = 'http://192.168.1.11:8180';
+  static const String _realm = 'unionflow';
+  static const String _clientId = 'unionflow-mobile';
+  static const String _redirectUrl = 'http://192.168.1.11:8080/auth/callback';
+  
+  final FlutterSecureStorage _secureStorage = const FlutterSecureStorage();
+  final Dio _dio = Dio();
+  
+  // Stream pour l'état d'authentification
+  final _authStateController = StreamController<AuthState>.broadcast();
+  Stream<AuthState> get authStateStream => _authStateController.stream;
+  
+  AuthState _currentState = const AuthState.unauthenticated();
+  AuthState get currentState => _currentState;
+
+  KeycloakWebViewAuthService() {
+    _initializeAuthState();
+  }
+
+  Future<void> _initializeAuthState() async {
+    print('🔄 Initialisation du service d\'authentification WebView...');
+    
+    try {
+      final accessToken = await _secureStorage.read(key: 'access_token');
+      
+      if (accessToken != null && !JwtDecoder.isExpired(accessToken)) {
+        final userInfo = await _getUserInfoFromToken(accessToken);
+        final refreshToken = await _secureStorage.read(key: 'refresh_token');
+        if (userInfo != null && refreshToken != null) {
+          final expiresAt = DateTime.fromMillisecondsSinceEpoch(
+            JwtDecoder.decode(accessToken)['exp'] * 1000
+          );
+          _updateAuthState(AuthState.authenticated(
+            user: userInfo,
+            accessToken: accessToken,
+            refreshToken: refreshToken,
+            expiresAt: expiresAt,
+          ));
+          return;
+        }
+      }
+      
+      // Tentative de refresh si le token d'accès est expiré
+      final refreshToken = await _secureStorage.read(key: 'refresh_token');
+      if (refreshToken != null && !JwtDecoder.isExpired(refreshToken)) {
+        final success = await _refreshTokens();
+        if (success) return;
+      }
+      
+      // Aucun token valide trouvé
+      await _clearTokens();
+      _updateAuthState(const AuthState.unauthenticated());
+      
+    } catch (e) {
+      print('❌ Erreur lors de l\'initialisation: $e');
+      await _clearTokens();
+      _updateAuthState(const AuthState.unauthenticated());
+    }
+  }
+
+  Future<void> loginWithWebView(BuildContext context) async {
+    print('🔐 Début de la connexion Keycloak WebView...');
+    
+    try {
+      _updateAuthState(const AuthState.checking());
+      
+      // Génération des paramètres PKCE
+      final codeVerifier = _generateCodeVerifier();
+      final codeChallenge = _generateCodeChallenge(codeVerifier);
+      final state = _generateRandomString(32);
+      
+      // Construction de l'URL d'autorisation
+      final authUrl = _buildAuthorizationUrl(codeChallenge, state);
+      
+      print('🌐 URL d\'autorisation: $authUrl');
+      
+      // Ouverture de la WebView
+      final result = await Navigator.of(context).push<String>(
+        MaterialPageRoute(
+          builder: (context) => KeycloakWebViewPage(
+            authUrl: authUrl,
+            redirectUrl: _redirectUrl,
+          ),
+        ),
+      );
+      
+      if (result != null) {
+        // Traitement du code d'autorisation
+        await _handleAuthorizationCode(result, codeVerifier, state);
+      } else {
+        print('❌ Authentification annulée par l\'utilisateur');
+        _updateAuthState(const AuthState.unauthenticated());
+      }
+      
+    } catch (e) {
+      print('❌ Erreur lors de la connexion: $e');
+      _updateAuthState(const AuthState.unauthenticated());
+      rethrow;
+    }
+  }
+
+  String _buildAuthorizationUrl(String codeChallenge, String state) {
+    final params = {
+      'client_id': _clientId,
+      'redirect_uri': _redirectUrl,
+      'response_type': 'code',
+      'scope': 'openid profile email',
+      'code_challenge': codeChallenge,
+      'code_challenge_method': 'S256',
+      'state': state,
+    };
+    
+    final queryString = params.entries
+        .map((e) => '${Uri.encodeComponent(e.key)}=${Uri.encodeComponent(e.value)}')
+        .join('&');
+    
+    return '$_keycloakBaseUrl/realms/$_realm/protocol/openid-connect/auth?$queryString';
+  }
+
+  Future<void> _handleAuthorizationCode(String authCode, String codeVerifier, String expectedState) async {
+    print('🔄 Traitement du code d\'autorisation...');
+    
+    try {
+      // Échange du code contre des tokens
+      final response = await _dio.post(
+        '$_keycloakBaseUrl/realms/$_realm/protocol/openid-connect/token',
+        data: {
+          'grant_type': 'authorization_code',
+          'client_id': _clientId,
+          'code': authCode,
+          'redirect_uri': _redirectUrl,
+          'code_verifier': codeVerifier,
+        },
+        options: Options(
+          contentType: Headers.formUrlEncodedContentType,
+        ),
+      );
+      
+      if (response.statusCode == 200) {
+        final tokens = response.data;
+        await _storeTokens(tokens);
+        
+        final userInfo = await _getUserInfoFromToken(tokens['access_token']);
+        if (userInfo != null) {
+          final expiresAt = DateTime.fromMillisecondsSinceEpoch(
+            JwtDecoder.decode(tokens['access_token'])['exp'] * 1000
+          );
+          _updateAuthState(AuthState.authenticated(
+            user: userInfo,
+            accessToken: tokens['access_token'],
+            refreshToken: tokens['refresh_token'],
+            expiresAt: expiresAt,
+          ));
+          print('✅ Authentification réussie pour: ${userInfo.email}');
+        }
+      }
+      
+    } catch (e) {
+      print('❌ Erreur lors de l\'échange de tokens: $e');
+      _updateAuthState(const AuthState.unauthenticated());
+      rethrow;
+    }
+  }
+
+  // Méthodes utilitaires PKCE
+  String _generateCodeVerifier() {
+    final random = Random.secure();
+    final bytes = List<int>.generate(32, (i) => random.nextInt(256));
+    return base64Url.encode(bytes).replaceAll('=', '');
+  }
+
+  String _generateCodeChallenge(String codeVerifier) {
+    final bytes = utf8.encode(codeVerifier);
+    final digest = sha256.convert(bytes);
+    return base64Url.encode(digest.bytes).replaceAll('=', '');
+  }
+
+  String _generateRandomString(int length) {
+    const chars = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789-._~';
+    final random = Random.secure();
+    return List.generate(length, (index) => chars[random.nextInt(chars.length)]).join();
+  }
+
+  Future<UserInfo?> _getUserInfoFromToken(String accessToken) async {
+    try {
+      final decodedToken = JwtDecoder.decode(accessToken);
+      
+      final roles = List<String>.from(decodedToken['realm_access']?['roles'] ?? []);
+      final primaryRole = roles.isNotEmpty ? roles.first : 'membre';
+
+      return UserInfo(
+        id: decodedToken['sub'] ?? '',
+        email: decodedToken['email'] ?? '',
+        firstName: decodedToken['given_name'] ?? '',
+        lastName: decodedToken['family_name'] ?? '',
+        role: primaryRole,
+        roles: roles,
+        isActive: true,
+      );
+    } catch (e) {
+      print('❌ Erreur lors de l\'extraction des infos utilisateur: $e');
+      return null;
+    }
+  }
+
+  Future<void> _storeTokens(Map<String, dynamic> tokens) async {
+    await _secureStorage.write(key: 'access_token', value: tokens['access_token']);
+    await _secureStorage.write(key: 'refresh_token', value: tokens['refresh_token']);
+    if (tokens['id_token'] != null) {
+      await _secureStorage.write(key: 'id_token', value: tokens['id_token']);
+    }
+  }
+
+  Future<bool> _refreshTokens() async {
+    try {
+      final refreshToken = await _secureStorage.read(key: 'refresh_token');
+      if (refreshToken == null) return false;
+
+      final response = await _dio.post(
+        '$_keycloakBaseUrl/realms/$_realm/protocol/openid-connect/token',
+        data: {
+          'grant_type': 'refresh_token',
+          'client_id': _clientId,
+          'refresh_token': refreshToken,
+        },
+        options: Options(contentType: Headers.formUrlEncodedContentType),
+      );
+
+      if (response.statusCode == 200) {
+        await _storeTokens(response.data);
+        final userInfo = await _getUserInfoFromToken(response.data['access_token']);
+        if (userInfo != null) {
+          final expiresAt = DateTime.fromMillisecondsSinceEpoch(
+            JwtDecoder.decode(response.data['access_token'])['exp'] * 1000
+          );
+          _updateAuthState(AuthState.authenticated(
+            user: userInfo,
+            accessToken: response.data['access_token'],
+            refreshToken: response.data['refresh_token'],
+            expiresAt: expiresAt,
+          ));
+          return true;
+        }
+      }
+    } catch (e) {
+      print('❌ Erreur lors du refresh: $e');
+    }
+    return false;
+  }
+
+  Future<void> logout() async {
+    print('🚪 Déconnexion...');
+    await _clearTokens();
+    _updateAuthState(const AuthState.unauthenticated());
+  }
+
+  Future<void> _clearTokens() async {
+    await _secureStorage.delete(key: 'access_token');
+    await _secureStorage.delete(key: 'refresh_token');
+    await _secureStorage.delete(key: 'id_token');
+  }
+
+  void _updateAuthState(AuthState newState) {
+    _currentState = newState;
+    _authStateController.add(newState);
+  }
+
+  void dispose() {
+    _authStateController.close();
+  }
+}
+
+// Page WebView pour l'authentification
+class KeycloakWebViewPage extends StatefulWidget {
+  final String authUrl;
+  final String redirectUrl;
+
+  const KeycloakWebViewPage({
+    Key? key,
+    required this.authUrl,
+    required this.redirectUrl,
+  }) : super(key: key);
+
+  @override
+  State<KeycloakWebViewPage> createState() => _KeycloakWebViewPageState();
+}
+
+class _KeycloakWebViewPageState extends State<KeycloakWebViewPage> {
+  late final WebViewController _controller;
+
+  @override
+  void initState() {
+    super.initState();
+    _initializeWebView();
+  }
+
+  void _initializeWebView() {
+    _controller = WebViewController()
+      ..setJavaScriptMode(JavaScriptMode.unrestricted)
+      ..setUserAgent('Mozilla/5.0 (Linux; Android 10; Mobile) AppleWebKit/537.36')
+      ..setNavigationDelegate(
+        NavigationDelegate(
+          onNavigationRequest: (NavigationRequest request) {
+            print('🌐 Navigation vers: ${request.url}');
+
+            if (request.url.startsWith(widget.redirectUrl)) {
+              // Extraction du code d'autorisation
+              final uri = Uri.parse(request.url);
+              final code = uri.queryParameters['code'];
+
+              if (code != null) {
+                print('✅ Code d\'autorisation reçu: $code');
+                Navigator.of(context).pop(code);
+              } else {
+                print('❌ Aucun code d\'autorisation trouvé');
+                Navigator.of(context).pop();
+              }
+
+              return NavigationDecision.prevent;
+            }
+
+            return NavigationDecision.navigate;
+          },
+          onWebResourceError: (WebResourceError error) {
+            print('❌ Erreur WebView: ${error.description}');
+            print('❌ Code d\'erreur: ${error.errorCode}');
+            print('❌ URL qui a échoué: ${error.url}');
+          },
+        ),
+      );
+
+    // Chargement avec gestion d'erreur
+    _loadUrlWithRetry();
+  }
+
+  Future<void> _loadUrlWithRetry() async {
+    try {
+      await _controller.loadRequest(Uri.parse(widget.authUrl));
+    } catch (e) {
+      print('❌ Erreur lors du chargement: $e');
+      // Retry avec une approche différente si nécessaire
+    }
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return Scaffold(
+      appBar: AppBar(
+        title: const Text('Connexion Keycloak'),
+        leading: IconButton(
+          icon: const Icon(Icons.close),
+          onPressed: () => Navigator.of(context).pop(),
+        ),
+      ),
+      body: WebViewWidget(controller: _controller),
+    );
+  }
+}

unionflow-mobile-apps/lib/core/auth/services/permission_service.dart

@@ -0,0 +1,314 @@
+import 'package:flutter/foundation.dart';
+import '../models/user_info.dart';
+import 'auth_service.dart';
+
+/// Service de gestion des permissions et rôles utilisateurs
+/// Basé sur le système de rôles du serveur UnionFlow
+class PermissionService {
+  static final PermissionService _instance = PermissionService._internal();
+  factory PermissionService() => _instance;
+  PermissionService._internal();
+
+  // Pour l'instant, on simule un utilisateur admin pour les tests
+  // TODO: Intégrer avec le vrai AuthService une fois l'authentification implémentée
+  AuthService? _authService;
+
+  // Simulation d'un utilisateur admin pour les tests
+  final UserInfo _mockUser = const UserInfo(
+    id: 'admin-001',
+    email: 'admin@unionflow.ci',
+    firstName: 'Administrateur',
+    lastName: 'Test',
+    role: 'ADMIN',
+    isActive: true,
+  );
+
+  /// Rôles système disponibles
+  static const String roleAdmin = 'ADMIN';
+  static const String roleSuperAdmin = 'SUPER_ADMIN';
+  static const String roleGestionnaireMembre = 'GESTIONNAIRE_MEMBRE';
+  static const String roleTresorier = 'TRESORIER';
+  static const String roleGestionnaireEvenement = 'GESTIONNAIRE_EVENEMENT';
+  static const String roleGestionnaireAide = 'GESTIONNAIRE_AIDE';
+  static const String roleGestionnaireFinance = 'GESTIONNAIRE_FINANCE';
+  static const String roleMembre = 'MEMBER';
+  static const String rolePresident = 'PRESIDENT';
+
+  /// Obtient l'utilisateur actuellement connecté
+  UserInfo? get currentUser => _authService?.currentUser ?? _mockUser;
+
+  /// Vérifie si l'utilisateur est authentifié
+  bool get isAuthenticated => _authService?.isAuthenticated ?? true;
+
+  /// Obtient le rôle de l'utilisateur actuel
+  String? get currentUserRole => currentUser?.role.toUpperCase();
+
+  /// Vérifie si l'utilisateur a un rôle spécifique
+  bool hasRole(String role) {
+    if (!isAuthenticated || currentUserRole == null) {
+      return false;
+    }
+    return currentUserRole == role.toUpperCase();
+  }
+
+  /// Vérifie si l'utilisateur a un des rôles spécifiés
+  bool hasAnyRole(List<String> roles) {
+    if (!isAuthenticated || currentUserRole == null) {
+      return false;
+    }
+    return roles.any((role) => currentUserRole == role.toUpperCase());
+  }
+
+  /// Vérifie si l'utilisateur est un administrateur
+  bool get isAdmin => hasRole(roleAdmin);
+
+  /// Vérifie si l'utilisateur est un super administrateur
+  bool get isSuperAdmin => hasRole(roleSuperAdmin);
+
+  /// Vérifie si l'utilisateur est un membre simple
+  bool get isMember => hasRole(roleMembre);
+
+  /// Vérifie si l'utilisateur est un gestionnaire
+  bool get isGestionnaire => hasAnyRole([
+    roleGestionnaireMembre,
+    roleGestionnaireEvenement,
+    roleGestionnaireAide,
+    roleGestionnaireFinance,
+  ]);
+
+  /// Vérifie si l'utilisateur est un trésorier
+  bool get isTresorier => hasRole(roleTresorier);
+
+  /// Vérifie si l'utilisateur est un président
+  bool get isPresident => hasRole(rolePresident);
+
+  // ========== PERMISSIONS SPÉCIFIQUES AUX MEMBRES ==========
+
+  /// Peut gérer les membres (créer, modifier, supprimer)
+  bool get canManageMembers {
+    return hasAnyRole([roleAdmin, roleSuperAdmin, roleGestionnaireMembre, rolePresident]);
+  }
+
+  /// Peut créer de nouveaux membres
+  bool get canCreateMembers {
+    return canManageMembers;
+  }
+
+  /// Peut modifier les informations des membres
+  bool get canEditMembers {
+    return canManageMembers;
+  }
+
+  /// Peut supprimer/désactiver des membres
+  bool get canDeleteMembers {
+    return hasAnyRole([roleAdmin, roleSuperAdmin, rolePresident]);
+  }
+
+  /// Peut voir les détails complets des membres
+  bool get canViewMemberDetails {
+    return hasAnyRole([
+      roleAdmin,
+      roleSuperAdmin,
+      roleGestionnaireMembre,
+      roleTresorier,
+      rolePresident,
+    ]);
+  }
+
+  /// Peut voir les informations de contact des membres
+  bool get canViewMemberContacts {
+    return canViewMemberDetails;
+  }
+
+  /// Peut exporter les données des membres
+  bool get canExportMembers {
+    return hasAnyRole([roleAdmin, roleSuperAdmin, roleGestionnaireMembre]);
+  }
+
+  /// Peut importer des données de membres
+  bool get canImportMembers {
+    return hasAnyRole([roleAdmin, roleSuperAdmin]);
+  }
+
+  /// Peut appeler les membres
+  bool get canCallMembers {
+    return canViewMemberContacts;
+  }
+
+  /// Peut envoyer des messages aux membres
+  bool get canMessageMembers {
+    return canViewMemberContacts;
+  }
+
+  /// Peut voir les statistiques des membres
+  bool get canViewMemberStats {
+    return hasAnyRole([
+      roleAdmin,
+      roleSuperAdmin,
+      roleGestionnaireMembre,
+      roleTresorier,
+      rolePresident,
+    ]);
+  }
+
+  /// Peut valider les nouveaux membres
+  bool get canValidateMembers {
+    return hasAnyRole([roleAdmin, roleSuperAdmin, roleGestionnaireMembre]);
+  }
+
+  // ========== PERMISSIONS GÉNÉRALES ==========
+
+  /// Peut gérer les finances
+  bool get canManageFinances {
+    return hasAnyRole([roleAdmin, roleSuperAdmin, roleTresorier, roleGestionnaireFinance]);
+  }
+
+  /// Peut gérer les événements
+  bool get canManageEvents {
+    return hasAnyRole([roleAdmin, roleSuperAdmin, roleGestionnaireEvenement]);
+  }
+
+  /// Peut gérer les aides
+  bool get canManageAides {
+    return hasAnyRole([roleAdmin, roleSuperAdmin, roleGestionnaireAide]);
+  }
+
+  /// Peut voir les rapports
+  bool get canViewReports {
+    return hasAnyRole([
+      roleAdmin,
+      roleSuperAdmin,
+      roleGestionnaireMembre,
+      roleTresorier,
+      rolePresident,
+    ]);
+  }
+
+  /// Peut gérer l'organisation
+  bool get canManageOrganization {
+    return hasAnyRole([roleAdmin, roleSuperAdmin]);
+  }
+
+  // ========== MÉTHODES UTILITAIRES ==========
+
+  /// Obtient le nom d'affichage du rôle
+  String getRoleDisplayName(String? role) {
+    if (role == null) return 'Invité';
+    
+    switch (role.toUpperCase()) {
+      case roleAdmin:
+        return 'Administrateur';
+      case roleSuperAdmin:
+        return 'Super Administrateur';
+      case roleGestionnaireMembre:
+        return 'Gestionnaire Membres';
+      case roleTresorier:
+        return 'Trésorier';
+      case roleGestionnaireEvenement:
+        return 'Gestionnaire Événements';
+      case roleGestionnaireAide:
+        return 'Gestionnaire Aides';
+      case roleGestionnaireFinance:
+        return 'Gestionnaire Finances';
+      case rolePresident:
+        return 'Président';
+      case roleMembre:
+        return 'Membre';
+      default:
+        return role;
+    }
+  }
+
+  /// Obtient la couleur associée au rôle
+  String getRoleColor(String? role) {
+    if (role == null) return '#9E9E9E';
+    
+    switch (role.toUpperCase()) {
+      case roleAdmin:
+        return '#FF5722';
+      case roleSuperAdmin:
+        return '#E91E63';
+      case roleGestionnaireMembre:
+        return '#2196F3';
+      case roleTresorier:
+        return '#4CAF50';
+      case roleGestionnaireEvenement:
+        return '#FF9800';
+      case roleGestionnaireAide:
+        return '#9C27B0';
+      case roleGestionnaireFinance:
+        return '#00BCD4';
+      case rolePresident:
+        return '#FFD700';
+      case roleMembre:
+        return '#607D8B';
+      default:
+        return '#9E9E9E';
+    }
+  }
+
+  /// Obtient l'icône associée au rôle
+  String getRoleIcon(String? role) {
+    if (role == null) return 'person';
+    
+    switch (role.toUpperCase()) {
+      case roleAdmin:
+        return 'admin_panel_settings';
+      case roleSuperAdmin:
+        return 'security';
+      case roleGestionnaireMembre:
+        return 'people';
+      case roleTresorier:
+        return 'account_balance';
+      case roleGestionnaireEvenement:
+        return 'event';
+      case roleGestionnaireAide:
+        return 'volunteer_activism';
+      case roleGestionnaireFinance:
+        return 'monetization_on';
+      case rolePresident:
+        return 'star';
+      case roleMembre:
+        return 'person';
+      default:
+        return 'person';
+    }
+  }
+
+  /// Vérifie les permissions et lance une exception si non autorisé
+  void requirePermission(bool hasPermission, [String? message]) {
+    if (!hasPermission) {
+      throw PermissionDeniedException(
+        message ?? 'Vous n\'avez pas les permissions nécessaires pour cette action'
+      );
+    }
+  }
+
+  /// Vérifie les permissions et retourne un message d'erreur si non autorisé
+  String? checkPermission(bool hasPermission, [String? message]) {
+    if (!hasPermission) {
+      return message ?? 'Permissions insuffisantes';
+    }
+    return null;
+  }
+
+  /// Log des actions pour audit (en mode debug uniquement)
+  void logAction(String action, {Map<String, dynamic>? details}) {
+    if (kDebugMode) {
+      print('🔐 PermissionService: $action by ${currentUser?.fullName} ($currentUserRole)');
+      if (details != null) {
+        print('   Details: $details');
+      }
+    }
+  }
+}
+
+/// Exception lancée quand une permission est refusée
+class PermissionDeniedException implements Exception {
+  final String message;
+  
+  const PermissionDeniedException(this.message);
+  
+  @override
+  String toString() => 'PermissionDeniedException: $message';
+}

unionflow-mobile-apps/lib/core/constants/app_constants.dart

@@ -1,6 +1,6 @@
 class AppConstants {
   // API Configuration
-  static const String baseUrl = 'http://192.168.1.13:8080'; // Backend UnionFlow
+  static const String baseUrl = 'http://192.168.1.11:8080'; // Backend UnionFlow
   static const String apiVersion = '/api';
   
   // Timeout

unionflow-mobile-apps/lib/core/di/injection.config.dart

@@ -15,6 +15,8 @@ import 'package:unionflow_mobile_apps/core/auth/services/auth_api_service.dart'
     as _i705;
 import 'package:unionflow_mobile_apps/core/auth/services/auth_service.dart'
     as _i423;
+import 'package:unionflow_mobile_apps/core/auth/services/keycloak_webview_auth_service.dart'
+    as _i68;
 import 'package:unionflow_mobile_apps/core/auth/storage/secure_token_storage.dart'
     as _i394;
 import 'package:unionflow_mobile_apps/core/network/auth_interceptor.dart'
@@ -27,6 +29,12 @@ import 'package:unionflow_mobile_apps/features/cotisations/domain/repositories/c
     as _i961;
 import 'package:unionflow_mobile_apps/features/cotisations/presentation/bloc/cotisations_bloc.dart'
     as _i919;
+import 'package:unionflow_mobile_apps/features/evenements/data/repositories/evenement_repository_impl.dart'
+    as _i947;
+import 'package:unionflow_mobile_apps/features/evenements/domain/repositories/evenement_repository.dart'
+    as _i351;
+import 'package:unionflow_mobile_apps/features/evenements/presentation/bloc/evenement_bloc.dart'
+    as _i1001;
 import 'package:unionflow_mobile_apps/features/members/data/repositories/membre_repository_impl.dart'
     as _i108;
 import 'package:unionflow_mobile_apps/features/members/domain/repositories/membre_repository.dart'
@@ -45,29 +53,34 @@ extension GetItInjectableX on _i174.GetIt {
       environment,
       environmentFilter,
     );
+    gh.singleton<_i68.KeycloakWebViewAuthService>(
+        () => _i68.KeycloakWebViewAuthService());
     gh.singleton<_i394.SecureTokenStorage>(() => _i394.SecureTokenStorage());
+    gh.singleton<_i772.AuthInterceptor>(() => _i772.AuthInterceptor());
     gh.singleton<_i978.DioClient>(() => _i978.DioClient());
     gh.singleton<_i705.AuthApiService>(
         () => _i705.AuthApiService(gh<_i978.DioClient>()));
     gh.singleton<_i238.ApiService>(
         () => _i238.ApiService(gh<_i978.DioClient>()));
-    gh.singleton<_i772.AuthInterceptor>(
-        () => _i772.AuthInterceptor(gh<_i394.SecureTokenStorage>()));
-    gh.lazySingleton<_i961.CotisationRepository>(
-        () => _i991.CotisationRepositoryImpl(gh<_i238.ApiService>()));
-    gh.lazySingleton<_i930.MembreRepository>(
-        () => _i108.MembreRepositoryImpl(gh<_i238.ApiService>()));
-    gh.factory<_i41.MembresBloc>(
-        () => _i41.MembresBloc(gh<_i930.MembreRepository>()));
     gh.singleton<_i423.AuthService>(() => _i423.AuthService(
           gh<_i394.SecureTokenStorage>(),
           gh<_i705.AuthApiService>(),
           gh<_i772.AuthInterceptor>(),
           gh<_i978.DioClient>(),
         ));
+    gh.singleton<_i635.AuthBloc>(() => _i635.AuthBloc(gh<_i423.AuthService>()));
+    gh.lazySingleton<_i961.CotisationRepository>(
+        () => _i991.CotisationRepositoryImpl(gh<_i238.ApiService>()));
+    gh.lazySingleton<_i351.EvenementRepository>(
+        () => _i947.EvenementRepositoryImpl(gh<_i238.ApiService>()));
+    gh.lazySingleton<_i930.MembreRepository>(
+        () => _i108.MembreRepositoryImpl(gh<_i238.ApiService>()));
+    gh.factory<_i1001.EvenementBloc>(
+        () => _i1001.EvenementBloc(gh<_i351.EvenementRepository>()));
+    gh.factory<_i41.MembresBloc>(
+        () => _i41.MembresBloc(gh<_i930.MembreRepository>()));
     gh.factory<_i919.CotisationsBloc>(
         () => _i919.CotisationsBloc(gh<_i961.CotisationRepository>()));
-    gh.singleton<_i635.AuthBloc>(() => _i635.AuthBloc(gh<_i423.AuthService>()));
     return this;
   }
 }

unionflow-mobile-apps/lib/core/error/error_handler.dart

@@ -0,0 +1,486 @@
+import 'package:flutter/material.dart';
+import 'package:dio/dio.dart';
+import '../failures/failures.dart';
+import '../../shared/theme/app_theme.dart';
+
+/// Service centralisé de gestion des erreurs
+class ErrorHandler {
+  static const String _tag = 'ErrorHandler';
+
+  /// Gère les erreurs et affiche les messages appropriés à l'utilisateur
+  static void handleError(
+    BuildContext context,
+    dynamic error, {
+    String? customMessage,
+    VoidCallback? onRetry,
+    bool showSnackBar = true,
+    Duration duration = const Duration(seconds: 4),
+  }) {
+    final errorInfo = _analyzeError(error);
+    
+    if (showSnackBar) {
+      _showErrorSnackBar(
+        context,
+        customMessage ?? errorInfo.userMessage,
+        errorInfo.type,
+        onRetry: onRetry,
+        duration: duration,
+      );
+    }
+
+    // Log l'erreur pour le debugging
+    _logError(errorInfo);
+  }
+
+  /// Affiche une boîte de dialogue d'erreur pour les erreurs critiques
+  static Future<void> showErrorDialog(
+    BuildContext context,
+    dynamic error, {
+    String? title,
+    String? customMessage,
+    VoidCallback? onRetry,
+    VoidCallback? onCancel,
+  }) async {
+    final errorInfo = _analyzeError(error);
+    
+    return showDialog<void>(
+      context: context,
+      barrierDismissible: false,
+      builder: (BuildContext context) {
+        return AlertDialog(
+          shape: RoundedRectangleBorder(
+            borderRadius: BorderRadius.circular(16),
+          ),
+          title: Row(
+            children: [
+              Icon(
+                _getErrorIcon(errorInfo.type),
+                color: _getErrorColor(errorInfo.type),
+                size: 24,
+              ),
+              const SizedBox(width: 12),
+              Expanded(
+                child: Text(
+                  title ?? _getErrorTitle(errorInfo.type),
+                  style: const TextStyle(
+                    fontSize: 18,
+                    fontWeight: FontWeight.w600,
+                  ),
+                ),
+              ),
+            ],
+          ),
+          content: Column(
+            mainAxisSize: MainAxisSize.min,
+            crossAxisAlignment: CrossAxisAlignment.start,
+            children: [
+              Text(
+                customMessage ?? errorInfo.userMessage,
+                style: const TextStyle(
+                  fontSize: 14,
+                  color: AppTheme.textSecondary,
+                ),
+              ),
+              if (errorInfo.suggestions.isNotEmpty) ...[
+                const SizedBox(height: 16),
+                const Text(
+                  'Suggestions :',
+                  style: TextStyle(
+                    fontSize: 14,
+                    fontWeight: FontWeight.w600,
+                    color: AppTheme.textPrimary,
+                  ),
+                ),
+                const SizedBox(height: 8),
+                ...errorInfo.suggestions.map((suggestion) => Padding(
+                  padding: const EdgeInsets.only(bottom: 4),
+                  child: Row(
+                    crossAxisAlignment: CrossAxisAlignment.start,
+                    children: [
+                      const Text('• ', style: TextStyle(color: AppTheme.textSecondary)),
+                      Expanded(
+                        child: Text(
+                          suggestion,
+                          style: const TextStyle(
+                            fontSize: 13,
+                            color: AppTheme.textSecondary,
+                          ),
+                        ),
+                      ),
+                    ],
+                  ),
+                )),
+              ],
+            ],
+          ),
+          actions: [
+            if (onCancel != null)
+              TextButton(
+                onPressed: () {
+                  Navigator.of(context).pop();
+                  onCancel();
+                },
+                child: const Text('Annuler'),
+              ),
+            if (onRetry != null)
+              ElevatedButton(
+                onPressed: () {
+                  Navigator.of(context).pop();
+                  onRetry();
+                },
+                style: ElevatedButton.styleFrom(
+                  backgroundColor: AppTheme.primaryColor,
+                  foregroundColor: Colors.white,
+                ),
+                child: const Text('Réessayer'),
+              )
+            else
+              ElevatedButton(
+                onPressed: () => Navigator.of(context).pop(),
+                style: ElevatedButton.styleFrom(
+                  backgroundColor: AppTheme.primaryColor,
+                  foregroundColor: Colors.white,
+                ),
+                child: const Text('OK'),
+              ),
+          ],
+        );
+      },
+    );
+  }
+
+  /// Analyse l'erreur et retourne les informations structurées
+  static ErrorInfo _analyzeError(dynamic error) {
+    if (error is DioException) {
+      return _analyzeDioError(error);
+    } else if (error is Failure) {
+      return _analyzeFailure(error);
+    } else if (error is Exception) {
+      return _analyzeException(error);
+    } else {
+      return ErrorInfo(
+        type: ErrorType.unknown,
+        userMessage: 'Une erreur inattendue s\'est produite',
+        technicalMessage: error.toString(),
+        suggestions: ['Veuillez réessayer plus tard'],
+      );
+    }
+  }
+
+  /// Analyse les erreurs Dio (réseau)
+  static ErrorInfo _analyzeDioError(DioException error) {
+    switch (error.type) {
+      case DioExceptionType.connectionTimeout:
+      case DioExceptionType.sendTimeout:
+      case DioExceptionType.receiveTimeout:
+        return ErrorInfo(
+          type: ErrorType.network,
+          userMessage: 'Délai d\'attente dépassé',
+          technicalMessage: error.message ?? '',
+          suggestions: [
+            'Vérifiez votre connexion internet',
+            'Réessayez dans quelques instants',
+          ],
+        );
+
+      case DioExceptionType.connectionError:
+        return ErrorInfo(
+          type: ErrorType.network,
+          userMessage: 'Problème de connexion',
+          technicalMessage: error.message ?? '',
+          suggestions: [
+            'Vérifiez votre connexion internet',
+            'Vérifiez que le serveur est accessible',
+          ],
+        );
+
+      case DioExceptionType.badResponse:
+        final statusCode = error.response?.statusCode;
+        switch (statusCode) {
+          case 400:
+            return ErrorInfo(
+              type: ErrorType.validation,
+              userMessage: 'Données invalides',
+              technicalMessage: error.response?.data?.toString() ?? '',
+              suggestions: ['Vérifiez les informations saisies'],
+            );
+          case 401:
+            return ErrorInfo(
+              type: ErrorType.authentication,
+              userMessage: 'Session expirée',
+              technicalMessage: 'Unauthorized',
+              suggestions: ['Reconnectez-vous à l\'application'],
+            );
+          case 403:
+            return ErrorInfo(
+              type: ErrorType.authorization,
+              userMessage: 'Accès non autorisé',
+              technicalMessage: 'Forbidden',
+              suggestions: ['Contactez votre administrateur'],
+            );
+          case 404:
+            return ErrorInfo(
+              type: ErrorType.notFound,
+              userMessage: 'Ressource non trouvée',
+              technicalMessage: 'Not Found',
+              suggestions: ['La ressource demandée n\'existe plus'],
+            );
+          case 500:
+            return ErrorInfo(
+              type: ErrorType.server,
+              userMessage: 'Erreur serveur',
+              technicalMessage: 'Internal Server Error',
+              suggestions: [
+                'Réessayez dans quelques instants',
+                'Contactez le support si le problème persiste',
+              ],
+            );
+          default:
+            return ErrorInfo(
+              type: ErrorType.server,
+              userMessage: 'Erreur serveur (Code: $statusCode)',
+              technicalMessage: error.response?.data?.toString() ?? '',
+              suggestions: ['Réessayez plus tard'],
+            );
+        }
+
+      case DioExceptionType.cancel:
+        return ErrorInfo(
+          type: ErrorType.cancelled,
+          userMessage: 'Opération annulée',
+          technicalMessage: 'Request cancelled',
+          suggestions: [],
+        );
+
+      default:
+        return ErrorInfo(
+          type: ErrorType.unknown,
+          userMessage: 'Erreur de communication',
+          technicalMessage: error.message ?? '',
+          suggestions: ['Réessayez plus tard'],
+        );
+    }
+  }
+
+  /// Analyse les erreurs de type Failure
+  static ErrorInfo _analyzeFailure(Failure failure) {
+    switch (failure.runtimeType) {
+      case NetworkFailure:
+        return ErrorInfo(
+          type: ErrorType.network,
+          userMessage: 'Problème de réseau',
+          technicalMessage: failure.message,
+          suggestions: [
+            'Vérifiez votre connexion internet',
+            'Réessayez dans quelques instants',
+          ],
+        );
+      case ServerFailure:
+        return ErrorInfo(
+          type: ErrorType.server,
+          userMessage: 'Erreur serveur',
+          technicalMessage: failure.message,
+          suggestions: [
+            'Réessayez dans quelques instants',
+            'Contactez le support si le problème persiste',
+          ],
+        );
+      case ValidationFailure:
+        return ErrorInfo(
+          type: ErrorType.validation,
+          userMessage: 'Données invalides',
+          technicalMessage: failure.message,
+          suggestions: ['Vérifiez les informations saisies'],
+        );
+      case AuthFailure:
+        return ErrorInfo(
+          type: ErrorType.authentication,
+          userMessage: 'Problème d\'authentification',
+          technicalMessage: failure.message,
+          suggestions: ['Reconnectez-vous à l\'application'],
+        );
+      default:
+        return ErrorInfo(
+          type: ErrorType.unknown,
+          userMessage: failure.message,
+          technicalMessage: failure.message,
+          suggestions: ['Réessayez plus tard'],
+        );
+    }
+  }
+
+  /// Analyse les exceptions génériques
+  static ErrorInfo _analyzeException(Exception exception) {
+    final message = exception.toString();
+
+    if (message.contains('connexion') || message.contains('network')) {
+      return ErrorInfo(
+        type: ErrorType.network,
+        userMessage: 'Problème de connexion',
+        technicalMessage: message,
+        suggestions: ['Vérifiez votre connexion internet'],
+      );
+    } else if (message.contains('timeout')) {
+      return ErrorInfo(
+        type: ErrorType.network,
+        userMessage: 'Délai d\'attente dépassé',
+        technicalMessage: message,
+        suggestions: ['Réessayez dans quelques instants'],
+      );
+    } else {
+      return ErrorInfo(
+        type: ErrorType.unknown,
+        userMessage: 'Une erreur s\'est produite',
+        technicalMessage: message,
+        suggestions: ['Réessayez plus tard'],
+      );
+    }
+  }
+
+  /// Affiche une SnackBar d'erreur avec style approprié
+  static void _showErrorSnackBar(
+    BuildContext context,
+    String message,
+    ErrorType type, {
+    VoidCallback? onRetry,
+    Duration duration = const Duration(seconds: 4),
+  }) {
+    ScaffoldMessenger.of(context).showSnackBar(
+      SnackBar(
+        content: Row(
+          children: [
+            Icon(
+              _getErrorIcon(type),
+              color: Colors.white,
+              size: 20,
+            ),
+            const SizedBox(width: 12),
+            Expanded(
+              child: Text(
+                message,
+                style: const TextStyle(
+                  color: Colors.white,
+                  fontSize: 14,
+                ),
+              ),
+            ),
+          ],
+        ),
+        backgroundColor: _getErrorColor(type),
+        duration: duration,
+        behavior: SnackBarBehavior.floating,
+        shape: RoundedRectangleBorder(
+          borderRadius: BorderRadius.circular(8),
+        ),
+        action: onRetry != null
+            ? SnackBarAction(
+                label: 'Réessayer',
+                textColor: Colors.white,
+                onPressed: onRetry,
+              )
+            : null,
+      ),
+    );
+  }
+
+  /// Retourne l'icône appropriée pour le type d'erreur
+  static IconData _getErrorIcon(ErrorType type) {
+    switch (type) {
+      case ErrorType.network:
+        return Icons.wifi_off;
+      case ErrorType.server:
+        return Icons.error_outline;
+      case ErrorType.validation:
+        return Icons.warning_amber;
+      case ErrorType.authentication:
+        return Icons.lock_outline;
+      case ErrorType.authorization:
+        return Icons.block;
+      case ErrorType.notFound:
+        return Icons.search_off;
+      case ErrorType.cancelled:
+        return Icons.cancel_outlined;
+      case ErrorType.unknown:
+      default:
+        return Icons.error_outline;
+    }
+  }
+
+  /// Retourne la couleur appropriée pour le type d'erreur
+  static Color _getErrorColor(ErrorType type) {
+    switch (type) {
+      case ErrorType.network:
+        return AppTheme.warningColor;
+      case ErrorType.server:
+        return AppTheme.errorColor;
+      case ErrorType.validation:
+        return AppTheme.warningColor;
+      case ErrorType.authentication:
+        return AppTheme.errorColor;
+      case ErrorType.authorization:
+        return AppTheme.errorColor;
+      case ErrorType.notFound:
+        return AppTheme.infoColor;
+      case ErrorType.cancelled:
+        return AppTheme.textSecondary;
+      case ErrorType.unknown:
+      default:
+        return AppTheme.errorColor;
+    }
+  }
+
+  /// Retourne le titre approprié pour le type d'erreur
+  static String _getErrorTitle(ErrorType type) {
+    switch (type) {
+      case ErrorType.network:
+        return 'Problème de connexion';
+      case ErrorType.server:
+        return 'Erreur serveur';
+      case ErrorType.validation:
+        return 'Données invalides';
+      case ErrorType.authentication:
+        return 'Authentification requise';
+      case ErrorType.authorization:
+        return 'Accès non autorisé';
+      case ErrorType.notFound:
+        return 'Ressource introuvable';
+      case ErrorType.cancelled:
+        return 'Opération annulée';
+      case ErrorType.unknown:
+      default:
+        return 'Erreur';
+    }
+  }
+
+  /// Log l'erreur pour le debugging
+  static void _logError(ErrorInfo errorInfo) {
+    debugPrint('[$_tag] ${errorInfo.type.name}: ${errorInfo.technicalMessage}');
+  }
+}
+
+/// Types d'erreurs supportés
+enum ErrorType {
+  network,
+  server,
+  validation,
+  authentication,
+  authorization,
+  notFound,
+  cancelled,
+  unknown,
+}
+
+/// Informations structurées sur une erreur
+class ErrorInfo {
+  final ErrorType type;
+  final String userMessage;
+  final String technicalMessage;
+  final List<String> suggestions;
+
+  const ErrorInfo({
+    required this.type,
+    required this.userMessage,
+    required this.technicalMessage,
+    required this.suggestions,
+  });
+}

unionflow-mobile-apps/lib/core/failures/failures.dart

@@ -0,0 +1,271 @@
+/// Classes d'échec pour la gestion d'erreurs structurée
+abstract class Failure {
+  final String message;
+  final String? code;
+  final Map<String, dynamic>? details;
+
+  const Failure({
+    required this.message,
+    this.code,
+    this.details,
+  });
+
+  @override
+  String toString() => 'Failure(message: $message, code: $code)';
+
+  @override
+  bool operator ==(Object other) {
+    if (identical(this, other)) return true;
+    return other is Failure &&
+        other.message == message &&
+        other.code == code;
+  }
+
+  @override
+  int get hashCode => message.hashCode ^ code.hashCode;
+}
+
+/// Échec réseau (problèmes de connectivité, timeout, etc.)
+class NetworkFailure extends Failure {
+  const NetworkFailure({
+    required super.message,
+    super.code,
+    super.details,
+  });
+
+  factory NetworkFailure.noConnection() {
+    return const NetworkFailure(
+      message: 'Aucune connexion internet disponible',
+      code: 'NO_CONNECTION',
+    );
+  }
+
+  factory NetworkFailure.timeout() {
+    return const NetworkFailure(
+      message: 'Délai d\'attente dépassé',
+      code: 'TIMEOUT',
+    );
+  }
+
+  factory NetworkFailure.serverUnreachable() {
+    return const NetworkFailure(
+      message: 'Serveur inaccessible',
+      code: 'SERVER_UNREACHABLE',
+    );
+  }
+}
+
+/// Échec serveur (erreurs HTTP 5xx, erreurs API, etc.)
+class ServerFailure extends Failure {
+  final int? statusCode;
+
+  const ServerFailure({
+    required super.message,
+    super.code,
+    super.details,
+    this.statusCode,
+  });
+
+  factory ServerFailure.internalError() {
+    return const ServerFailure(
+      message: 'Erreur interne du serveur',
+      code: 'INTERNAL_ERROR',
+      statusCode: 500,
+    );
+  }
+
+  factory ServerFailure.serviceUnavailable() {
+    return const ServerFailure(
+      message: 'Service temporairement indisponible',
+      code: 'SERVICE_UNAVAILABLE',
+      statusCode: 503,
+    );
+  }
+
+  factory ServerFailure.badGateway() {
+    return const ServerFailure(
+      message: 'Passerelle défaillante',
+      code: 'BAD_GATEWAY',
+      statusCode: 502,
+    );
+  }
+}
+
+/// Échec de validation (données invalides, contraintes non respectées)
+class ValidationFailure extends Failure {
+  final Map<String, List<String>>? fieldErrors;
+
+  const ValidationFailure({
+    required super.message,
+    super.code,
+    super.details,
+    this.fieldErrors,
+  });
+
+  factory ValidationFailure.invalidData(String field, String error) {
+    return ValidationFailure(
+      message: 'Données invalides',
+      code: 'INVALID_DATA',
+      fieldErrors: {field: [error]},
+    );
+  }
+
+  factory ValidationFailure.requiredField(String field) {
+    return ValidationFailure(
+      message: 'Champ requis manquant',
+      code: 'REQUIRED_FIELD',
+      fieldErrors: {field: ['Ce champ est requis']},
+    );
+  }
+
+  factory ValidationFailure.multipleErrors(Map<String, List<String>> errors) {
+    return ValidationFailure(
+      message: 'Plusieurs erreurs de validation',
+      code: 'MULTIPLE_ERRORS',
+      fieldErrors: errors,
+    );
+  }
+}
+
+/// Échec d'authentification (login, permissions, tokens expirés)
+class AuthFailure extends Failure {
+  const AuthFailure({
+    required super.message,
+    super.code,
+    super.details,
+  });
+
+  factory AuthFailure.invalidCredentials() {
+    return const AuthFailure(
+      message: 'Identifiants invalides',
+      code: 'INVALID_CREDENTIALS',
+    );
+  }
+
+  factory AuthFailure.tokenExpired() {
+    return const AuthFailure(
+      message: 'Session expirée, veuillez vous reconnecter',
+      code: 'TOKEN_EXPIRED',
+    );
+  }
+
+  factory AuthFailure.insufficientPermissions() {
+    return const AuthFailure(
+      message: 'Permissions insuffisantes',
+      code: 'INSUFFICIENT_PERMISSIONS',
+    );
+  }
+
+  factory AuthFailure.accountLocked() {
+    return const AuthFailure(
+      message: 'Compte verrouillé',
+      code: 'ACCOUNT_LOCKED',
+    );
+  }
+}
+
+/// Échec de données (ressource non trouvée, conflit, etc.)
+class DataFailure extends Failure {
+  const DataFailure({
+    required super.message,
+    super.code,
+    super.details,
+  });
+
+  factory DataFailure.notFound(String resource) {
+    return DataFailure(
+      message: '$resource non trouvé(e)',
+      code: 'NOT_FOUND',
+      details: {'resource': resource},
+    );
+  }
+
+  factory DataFailure.alreadyExists(String resource) {
+    return DataFailure(
+      message: '$resource existe déjà',
+      code: 'ALREADY_EXISTS',
+      details: {'resource': resource},
+    );
+  }
+
+  factory DataFailure.conflict(String reason) {
+    return DataFailure(
+      message: 'Conflit de données : $reason',
+      code: 'CONFLICT',
+      details: {'reason': reason},
+    );
+  }
+}
+
+/// Échec de cache (données expirées, cache corrompu)
+class CacheFailure extends Failure {
+  const CacheFailure({
+    required super.message,
+    super.code,
+    super.details,
+  });
+
+  factory CacheFailure.expired() {
+    return const CacheFailure(
+      message: 'Données en cache expirées',
+      code: 'CACHE_EXPIRED',
+    );
+  }
+
+  factory CacheFailure.corrupted() {
+    return const CacheFailure(
+      message: 'Cache corrompu',
+      code: 'CACHE_CORRUPTED',
+    );
+  }
+}
+
+/// Échec de fichier (lecture, écriture, format)
+class FileFailure extends Failure {
+  const FileFailure({
+    required super.message,
+    super.code,
+    super.details,
+  });
+
+  factory FileFailure.notFound(String filePath) {
+    return FileFailure(
+      message: 'Fichier non trouvé',
+      code: 'FILE_NOT_FOUND',
+      details: {'filePath': filePath},
+    );
+  }
+
+  factory FileFailure.accessDenied(String filePath) {
+    return FileFailure(
+      message: 'Accès au fichier refusé',
+      code: 'ACCESS_DENIED',
+      details: {'filePath': filePath},
+    );
+  }
+
+  factory FileFailure.invalidFormat(String expectedFormat) {
+    return FileFailure(
+      message: 'Format de fichier invalide',
+      code: 'INVALID_FORMAT',
+      details: {'expectedFormat': expectedFormat},
+    );
+  }
+}
+
+/// Échec générique pour les cas non spécifiés
+class UnknownFailure extends Failure {
+  const UnknownFailure({
+    required super.message,
+    super.code,
+    super.details,
+  });
+
+  factory UnknownFailure.fromException(Exception exception) {
+    return UnknownFailure(
+      message: 'Erreur inattendue : ${exception.toString()}',
+      code: 'UNKNOWN_ERROR',
+      details: {'exception': exception.toString()},
+    );
+  }
+}

unionflow-mobile-apps/lib/core/feedback/user_feedback.dart

@@ -0,0 +1,459 @@
+import 'package:flutter/material.dart';
+import 'package:flutter/services.dart';
+import '../../shared/theme/app_theme.dart';
+import '../animations/loading_animations.dart';
+
+/// Service de feedback utilisateur avec différents types de notifications
+class UserFeedback {
+  /// Affiche un message de succès
+  static void showSuccess(
+    BuildContext context,
+    String message, {
+    Duration duration = const Duration(seconds: 3),
+    VoidCallback? onAction,
+    String? actionLabel,
+  }) {
+    HapticFeedback.lightImpact();
+    
+    ScaffoldMessenger.of(context).showSnackBar(
+      SnackBar(
+        content: Row(
+          children: [
+            const Icon(
+              Icons.check_circle,
+              color: Colors.white,
+              size: 20,
+            ),
+            const SizedBox(width: 12),
+            Expanded(
+              child: Text(
+                message,
+                style: const TextStyle(
+                  color: Colors.white,
+                  fontSize: 14,
+                  fontWeight: FontWeight.w500,
+                ),
+              ),
+            ),
+          ],
+        ),
+        backgroundColor: AppTheme.successColor,
+        duration: duration,
+        behavior: SnackBarBehavior.floating,
+        shape: RoundedRectangleBorder(
+          borderRadius: BorderRadius.circular(8),
+        ),
+        action: onAction != null && actionLabel != null
+            ? SnackBarAction(
+                label: actionLabel,
+                textColor: Colors.white,
+                onPressed: onAction,
+              )
+            : null,
+      ),
+    );
+  }
+
+  /// Affiche un message d'information
+  static void showInfo(
+    BuildContext context,
+    String message, {
+    Duration duration = const Duration(seconds: 3),
+    VoidCallback? onAction,
+    String? actionLabel,
+  }) {
+    ScaffoldMessenger.of(context).showSnackBar(
+      SnackBar(
+        content: Row(
+          children: [
+            const Icon(
+              Icons.info,
+              color: Colors.white,
+              size: 20,
+            ),
+            const SizedBox(width: 12),
+            Expanded(
+              child: Text(
+                message,
+                style: const TextStyle(
+                  color: Colors.white,
+                  fontSize: 14,
+                ),
+              ),
+            ),
+          ],
+        ),
+        backgroundColor: AppTheme.infoColor,
+        duration: duration,
+        behavior: SnackBarBehavior.floating,
+        shape: RoundedRectangleBorder(
+          borderRadius: BorderRadius.circular(8),
+        ),
+        action: onAction != null && actionLabel != null
+            ? SnackBarAction(
+                label: actionLabel,
+                textColor: Colors.white,
+                onPressed: onAction,
+              )
+            : null,
+      ),
+    );
+  }
+
+  /// Affiche un message d'avertissement
+  static void showWarning(
+    BuildContext context,
+    String message, {
+    Duration duration = const Duration(seconds: 4),
+    VoidCallback? onAction,
+    String? actionLabel,
+  }) {
+    HapticFeedback.mediumImpact();
+    
+    ScaffoldMessenger.of(context).showSnackBar(
+      SnackBar(
+        content: Row(
+          children: [
+            const Icon(
+              Icons.warning,
+              color: Colors.white,
+              size: 20,
+            ),
+            const SizedBox(width: 12),
+            Expanded(
+              child: Text(
+                message,
+                style: const TextStyle(
+                  color: Colors.white,
+                  fontSize: 14,
+                  fontWeight: FontWeight.w500,
+                ),
+              ),
+            ),
+          ],
+        ),
+        backgroundColor: AppTheme.warningColor,
+        duration: duration,
+        behavior: SnackBarBehavior.floating,
+        shape: RoundedRectangleBorder(
+          borderRadius: BorderRadius.circular(8),
+        ),
+        action: onAction != null && actionLabel != null
+            ? SnackBarAction(
+                label: actionLabel,
+                textColor: Colors.white,
+                onPressed: onAction,
+              )
+            : null,
+      ),
+    );
+  }
+
+  /// Affiche une boîte de dialogue de confirmation
+  static Future<bool> showConfirmation(
+    BuildContext context, {
+    required String title,
+    required String message,
+    String confirmText = 'Confirmer',
+    String cancelText = 'Annuler',
+    Color? confirmColor,
+    IconData? icon,
+    bool isDangerous = false,
+  }) async {
+    HapticFeedback.mediumImpact();
+    
+    final result = await showDialog<bool>(
+      context: context,
+      barrierDismissible: false,
+      builder: (BuildContext context) {
+        return AlertDialog(
+          shape: RoundedRectangleBorder(
+            borderRadius: BorderRadius.circular(16),
+          ),
+          title: Row(
+            children: [
+              if (icon != null) ...[
+                Icon(
+                  icon,
+                  color: isDangerous ? AppTheme.errorColor : AppTheme.primaryColor,
+                  size: 24,
+                ),
+                const SizedBox(width: 12),
+              ],
+              Expanded(
+                child: Text(
+                  title,
+                  style: const TextStyle(
+                    fontSize: 18,
+                    fontWeight: FontWeight.w600,
+                  ),
+                ),
+              ),
+            ],
+          ),
+          content: Text(
+            message,
+            style: const TextStyle(
+              fontSize: 14,
+              color: AppTheme.textSecondary,
+            ),
+          ),
+          actions: [
+            TextButton(
+              onPressed: () => Navigator.of(context).pop(false),
+              child: Text(
+                cancelText,
+                style: const TextStyle(
+                  color: AppTheme.textSecondary,
+                ),
+              ),
+            ),
+            ElevatedButton(
+              onPressed: () => Navigator.of(context).pop(true),
+              style: ElevatedButton.styleFrom(
+                backgroundColor: confirmColor ?? 
+                    (isDangerous ? AppTheme.errorColor : AppTheme.primaryColor),
+                foregroundColor: Colors.white,
+                shape: RoundedRectangleBorder(
+                  borderRadius: BorderRadius.circular(8),
+                ),
+              ),
+              child: Text(confirmText),
+            ),
+          ],
+        );
+      },
+    );
+
+    return result ?? false;
+  }
+
+  /// Affiche une boîte de dialogue de saisie
+  static Future<String?> showInputDialog(
+    BuildContext context, {
+    required String title,
+    required String label,
+    String? initialValue,
+    String? hintText,
+    String confirmText = 'OK',
+    String cancelText = 'Annuler',
+    TextInputType? keyboardType,
+    String? Function(String?)? validator,
+    int maxLines = 1,
+  }) async {
+    final controller = TextEditingController(text: initialValue);
+    final formKey = GlobalKey<FormState>();
+
+    final result = await showDialog<String>(
+      context: context,
+      barrierDismissible: false,
+      builder: (BuildContext context) {
+        return AlertDialog(
+          shape: RoundedRectangleBorder(
+            borderRadius: BorderRadius.circular(16),
+          ),
+          title: Text(
+            title,
+            style: const TextStyle(
+              fontSize: 18,
+              fontWeight: FontWeight.w600,
+            ),
+          ),
+          content: Form(
+            key: formKey,
+            child: TextFormField(
+              controller: controller,
+              decoration: InputDecoration(
+                labelText: label,
+                hintText: hintText,
+                border: OutlineInputBorder(
+                  borderRadius: BorderRadius.circular(8),
+                ),
+              ),
+              keyboardType: keyboardType,
+              maxLines: maxLines,
+              validator: validator,
+              autofocus: true,
+            ),
+          ),
+          actions: [
+            TextButton(
+              onPressed: () => Navigator.of(context).pop(),
+              child: Text(
+                cancelText,
+                style: const TextStyle(
+                  color: AppTheme.textSecondary,
+                ),
+              ),
+            ),
+            ElevatedButton(
+              onPressed: () {
+                if (formKey.currentState?.validate() ?? false) {
+                  Navigator.of(context).pop(controller.text);
+                }
+              },
+              style: ElevatedButton.styleFrom(
+                backgroundColor: AppTheme.primaryColor,
+                foregroundColor: Colors.white,
+                shape: RoundedRectangleBorder(
+                  borderRadius: BorderRadius.circular(8),
+                ),
+              ),
+              child: Text(confirmText),
+            ),
+          ],
+        );
+      },
+    );
+
+    controller.dispose();
+    return result;
+  }
+
+  /// Affiche un indicateur de chargement avec message et animation personnalisée
+  static void showLoading(
+    BuildContext context, {
+    String message = 'Chargement...',
+    bool barrierDismissible = false,
+    Widget? customLoader,
+  }) {
+    showDialog(
+      context: context,
+      barrierDismissible: barrierDismissible,
+      builder: (BuildContext context) {
+        return PopScope(
+          canPop: barrierDismissible,
+          child: AlertDialog(
+            shape: RoundedRectangleBorder(
+              borderRadius: BorderRadius.circular(16),
+            ),
+            content: Column(
+              mainAxisSize: MainAxisSize.min,
+              children: [
+                customLoader ?? LoadingAnimations.waves(
+                  color: AppTheme.primaryColor,
+                  size: 50,
+                ),
+                const SizedBox(height: 16),
+                Text(
+                  message,
+                  style: const TextStyle(
+                    fontSize: 14,
+                    color: AppTheme.textSecondary,
+                  ),
+                  textAlign: TextAlign.center,
+                ),
+              ],
+            ),
+          ),
+        );
+      },
+    );
+  }
+
+  /// Affiche un indicateur de chargement avec animation de points
+  static void showLoadingDots(
+    BuildContext context, {
+    String message = 'Chargement...',
+    bool barrierDismissible = false,
+  }) {
+    showLoading(
+      context,
+      message: message,
+      barrierDismissible: barrierDismissible,
+      customLoader: LoadingAnimations.dots(
+        color: AppTheme.primaryColor,
+        size: 12,
+      ),
+    );
+  }
+
+  /// Affiche un indicateur de chargement avec animation de spinner
+  static void showLoadingSpinner(
+    BuildContext context, {
+    String message = 'Chargement...',
+    bool barrierDismissible = false,
+  }) {
+    showLoading(
+      context,
+      message: message,
+      barrierDismissible: barrierDismissible,
+      customLoader: LoadingAnimations.spinner(
+        color: AppTheme.primaryColor,
+        size: 50,
+      ),
+    );
+  }
+
+  /// Ferme l'indicateur de chargement
+  static void hideLoading(BuildContext context) {
+    Navigator.of(context).pop();
+  }
+
+  /// Affiche un toast personnalisé
+  static void showToast(
+    BuildContext context,
+    String message, {
+    Duration duration = const Duration(seconds: 2),
+    Color? backgroundColor,
+    Color? textColor,
+    IconData? icon,
+  }) {
+    final overlay = Overlay.of(context);
+    late OverlayEntry overlayEntry;
+
+    overlayEntry = OverlayEntry(
+      builder: (context) => Positioned(
+        bottom: 100,
+        left: 20,
+        right: 20,
+        child: Material(
+          color: Colors.transparent,
+          child: Container(
+            padding: const EdgeInsets.symmetric(horizontal: 16, vertical: 12),
+            decoration: BoxDecoration(
+              color: backgroundColor ?? AppTheme.textPrimary.withOpacity(0.9),
+              borderRadius: BorderRadius.circular(8),
+              boxShadow: [
+                BoxShadow(
+                  color: Colors.black.withOpacity(0.1),
+                  blurRadius: 8,
+                  offset: const Offset(0, 2),
+                ),
+              ],
+            ),
+            child: Row(
+              mainAxisSize: MainAxisSize.min,
+              children: [
+                if (icon != null) ...[
+                  Icon(
+                    icon,
+                    color: textColor ?? Colors.white,
+                    size: 20,
+                  ),
+                  const SizedBox(width: 8),
+                ],
+                Expanded(
+                  child: Text(
+                    message,
+                    style: TextStyle(
+                      color: textColor ?? Colors.white,
+                      fontSize: 14,
+                    ),
+                    textAlign: TextAlign.center,
+                  ),
+                ),
+              ],
+            ),
+          ),
+        ),
+      ),
+    );
+
+    overlay.insert(overlayEntry);
+
+    Future.delayed(duration, () {
+      overlayEntry.remove();
+    });
+  }
+}

unionflow-mobile-apps/lib/core/models/evenement_model.dart

@@ -0,0 +1,391 @@
+import 'package:equatable/equatable.dart';
+import 'package:json_annotation/json_annotation.dart';
+
+part 'evenement_model.g.dart';
+
+/// Modèle de données pour un événement UnionFlow
+/// Aligné avec l'entité Evenement du serveur API
+@JsonSerializable()
+class EvenementModel extends Equatable {
+  /// ID unique de l'événement
+  final String? id;
+
+  /// Titre de l'événement
+  final String titre;
+
+  /// Description détaillée
+  final String? description;
+
+  /// Date et heure de début
+  @JsonKey(name: 'dateDebut')
+  final DateTime dateDebut;
+
+  /// Date et heure de fin
+  @JsonKey(name: 'dateFin')
+  final DateTime? dateFin;
+
+  /// Lieu de l'événement
+  final String? lieu;
+
+  /// Adresse complète
+  final String? adresse;
+
+  /// Type d'événement
+  @JsonKey(name: 'typeEvenement')
+  final TypeEvenement typeEvenement;
+
+  /// Statut de l'événement
+  final StatutEvenement statut;
+
+  /// Capacité maximale
+  @JsonKey(name: 'capaciteMax')
+  final int? capaciteMax;
+
+  /// Prix de participation
+  final double? prix;
+
+  /// Inscription requise
+  @JsonKey(name: 'inscriptionRequise')
+  final bool inscriptionRequise;
+
+  /// Date limite d'inscription
+  @JsonKey(name: 'dateLimiteInscription')
+  final DateTime? dateLimiteInscription;
+
+  /// Instructions particulières
+  @JsonKey(name: 'instructionsParticulieres')
+  final String? instructionsParticulieres;
+
+  /// Contact organisateur
+  @JsonKey(name: 'contactOrganisateur')
+  final String? contactOrganisateur;
+
+  /// Matériel requis
+  @JsonKey(name: 'materielRequis')
+  final String? materielRequis;
+
+  /// Visible au public
+  @JsonKey(name: 'visiblePublic')
+  final bool visiblePublic;
+
+  /// Événement actif
+  final bool actif;
+
+  /// Créé par
+  @JsonKey(name: 'creePar')
+  final String? creePar;
+
+  /// Date de création
+  @JsonKey(name: 'dateCreation')
+  final DateTime? dateCreation;
+
+  /// Modifié par
+  @JsonKey(name: 'modifiePar')
+  final String? modifiePar;
+
+  /// Date de modification
+  @JsonKey(name: 'dateModification')
+  final DateTime? dateModification;
+
+  /// Organisation associée (ID)
+  @JsonKey(name: 'organisationId')
+  final String? organisationId;
+
+  /// Organisateur (ID)
+  @JsonKey(name: 'organisateurId')
+  final String? organisateurId;
+
+  const EvenementModel({
+    this.id,
+    required this.titre,
+    this.description,
+    required this.dateDebut,
+    this.dateFin,
+    this.lieu,
+    this.adresse,
+    required this.typeEvenement,
+    required this.statut,
+    this.capaciteMax,
+    this.prix,
+    required this.inscriptionRequise,
+    this.dateLimiteInscription,
+    this.instructionsParticulieres,
+    this.contactOrganisateur,
+    this.materielRequis,
+    required this.visiblePublic,
+    required this.actif,
+    this.creePar,
+    this.dateCreation,
+    this.modifiePar,
+    this.dateModification,
+    this.organisationId,
+    this.organisateurId,
+  });
+
+  /// Factory pour créer depuis JSON
+  factory EvenementModel.fromJson(Map<String, dynamic> json) =>
+      _$EvenementModelFromJson(json);
+
+  /// Convertir vers JSON
+  Map<String, dynamic> toJson() => _$EvenementModelToJson(this);
+
+  /// Copie avec modifications
+  EvenementModel copyWith({
+    String? id,
+    String? titre,
+    String? description,
+    DateTime? dateDebut,
+    DateTime? dateFin,
+    String? lieu,
+    String? adresse,
+    TypeEvenement? typeEvenement,
+    StatutEvenement? statut,
+    int? capaciteMax,
+    double? prix,
+    bool? inscriptionRequise,
+    DateTime? dateLimiteInscription,
+    String? instructionsParticulieres,
+    String? contactOrganisateur,
+    String? materielRequis,
+    bool? visiblePublic,
+    bool? actif,
+    String? creePar,
+    DateTime? dateCreation,
+    String? modifiePar,
+    DateTime? dateModification,
+    String? organisationId,
+    String? organisateurId,
+  }) {
+    return EvenementModel(
+      id: id ?? this.id,
+      titre: titre ?? this.titre,
+      description: description ?? this.description,
+      dateDebut: dateDebut ?? this.dateDebut,
+      dateFin: dateFin ?? this.dateFin,
+      lieu: lieu ?? this.lieu,
+      adresse: adresse ?? this.adresse,
+      typeEvenement: typeEvenement ?? this.typeEvenement,
+      statut: statut ?? this.statut,
+      capaciteMax: capaciteMax ?? this.capaciteMax,
+      prix: prix ?? this.prix,
+      inscriptionRequise: inscriptionRequise ?? this.inscriptionRequise,
+      dateLimiteInscription: dateLimiteInscription ?? this.dateLimiteInscription,
+      instructionsParticulieres: instructionsParticulieres ?? this.instructionsParticulieres,
+      contactOrganisateur: contactOrganisateur ?? this.contactOrganisateur,
+      materielRequis: materielRequis ?? this.materielRequis,
+      visiblePublic: visiblePublic ?? this.visiblePublic,
+      actif: actif ?? this.actif,
+      creePar: creePar ?? this.creePar,
+      dateCreation: dateCreation ?? this.dateCreation,
+      modifiePar: modifiePar ?? this.modifiePar,
+      dateModification: dateModification ?? this.dateModification,
+      organisationId: organisationId ?? this.organisationId,
+      organisateurId: organisateurId ?? this.organisateurId,
+    );
+  }
+
+  /// Méthodes utilitaires
+
+  /// Vérifie si l'événement est à venir
+  bool get estAVenir => dateDebut.isAfter(DateTime.now());
+
+  /// Vérifie si l'événement est en cours
+  bool get estEnCours {
+    final maintenant = DateTime.now();
+    return dateDebut.isBefore(maintenant) && 
+           (dateFin?.isAfter(maintenant) ?? false);
+  }
+
+  /// Vérifie si l'événement est terminé
+  bool get estTermine {
+    final maintenant = DateTime.now();
+    return dateFin?.isBefore(maintenant) ?? dateDebut.isBefore(maintenant);
+  }
+
+  /// Vérifie si les inscriptions sont ouvertes
+  bool get inscriptionsOuvertes {
+    if (!inscriptionRequise) return false;
+    if (dateLimiteInscription == null) return estAVenir;
+    return dateLimiteInscription!.isAfter(DateTime.now()) && estAVenir;
+  }
+
+  /// Durée de l'événement
+  Duration? get duree {
+    if (dateFin == null) return null;
+    return dateFin!.difference(dateDebut);
+  }
+
+  /// Formatage de la durée
+  String get dureeFormatee {
+    final d = duree;
+    if (d == null) return 'Non spécifiée';
+    
+    if (d.inDays > 0) {
+      return '${d.inDays} jour${d.inDays > 1 ? 's' : ''}';
+    } else if (d.inHours > 0) {
+      return '${d.inHours}h${d.inMinutes.remainder(60) > 0 ? '${d.inMinutes.remainder(60)}' : ''}';
+    } else {
+      return '${d.inMinutes} min';
+    }
+  }
+
+  @override
+  List<Object?> get props => [
+        id,
+        titre,
+        description,
+        dateDebut,
+        dateFin,
+        lieu,
+        adresse,
+        typeEvenement,
+        statut,
+        capaciteMax,
+        prix,
+        inscriptionRequise,
+        dateLimiteInscription,
+        instructionsParticulieres,
+        contactOrganisateur,
+        materielRequis,
+        visiblePublic,
+        actif,
+        creePar,
+        dateCreation,
+        modifiePar,
+        dateModification,
+        organisationId,
+        organisateurId,
+      ];
+}
+
+/// Types d'événements disponibles
+@JsonEnum()
+enum TypeEvenement {
+  @JsonValue('ASSEMBLEE_GENERALE')
+  assembleeGenerale,
+  @JsonValue('REUNION')
+  reunion,
+  @JsonValue('FORMATION')
+  formation,
+  @JsonValue('CONFERENCE')
+  conference,
+  @JsonValue('ATELIER')
+  atelier,
+  @JsonValue('SEMINAIRE')
+  seminaire,
+  @JsonValue('EVENEMENT_SOCIAL')
+  evenementSocial,
+  @JsonValue('MANIFESTATION')
+  manifestation,
+  @JsonValue('CELEBRATION')
+  celebration,
+  @JsonValue('AUTRE')
+  autre,
+}
+
+/// Extension pour les libellés des types
+extension TypeEvenementExtension on TypeEvenement {
+  String get libelle {
+    switch (this) {
+      case TypeEvenement.assembleeGenerale:
+        return 'Assemblée Générale';
+      case TypeEvenement.reunion:
+        return 'Réunion';
+      case TypeEvenement.formation:
+        return 'Formation';
+      case TypeEvenement.conference:
+        return 'Conférence';
+      case TypeEvenement.atelier:
+        return 'Atelier';
+      case TypeEvenement.seminaire:
+        return 'Séminaire';
+      case TypeEvenement.evenementSocial:
+        return 'Événement Social';
+      case TypeEvenement.manifestation:
+        return 'Manifestation';
+      case TypeEvenement.celebration:
+        return 'Célébration';
+      case TypeEvenement.autre:
+        return 'Autre';
+    }
+  }
+
+  String get icone {
+    switch (this) {
+      case TypeEvenement.assembleeGenerale:
+        return '🏛️';
+      case TypeEvenement.reunion:
+        return '👥';
+      case TypeEvenement.formation:
+        return '📚';
+      case TypeEvenement.conference:
+        return '🎤';
+      case TypeEvenement.atelier:
+        return '🔧';
+      case TypeEvenement.seminaire:
+        return '🎓';
+      case TypeEvenement.evenementSocial:
+        return '🎉';
+      case TypeEvenement.manifestation:
+        return '📢';
+      case TypeEvenement.celebration:
+        return '🎊';
+      case TypeEvenement.autre:
+        return '📅';
+    }
+  }
+}
+
+/// Statuts d'événements disponibles
+@JsonEnum()
+enum StatutEvenement {
+  @JsonValue('PLANIFIE')
+  planifie,
+  @JsonValue('CONFIRME')
+  confirme,
+  @JsonValue('EN_COURS')
+  enCours,
+  @JsonValue('TERMINE')
+  termine,
+  @JsonValue('ANNULE')
+  annule,
+  @JsonValue('REPORTE')
+  reporte,
+}
+
+/// Extension pour les libellés des statuts
+extension StatutEvenementExtension on StatutEvenement {
+  String get libelle {
+    switch (this) {
+      case StatutEvenement.planifie:
+        return 'Planifié';
+      case StatutEvenement.confirme:
+        return 'Confirmé';
+      case StatutEvenement.enCours:
+        return 'En cours';
+      case StatutEvenement.termine:
+        return 'Terminé';
+      case StatutEvenement.annule:
+        return 'Annulé';
+      case StatutEvenement.reporte:
+        return 'Reporté';
+    }
+  }
+
+  String get couleur {
+    switch (this) {
+      case StatutEvenement.planifie:
+        return '#FFA500'; // Orange
+      case StatutEvenement.confirme:
+        return '#4CAF50'; // Vert
+      case StatutEvenement.enCours:
+        return '#2196F3'; // Bleu
+      case StatutEvenement.termine:
+        return '#9E9E9E'; // Gris
+      case StatutEvenement.annule:
+        return '#F44336'; // Rouge
+      case StatutEvenement.reporte:
+        return '#FF9800'; // Orange foncé
+    }
+  }
+}

unionflow-mobile-apps/lib/core/models/evenement_model.g.dart

@@ -0,0 +1,94 @@
+// GENERATED CODE - DO NOT MODIFY BY HAND
+
+part of 'evenement_model.dart';
+
+// **************************************************************************
+// JsonSerializableGenerator
+// **************************************************************************
+
+EvenementModel _$EvenementModelFromJson(Map<String, dynamic> json) =>
+    EvenementModel(
+      id: json['id'] as String?,
+      titre: json['titre'] as String,
+      description: json['description'] as String?,
+      dateDebut: DateTime.parse(json['dateDebut'] as String),
+      dateFin: json['dateFin'] == null
+          ? null
+          : DateTime.parse(json['dateFin'] as String),
+      lieu: json['lieu'] as String?,
+      adresse: json['adresse'] as String?,
+      typeEvenement: $enumDecode(_$TypeEvenementEnumMap, json['typeEvenement']),
+      statut: $enumDecode(_$StatutEvenementEnumMap, json['statut']),
+      capaciteMax: (json['capaciteMax'] as num?)?.toInt(),
+      prix: (json['prix'] as num?)?.toDouble(),
+      inscriptionRequise: json['inscriptionRequise'] as bool,
+      dateLimiteInscription: json['dateLimiteInscription'] == null
+          ? null
+          : DateTime.parse(json['dateLimiteInscription'] as String),
+      instructionsParticulieres: json['instructionsParticulieres'] as String?,
+      contactOrganisateur: json['contactOrganisateur'] as String?,
+      materielRequis: json['materielRequis'] as String?,
+      visiblePublic: json['visiblePublic'] as bool,
+      actif: json['actif'] as bool,
+      creePar: json['creePar'] as String?,
+      dateCreation: json['dateCreation'] == null
+          ? null
+          : DateTime.parse(json['dateCreation'] as String),
+      modifiePar: json['modifiePar'] as String?,
+      dateModification: json['dateModification'] == null
+          ? null
+          : DateTime.parse(json['dateModification'] as String),
+      organisationId: json['organisationId'] as String?,
+      organisateurId: json['organisateurId'] as String?,
+    );
+
+Map<String, dynamic> _$EvenementModelToJson(EvenementModel instance) =>
+    <String, dynamic>{
+      'id': instance.id,
+      'titre': instance.titre,
+      'description': instance.description,
+      'dateDebut': instance.dateDebut.toIso8601String(),
+      'dateFin': instance.dateFin?.toIso8601String(),
+      'lieu': instance.lieu,
+      'adresse': instance.adresse,
+      'typeEvenement': _$TypeEvenementEnumMap[instance.typeEvenement]!,
+      'statut': _$StatutEvenementEnumMap[instance.statut]!,
+      'capaciteMax': instance.capaciteMax,
+      'prix': instance.prix,
+      'inscriptionRequise': instance.inscriptionRequise,
+      'dateLimiteInscription':
+          instance.dateLimiteInscription?.toIso8601String(),
+      'instructionsParticulieres': instance.instructionsParticulieres,
+      'contactOrganisateur': instance.contactOrganisateur,
+      'materielRequis': instance.materielRequis,
+      'visiblePublic': instance.visiblePublic,
+      'actif': instance.actif,
+      'creePar': instance.creePar,
+      'dateCreation': instance.dateCreation?.toIso8601String(),
+      'modifiePar': instance.modifiePar,
+      'dateModification': instance.dateModification?.toIso8601String(),
+      'organisationId': instance.organisationId,
+      'organisateurId': instance.organisateurId,
+    };
+
+const _$TypeEvenementEnumMap = {
+  TypeEvenement.assembleeGenerale: 'ASSEMBLEE_GENERALE',
+  TypeEvenement.reunion: 'REUNION',
+  TypeEvenement.formation: 'FORMATION',
+  TypeEvenement.conference: 'CONFERENCE',
+  TypeEvenement.atelier: 'ATELIER',
+  TypeEvenement.seminaire: 'SEMINAIRE',
+  TypeEvenement.evenementSocial: 'EVENEMENT_SOCIAL',
+  TypeEvenement.manifestation: 'MANIFESTATION',
+  TypeEvenement.celebration: 'CELEBRATION',
+  TypeEvenement.autre: 'AUTRE',
+};
+
+const _$StatutEvenementEnumMap = {
+  StatutEvenement.planifie: 'PLANIFIE',
+  StatutEvenement.confirme: 'CONFIRME',
+  StatutEvenement.enCours: 'EN_COURS',
+  StatutEvenement.termine: 'TERMINE',
+  StatutEvenement.annule: 'ANNULE',
+  StatutEvenement.reporte: 'REPORTE',
+};

unionflow-mobile-apps/lib/core/models/membre_model.dart

@@ -115,6 +115,32 @@ class MembreModel extends Equatable {
     return parts.join(', ');
   }
 
+  /// Libellé du statut formaté
+  String get statutLibelle {
+    switch (statut.toUpperCase()) {
+      case 'ACTIF':
+        return 'Actif';
+      case 'INACTIF':
+        return 'Inactif';
+      case 'SUSPENDU':
+        return 'Suspendu';
+      default:
+        return statut;
+    }
+  }
+
+  /// Âge calculé à partir de la date de naissance
+  int get age {
+    if (dateNaissance == null) return 0;
+    final now = DateTime.now();
+    int age = now.year - dateNaissance!.year;
+    if (now.month < dateNaissance!.month ||
+        (now.month == dateNaissance!.month && now.day < dateNaissance!.day)) {
+      age--;
+    }
+    return age;
+  }
+
   /// Copie avec modifications
   MembreModel copyWith({
     String? id,

unionflow-mobile-apps/lib/core/network/auth_interceptor.dart

@@ -1,19 +1,19 @@
 import 'package:dio/dio.dart';
 import 'package:injectable/injectable.dart';
-import '../auth/storage/secure_token_storage.dart';
+import 'package:flutter_secure_storage/flutter_secure_storage.dart';
 
 /// Interceptor pour gérer l'authentification automatique
 @singleton
 class AuthInterceptor extends Interceptor {
-  final SecureTokenStorage _tokenStorage;
-  
+  final FlutterSecureStorage _secureStorage = const FlutterSecureStorage();
+
   // Callback pour déclencher le refresh token
   void Function()? onTokenRefreshNeeded;
-  
+
   // Callback pour déconnecter l'utilisateur
   void Function()? onAuthenticationFailed;
 
-  AuthInterceptor(this._tokenStorage);
+  AuthInterceptor();
 
   @override
   void onRequest(RequestOptions options, RequestInterceptorHandler handler) async {
@@ -25,21 +25,13 @@ class AuthInterceptor extends Interceptor {
 
     try {
       // Récupérer le token d'accès
-      final accessToken = await _tokenStorage.getAccessToken();
-      
+      final accessToken = await _secureStorage.read(key: 'access_token');
+
       if (accessToken != null) {
-        // Vérifier si le token expire bientôt
-        final isExpiringSoon = await _tokenStorage.isAccessTokenExpiringSoon();
-        
-        if (isExpiringSoon) {
-          // Déclencher le refresh token si nécessaire
-          onTokenRefreshNeeded?.call();
-        }
-        
         // Ajouter le token à l'en-tête Authorization
         options.headers['Authorization'] = 'Bearer $accessToken';
       }
-      
+
       handler.next(options);
     } catch (e) {
       // En cas d'erreur, continuer sans token
@@ -69,39 +61,16 @@ class AuthInterceptor extends Interceptor {
   /// Gère les erreurs 401 (Non autorisé)
   Future<void> _handle401Error(DioException err, ErrorInterceptorHandler handler) async {
     try {
-      // Vérifier si on a un refresh token valide
-      final refreshToken = await _tokenStorage.getRefreshToken();
-      final refreshExpiresAt = await _tokenStorage.getRefreshTokenExpirationDate();
-      
-      if (refreshToken != null && 
-          refreshExpiresAt != null && 
-          DateTime.now().isBefore(refreshExpiresAt)) {
-        
-        // Tentative de refresh du token
-        onTokenRefreshNeeded?.call();
-        
-        // Attendre un peu pour laisser le temps au refresh
-        await Future.delayed(const Duration(milliseconds: 100));
-        
-        // Retry de la requête originale avec le nouveau token
-        final newAccessToken = await _tokenStorage.getAccessToken();
-        if (newAccessToken != null) {
-          final newRequest = await _retryRequest(err.requestOptions, newAccessToken);
-          handler.resolve(newRequest);
-          return;
-        }
-      }
-      
-      // Si le refresh n'est pas possible ou a échoué, déconnecter l'utilisateur
-      await _tokenStorage.clearAuthData();
+      // Déclencher la déconnexion automatique
       onAuthenticationFailed?.call();
-      
+
+      // Nettoyer les tokens
+      await _secureStorage.deleteAll();
+
     } catch (e) {
       print('Erreur lors de la gestion de l\'erreur 401: $e');
-      await _tokenStorage.clearAuthData();
-      onAuthenticationFailed?.call();
     }
-    
+
     handler.next(err);
   }
 
@@ -113,28 +82,7 @@ class AuthInterceptor extends Interceptor {
     handler.next(err);
   }
 
-  /// Retry une requête avec un nouveau token
-  Future<Response> _retryRequest(RequestOptions options, String newAccessToken) async {
-    final dio = Dio();
-    
-    // Copier les options originales
-    final newOptions = Options(
-      method: options.method,
-      headers: {
-        ...options.headers,
-        'Authorization': 'Bearer $newAccessToken',
-      },
-      extra: {'skipAuth': true}, // Éviter la récursion infinie
-    );
 
-    // Effectuer la nouvelle requête
-    return await dio.request(
-      options.path,
-      data: options.data,
-      queryParameters: options.queryParameters,
-      options: newOptions,
-    );
-  }
 
   /// Détermine si l'authentification doit être ignorée pour une requête
   bool _shouldSkipAuth(RequestOptions options) {

unionflow-mobile-apps/lib/core/network/dio_client.dart

@@ -19,7 +19,7 @@ class DioClient {
   void _configureOptions() {
     _dio.options = BaseOptions(
       // URL de base de l'API
-      baseUrl: 'http://192.168.1.13:8080', // Adresse de votre API Quarkus
+      baseUrl: 'http://192.168.1.11:8080', // Adresse de votre API Quarkus
       
       // Timeouts
       connectTimeout: const Duration(seconds: 30),

unionflow-mobile-apps/lib/core/services/api_service.dart

@@ -2,6 +2,7 @@ import 'package:dio/dio.dart';
 import 'package:injectable/injectable.dart';
 import '../models/membre_model.dart';
 import '../models/cotisation_model.dart';
+import '../models/evenement_model.dart';
 import '../models/wave_checkout_session_model.dart';
 import '../network/dio_client.dart';
 
@@ -87,19 +88,47 @@ class ApiService {
         '/api/membres/recherche',
         queryParameters: {'q': query},
       );
-      
+
       if (response.data is List) {
         return (response.data as List)
             .map((json) => MembreModel.fromJson(json as Map<String, dynamic>))
             .toList();
       }
-      
+
       throw Exception('Format de réponse invalide pour la recherche');
     } on DioException catch (e) {
       throw _handleDioException(e, 'Erreur lors de la recherche de membres');
     }
   }
 
+  /// Recherche avancée des membres avec filtres multiples
+  Future<List<MembreModel>> advancedSearchMembres(Map<String, dynamic> filters) async {
+    try {
+      // Nettoyer les filtres vides
+      final cleanFilters = <String, dynamic>{};
+      filters.forEach((key, value) {
+        if (value != null && value.toString().isNotEmpty) {
+          cleanFilters[key] = value;
+        }
+      });
+
+      final response = await _dio.get(
+        '/api/membres/recherche-avancee',
+        queryParameters: cleanFilters,
+      );
+
+      if (response.data is List) {
+        return (response.data as List)
+            .map((json) => MembreModel.fromJson(json as Map<String, dynamic>))
+            .toList();
+      }
+
+      throw Exception('Format de réponse invalide pour la recherche avancée');
+    } on DioException catch (e) {
+      throw _handleDioException(e, 'Erreur lors de la recherche avancée de membres');
+    }
+  }
+
   /// Récupère les statistiques des membres
   Future<Map<String, dynamic>> getMembresStats() async {
     try {
@@ -397,4 +426,218 @@ class ApiService {
         return Exception(defaultMessage);
     }
   }
+
+  // ========================================
+  // ÉVÉNEMENTS
+  // ========================================
+
+  /// Récupère la liste des événements à venir (optimisé mobile)
+  Future<List<EvenementModel>> getEvenementsAVenir({
+    int page = 0,
+    int size = 10,
+  }) async {
+    try {
+      final response = await _dio.get(
+        '/api/evenements/a-venir',
+        queryParameters: {
+          'page': page,
+          'size': size,
+        },
+      );
+
+      if (response.data is List) {
+        return (response.data as List)
+            .map((json) => EvenementModel.fromJson(json as Map<String, dynamic>))
+            .toList();
+      }
+
+      throw Exception('Format de réponse invalide pour les événements à venir');
+    } on DioException catch (e) {
+      throw _handleDioException(e, 'Erreur lors de la récupération des événements à venir');
+    }
+  }
+
+  /// Récupère la liste des événements publics (sans authentification)
+  Future<List<EvenementModel>> getEvenementsPublics({
+    int page = 0,
+    int size = 20,
+  }) async {
+    try {
+      final response = await _dio.get(
+        '/api/evenements/publics',
+        queryParameters: {
+          'page': page,
+          'size': size,
+        },
+      );
+
+      if (response.data is List) {
+        return (response.data as List)
+            .map((json) => EvenementModel.fromJson(json as Map<String, dynamic>))
+            .toList();
+      }
+
+      throw Exception('Format de réponse invalide pour les événements publics');
+    } on DioException catch (e) {
+      throw _handleDioException(e, 'Erreur lors de la récupération des événements publics');
+    }
+  }
+
+  /// Récupère tous les événements avec pagination
+  Future<List<EvenementModel>> getEvenements({
+    int page = 0,
+    int size = 20,
+    String sortField = 'dateDebut',
+    String sortDirection = 'asc',
+  }) async {
+    try {
+      final response = await _dio.get(
+        '/api/evenements',
+        queryParameters: {
+          'page': page,
+          'size': size,
+          'sort': sortField,
+          'direction': sortDirection,
+        },
+      );
+
+      if (response.data is List) {
+        return (response.data as List)
+            .map((json) => EvenementModel.fromJson(json as Map<String, dynamic>))
+            .toList();
+      }
+
+      throw Exception('Format de réponse invalide pour la liste des événements');
+    } on DioException catch (e) {
+      throw _handleDioException(e, 'Erreur lors de la récupération des événements');
+    }
+  }
+
+  /// Récupère un événement par son ID
+  Future<EvenementModel> getEvenementById(String id) async {
+    try {
+      final response = await _dio.get('/api/evenements/$id');
+      return EvenementModel.fromJson(response.data as Map<String, dynamic>);
+    } on DioException catch (e) {
+      throw _handleDioException(e, 'Erreur lors de la récupération de l\'événement');
+    }
+  }
+
+  /// Recherche d'événements par terme
+  Future<List<EvenementModel>> rechercherEvenements(
+    String terme, {
+    int page = 0,
+    int size = 20,
+  }) async {
+    try {
+      final response = await _dio.get(
+        '/api/evenements/recherche',
+        queryParameters: {
+          'q': terme,
+          'page': page,
+          'size': size,
+        },
+      );
+
+      if (response.data is List) {
+        return (response.data as List)
+            .map((json) => EvenementModel.fromJson(json as Map<String, dynamic>))
+            .toList();
+      }
+
+      throw Exception('Format de réponse invalide pour la recherche d\'événements');
+    } on DioException catch (e) {
+      throw _handleDioException(e, 'Erreur lors de la recherche d\'événements');
+    }
+  }
+
+  /// Récupère les événements par type
+  Future<List<EvenementModel>> getEvenementsByType(
+    TypeEvenement type, {
+    int page = 0,
+    int size = 20,
+  }) async {
+    try {
+      final response = await _dio.get(
+        '/api/evenements/type/${type.name.toUpperCase()}',
+        queryParameters: {
+          'page': page,
+          'size': size,
+        },
+      );
+
+      if (response.data is List) {
+        return (response.data as List)
+            .map((json) => EvenementModel.fromJson(json as Map<String, dynamic>))
+            .toList();
+      }
+
+      throw Exception('Format de réponse invalide pour les événements par type');
+    } on DioException catch (e) {
+      throw _handleDioException(e, 'Erreur lors de la récupération des événements par type');
+    }
+  }
+
+  /// Crée un nouvel événement
+  Future<EvenementModel> createEvenement(EvenementModel evenement) async {
+    try {
+      final response = await _dio.post(
+        '/api/evenements',
+        data: evenement.toJson(),
+      );
+      return EvenementModel.fromJson(response.data as Map<String, dynamic>);
+    } on DioException catch (e) {
+      throw _handleDioException(e, 'Erreur lors de la création de l\'événement');
+    }
+  }
+
+  /// Met à jour un événement existant
+  Future<EvenementModel> updateEvenement(String id, EvenementModel evenement) async {
+    try {
+      final response = await _dio.put(
+        '/api/evenements/$id',
+        data: evenement.toJson(),
+      );
+      return EvenementModel.fromJson(response.data as Map<String, dynamic>);
+    } on DioException catch (e) {
+      throw _handleDioException(e, 'Erreur lors de la mise à jour de l\'événement');
+    }
+  }
+
+  /// Supprime un événement
+  Future<void> deleteEvenement(String id) async {
+    try {
+      await _dio.delete('/api/evenements/$id');
+    } on DioException catch (e) {
+      throw _handleDioException(e, 'Erreur lors de la suppression de l\'événement');
+    }
+  }
+
+  /// Change le statut d'un événement
+  Future<EvenementModel> changerStatutEvenement(
+    String id,
+    StatutEvenement nouveauStatut,
+  ) async {
+    try {
+      final response = await _dio.patch(
+        '/api/evenements/$id/statut',
+        queryParameters: {
+          'statut': nouveauStatut.name.toUpperCase(),
+        },
+      );
+      return EvenementModel.fromJson(response.data as Map<String, dynamic>);
+    } on DioException catch (e) {
+      throw _handleDioException(e, 'Erreur lors du changement de statut');
+    }
+  }
+
+  /// Récupère les statistiques des événements
+  Future<Map<String, dynamic>> getStatistiquesEvenements() async {
+    try {
+      final response = await _dio.get('/api/evenements/statistiques');
+      return response.data as Map<String, dynamic>;
+    } on DioException catch (e) {
+      throw _handleDioException(e, 'Erreur lors de la récupération des statistiques');
+    }
+  }
 }

unionflow-mobile-apps/lib/core/services/communication_service.dart

@@ -0,0 +1,258 @@
+import 'dart:io';
+import 'package:flutter/material.dart';
+import 'package:flutter/services.dart';
+import 'package:url_launcher/url_launcher.dart';
+import 'package:permission_handler/permission_handler.dart';
+import '../models/membre_model.dart';
+import '../../shared/theme/app_theme.dart';
+
+/// Service de gestion des communications (appels, SMS, emails)
+/// Gère les permissions et l'intégration avec les applications natives
+class CommunicationService {
+  static final CommunicationService _instance = CommunicationService._internal();
+  factory CommunicationService() => _instance;
+  CommunicationService._internal();
+
+  /// Effectue un appel téléphonique vers un membre
+  Future<bool> callMember(BuildContext context, MembreModel membre) async {
+    try {
+      // Vérifier si le numéro de téléphone est valide
+      if (membre.telephone.isEmpty) {
+        _showErrorSnackBar(context, 'Numéro de téléphone non disponible pour ${membre.nomComplet}');
+        return false;
+      }
+
+      // Nettoyer le numéro de téléphone
+      final cleanPhone = _cleanPhoneNumber(membre.telephone);
+      if (cleanPhone.isEmpty) {
+        _showErrorSnackBar(context, 'Numéro de téléphone invalide pour ${membre.nomComplet}');
+        return false;
+      }
+
+      // Vérifier les permissions sur Android
+      if (Platform.isAndroid) {
+        final phonePermission = await Permission.phone.status;
+        if (phonePermission.isDenied) {
+          final result = await Permission.phone.request();
+          if (result.isDenied) {
+            _showPermissionDeniedDialog(context, 'Téléphone', 'effectuer des appels');
+            return false;
+          }
+        }
+      }
+
+      // Construire l'URL d'appel
+      final phoneUrl = Uri.parse('tel:$cleanPhone');
+      
+      // Vérifier si l'application peut gérer les appels
+      if (await canLaunchUrl(phoneUrl)) {
+        // Feedback haptique
+        HapticFeedback.mediumImpact();
+        
+        // Lancer l'appel
+        final success = await launchUrl(phoneUrl);
+        
+        if (success) {
+          _showSuccessSnackBar(context, 'Appel lancé vers ${membre.nomComplet}');
+          
+          // Log de l'action pour audit
+          debugPrint('📞 Appel effectué vers ${membre.nomComplet} (${membre.telephone})');
+          
+          return true;
+        } else {
+          _showErrorSnackBar(context, 'Impossible de lancer l\'appel vers ${membre.nomComplet}');
+          return false;
+        }
+      } else {
+        _showErrorSnackBar(context, 'Application d\'appel non disponible sur cet appareil');
+        return false;
+      }
+    } catch (e) {
+      debugPrint('❌ Erreur lors de l\'appel vers ${membre.nomComplet}: $e');
+      _showErrorSnackBar(context, 'Erreur lors de l\'appel vers ${membre.nomComplet}');
+      return false;
+    }
+  }
+
+  /// Envoie un SMS à un membre
+  Future<bool> sendSMS(BuildContext context, MembreModel membre, {String? message}) async {
+    try {
+      // Vérifier si le numéro de téléphone est valide
+      if (membre.telephone.isEmpty) {
+        _showErrorSnackBar(context, 'Numéro de téléphone non disponible pour ${membre.nomComplet}');
+        return false;
+      }
+
+      // Nettoyer le numéro de téléphone
+      final cleanPhone = _cleanPhoneNumber(membre.telephone);
+      if (cleanPhone.isEmpty) {
+        _showErrorSnackBar(context, 'Numéro de téléphone invalide pour ${membre.nomComplet}');
+        return false;
+      }
+
+      // Construire l'URL SMS
+      String smsUrl = 'sms:$cleanPhone';
+      if (message != null && message.isNotEmpty) {
+        final encodedMessage = Uri.encodeComponent(message);
+        smsUrl += '?body=$encodedMessage';
+      }
+      
+      final smsUri = Uri.parse(smsUrl);
+      
+      // Vérifier si l'application peut gérer les SMS
+      if (await canLaunchUrl(smsUri)) {
+        // Feedback haptique
+        HapticFeedback.lightImpact();
+        
+        // Lancer l'application SMS
+        final success = await launchUrl(smsUri);
+        
+        if (success) {
+          _showSuccessSnackBar(context, 'SMS ouvert pour ${membre.nomComplet}');
+          
+          // Log de l'action pour audit
+          debugPrint('💬 SMS ouvert pour ${membre.nomComplet} (${membre.telephone})');
+          
+          return true;
+        } else {
+          _showErrorSnackBar(context, 'Impossible d\'ouvrir l\'application SMS');
+          return false;
+        }
+      } else {
+        _showErrorSnackBar(context, 'Application SMS non disponible sur cet appareil');
+        return false;
+      }
+    } catch (e) {
+      debugPrint('❌ Erreur lors de l\'envoi SMS vers ${membre.nomComplet}: $e');
+      _showErrorSnackBar(context, 'Erreur lors de l\'envoi SMS vers ${membre.nomComplet}');
+      return false;
+    }
+  }
+
+  /// Envoie un email à un membre
+  Future<bool> sendEmail(BuildContext context, MembreModel membre, {String? subject, String? body}) async {
+    try {
+      // Vérifier si l'email est valide
+      if (membre.email.isEmpty) {
+        _showErrorSnackBar(context, 'Adresse email non disponible pour ${membre.nomComplet}');
+        return false;
+      }
+
+      // Construire l'URL email
+      String emailUrl = 'mailto:${membre.email}';
+      final params = <String>[];
+      
+      if (subject != null && subject.isNotEmpty) {
+        params.add('subject=${Uri.encodeComponent(subject)}');
+      }
+      
+      if (body != null && body.isNotEmpty) {
+        params.add('body=${Uri.encodeComponent(body)}');
+      }
+      
+      if (params.isNotEmpty) {
+        emailUrl += '?${params.join('&')}';
+      }
+      
+      final emailUri = Uri.parse(emailUrl);
+      
+      // Vérifier si l'application peut gérer les emails
+      if (await canLaunchUrl(emailUri)) {
+        // Feedback haptique
+        HapticFeedback.lightImpact();
+        
+        // Lancer l'application email
+        final success = await launchUrl(emailUri);
+        
+        if (success) {
+          _showSuccessSnackBar(context, 'Email ouvert pour ${membre.nomComplet}');
+          
+          // Log de l'action pour audit
+          debugPrint('📧 Email ouvert pour ${membre.nomComplet} (${membre.email})');
+          
+          return true;
+        } else {
+          _showErrorSnackBar(context, 'Impossible d\'ouvrir l\'application email');
+          return false;
+        }
+      } else {
+        _showErrorSnackBar(context, 'Application email non disponible sur cet appareil');
+        return false;
+      }
+    } catch (e) {
+      debugPrint('❌ Erreur lors de l\'envoi email vers ${membre.nomComplet}: $e');
+      _showErrorSnackBar(context, 'Erreur lors de l\'envoi email vers ${membre.nomComplet}');
+      return false;
+    }
+  }
+
+  /// Nettoie un numéro de téléphone en supprimant les caractères non numériques
+  String _cleanPhoneNumber(String phone) {
+    // Garder seulement les chiffres et le signe +
+    final cleaned = phone.replaceAll(RegExp(r'[^\d+]'), '');
+    
+    // Vérifier que le numéro n'est pas vide après nettoyage
+    if (cleaned.isEmpty) return '';
+    
+    // Si le numéro commence par +, le garder tel quel
+    if (cleaned.startsWith('+')) return cleaned;
+    
+    // Si le numéro commence par 00, le remplacer par +
+    if (cleaned.startsWith('00')) {
+      return '+${cleaned.substring(2)}';
+    }
+    
+    return cleaned;
+  }
+
+  /// Affiche un SnackBar de succès
+  void _showSuccessSnackBar(BuildContext context, String message) {
+    ScaffoldMessenger.of(context).showSnackBar(
+      SnackBar(
+        content: Text(message),
+        backgroundColor: AppTheme.successColor,
+        duration: const Duration(seconds: 2),
+        behavior: SnackBarBehavior.floating,
+      ),
+    );
+  }
+
+  /// Affiche un SnackBar d'erreur
+  void _showErrorSnackBar(BuildContext context, String message) {
+    ScaffoldMessenger.of(context).showSnackBar(
+      SnackBar(
+        content: Text(message),
+        backgroundColor: AppTheme.errorColor,
+        duration: const Duration(seconds: 3),
+        behavior: SnackBarBehavior.floating,
+      ),
+    );
+  }
+
+  /// Affiche une dialog pour les permissions refusées
+  void _showPermissionDeniedDialog(BuildContext context, String permission, String action) {
+    showDialog(
+      context: context,
+      builder: (context) => AlertDialog(
+        title: Text('Permission $permission requise'),
+        content: Text(
+          'L\'application a besoin de la permission $permission pour $action. '
+          'Veuillez autoriser cette permission dans les paramètres de l\'application.',
+        ),
+        actions: [
+          TextButton(
+            onPressed: () => Navigator.of(context).pop(),
+            child: const Text('Annuler'),
+          ),
+          ElevatedButton(
+            onPressed: () {
+              Navigator.of(context).pop();
+              openAppSettings();
+            },
+            child: const Text('Paramètres'),
+          ),
+        ],
+      ),
+    );
+  }
+}

unionflow-mobile-apps/lib/core/services/export_import_service.dart

@@ -0,0 +1,775 @@
+import 'dart:io';
+import 'dart:convert';
+import 'package:flutter/material.dart';
+import 'package:flutter/services.dart';
+import 'package:excel/excel.dart';
+import 'package:csv/csv.dart';
+import 'package:pdf/pdf.dart';
+import 'package:pdf/widgets.dart' as pw;
+import 'package:path_provider/path_provider.dart';
+import 'package:file_picker/file_picker.dart';
+import 'package:share_plus/share_plus.dart';
+import '../models/membre_model.dart';
+import '../../shared/theme/app_theme.dart';
+
+/// Options d'export
+class ExportOptions {
+  final String format;
+  final bool includePersonalInfo;
+  final bool includeContactInfo;
+  final bool includeAdhesionInfo;
+  final bool includeStatistics;
+  final bool includeInactiveMembers;
+
+  const ExportOptions({
+    required this.format,
+    this.includePersonalInfo = true,
+    this.includeContactInfo = true,
+    this.includeAdhesionInfo = true,
+    this.includeStatistics = false,
+    this.includeInactiveMembers = true,
+  });
+}
+
+/// Service de gestion de l'export et import des données
+/// Supporte les formats Excel, CSV, PDF et JSON
+class ExportImportService {
+  static final ExportImportService _instance = ExportImportService._internal();
+  factory ExportImportService() => _instance;
+  ExportImportService._internal();
+
+  /// Exporte une liste de membres selon les options spécifiées
+  Future<String?> exportMembers(
+    BuildContext context,
+    List<MembreModel> members,
+    ExportOptions options,
+  ) async {
+    try {
+      // Filtrer les membres selon les options
+      List<MembreModel> filteredMembers = members;
+      if (!options.includeInactiveMembers) {
+        filteredMembers = filteredMembers.where((m) => m.actif).toList();
+      }
+
+      // Générer le fichier selon le format
+      String? filePath;
+      switch (options.format.toLowerCase()) {
+        case 'excel':
+          filePath = await _exportToExcel(filteredMembers, options);
+          break;
+        case 'csv':
+          filePath = await _exportToCsv(filteredMembers, options);
+          break;
+        case 'pdf':
+          filePath = await _exportToPdf(filteredMembers, options);
+          break;
+        case 'json':
+          filePath = await _exportToJson(filteredMembers, options);
+          break;
+        default:
+          throw Exception('Format d\'export non supporté: ${options.format}');
+      }
+
+      if (filePath != null) {
+        // Feedback haptique
+        HapticFeedback.mediumImpact();
+        
+        // Afficher le résultat
+        _showExportSuccess(context, filteredMembers.length, options.format, filePath);
+        
+        // Log de l'action
+        debugPrint('📤 Export réussi: ${filteredMembers.length} membres en ${options.format.toUpperCase()} -> $filePath');
+        
+        return filePath;
+      } else {
+        _showExportError(context, 'Impossible de créer le fichier d\'export');
+        return null;
+      }
+    } catch (e) {
+      debugPrint('❌ Erreur lors de l\'export: $e');
+      _showExportError(context, 'Erreur lors de l\'export: ${e.toString()}');
+      return null;
+    }
+  }
+
+  /// Exporte vers Excel
+  Future<String?> _exportToExcel(List<MembreModel> members, ExportOptions options) async {
+    try {
+      final excel = Excel.createExcel();
+      final sheet = excel['Membres'];
+      
+      // Supprimer la feuille par défaut
+      excel.delete('Sheet1');
+      
+      // En-têtes
+      final headers = _buildHeaders(options);
+      for (int i = 0; i < headers.length; i++) {
+        sheet.cell(CellIndex.indexByColumnRow(columnIndex: i, rowIndex: 0)).value = 
+            TextCellValue(headers[i]);
+      }
+      
+      // Données
+      for (int rowIndex = 0; rowIndex < members.length; rowIndex++) {
+        final member = members[rowIndex];
+        final rowData = _buildRowData(member, options);
+        
+        for (int colIndex = 0; colIndex < rowData.length; colIndex++) {
+          sheet.cell(CellIndex.indexByColumnRow(columnIndex: colIndex, rowIndex: rowIndex + 1)).value = 
+              TextCellValue(rowData[colIndex]);
+        }
+      }
+      
+      // Sauvegarder le fichier
+      final directory = await getApplicationDocumentsDirectory();
+      final fileName = 'membres_${DateTime.now().millisecondsSinceEpoch}.xlsx';
+      final filePath = '${directory.path}/$fileName';
+      
+      final file = File(filePath);
+      await file.writeAsBytes(excel.encode()!);
+      
+      return filePath;
+    } catch (e) {
+      debugPrint('❌ Erreur export Excel: $e');
+      return null;
+    }
+  }
+
+  /// Exporte vers CSV
+  Future<String?> _exportToCsv(List<MembreModel> members, ExportOptions options) async {
+    try {
+      final headers = _buildHeaders(options);
+      final rows = <List<String>>[headers];
+      
+      for (final member in members) {
+        rows.add(_buildRowData(member, options));
+      }
+      
+      final csvData = const ListToCsvConverter().convert(rows);
+      
+      // Sauvegarder le fichier
+      final directory = await getApplicationDocumentsDirectory();
+      final fileName = 'membres_${DateTime.now().millisecondsSinceEpoch}.csv';
+      final filePath = '${directory.path}/$fileName';
+      
+      final file = File(filePath);
+      await file.writeAsString(csvData, encoding: utf8);
+      
+      return filePath;
+    } catch (e) {
+      debugPrint('❌ Erreur export CSV: $e');
+      return null;
+    }
+  }
+
+  /// Exporte vers PDF
+  Future<String?> _exportToPdf(List<MembreModel> members, ExportOptions options) async {
+    try {
+      final pdf = pw.Document();
+      
+      // Créer le contenu PDF
+      pdf.addPage(
+        pw.MultiPage(
+          pageFormat: PdfPageFormat.a4,
+          margin: const pw.EdgeInsets.all(32),
+          build: (pw.Context context) {
+            return [
+              pw.Header(
+                level: 0,
+                child: pw.Text(
+                  'Liste des Membres UnionFlow',
+                  style: pw.TextStyle(fontSize: 24, fontWeight: pw.FontWeight.bold),
+                ),
+              ),
+              pw.SizedBox(height: 20),
+              pw.Text(
+                'Exporté le ${DateTime.now().day}/${DateTime.now().month}/${DateTime.now().year} à ${DateTime.now().hour}:${DateTime.now().minute}',
+                style: const pw.TextStyle(fontSize: 12),
+              ),
+              pw.SizedBox(height: 20),
+              pw.Table.fromTextArray(
+                headers: _buildHeaders(options),
+                data: members.map((member) => _buildRowData(member, options)).toList(),
+                headerStyle: pw.TextStyle(fontWeight: pw.FontWeight.bold),
+                cellStyle: const pw.TextStyle(fontSize: 10),
+                cellAlignment: pw.Alignment.centerLeft,
+              ),
+            ];
+          },
+        ),
+      );
+      
+      // Sauvegarder le fichier
+      final directory = await getApplicationDocumentsDirectory();
+      final fileName = 'membres_${DateTime.now().millisecondsSinceEpoch}.pdf';
+      final filePath = '${directory.path}/$fileName';
+      
+      final file = File(filePath);
+      await file.writeAsBytes(await pdf.save());
+      
+      return filePath;
+    } catch (e) {
+      debugPrint('❌ Erreur export PDF: $e');
+      return null;
+    }
+  }
+
+  /// Exporte vers JSON
+  Future<String?> _exportToJson(List<MembreModel> members, ExportOptions options) async {
+    try {
+      final data = {
+        'exportInfo': {
+          'date': DateTime.now().toIso8601String(),
+          'format': 'JSON',
+          'totalMembers': members.length,
+          'options': {
+            'includePersonalInfo': options.includePersonalInfo,
+            'includeContactInfo': options.includeContactInfo,
+            'includeAdhesionInfo': options.includeAdhesionInfo,
+            'includeStatistics': options.includeStatistics,
+            'includeInactiveMembers': options.includeInactiveMembers,
+          },
+        },
+        'members': members.map((member) => _buildJsonData(member, options)).toList(),
+      };
+      
+      final jsonString = const JsonEncoder.withIndent('  ').convert(data);
+      
+      // Sauvegarder le fichier
+      final directory = await getApplicationDocumentsDirectory();
+      final fileName = 'membres_${DateTime.now().millisecondsSinceEpoch}.json';
+      final filePath = '${directory.path}/$fileName';
+      
+      final file = File(filePath);
+      await file.writeAsString(jsonString, encoding: utf8);
+      
+      return filePath;
+    } catch (e) {
+      debugPrint('❌ Erreur export JSON: $e');
+      return null;
+    }
+  }
+
+  /// Construit les en-têtes selon les options
+  List<String> _buildHeaders(ExportOptions options) {
+    final headers = <String>[];
+
+    if (options.includePersonalInfo) {
+      headers.addAll(['Numéro', 'Nom', 'Prénom', 'Date de naissance', 'Profession']);
+    }
+
+    if (options.includeContactInfo) {
+      headers.addAll(['Téléphone', 'Email', 'Adresse', 'Ville', 'Code postal', 'Pays']);
+    }
+
+    if (options.includeAdhesionInfo) {
+      headers.addAll(['Date d\'adhésion', 'Statut', 'Actif']);
+    }
+
+    if (options.includeStatistics) {
+      headers.addAll(['Âge', 'Ancienneté (jours)', 'Date création', 'Date modification']);
+    }
+
+    return headers;
+  }
+
+  /// Construit les données d'une ligne selon les options
+  List<String> _buildRowData(MembreModel member, ExportOptions options) {
+    final rowData = <String>[];
+
+    if (options.includePersonalInfo) {
+      rowData.addAll([
+        member.numeroMembre,
+        member.nom,
+        member.prenom,
+        member.dateNaissance?.toIso8601String().split('T')[0] ?? '',
+        member.profession ?? '',
+      ]);
+    }
+
+    if (options.includeContactInfo) {
+      rowData.addAll([
+        member.telephone,
+        member.email,
+        member.adresse ?? '',
+        member.ville ?? '',
+        member.codePostal ?? '',
+        member.pays ?? '',
+      ]);
+    }
+
+    if (options.includeAdhesionInfo) {
+      rowData.addAll([
+        member.dateAdhesion.toIso8601String().split('T')[0],
+        member.statut,
+        member.actif ? 'Oui' : 'Non',
+      ]);
+    }
+
+    if (options.includeStatistics) {
+      final age = member.age.toString();
+      final anciennete = DateTime.now().difference(member.dateAdhesion).inDays.toString();
+      final dateCreation = member.dateCreation.toIso8601String().split('T')[0];
+      final dateModification = member.dateModification?.toIso8601String().split('T')[0] ?? 'N/A';
+
+      rowData.addAll([age, anciennete, dateCreation, dateModification]);
+    }
+
+    return rowData;
+  }
+
+  /// Construit les données JSON selon les options
+  Map<String, dynamic> _buildJsonData(MembreModel member, ExportOptions options) {
+    final data = <String, dynamic>{};
+
+    if (options.includePersonalInfo) {
+      data.addAll({
+        'numeroMembre': member.numeroMembre,
+        'nom': member.nom,
+        'prenom': member.prenom,
+        'dateNaissance': member.dateNaissance?.toIso8601String(),
+        'profession': member.profession,
+      });
+    }
+
+    if (options.includeContactInfo) {
+      data.addAll({
+        'telephone': member.telephone,
+        'email': member.email,
+        'adresse': member.adresse,
+        'ville': member.ville,
+        'codePostal': member.codePostal,
+        'pays': member.pays,
+      });
+    }
+
+    if (options.includeAdhesionInfo) {
+      data.addAll({
+        'dateAdhesion': member.dateAdhesion.toIso8601String(),
+        'statut': member.statut,
+        'actif': member.actif,
+      });
+    }
+
+    if (options.includeStatistics) {
+      data.addAll({
+        'age': member.age,
+        'ancienneteEnJours': DateTime.now().difference(member.dateAdhesion).inDays,
+        'dateCreation': member.dateCreation.toIso8601String(),
+        'dateModification': member.dateModification?.toIso8601String(),
+      });
+    }
+
+    return data;
+  }
+
+  /// Affiche le succès de l'export
+  void _showExportSuccess(BuildContext context, int count, String format, String filePath) {
+    ScaffoldMessenger.of(context).showSnackBar(
+      SnackBar(
+        content: Row(
+          children: [
+            const Icon(Icons.check_circle, color: Colors.white, size: 20),
+            const SizedBox(width: 8),
+            Expanded(
+              child: Text(
+                'Export ${format.toUpperCase()} réussi: $count membres',
+                style: const TextStyle(fontWeight: FontWeight.w500),
+              ),
+            ),
+          ],
+        ),
+        backgroundColor: AppTheme.successColor,
+        duration: const Duration(seconds: 4),
+        action: SnackBarAction(
+          label: 'Partager',
+          textColor: Colors.white,
+          onPressed: () => _shareFile(filePath),
+        ),
+      ),
+    );
+  }
+
+  /// Affiche l'erreur d'export
+  void _showExportError(BuildContext context, String message) {
+    ScaffoldMessenger.of(context).showSnackBar(
+      SnackBar(
+        content: Row(
+          children: [
+            const Icon(Icons.error, color: Colors.white, size: 20),
+            const SizedBox(width: 8),
+            Expanded(child: Text(message)),
+          ],
+        ),
+        backgroundColor: AppTheme.errorColor,
+        duration: const Duration(seconds: 5),
+      ),
+    );
+  }
+
+  /// Partage un fichier
+  Future<void> _shareFile(String filePath) async {
+    try {
+      await Share.shareXFiles([XFile(filePath)]);
+    } catch (e) {
+      debugPrint('❌ Erreur lors du partage: $e');
+    }
+  }
+
+  /// Importe des membres depuis un fichier
+  Future<List<MembreModel>?> importMembers(BuildContext context) async {
+    try {
+      // Sélectionner le fichier
+      final result = await FilePicker.platform.pickFiles(
+        type: FileType.custom,
+        allowedExtensions: ['xlsx', 'csv', 'json'],
+        allowMultiple: false,
+      );
+
+      if (result == null || result.files.isEmpty) {
+        return null;
+      }
+
+      final file = result.files.first;
+      final filePath = file.path;
+
+      if (filePath == null) {
+        _showImportError(context, 'Impossible de lire le fichier sélectionné');
+        return null;
+      }
+
+      // Importer selon l'extension
+      List<MembreModel>? importedMembers;
+      final extension = file.extension?.toLowerCase();
+
+      switch (extension) {
+        case 'xlsx':
+          importedMembers = await _importFromExcel(filePath);
+          break;
+        case 'csv':
+          importedMembers = await _importFromCsv(filePath);
+          break;
+        case 'json':
+          importedMembers = await _importFromJson(filePath);
+          break;
+        default:
+          _showImportError(context, 'Format de fichier non supporté: $extension');
+          return null;
+      }
+
+      if (importedMembers != null && importedMembers.isNotEmpty) {
+        // Feedback haptique
+        HapticFeedback.mediumImpact();
+
+        // Afficher le résultat
+        _showImportSuccess(context, importedMembers.length, extension!);
+
+        // Log de l'action
+        debugPrint('📥 Import réussi: ${importedMembers.length} membres depuis ${extension.toUpperCase()}');
+
+        return importedMembers;
+      } else {
+        _showImportError(context, 'Aucun membre valide trouvé dans le fichier');
+        return null;
+      }
+    } catch (e) {
+      debugPrint('❌ Erreur lors de l\'import: $e');
+      _showImportError(context, 'Erreur lors de l\'import: ${e.toString()}');
+      return null;
+    }
+  }
+
+  /// Importe depuis Excel
+  Future<List<MembreModel>?> _importFromExcel(String filePath) async {
+    try {
+      final file = File(filePath);
+      final bytes = await file.readAsBytes();
+      final excel = Excel.decodeBytes(bytes);
+
+      final sheet = excel.tables.values.first;
+      if (sheet == null || sheet.rows.isEmpty) {
+        return null;
+      }
+
+      final members = <MembreModel>[];
+
+      // Ignorer la première ligne (en-têtes)
+      for (int i = 1; i < sheet.rows.length; i++) {
+        final row = sheet.rows[i];
+        if (row.isEmpty) continue;
+
+        try {
+          final member = _parseRowToMember(row.map((cell) => cell?.value?.toString() ?? '').toList());
+          if (member != null) {
+            members.add(member);
+          }
+        } catch (e) {
+          debugPrint('⚠️ Erreur ligne $i: $e');
+        }
+      }
+
+      return members;
+    } catch (e) {
+      debugPrint('❌ Erreur import Excel: $e');
+      return null;
+    }
+  }
+
+  /// Importe depuis CSV
+  Future<List<MembreModel>?> _importFromCsv(String filePath) async {
+    try {
+      final file = File(filePath);
+      final content = await file.readAsString(encoding: utf8);
+      final rows = const CsvToListConverter().convert(content);
+
+      if (rows.isEmpty) {
+        return null;
+      }
+
+      final members = <MembreModel>[];
+
+      // Ignorer la première ligne (en-têtes)
+      for (int i = 1; i < rows.length; i++) {
+        final row = rows[i];
+        if (row.isEmpty) continue;
+
+        try {
+          final member = _parseRowToMember(row.map((cell) => cell?.toString() ?? '').toList());
+          if (member != null) {
+            members.add(member);
+          }
+        } catch (e) {
+          debugPrint('⚠️ Erreur ligne $i: $e');
+        }
+      }
+
+      return members;
+    } catch (e) {
+      debugPrint('❌ Erreur import CSV: $e');
+      return null;
+    }
+  }
+
+  /// Importe depuis JSON
+  Future<List<MembreModel>?> _importFromJson(String filePath) async {
+    try {
+      final file = File(filePath);
+      final content = await file.readAsString(encoding: utf8);
+      final data = jsonDecode(content) as Map<String, dynamic>;
+
+      final membersData = data['members'] as List<dynamic>?;
+      if (membersData == null || membersData.isEmpty) {
+        return null;
+      }
+
+      final members = <MembreModel>[];
+
+      for (final memberData in membersData) {
+        try {
+          final member = _parseJsonToMember(memberData as Map<String, dynamic>);
+          if (member != null) {
+            members.add(member);
+          }
+        } catch (e) {
+          debugPrint('⚠️ Erreur membre JSON: $e');
+        }
+      }
+
+      return members;
+    } catch (e) {
+      debugPrint('❌ Erreur import JSON: $e');
+      return null;
+    }
+  }
+
+  /// Affiche le succès de l'import
+  void _showImportSuccess(BuildContext context, int count, String format) {
+    ScaffoldMessenger.of(context).showSnackBar(
+      SnackBar(
+        content: Row(
+          children: [
+            const Icon(Icons.check_circle, color: Colors.white, size: 20),
+            const SizedBox(width: 8),
+            Expanded(
+              child: Text(
+                'Import ${format.toUpperCase()} réussi: $count membres',
+                style: const TextStyle(fontWeight: FontWeight.w500),
+              ),
+            ),
+          ],
+        ),
+        backgroundColor: AppTheme.successColor,
+        duration: const Duration(seconds: 4),
+      ),
+    );
+  }
+
+  /// Affiche l'erreur d'import
+  void _showImportError(BuildContext context, String message) {
+    ScaffoldMessenger.of(context).showSnackBar(
+      SnackBar(
+        content: Row(
+          children: [
+            const Icon(Icons.error, color: Colors.white, size: 20),
+            const SizedBox(width: 8),
+            Expanded(child: Text(message)),
+          ],
+        ),
+        backgroundColor: AppTheme.errorColor,
+        duration: const Duration(seconds: 5),
+      ),
+    );
+  }
+
+  /// Parse une ligne de données vers un MembreModel
+  MembreModel? _parseRowToMember(List<String> row) {
+    if (row.length < 7) return null; // Minimum requis
+
+    try {
+      // Parser la date de naissance
+      DateTime? dateNaissance;
+      if (row.length > 3 && row[3].isNotEmpty) {
+        try {
+          dateNaissance = DateTime.parse(row[3]);
+        } catch (e) {
+          // Essayer d'autres formats de date
+          try {
+            final parts = row[3].split('/');
+            if (parts.length == 3) {
+              dateNaissance = DateTime(int.parse(parts[2]), int.parse(parts[1]), int.parse(parts[0]));
+            }
+          } catch (e) {
+            debugPrint('⚠️ Format de date non reconnu: ${row[3]}');
+          }
+        }
+      }
+
+      // Parser la date d'adhésion
+      DateTime dateAdhesion = DateTime.now();
+      if (row.length > 12 && row[12].isNotEmpty) {
+        try {
+          dateAdhesion = DateTime.parse(row[12]);
+        } catch (e) {
+          try {
+            final parts = row[12].split('/');
+            if (parts.length == 3) {
+              dateAdhesion = DateTime(int.parse(parts[2]), int.parse(parts[1]), int.parse(parts[0]));
+            }
+          } catch (e) {
+            debugPrint('⚠️ Format de date d\'adhésion non reconnu: ${row[12]}');
+          }
+        }
+      }
+
+      return MembreModel(
+        id: 'import_${DateTime.now().millisecondsSinceEpoch}_${row.hashCode}',
+        numeroMembre: row[0].isNotEmpty ? row[0] : 'AUTO-${DateTime.now().millisecondsSinceEpoch}',
+        nom: row[1],
+        prenom: row[2],
+        email: row.length > 8 ? row[8] : '',
+        telephone: row.length > 7 ? row[7] : '',
+        dateNaissance: dateNaissance,
+        profession: row.length > 6 ? row[6] : null,
+        adresse: row.length > 9 ? row[9] : null,
+        ville: row.length > 10 ? row[10] : null,
+        pays: row.length > 11 ? row[11] : 'Côte d\'Ivoire',
+        statut: row.length > 13 ? (row[13].toLowerCase() == 'actif' ? 'ACTIF' : 'INACTIF') : 'ACTIF',
+        dateAdhesion: dateAdhesion,
+        dateCreation: DateTime.now(),
+        actif: row.length > 13 ? (row[13].toLowerCase() == 'actif' || row[13].toLowerCase() == 'true') : true,
+        version: 1,
+      );
+    } catch (e) {
+      debugPrint('⚠️ Erreur parsing ligne: $e');
+      return null;
+    }
+  }
+
+  /// Parse des données JSON vers un MembreModel
+  MembreModel? _parseJsonToMember(Map<String, dynamic> data) {
+    try {
+      // Parser la date de naissance
+      DateTime? dateNaissance;
+      if (data['dateNaissance'] != null) {
+        try {
+          if (data['dateNaissance'] is String) {
+            dateNaissance = DateTime.parse(data['dateNaissance']);
+          } else if (data['dateNaissance'] is DateTime) {
+            dateNaissance = data['dateNaissance'];
+          }
+        } catch (e) {
+          debugPrint('⚠️ Format de date de naissance JSON non reconnu: ${data['dateNaissance']}');
+        }
+      }
+
+      // Parser la date d'adhésion
+      DateTime dateAdhesion = DateTime.now();
+      if (data['dateAdhesion'] != null) {
+        try {
+          if (data['dateAdhesion'] is String) {
+            dateAdhesion = DateTime.parse(data['dateAdhesion']);
+          } else if (data['dateAdhesion'] is DateTime) {
+            dateAdhesion = data['dateAdhesion'];
+          }
+        } catch (e) {
+          debugPrint('⚠️ Format de date d\'adhésion JSON non reconnu: ${data['dateAdhesion']}');
+        }
+      }
+
+      // Parser la date de création
+      DateTime dateCreation = DateTime.now();
+      if (data['dateCreation'] != null) {
+        try {
+          if (data['dateCreation'] is String) {
+            dateCreation = DateTime.parse(data['dateCreation']);
+          } else if (data['dateCreation'] is DateTime) {
+            dateCreation = data['dateCreation'];
+          }
+        } catch (e) {
+          debugPrint('⚠️ Format de date de création JSON non reconnu: ${data['dateCreation']}');
+        }
+      }
+
+      return MembreModel(
+        id: data['id'] ?? 'import_${DateTime.now().millisecondsSinceEpoch}_${data.hashCode}',
+        numeroMembre: data['numeroMembre'] ?? 'AUTO-${DateTime.now().millisecondsSinceEpoch}',
+        nom: data['nom'] ?? '',
+        prenom: data['prenom'] ?? '',
+        email: data['email'] ?? '',
+        telephone: data['telephone'] ?? '',
+        dateNaissance: dateNaissance,
+        profession: data['profession'],
+        adresse: data['adresse'],
+        ville: data['ville'],
+        pays: data['pays'] ?? 'Côte d\'Ivoire',
+        statut: data['statut'] ?? 'ACTIF',
+        dateAdhesion: dateAdhesion,
+        dateCreation: dateCreation,
+        actif: data['actif'] ?? true,
+        version: data['version'] ?? 1,
+      );
+    } catch (e) {
+      debugPrint('⚠️ Erreur parsing JSON: $e');
+      return null;
+    }
+  }
+
+  /// Valide un membre importé
+  bool _validateImportedMember(MembreModel member) {
+    // Validation basique
+    if (member.nom.isEmpty || member.prenom.isEmpty) {
+      return false;
+    }
+
+    // Validation email si fourni
+    if (member.email.isNotEmpty && !RegExp(r'^[\w-\.]+@([\w-]+\.)+[\w-]{2,4}$').hasMatch(member.email)) {
+      return false;
+    }
+
+    // Validation téléphone si fourni
+    if (member.telephone.isNotEmpty && !RegExp(r'^\+?[\d\s\-\(\)]{8,}$').hasMatch(member.telephone)) {
+      return false;
+    }
+
+    return true;
+  }
+}

unionflow-mobile-apps/lib/core/validation/form_validator.dart

@@ -0,0 +1,353 @@
+import 'package:flutter/material.dart';
+
+/// Service de validation des formulaires avec règles métier
+class FormValidator {
+  /// Valide un champ requis
+  static String? required(String? value, {String? fieldName}) {
+    if (value == null || value.trim().isEmpty) {
+      return '${fieldName ?? 'Ce champ'} est requis';
+    }
+    return null;
+  }
+
+  /// Valide un email
+  static String? email(String? value, {bool required = true}) {
+    if (!required && (value == null || value.trim().isEmpty)) {
+      return null;
+    }
+    
+    if (value == null || value.trim().isEmpty) {
+      return 'L\'email est requis';
+    }
+
+    final emailRegex = RegExp(r'^[\w-\.]+@([\w-]+\.)+[\w-]{2,4}$');
+    if (!emailRegex.hasMatch(value.trim())) {
+      return 'Format d\'email invalide';
+    }
+
+    return null;
+  }
+
+  /// Valide un numéro de téléphone
+  static String? phone(String? value, {bool required = true}) {
+    if (!required && (value == null || value.trim().isEmpty)) {
+      return null;
+    }
+    
+    if (value == null || value.trim().isEmpty) {
+      return 'Le numéro de téléphone est requis';
+    }
+
+    // Supprimer tous les espaces et caractères spéciaux sauf + et chiffres
+    final cleanPhone = value.replaceAll(RegExp(r'[^\d+]'), '');
+    
+    // Vérifier le format international (+225XXXXXXXX) ou local (XXXXXXXX)
+    final phoneRegex = RegExp(r'^(\+225)?[0-9]{8,10}$');
+    if (!phoneRegex.hasMatch(cleanPhone)) {
+      return 'Format de téléphone invalide (ex: +225XXXXXXXX)';
+    }
+
+    return null;
+  }
+
+  /// Valide la longueur minimale
+  static String? minLength(String? value, int minLength, {String? fieldName}) {
+    if (value == null || value.trim().isEmpty) {
+      return null; // Laisse la validation required s'en occuper
+    }
+
+    if (value.trim().length < minLength) {
+      return '${fieldName ?? 'Ce champ'} doit contenir au moins $minLength caractères';
+    }
+
+    return null;
+  }
+
+  /// Valide la longueur maximale
+  static String? maxLength(String? value, int maxLength, {String? fieldName}) {
+    if (value == null || value.trim().isEmpty) {
+      return null;
+    }
+
+    if (value.trim().length > maxLength) {
+      return '${fieldName ?? 'Ce champ'} ne peut pas dépasser $maxLength caractères';
+    }
+
+    return null;
+  }
+
+  /// Valide un nom (prénom ou nom de famille)
+  static String? name(String? value, {String? fieldName, bool required = true}) {
+    if (!required && (value == null || value.trim().isEmpty)) {
+      return null;
+    }
+
+    final requiredError = FormValidator.required(value, fieldName: fieldName);
+    if (requiredError != null) return requiredError;
+
+    final minLengthError = minLength(value, 2, fieldName: fieldName);
+    if (minLengthError != null) return minLengthError;
+
+    final maxLengthError = maxLength(value, 50, fieldName: fieldName);
+    if (maxLengthError != null) return maxLengthError;
+
+    // Vérifier que le nom ne contient que des lettres, espaces, tirets et apostrophes
+    final nameRegex = RegExp(r'^[a-zA-ZÀ-ÿ\s\-\u0027]+$');
+    if (!nameRegex.hasMatch(value!.trim())) {
+      return '${fieldName ?? 'Ce champ'} ne peut contenir que des lettres';
+    }
+
+    return null;
+  }
+
+  /// Valide une date de naissance
+  static String? birthDate(DateTime? value, {int minAge = 0, int maxAge = 120}) {
+    if (value == null) {
+      return 'La date de naissance est requise';
+    }
+
+    final now = DateTime.now();
+    final age = now.year - value.year;
+    
+    if (value.isAfter(now)) {
+      return 'La date de naissance ne peut pas être dans le futur';
+    }
+
+    if (age < minAge) {
+      return 'L\'âge minimum requis est de $minAge ans';
+    }
+
+    if (age > maxAge) {
+      return 'L\'âge maximum autorisé est de $maxAge ans';
+    }
+
+    return null;
+  }
+
+  /// Valide un numéro de membre
+  static String? memberNumber(String? value) {
+    if (value == null || value.trim().isEmpty) {
+      return 'Le numéro de membre est requis';
+    }
+
+    // Format: MBR suivi de 3 chiffres minimum
+    final memberRegex = RegExp(r'^MBR\d{3,}$');
+    if (!memberRegex.hasMatch(value.trim())) {
+      return 'Format invalide (ex: MBR001)';
+    }
+
+    return null;
+  }
+
+  /// Valide une adresse
+  static String? address(String? value, {bool required = false}) {
+    if (!required && (value == null || value.trim().isEmpty)) {
+      return null;
+    }
+
+    if (required) {
+      final requiredError = FormValidator.required(value, fieldName: 'L\'adresse');
+      if (requiredError != null) return requiredError;
+    }
+
+    final maxLengthError = maxLength(value, 200, fieldName: 'L\'adresse');
+    if (maxLengthError != null) return maxLengthError;
+
+    return null;
+  }
+
+  /// Valide une profession
+  static String? profession(String? value, {bool required = false}) {
+    if (!required && (value == null || value.trim().isEmpty)) {
+      return null;
+    }
+
+    if (required) {
+      final requiredError = FormValidator.required(value, fieldName: 'La profession');
+      if (requiredError != null) return requiredError;
+    }
+
+    final maxLengthError = maxLength(value, 100, fieldName: 'La profession');
+    if (maxLengthError != null) return maxLengthError;
+
+    return null;
+  }
+
+  /// Combine plusieurs validateurs
+  static String? Function(String?) combine(List<String? Function(String?)> validators) {
+    return (String? value) {
+      for (final validator in validators) {
+        final error = validator(value);
+        if (error != null) return error;
+      }
+      return null;
+    };
+  }
+
+  /// Valide un formulaire complet et retourne les erreurs
+  static Map<String, String> validateForm(Map<String, dynamic> data, Map<String, String? Function(dynamic)> rules) {
+    final errors = <String, String>{};
+
+    for (final entry in rules.entries) {
+      final field = entry.key;
+      final validator = entry.value;
+      final value = data[field];
+
+      final error = validator(value);
+      if (error != null) {
+        errors[field] = error;
+      }
+    }
+
+    return errors;
+  }
+
+  /// Valide les données d'un membre
+  static Map<String, String> validateMember(Map<String, dynamic> memberData) {
+    return validateForm(memberData, {
+      'prenom': (value) => name(value, fieldName: 'Le prénom'),
+      'nom': (value) => name(value, fieldName: 'Le nom'),
+      'email': (value) => email(value),
+      'telephone': (value) => phone(value),
+      'dateNaissance': (value) => value is DateTime ? birthDate(value, minAge: 16) : 'Date de naissance invalide',
+      'adresse': (value) => address(value),
+      'profession': (value) => profession(value),
+    });
+  }
+}
+
+/// Widget de champ de texte avec validation en temps réel
+class ValidatedTextField extends StatefulWidget {
+  final TextEditingController controller;
+  final String label;
+  final String? hintText;
+  final IconData? prefixIcon;
+  final TextInputType? keyboardType;
+  final TextInputAction? textInputAction;
+  final List<String? Function(String?)> validators;
+  final bool obscureText;
+  final int? maxLines;
+  final int? maxLength;
+  final bool enabled;
+  final VoidCallback? onTap;
+  final ValueChanged<String>? onChanged;
+  final bool validateOnChange;
+
+  const ValidatedTextField({
+    super.key,
+    required this.controller,
+    required this.label,
+    this.hintText,
+    this.prefixIcon,
+    this.keyboardType,
+    this.textInputAction,
+    this.validators = const [],
+    this.obscureText = false,
+    this.maxLines = 1,
+    this.maxLength,
+    this.enabled = true,
+    this.onTap,
+    this.onChanged,
+    this.validateOnChange = true,
+  });
+
+  @override
+  State<ValidatedTextField> createState() => _ValidatedTextFieldState();
+}
+
+class _ValidatedTextFieldState extends State<ValidatedTextField> {
+  String? _errorText;
+  bool _hasBeenTouched = false;
+
+  @override
+  void initState() {
+    super.initState();
+    if (widget.validateOnChange) {
+      widget.controller.addListener(_validateField);
+    }
+  }
+
+  @override
+  void dispose() {
+    if (widget.validateOnChange) {
+      widget.controller.removeListener(_validateField);
+    }
+    super.dispose();
+  }
+
+  void _validateField() {
+    if (!_hasBeenTouched) return;
+
+    final value = widget.controller.text;
+    String? error;
+
+    for (final validator in widget.validators) {
+      error = validator(value);
+      if (error != null) break;
+    }
+
+    if (mounted) {
+      setState(() {
+        _errorText = error;
+      });
+    }
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return Column(
+      crossAxisAlignment: CrossAxisAlignment.start,
+      children: [
+        TextFormField(
+          controller: widget.controller,
+          decoration: InputDecoration(
+            labelText: widget.label,
+            hintText: widget.hintText,
+            prefixIcon: widget.prefixIcon != null ? Icon(widget.prefixIcon) : null,
+            errorText: _errorText,
+            border: OutlineInputBorder(
+              borderRadius: BorderRadius.circular(12),
+            ),
+            enabledBorder: OutlineInputBorder(
+              borderRadius: BorderRadius.circular(12),
+              borderSide: const BorderSide(color: Colors.grey),
+            ),
+            focusedBorder: OutlineInputBorder(
+              borderRadius: BorderRadius.circular(12),
+              borderSide: const BorderSide(color: Colors.blue, width: 2),
+            ),
+            errorBorder: OutlineInputBorder(
+              borderRadius: BorderRadius.circular(12),
+              borderSide: const BorderSide(color: Colors.red),
+            ),
+          ),
+          keyboardType: widget.keyboardType,
+          textInputAction: widget.textInputAction,
+          obscureText: widget.obscureText,
+          maxLines: widget.maxLines,
+          maxLength: widget.maxLength,
+          enabled: widget.enabled,
+          onTap: widget.onTap,
+          onChanged: (value) {
+            if (!_hasBeenTouched) {
+              setState(() {
+                _hasBeenTouched = true;
+              });
+            }
+            widget.onChanged?.call(value);
+            if (widget.validateOnChange) {
+              _validateField();
+            }
+          },
+          validator: (value) {
+            for (final validator in widget.validators) {
+              final error = validator(value);
+              if (error != null) return error;
+            }
+            return null;
+          },
+        ),
+      ],
+    );
+  }
+}

unionflow-mobile-apps/lib/features/auth/presentation/pages/auth_wrapper.dart

@@ -1,69 +0,0 @@
-import 'package:flutter/material.dart';
-import '../../../../shared/theme/app_theme.dart';
-import 'welcome_screen.dart';
-
-class AuthWrapper extends StatefulWidget {
-  const AuthWrapper({super.key});
-
-  @override
-  State<AuthWrapper> createState() => _AuthWrapperState();
-}
-
-class _AuthWrapperState extends State<AuthWrapper> {
-  bool _isLoading = true;
-  bool _isAuthenticated = false;
-
-  @override
-  void initState() {
-    super.initState();
-    _checkAuthenticationStatus();
-  }
-
-  Future<void> _checkAuthenticationStatus() async {
-    // Simulation de vérification d'authentification
-    // En production : vérifier le token JWT, SharedPreferences, etc.
-    await Future.delayed(const Duration(milliseconds: 500));
-    
-    setState(() {
-      _isLoading = false;
-      // Pour le moment, toujours false (pas d'utilisateur connecté)
-      _isAuthenticated = false;
-    });
-  }
-
-  @override
-  Widget build(BuildContext context) {
-    if (_isLoading) {
-      return _buildLoadingScreen();
-    }
-
-    if (_isAuthenticated) {
-      // TODO: Retourner vers la navigation principale
-      return _buildLoadingScreen(); // Temporaire
-    } else {
-      return const WelcomeScreen();
-    }
-  }
-
-  Widget _buildLoadingScreen() {
-    return Scaffold(
-      body: Container(
-        decoration: BoxDecoration(
-          gradient: LinearGradient(
-            begin: Alignment.topCenter,
-            end: Alignment.bottomCenter,
-            colors: [
-              AppTheme.primaryColor,
-              AppTheme.primaryDark,
-            ],
-          ),
-        ),
-        child: const Center(
-          child: CircularProgressIndicator(
-            valueColor: AlwaysStoppedAnimation<Color>(Colors.white),
-          ),
-        ),
-      ),
-    );
-  }
-}

unionflow-mobile-apps/lib/features/auth/presentation/pages/keycloak_login_page.dart

@@ -0,0 +1,296 @@
+import 'package:flutter/material.dart';
+import '../../../../core/auth/services/keycloak_webview_auth_service.dart';
+import '../../../../core/auth/models/auth_state.dart';
+import '../../../../core/di/injection.dart';
+import '../../../../shared/theme/app_theme.dart';
+
+/// Page de connexion utilisant Keycloak OIDC
+class KeycloakLoginPage extends StatefulWidget {
+  const KeycloakLoginPage({super.key});
+
+  @override
+  State<KeycloakLoginPage> createState() => _KeycloakLoginPageState();
+}
+
+class _KeycloakLoginPageState extends State<KeycloakLoginPage> {
+  late KeycloakWebViewAuthService _authService;
+  bool _isLoading = false;
+
+  @override
+  void initState() {
+    super.initState();
+    _authService = getIt<KeycloakWebViewAuthService>();
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return Scaffold(
+      backgroundColor: AppTheme.backgroundLight,
+      body: StreamBuilder<AuthState>(
+        stream: _authService.authStateStream,
+        builder: (context, snapshot) {
+          final authState = snapshot.data ?? const AuthState.unknown();
+          
+          if (authState.isAuthenticated) {
+            // Rediriger vers la page principale si déjà connecté
+            WidgetsBinding.instance.addPostFrameCallback((_) {
+              Navigator.of(context).pushReplacementNamed('/main');
+            });
+          }
+
+          return SafeArea(
+            child: SingleChildScrollView(
+              padding: const EdgeInsets.all(24.0),
+              child: ConstrainedBox(
+                constraints: BoxConstraints(
+                  minHeight: MediaQuery.of(context).size.height -
+                             MediaQuery.of(context).padding.top -
+                             MediaQuery.of(context).padding.bottom - 48,
+                ),
+                child: Column(
+                  mainAxisAlignment: MainAxisAlignment.center,
+                  crossAxisAlignment: CrossAxisAlignment.stretch,
+                  children: [
+                    // Logo et titre
+                    _buildHeader(),
+
+                    const SizedBox(height: 48),
+
+                    // Message d'accueil
+                    _buildWelcomeMessage(),
+
+                    const SizedBox(height: 32),
+
+                    // Bouton de connexion
+                    _buildLoginButton(authState),
+
+                    const SizedBox(height: 16),
+
+                    // Message d'erreur si présent
+                    if (authState.errorMessage != null)
+                      _buildErrorMessage(authState.errorMessage!),
+
+                    const SizedBox(height: 32),
+
+                    // Informations sur la sécurité
+                    _buildSecurityInfo(),
+                  ],
+                ),
+              ),
+            ),
+          );
+        },
+      ),
+    );
+  }
+
+  Widget _buildHeader() {
+    return Column(
+      children: [
+        // Logo UnionFlow
+        Container(
+          width: 120,
+          height: 120,
+          decoration: BoxDecoration(
+            color: AppTheme.primaryColor,
+            borderRadius: BorderRadius.circular(60),
+            boxShadow: [
+              BoxShadow(
+                color: AppTheme.primaryColor.withOpacity(0.3),
+                blurRadius: 20,
+                offset: const Offset(0, 10),
+              ),
+            ],
+          ),
+          child: const Icon(
+            Icons.groups,
+            size: 60,
+            color: Colors.white,
+          ),
+        ),
+        
+        const SizedBox(height: 24),
+        
+        // Titre
+        Text(
+          'UnionFlow',
+          style: Theme.of(context).textTheme.headlineMedium?.copyWith(
+            fontWeight: FontWeight.bold,
+            color: AppTheme.primaryColor,
+          ),
+        ),
+        
+        const SizedBox(height: 8),
+        
+        // Sous-titre
+        Text(
+          'Gestion d\'organisations',
+          style: Theme.of(context).textTheme.bodyLarge?.copyWith(
+            color: Colors.grey[600],
+          ),
+        ),
+      ],
+    );
+  }
+
+  Widget _buildWelcomeMessage() {
+    return Card(
+      elevation: 2,
+      shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(12)),
+      child: Padding(
+        padding: const EdgeInsets.all(20),
+        child: Column(
+          children: [
+            const Icon(
+              Icons.security,
+              size: 48,
+              color: AppTheme.primaryColor,
+            ),
+            const SizedBox(height: 16),
+            Text(
+              'Connexion sécurisée',
+              style: Theme.of(context).textTheme.titleLarge?.copyWith(
+                fontWeight: FontWeight.bold,
+              ),
+            ),
+            const SizedBox(height: 8),
+            Text(
+              'Connectez-vous avec votre compte UnionFlow pour accéder à toutes les fonctionnalités de l\'application.',
+              textAlign: TextAlign.center,
+              style: Theme.of(context).textTheme.bodyMedium?.copyWith(
+                color: Colors.grey[600],
+              ),
+            ),
+          ],
+        ),
+      ),
+    );
+  }
+
+  Widget _buildLoginButton(AuthState authState) {
+    return ElevatedButton(
+      onPressed: authState.isLoading || _isLoading ? null : _handleLogin,
+      style: ElevatedButton.styleFrom(
+        backgroundColor: AppTheme.primaryColor,
+        foregroundColor: Colors.white,
+        padding: const EdgeInsets.symmetric(vertical: 16),
+        shape: RoundedRectangleBorder(
+          borderRadius: BorderRadius.circular(12),
+        ),
+        elevation: 3,
+      ),
+      child: authState.isLoading || _isLoading
+          ? const SizedBox(
+              height: 20,
+              width: 20,
+              child: CircularProgressIndicator(
+                strokeWidth: 2,
+                valueColor: AlwaysStoppedAnimation<Color>(Colors.white),
+              ),
+            )
+          : Row(
+              mainAxisAlignment: MainAxisAlignment.center,
+              children: [
+                const Icon(Icons.login, size: 24),
+                const SizedBox(width: 12),
+                Text(
+                  'Se connecter avec Keycloak',
+                  style: Theme.of(context).textTheme.titleMedium?.copyWith(
+                    color: Colors.white,
+                    fontWeight: FontWeight.bold,
+                  ),
+                ),
+              ],
+            ),
+    );
+  }
+
+  Widget _buildErrorMessage(String errorMessage) {
+    return Container(
+      padding: const EdgeInsets.all(16),
+      decoration: BoxDecoration(
+        color: AppTheme.errorColor.withOpacity(0.1),
+        borderRadius: BorderRadius.circular(8),
+        border: Border.all(color: AppTheme.errorColor.withOpacity(0.3)),
+      ),
+      child: Row(
+        children: [
+          const Icon(
+            Icons.error_outline,
+            color: AppTheme.errorColor,
+            size: 24,
+          ),
+          const SizedBox(width: 12),
+          Expanded(
+            child: Text(
+              errorMessage,
+              style: const TextStyle(
+                color: AppTheme.errorColor,
+                fontWeight: FontWeight.w500,
+              ),
+            ),
+          ),
+        ],
+      ),
+    );
+  }
+
+  Widget _buildSecurityInfo() {
+    return Container(
+      padding: const EdgeInsets.all(16),
+      decoration: BoxDecoration(
+        color: Colors.blue.withOpacity(0.1),
+        borderRadius: BorderRadius.circular(8),
+        border: Border.all(color: Colors.blue.withOpacity(0.3)),
+      ),
+      child: Column(
+        children: [
+          Row(
+            children: [
+              const Icon(
+                Icons.info_outline,
+                color: Colors.blue,
+                size: 20,
+              ),
+              const SizedBox(width: 8),
+              Text(
+                'Authentification sécurisée',
+                style: Theme.of(context).textTheme.titleSmall?.copyWith(
+                  color: Colors.blue,
+                  fontWeight: FontWeight.bold,
+                ),
+              ),
+            ],
+          ),
+          const SizedBox(height: 8),
+          Text(
+            'Vos données sont protégées par Keycloak, une solution d\'authentification enterprise. '
+            'Votre mot de passe n\'est jamais stocké sur cet appareil.',
+            style: Theme.of(context).textTheme.bodySmall?.copyWith(
+              color: Colors.blue[700],
+            ),
+          ),
+        ],
+      ),
+    );
+  }
+
+  Future<void> _handleLogin() async {
+    setState(() {
+      _isLoading = true;
+    });
+
+    try {
+      await _authService.loginWithWebView(context);
+    } catch (e) {
+      // L'erreur sera gérée par le stream AuthState
+      print('Erreur de connexion: $e');
+    } finally {
+      if (mounted) {
+        setState(() {
+          _isLoading = false;
+        });
+      }
+    }
+  }
+}

unionflow-mobile-apps/lib/features/dashboard/presentation/widgets/actions/action_card_widget.dart

@@ -47,51 +47,56 @@ class ActionCardWidget extends StatelessWidget {
       },
       borderRadius: BorderRadius.circular(12),
       child: Container(
-        padding: const EdgeInsets.all(16),
+        padding: const EdgeInsets.all(12),
         decoration: BoxDecoration(
           color: Colors.white,
-          borderRadius: BorderRadius.circular(12),
+          borderRadius: BorderRadius.circular(10),
           border: Border.all(color: color.withOpacity(0.2)),
           boxShadow: [
             BoxShadow(
-              color: Colors.black.withOpacity(0.05),
-              blurRadius: 10,
-              offset: const Offset(0, 2),
+              color: Colors.black.withOpacity(0.04),
+              blurRadius: 8,
+              offset: const Offset(0, 1),
             ),
           ],
         ),
         child: Column(
+          mainAxisSize: MainAxisSize.min,
           children: [
             Container(
-              padding: const EdgeInsets.all(12),
+              padding: const EdgeInsets.all(8),
               decoration: BoxDecoration(
                 color: color.withOpacity(0.1),
-                borderRadius: BorderRadius.circular(12),
+                borderRadius: BorderRadius.circular(8),
               ),
               child: Icon(
                 icon,
                 color: color,
-                size: 24,
+                size: 18,
               ),
             ),
-            const SizedBox(height: 12),
+            const SizedBox(height: 8),
             Text(
               title,
               style: const TextStyle(
-                fontSize: 14,
+                fontSize: 12,
                 fontWeight: FontWeight.w600,
                 color: AppTheme.textPrimary,
               ),
               textAlign: TextAlign.center,
+              maxLines: 2,
+              overflow: TextOverflow.ellipsis,
             ),
-            const SizedBox(height: 4),
+            const SizedBox(height: 2),
             Text(
               subtitle,
               style: const TextStyle(
-                fontSize: 12,
+                fontSize: 10,
                 color: AppTheme.textSecondary,
               ),
               textAlign: TextAlign.center,
+              maxLines: 1,
+              overflow: TextOverflow.ellipsis,
             ),
           ],
         ),

unionflow-mobile-apps/lib/features/dashboard/presentation/widgets/actions/quick_actions_widget.dart

@@ -25,124 +25,138 @@ class QuickActionsWidget extends StatelessWidget {
             color: AppTheme.textPrimary,
           ),
         ),
-        const SizedBox(height: 16),
+        const SizedBox(height: 12),
 
-        // Première ligne - Actions principales
+        // Grille compacte 3x4 - Actions organisées par priorité
+
+        // Première ligne - Actions principales (3 colonnes)
         Row(
           children: [
             Expanded(
               child: ActionCardWidget(
                 title: 'Nouveau membre',
-                subtitle: 'Inscription rapide',
+                subtitle: 'Inscription',
                 icon: Icons.person_add,
                 color: AppTheme.primaryColor,
               ),
             ),
-            const SizedBox(width: 12),
+            const SizedBox(width: 8),
             Expanded(
               child: ActionCardWidget(
                 title: 'Créer événement',
-                subtitle: 'Organiser activité',
+                subtitle: 'Organiser',
                 icon: Icons.event_available,
                 color: AppTheme.secondaryColor,
               ),
             ),
-          ],
-        ),
-        const SizedBox(height: 12),
-
-        // Deuxième ligne - Gestion financière
-        Row(
-          children: [
+            const SizedBox(width: 8),
             Expanded(
               child: ActionCardWidget(
-                title: 'Encaisser cotisation',
-                subtitle: 'Paiement immédiat',
+                title: 'Encaisser',
+                subtitle: 'Cotisation',
                 icon: Icons.payment,
                 color: AppTheme.successColor,
               ),
             ),
-            const SizedBox(width: 12),
-            Expanded(
-              child: ActionCardWidget(
-                title: 'Relances impayés',
-                subtitle: 'Notifications SMS',
-                icon: Icons.notifications_active,
-                color: AppTheme.warningColor,
-              ),
-            ),
           ],
         ),
-        const SizedBox(height: 12),
+        const SizedBox(height: 8),
 
-        // Troisième ligne - Communication
+        // Deuxième ligne - Gestion et communication
         Row(
           children: [
+            Expanded(
+              child: ActionCardWidget(
+                title: 'Relances',
+                subtitle: 'SMS/Email',
+                icon: Icons.notifications_active,
+                color: AppTheme.warningColor,
+              ),
+            ),
+            const SizedBox(width: 8),
             Expanded(
               child: ActionCardWidget(
                 title: 'Message groupe',
-                subtitle: 'Diffusion WhatsApp',
+                subtitle: 'WhatsApp',
                 icon: Icons.message,
                 color: const Color(0xFF25D366),
               ),
             ),
-            const SizedBox(width: 12),
+            const SizedBox(width: 8),
             Expanded(
               child: ActionCardWidget(
                 title: 'Convoquer AG',
-                subtitle: 'Assemblée générale',
+                subtitle: 'Assemblée',
                 icon: Icons.groups,
                 color: const Color(0xFF9C27B0),
               ),
             ),
           ],
         ),
-        const SizedBox(height: 12),
+        const SizedBox(height: 8),
 
-        // Quatrième ligne - Rapports et conformité
+        // Troisième ligne - Rapports et conformité
         Row(
           children: [
             Expanded(
               child: ActionCardWidget(
                 title: 'Rapport OHADA',
-                subtitle: 'Conformité légale',
+                subtitle: 'Conformité',
                 icon: Icons.gavel,
                 color: const Color(0xFF795548),
               ),
             ),
-            const SizedBox(width: 12),
+            const SizedBox(width: 8),
             Expanded(
               child: ActionCardWidget(
                 title: 'Export données',
-                subtitle: 'Sauvegarde Excel',
+                subtitle: 'Excel/PDF',
                 icon: Icons.file_download,
                 color: AppTheme.infoColor,
               ),
             ),
+            const SizedBox(width: 8),
+            Expanded(
+              child: ActionCardWidget(
+                title: 'Statistiques',
+                subtitle: 'Analyses',
+                icon: Icons.analytics,
+                color: const Color(0xFF00BCD4),
+              ),
+            ),
           ],
         ),
-        const SizedBox(height: 12),
+        const SizedBox(height: 8),
 
-        // Cinquième ligne - Urgences et support
+        // Quatrième ligne - Support et urgences
         Row(
           children: [
             Expanded(
               child: ActionCardWidget(
                 title: 'Alerte urgente',
-                subtitle: 'Notification critique',
+                subtitle: 'Critique',
                 icon: Icons.emergency,
                 color: AppTheme.errorColor,
               ),
             ),
-            const SizedBox(width: 12),
+            const SizedBox(width: 8),
             Expanded(
               child: ActionCardWidget(
-                title: 'Support technique',
-                subtitle: 'Assistance UnionFlow',
+                title: 'Support tech',
+                subtitle: 'Assistance',
                 icon: Icons.support_agent,
                 color: const Color(0xFF607D8B),
               ),
             ),
+            const SizedBox(width: 8),
+            Expanded(
+              child: ActionCardWidget(
+                title: 'Paramètres',
+                subtitle: 'Configuration',
+                icon: Icons.settings,
+                color: const Color(0xFF9E9E9E),
+              ),
+            ),
           ],
         ),
       ],

unionflow-mobile-apps/lib/features/evenements/data/repositories/evenement_repository_impl.dart

@@ -0,0 +1,103 @@
+import 'package:injectable/injectable.dart';
+import '../../../../core/models/evenement_model.dart';
+import '../../../../core/services/api_service.dart';
+import '../../domain/repositories/evenement_repository.dart';
+
+/// Implémentation du repository pour les événements
+/// Utilise l'ApiService pour communiquer avec le backend
+@LazySingleton(as: EvenementRepository)
+class EvenementRepositoryImpl implements EvenementRepository {
+  final ApiService _apiService;
+
+  EvenementRepositoryImpl(this._apiService);
+
+  @override
+  Future<List<EvenementModel>> getEvenementsAVenir({
+    int page = 0,
+    int size = 10,
+  }) async {
+    return await _apiService.getEvenementsAVenir(page: page, size: size);
+  }
+
+  @override
+  Future<List<EvenementModel>> getEvenementsPublics({
+    int page = 0,
+    int size = 20,
+  }) async {
+    return await _apiService.getEvenementsPublics(page: page, size: size);
+  }
+
+  @override
+  Future<List<EvenementModel>> getEvenements({
+    int page = 0,
+    int size = 20,
+    String sortField = 'dateDebut',
+    String sortDirection = 'asc',
+  }) async {
+    return await _apiService.getEvenements(
+      page: page,
+      size: size,
+      sortField: sortField,
+      sortDirection: sortDirection,
+    );
+  }
+
+  @override
+  Future<EvenementModel> getEvenementById(String id) async {
+    return await _apiService.getEvenementById(id);
+  }
+
+  @override
+  Future<List<EvenementModel>> rechercherEvenements(
+    String terme, {
+    int page = 0,
+    int size = 20,
+  }) async {
+    return await _apiService.rechercherEvenements(
+      terme,
+      page: page,
+      size: size,
+    );
+  }
+
+  @override
+  Future<List<EvenementModel>> getEvenementsByType(
+    TypeEvenement type, {
+    int page = 0,
+    int size = 20,
+  }) async {
+    return await _apiService.getEvenementsByType(
+      type,
+      page: page,
+      size: size,
+    );
+  }
+
+  @override
+  Future<EvenementModel> createEvenement(EvenementModel evenement) async {
+    return await _apiService.createEvenement(evenement);
+  }
+
+  @override
+  Future<EvenementModel> updateEvenement(String id, EvenementModel evenement) async {
+    return await _apiService.updateEvenement(id, evenement);
+  }
+
+  @override
+  Future<void> deleteEvenement(String id) async {
+    return await _apiService.deleteEvenement(id);
+  }
+
+  @override
+  Future<EvenementModel> changerStatutEvenement(
+    String id,
+    StatutEvenement nouveauStatut,
+  ) async {
+    return await _apiService.changerStatutEvenement(id, nouveauStatut);
+  }
+
+  @override
+  Future<Map<String, dynamic>> getStatistiquesEvenements() async {
+    return await _apiService.getStatistiquesEvenements();
+  }
+}

unionflow-mobile-apps/lib/features/evenements/domain/repositories/evenement_repository.dart

@@ -0,0 +1,60 @@
+import '../../../../core/models/evenement_model.dart';
+
+/// Interface du repository pour les événements
+/// Définit les contrats pour l'accès aux données des événements
+abstract class EvenementRepository {
+  /// Récupère la liste des événements à venir
+  Future<List<EvenementModel>> getEvenementsAVenir({
+    int page = 0,
+    int size = 10,
+  });
+
+  /// Récupère la liste des événements publics
+  Future<List<EvenementModel>> getEvenementsPublics({
+    int page = 0,
+    int size = 20,
+  });
+
+  /// Récupère tous les événements avec pagination
+  Future<List<EvenementModel>> getEvenements({
+    int page = 0,
+    int size = 20,
+    String sortField = 'dateDebut',
+    String sortDirection = 'asc',
+  });
+
+  /// Récupère un événement par son ID
+  Future<EvenementModel> getEvenementById(String id);
+
+  /// Recherche d'événements par terme
+  Future<List<EvenementModel>> rechercherEvenements(
+    String terme, {
+    int page = 0,
+    int size = 20,
+  });
+
+  /// Récupère les événements par type
+  Future<List<EvenementModel>> getEvenementsByType(
+    TypeEvenement type, {
+    int page = 0,
+    int size = 20,
+  });
+
+  /// Crée un nouvel événement
+  Future<EvenementModel> createEvenement(EvenementModel evenement);
+
+  /// Met à jour un événement existant
+  Future<EvenementModel> updateEvenement(String id, EvenementModel evenement);
+
+  /// Supprime un événement
+  Future<void> deleteEvenement(String id);
+
+  /// Change le statut d'un événement
+  Future<EvenementModel> changerStatutEvenement(
+    String id,
+    StatutEvenement nouveauStatut,
+  );
+
+  /// Récupère les statistiques des événements
+  Future<Map<String, dynamic>> getStatistiquesEvenements();
+}

unionflow-mobile-apps/lib/features/evenements/presentation/bloc/evenement_bloc.dart

@@ -0,0 +1,388 @@
+import 'package:flutter_bloc/flutter_bloc.dart';
+import 'package:injectable/injectable.dart';
+import '../../../../core/models/evenement_model.dart';
+import '../../domain/repositories/evenement_repository.dart';
+import 'evenement_event.dart';
+import 'evenement_state.dart';
+
+/// BLoC pour la gestion des événements
+@injectable
+class EvenementBloc extends Bloc<EvenementEvent, EvenementState> {
+  final EvenementRepository _repository;
+
+  EvenementBloc(this._repository) : super(const EvenementInitial()) {
+    on<LoadEvenementsAVenir>(_onLoadEvenementsAVenir);
+    on<LoadEvenementsPublics>(_onLoadEvenementsPublics);
+    on<LoadEvenements>(_onLoadEvenements);
+    on<LoadEvenementById>(_onLoadEvenementById);
+    on<SearchEvenements>(_onSearchEvenements);
+    on<FilterEvenementsByType>(_onFilterEvenementsByType);
+    on<CreateEvenement>(_onCreateEvenement);
+    on<UpdateEvenement>(_onUpdateEvenement);
+    on<DeleteEvenement>(_onDeleteEvenement);
+    on<ChangeStatutEvenement>(_onChangeStatutEvenement);
+    on<LoadStatistiquesEvenements>(_onLoadStatistiquesEvenements);
+    on<ResetEvenementState>(_onResetEvenementState);
+  }
+
+  /// Charge les événements à venir
+  Future<void> _onLoadEvenementsAVenir(
+    LoadEvenementsAVenir event,
+    Emitter<EvenementState> emit,
+  ) async {
+    try {
+      if (event.refresh || state is EvenementInitial) {
+        emit(const EvenementLoading());
+      } else if (state is EvenementLoaded) {
+        emit(EvenementLoadingMore((state as EvenementLoaded).evenements));
+      }
+
+      final evenements = await _repository.getEvenementsAVenir(
+        page: event.page,
+        size: event.size,
+      );
+
+      if (event.refresh || event.page == 0) {
+        emit(EvenementLoaded(
+          evenements: evenements,
+          hasReachedMax: evenements.length < event.size,
+          currentPage: event.page,
+        ));
+      } else {
+        final currentState = state as EvenementLoaded;
+        final allEvenements = List<EvenementModel>.from(currentState.evenements)
+          ..addAll(evenements);
+        
+        emit(currentState.copyWith(
+          evenements: allEvenements,
+          hasReachedMax: evenements.length < event.size,
+          currentPage: event.page,
+        ));
+      }
+    } catch (e) {
+      final currentEvenements = state is EvenementLoaded 
+          ? (state as EvenementLoaded).evenements 
+          : null;
+      emit(EvenementError(
+        message: e.toString(),
+        evenements: currentEvenements,
+      ));
+    }
+  }
+
+  /// Charge les événements publics
+  Future<void> _onLoadEvenementsPublics(
+    LoadEvenementsPublics event,
+    Emitter<EvenementState> emit,
+  ) async {
+    try {
+      if (event.refresh || state is EvenementInitial) {
+        emit(const EvenementLoading());
+      } else if (state is EvenementLoaded) {
+        emit(EvenementLoadingMore((state as EvenementLoaded).evenements));
+      }
+
+      final evenements = await _repository.getEvenementsPublics(
+        page: event.page,
+        size: event.size,
+      );
+
+      if (event.refresh || event.page == 0) {
+        emit(EvenementLoaded(
+          evenements: evenements,
+          hasReachedMax: evenements.length < event.size,
+          currentPage: event.page,
+        ));
+      } else {
+        final currentState = state as EvenementLoaded;
+        final allEvenements = List<EvenementModel>.from(currentState.evenements)
+          ..addAll(evenements);
+        
+        emit(currentState.copyWith(
+          evenements: allEvenements,
+          hasReachedMax: evenements.length < event.size,
+          currentPage: event.page,
+        ));
+      }
+    } catch (e) {
+      final currentEvenements = state is EvenementLoaded 
+          ? (state as EvenementLoaded).evenements 
+          : null;
+      emit(EvenementError(
+        message: e.toString(),
+        evenements: currentEvenements,
+      ));
+    }
+  }
+
+  /// Charge tous les événements
+  Future<void> _onLoadEvenements(
+    LoadEvenements event,
+    Emitter<EvenementState> emit,
+  ) async {
+    try {
+      if (event.refresh || state is EvenementInitial) {
+        emit(const EvenementLoading());
+      } else if (state is EvenementLoaded) {
+        emit(EvenementLoadingMore((state as EvenementLoaded).evenements));
+      }
+
+      final evenements = await _repository.getEvenements(
+        page: event.page,
+        size: event.size,
+        sortField: event.sortField,
+        sortDirection: event.sortDirection,
+      );
+
+      if (event.refresh || event.page == 0) {
+        emit(EvenementLoaded(
+          evenements: evenements,
+          hasReachedMax: evenements.length < event.size,
+          currentPage: event.page,
+        ));
+      } else {
+        final currentState = state as EvenementLoaded;
+        final allEvenements = List<EvenementModel>.from(currentState.evenements)
+          ..addAll(evenements);
+        
+        emit(currentState.copyWith(
+          evenements: allEvenements,
+          hasReachedMax: evenements.length < event.size,
+          currentPage: event.page,
+        ));
+      }
+    } catch (e) {
+      final currentEvenements = state is EvenementLoaded 
+          ? (state as EvenementLoaded).evenements 
+          : null;
+      emit(EvenementError(
+        message: e.toString(),
+        evenements: currentEvenements,
+      ));
+    }
+  }
+
+  /// Charge un événement par ID
+  Future<void> _onLoadEvenementById(
+    LoadEvenementById event,
+    Emitter<EvenementState> emit,
+  ) async {
+    try {
+      emit(const EvenementLoading());
+      
+      final evenement = await _repository.getEvenementById(event.id);
+      
+      emit(EvenementDetailLoaded(evenement));
+    } catch (e) {
+      emit(EvenementError(message: e.toString()));
+    }
+  }
+
+  /// Recherche d'événements
+  Future<void> _onSearchEvenements(
+    SearchEvenements event,
+    Emitter<EvenementState> emit,
+  ) async {
+    try {
+      if (event.refresh || event.page == 0) {
+        emit(const EvenementLoading());
+      } else if (state is EvenementLoaded) {
+        emit(EvenementLoadingMore((state as EvenementLoaded).evenements));
+      }
+
+      final evenements = await _repository.rechercherEvenements(
+        event.terme,
+        page: event.page,
+        size: event.size,
+      );
+
+      if (evenements.isEmpty && event.page == 0) {
+        emit(EvenementSearchEmpty(event.terme));
+        return;
+      }
+
+      if (event.refresh || event.page == 0) {
+        emit(EvenementLoaded(
+          evenements: evenements,
+          hasReachedMax: evenements.length < event.size,
+          currentPage: event.page,
+          searchTerm: event.terme,
+        ));
+      } else {
+        final currentState = state as EvenementLoaded;
+        final allEvenements = List<EvenementModel>.from(currentState.evenements)
+          ..addAll(evenements);
+        
+        emit(currentState.copyWith(
+          evenements: allEvenements,
+          hasReachedMax: evenements.length < event.size,
+          currentPage: event.page,
+          searchTerm: event.terme,
+        ));
+      }
+    } catch (e) {
+      final currentEvenements = state is EvenementLoaded 
+          ? (state as EvenementLoaded).evenements 
+          : null;
+      emit(EvenementError(
+        message: e.toString(),
+        evenements: currentEvenements,
+      ));
+    }
+  }
+
+  /// Filtre par type d'événement
+  Future<void> _onFilterEvenementsByType(
+    FilterEvenementsByType event,
+    Emitter<EvenementState> emit,
+  ) async {
+    try {
+      if (event.refresh || event.page == 0) {
+        emit(const EvenementLoading());
+      } else if (state is EvenementLoaded) {
+        emit(EvenementLoadingMore((state as EvenementLoaded).evenements));
+      }
+
+      final evenements = await _repository.getEvenementsByType(
+        event.type,
+        page: event.page,
+        size: event.size,
+      );
+
+      if (evenements.isEmpty && event.page == 0) {
+        emit(const EvenementEmpty(message: 'Aucun événement de ce type trouvé'));
+        return;
+      }
+
+      if (event.refresh || event.page == 0) {
+        emit(EvenementLoaded(
+          evenements: evenements,
+          hasReachedMax: evenements.length < event.size,
+          currentPage: event.page,
+          filterType: event.type,
+        ));
+      } else {
+        final currentState = state as EvenementLoaded;
+        final allEvenements = List<EvenementModel>.from(currentState.evenements)
+          ..addAll(evenements);
+        
+        emit(currentState.copyWith(
+          evenements: allEvenements,
+          hasReachedMax: evenements.length < event.size,
+          currentPage: event.page,
+          filterType: event.type,
+        ));
+      }
+    } catch (e) {
+      final currentEvenements = state is EvenementLoaded 
+          ? (state as EvenementLoaded).evenements 
+          : null;
+      emit(EvenementError(
+        message: e.toString(),
+        evenements: currentEvenements,
+      ));
+    }
+  }
+
+  /// Crée un nouvel événement
+  Future<void> _onCreateEvenement(
+    CreateEvenement event,
+    Emitter<EvenementState> emit,
+  ) async {
+    try {
+      emit(const EvenementLoading());
+      
+      final evenement = await _repository.createEvenement(event.evenement);
+      
+      emit(EvenementOperationSuccess(
+        message: 'Événement créé avec succès',
+        evenement: evenement,
+      ));
+    } catch (e) {
+      emit(EvenementError(message: e.toString()));
+    }
+  }
+
+  /// Met à jour un événement
+  Future<void> _onUpdateEvenement(
+    UpdateEvenement event,
+    Emitter<EvenementState> emit,
+  ) async {
+    try {
+      emit(const EvenementLoading());
+      
+      final evenement = await _repository.updateEvenement(event.id, event.evenement);
+      
+      emit(EvenementOperationSuccess(
+        message: 'Événement mis à jour avec succès',
+        evenement: evenement,
+      ));
+    } catch (e) {
+      emit(EvenementError(message: e.toString()));
+    }
+  }
+
+  /// Supprime un événement
+  Future<void> _onDeleteEvenement(
+    DeleteEvenement event,
+    Emitter<EvenementState> emit,
+  ) async {
+    try {
+      emit(const EvenementLoading());
+      
+      await _repository.deleteEvenement(event.id);
+      
+      emit(const EvenementOperationSuccess(
+        message: 'Événement supprimé avec succès',
+      ));
+    } catch (e) {
+      emit(EvenementError(message: e.toString()));
+    }
+  }
+
+  /// Change le statut d'un événement
+  Future<void> _onChangeStatutEvenement(
+    ChangeStatutEvenement event,
+    Emitter<EvenementState> emit,
+  ) async {
+    try {
+      emit(const EvenementLoading());
+      
+      final evenement = await _repository.changerStatutEvenement(
+        event.id,
+        event.nouveauStatut,
+      );
+      
+      emit(EvenementOperationSuccess(
+        message: 'Statut de l\'événement modifié avec succès',
+        evenement: evenement,
+      ));
+    } catch (e) {
+      emit(EvenementError(message: e.toString()));
+    }
+  }
+
+  /// Charge les statistiques
+  Future<void> _onLoadStatistiquesEvenements(
+    LoadStatistiquesEvenements event,
+    Emitter<EvenementState> emit,
+  ) async {
+    try {
+      emit(const EvenementLoading());
+      
+      final statistiques = await _repository.getStatistiquesEvenements();
+      
+      emit(EvenementStatistiquesLoaded(statistiques));
+    } catch (e) {
+      emit(EvenementError(message: e.toString()));
+    }
+  }
+
+  /// Réinitialise l'état
+  void _onResetEvenementState(
+    ResetEvenementState event,
+    Emitter<EvenementState> emit,
+  ) {
+    emit(const EvenementInitial());
+  }
+}

unionflow-mobile-apps/lib/features/evenements/presentation/bloc/evenement_event.dart

@@ -0,0 +1,160 @@
+import 'package:equatable/equatable.dart';
+import '../../../../core/models/evenement_model.dart';
+
+/// Événements du BLoC Evenement
+abstract class EvenementEvent extends Equatable {
+  const EvenementEvent();
+
+  @override
+  List<Object?> get props => [];
+}
+
+/// Charge les événements à venir
+class LoadEvenementsAVenir extends EvenementEvent {
+  final int page;
+  final int size;
+  final bool refresh;
+
+  const LoadEvenementsAVenir({
+    this.page = 0,
+    this.size = 10,
+    this.refresh = false,
+  });
+
+  @override
+  List<Object?> get props => [page, size, refresh];
+}
+
+/// Charge les événements publics
+class LoadEvenementsPublics extends EvenementEvent {
+  final int page;
+  final int size;
+  final bool refresh;
+
+  const LoadEvenementsPublics({
+    this.page = 0,
+    this.size = 20,
+    this.refresh = false,
+  });
+
+  @override
+  List<Object?> get props => [page, size, refresh];
+}
+
+/// Charge tous les événements
+class LoadEvenements extends EvenementEvent {
+  final int page;
+  final int size;
+  final String sortField;
+  final String sortDirection;
+  final bool refresh;
+
+  const LoadEvenements({
+    this.page = 0,
+    this.size = 20,
+    this.sortField = 'dateDebut',
+    this.sortDirection = 'asc',
+    this.refresh = false,
+  });
+
+  @override
+  List<Object?> get props => [page, size, sortField, sortDirection, refresh];
+}
+
+/// Charge un événement par ID
+class LoadEvenementById extends EvenementEvent {
+  final String id;
+
+  const LoadEvenementById(this.id);
+
+  @override
+  List<Object?> get props => [id];
+}
+
+/// Recherche d'événements
+class SearchEvenements extends EvenementEvent {
+  final String terme;
+  final int page;
+  final int size;
+  final bool refresh;
+
+  const SearchEvenements({
+    required this.terme,
+    this.page = 0,
+    this.size = 20,
+    this.refresh = false,
+  });
+
+  @override
+  List<Object?> get props => [terme, page, size, refresh];
+}
+
+/// Filtre par type d'événement
+class FilterEvenementsByType extends EvenementEvent {
+  final TypeEvenement type;
+  final int page;
+  final int size;
+  final bool refresh;
+
+  const FilterEvenementsByType({
+    required this.type,
+    this.page = 0,
+    this.size = 20,
+    this.refresh = false,
+  });
+
+  @override
+  List<Object?> get props => [type, page, size, refresh];
+}
+
+/// Crée un nouvel événement
+class CreateEvenement extends EvenementEvent {
+  final EvenementModel evenement;
+
+  const CreateEvenement(this.evenement);
+
+  @override
+  List<Object?> get props => [evenement];
+}
+
+/// Met à jour un événement
+class UpdateEvenement extends EvenementEvent {
+  final String id;
+  final EvenementModel evenement;
+
+  const UpdateEvenement(this.id, this.evenement);
+
+  @override
+  List<Object?> get props => [id, evenement];
+}
+
+/// Supprime un événement
+class DeleteEvenement extends EvenementEvent {
+  final String id;
+
+  const DeleteEvenement(this.id);
+
+  @override
+  List<Object?> get props => [id];
+}
+
+/// Change le statut d'un événement
+class ChangeStatutEvenement extends EvenementEvent {
+  final String id;
+  final StatutEvenement nouveauStatut;
+
+  const ChangeStatutEvenement(this.id, this.nouveauStatut);
+
+  @override
+  List<Object?> get props => [id, nouveauStatut];
+}
+
+/// Charge les statistiques
+class LoadStatistiquesEvenements extends EvenementEvent {
+  const LoadStatistiquesEvenements();
+}
+
+/// Réinitialise l'état
+class ResetEvenementState extends EvenementEvent {
+  const ResetEvenementState();
+}

unionflow-mobile-apps/lib/features/evenements/presentation/bloc/evenement_state.dart

@@ -0,0 +1,142 @@
+import 'package:equatable/equatable.dart';
+import '../../../../core/models/evenement_model.dart';
+
+/// États du BLoC Evenement
+abstract class EvenementState extends Equatable {
+  const EvenementState();
+
+  @override
+  List<Object?> get props => [];
+}
+
+/// État initial
+class EvenementInitial extends EvenementState {
+  const EvenementInitial();
+}
+
+/// État de chargement
+class EvenementLoading extends EvenementState {
+  const EvenementLoading();
+}
+
+/// État de chargement avec données existantes (pour pagination)
+class EvenementLoadingMore extends EvenementState {
+  final List<EvenementModel> evenements;
+
+  const EvenementLoadingMore(this.evenements);
+
+  @override
+  List<Object?> get props => [evenements];
+}
+
+/// État de succès avec liste d'événements
+class EvenementLoaded extends EvenementState {
+  final List<EvenementModel> evenements;
+  final bool hasReachedMax;
+  final int currentPage;
+  final String? searchTerm;
+  final TypeEvenement? filterType;
+
+  const EvenementLoaded({
+    required this.evenements,
+    this.hasReachedMax = false,
+    this.currentPage = 0,
+    this.searchTerm,
+    this.filterType,
+  });
+
+  EvenementLoaded copyWith({
+    List<EvenementModel>? evenements,
+    bool? hasReachedMax,
+    int? currentPage,
+    String? searchTerm,
+    TypeEvenement? filterType,
+  }) {
+    return EvenementLoaded(
+      evenements: evenements ?? this.evenements,
+      hasReachedMax: hasReachedMax ?? this.hasReachedMax,
+      currentPage: currentPage ?? this.currentPage,
+      searchTerm: searchTerm ?? this.searchTerm,
+      filterType: filterType ?? this.filterType,
+    );
+  }
+
+  @override
+  List<Object?> get props => [
+        evenements,
+        hasReachedMax,
+        currentPage,
+        searchTerm,
+        filterType,
+      ];
+}
+
+/// État de succès avec un événement spécifique
+class EvenementDetailLoaded extends EvenementState {
+  final EvenementModel evenement;
+
+  const EvenementDetailLoaded(this.evenement);
+
+  @override
+  List<Object?> get props => [evenement];
+}
+
+/// État de succès avec statistiques
+class EvenementStatistiquesLoaded extends EvenementState {
+  final Map<String, dynamic> statistiques;
+
+  const EvenementStatistiquesLoaded(this.statistiques);
+
+  @override
+  List<Object?> get props => [statistiques];
+}
+
+/// État de succès après création/modification
+class EvenementOperationSuccess extends EvenementState {
+  final String message;
+  final EvenementModel? evenement;
+
+  const EvenementOperationSuccess({
+    required this.message,
+    this.evenement,
+  });
+
+  @override
+  List<Object?> get props => [message, evenement];
+}
+
+/// État d'erreur
+class EvenementError extends EvenementState {
+  final String message;
+  final List<EvenementModel>? evenements; // Pour conserver les données en cas d'erreur de pagination
+
+  const EvenementError({
+    required this.message,
+    this.evenements,
+  });
+
+  @override
+  List<Object?> get props => [message, evenements];
+}
+
+/// État de recherche vide
+class EvenementSearchEmpty extends EvenementState {
+  final String searchTerm;
+
+  const EvenementSearchEmpty(this.searchTerm);
+
+  @override
+  List<Object?> get props => [searchTerm];
+}
+
+/// État de liste vide
+class EvenementEmpty extends EvenementState {
+  final String message;
+
+  const EvenementEmpty({
+    this.message = 'Aucun événement trouvé',
+  });
+
+  @override
+  List<Object?> get props => [message];
+}

unionflow-mobile-apps/lib/features/evenements/presentation/pages/evenement_create_page.dart

@@ -0,0 +1,682 @@
+import 'package:flutter/material.dart';
+import 'package:flutter_bloc/flutter_bloc.dart';
+import 'package:intl/intl.dart';
+import '../../../../core/di/injection.dart';
+import '../../../../core/models/evenement_model.dart';
+import '../../../../shared/theme/app_theme.dart';
+import '../../../../shared/widgets/buttons/buttons.dart';
+import '../bloc/evenement_bloc.dart';
+import '../bloc/evenement_event.dart';
+import '../bloc/evenement_state.dart';
+
+/// Page de création d'un nouvel événement
+class EvenementCreatePage extends StatefulWidget {
+  const EvenementCreatePage({super.key});
+
+  @override
+  State<EvenementCreatePage> createState() => _EvenementCreatePageState();
+}
+
+class _EvenementCreatePageState extends State<EvenementCreatePage> {
+  final _formKey = GlobalKey<FormState>();
+  final _scrollController = ScrollController();
+  
+  // Controllers pour les champs de texte
+  final _titreController = TextEditingController();
+  final _descriptionController = TextEditingController();
+  final _lieuController = TextEditingController();
+  final _adresseController = TextEditingController();
+  final _capaciteMaxController = TextEditingController();
+  final _prixController = TextEditingController();
+  final _notesController = TextEditingController();
+  
+  // Variables pour les sélections
+  DateTime? _dateDebut;
+  DateTime? _dateFin;
+  TimeOfDay? _heureDebut;
+  TimeOfDay? _heureFin;
+  TypeEvenement _typeSelectionne = TypeEvenement.reunion;
+  bool _visiblePublic = true;
+  bool _inscriptionRequise = true;
+  bool _inscriptionPayante = false;
+  
+  late EvenementBloc _evenementBloc;
+
+  @override
+  void initState() {
+    super.initState();
+    _evenementBloc = getIt<EvenementBloc>();
+  }
+
+  @override
+  void dispose() {
+    _titreController.dispose();
+    _descriptionController.dispose();
+    _lieuController.dispose();
+    _adresseController.dispose();
+    _capaciteMaxController.dispose();
+    _prixController.dispose();
+    _notesController.dispose();
+    _scrollController.dispose();
+    super.dispose();
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return BlocProvider.value(
+      value: _evenementBloc,
+      child: Scaffold(
+        backgroundColor: AppTheme.backgroundLight,
+        appBar: AppBar(
+          title: const Text('Nouvel Événement'),
+          backgroundColor: AppTheme.primaryColor,
+          foregroundColor: Colors.white,
+          elevation: 0,
+          actions: [
+            BlocBuilder<EvenementBloc, EvenementState>(
+              builder: (context, state) {
+                return TextButton(
+                  onPressed: state is EvenementLoading ? null : _sauvegarder,
+                  child: state is EvenementLoading
+                      ? const SizedBox(
+                          width: 20,
+                          height: 20,
+                          child: CircularProgressIndicator(
+                            strokeWidth: 2,
+                            valueColor: AlwaysStoppedAnimation<Color>(Colors.white),
+                          ),
+                        )
+                      : const Text(
+                          'Créer',
+                          style: TextStyle(
+                            color: Colors.white,
+                            fontWeight: FontWeight.bold,
+                          ),
+                        ),
+                );
+              },
+            ),
+          ],
+        ),
+        body: BlocListener<EvenementBloc, EvenementState>(
+          listener: (context, state) {
+            if (state is EvenementOperationSuccess) {
+              ScaffoldMessenger.of(context).showSnackBar(
+                const SnackBar(
+                  content: Text('Événement créé avec succès !'),
+                  backgroundColor: AppTheme.successColor,
+                ),
+              );
+              Navigator.of(context).pop(true); // Retourner true pour indiquer la création
+            } else if (state is EvenementError) {
+              ScaffoldMessenger.of(context).showSnackBar(
+                SnackBar(
+                  content: Text('Erreur : ${state.message}'),
+                  backgroundColor: AppTheme.errorColor,
+                ),
+              );
+            }
+          },
+          child: Form(
+            key: _formKey,
+            child: SingleChildScrollView(
+              controller: _scrollController,
+              padding: const EdgeInsets.all(16),
+              child: Column(
+                crossAxisAlignment: CrossAxisAlignment.start,
+                children: [
+                  _buildInformationsGenerales(),
+                  const SizedBox(height: 24),
+                  _buildDateEtHeure(),
+                  const SizedBox(height: 24),
+                  _buildLieuEtAdresse(),
+                  const SizedBox(height: 24),
+                  _buildParametres(),
+                  const SizedBox(height: 24),
+                  _buildInformationsComplementaires(),
+                  const SizedBox(height: 32),
+                ],
+              ),
+            ),
+          ),
+        ),
+      ),
+    );
+  }
+
+  Widget _buildInformationsGenerales() {
+    return Card(
+      elevation: 2,
+      shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(12)),
+      child: Padding(
+        padding: const EdgeInsets.all(16),
+        child: Column(
+          crossAxisAlignment: CrossAxisAlignment.start,
+          children: [
+            Text(
+              'Informations générales',
+              style: Theme.of(context).textTheme.titleMedium?.copyWith(
+                fontWeight: FontWeight.bold,
+                color: AppTheme.primaryColor,
+              ),
+            ),
+            const SizedBox(height: 16),
+            TextFormField(
+              controller: _titreController,
+              decoration: const InputDecoration(
+                labelText: 'Titre de l\'événement *',
+                hintText: 'Ex: Assemblée générale 2025',
+                prefixIcon: Icon(Icons.title),
+              ),
+              validator: (value) {
+                if (value == null || value.trim().isEmpty) {
+                  return 'Le titre est obligatoire';
+                }
+                if (value.trim().length < 3) {
+                  return 'Le titre doit contenir au moins 3 caractères';
+                }
+                return null;
+              },
+              textCapitalization: TextCapitalization.words,
+            ),
+            const SizedBox(height: 16),
+            DropdownButtonFormField<TypeEvenement>(
+              value: _typeSelectionne,
+              decoration: const InputDecoration(
+                labelText: 'Type d\'événement *',
+                prefixIcon: Icon(Icons.category),
+              ),
+              items: TypeEvenement.values.map((type) {
+                return DropdownMenuItem(
+                  value: type,
+                  child: Row(
+                    children: [
+                      Text(type.icone, style: const TextStyle(fontSize: 20)),
+                      const SizedBox(width: 8),
+                      Text(type.libelle),
+                    ],
+                  ),
+                );
+              }).toList(),
+              onChanged: (value) {
+                if (value != null) {
+                  setState(() {
+                    _typeSelectionne = value;
+                  });
+                }
+              },
+            ),
+            const SizedBox(height: 16),
+            TextFormField(
+              controller: _descriptionController,
+              decoration: const InputDecoration(
+                labelText: 'Description',
+                hintText: 'Décrivez votre événement...',
+                prefixIcon: Icon(Icons.description),
+              ),
+              maxLines: 4,
+              textCapitalization: TextCapitalization.sentences,
+            ),
+          ],
+        ),
+      ),
+    );
+  }
+
+  Widget _buildDateEtHeure() {
+    return Card(
+      elevation: 2,
+      shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(12)),
+      child: Padding(
+        padding: const EdgeInsets.all(16),
+        child: Column(
+          crossAxisAlignment: CrossAxisAlignment.start,
+          children: [
+            Text(
+              'Date et heure',
+              style: Theme.of(context).textTheme.titleMedium?.copyWith(
+                fontWeight: FontWeight.bold,
+                color: AppTheme.primaryColor,
+              ),
+            ),
+            const SizedBox(height: 16),
+            Row(
+              children: [
+                Expanded(
+                  child: InkWell(
+                    onTap: _selectionnerDateDebut,
+                    child: InputDecorator(
+                      decoration: const InputDecoration(
+                        labelText: 'Date de début *',
+                        prefixIcon: Icon(Icons.calendar_today),
+                      ),
+                      child: Text(
+                        _dateDebut != null
+                            ? DateFormat('dd/MM/yyyy').format(_dateDebut!)
+                            : 'Sélectionner',
+                        style: TextStyle(
+                          color: _dateDebut != null ? null : Colors.grey[600],
+                        ),
+                      ),
+                    ),
+                  ),
+                ),
+                const SizedBox(width: 16),
+                Expanded(
+                  child: InkWell(
+                    onTap: _selectionnerHeureDebut,
+                    child: InputDecorator(
+                      decoration: const InputDecoration(
+                        labelText: 'Heure de début *',
+                        prefixIcon: Icon(Icons.access_time),
+                      ),
+                      child: Text(
+                        _heureDebut != null
+                            ? _heureDebut!.format(context)
+                            : 'Sélectionner',
+                        style: TextStyle(
+                          color: _heureDebut != null ? null : Colors.grey[600],
+                        ),
+                      ),
+                    ),
+                  ),
+                ),
+              ],
+            ),
+            const SizedBox(height: 16),
+            Row(
+              children: [
+                Expanded(
+                  child: InkWell(
+                    onTap: _selectionnerDateFin,
+                    child: InputDecorator(
+                      decoration: const InputDecoration(
+                        labelText: 'Date de fin',
+                        prefixIcon: Icon(Icons.calendar_today),
+                      ),
+                      child: Text(
+                        _dateFin != null
+                            ? DateFormat('dd/MM/yyyy').format(_dateFin!)
+                            : 'Optionnel',
+                        style: TextStyle(
+                          color: _dateFin != null ? null : Colors.grey[600],
+                        ),
+                      ),
+                    ),
+                  ),
+                ),
+                const SizedBox(width: 16),
+                Expanded(
+                  child: InkWell(
+                    onTap: _selectionnerHeureFin,
+                    child: InputDecorator(
+                      decoration: const InputDecoration(
+                        labelText: 'Heure de fin',
+                        prefixIcon: Icon(Icons.access_time),
+                      ),
+                      child: Text(
+                        _heureFin != null
+                            ? _heureFin!.format(context)
+                            : 'Optionnel',
+                        style: TextStyle(
+                          color: _heureFin != null ? null : Colors.grey[600],
+                        ),
+                      ),
+                    ),
+                  ),
+                ),
+              ],
+            ),
+          ],
+        ),
+      ),
+    );
+  }
+
+  Widget _buildLieuEtAdresse() {
+    return Card(
+      elevation: 2,
+      shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(12)),
+      child: Padding(
+        padding: const EdgeInsets.all(16),
+        child: Column(
+          crossAxisAlignment: CrossAxisAlignment.start,
+          children: [
+            Text(
+              'Lieu et adresse',
+              style: Theme.of(context).textTheme.titleMedium?.copyWith(
+                fontWeight: FontWeight.bold,
+                color: AppTheme.primaryColor,
+              ),
+            ),
+            const SizedBox(height: 16),
+            TextFormField(
+              controller: _lieuController,
+              decoration: const InputDecoration(
+                labelText: 'Lieu *',
+                hintText: 'Ex: Salle des fêtes',
+                prefixIcon: Icon(Icons.place),
+              ),
+              validator: (value) {
+                if (value == null || value.trim().isEmpty) {
+                  return 'Le lieu est obligatoire';
+                }
+                return null;
+              },
+              textCapitalization: TextCapitalization.words,
+            ),
+            const SizedBox(height: 16),
+            TextFormField(
+              controller: _adresseController,
+              decoration: const InputDecoration(
+                labelText: 'Adresse complète',
+                hintText: 'Ex: 123 Rue de la République, 75001 Paris',
+                prefixIcon: Icon(Icons.location_on),
+              ),
+              maxLines: 2,
+              textCapitalization: TextCapitalization.words,
+            ),
+          ],
+        ),
+      ),
+    );
+  }
+
+  Widget _buildParametres() {
+    return Card(
+      elevation: 2,
+      shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(12)),
+      child: Padding(
+        padding: const EdgeInsets.all(16),
+        child: Column(
+          crossAxisAlignment: CrossAxisAlignment.start,
+          children: [
+            Text(
+              'Paramètres',
+              style: Theme.of(context).textTheme.titleMedium?.copyWith(
+                fontWeight: FontWeight.bold,
+                color: AppTheme.primaryColor,
+              ),
+            ),
+            const SizedBox(height: 16),
+            SwitchListTile(
+              title: const Text('Visible au public'),
+              subtitle: const Text('L\'événement sera visible par tous'),
+              value: _visiblePublic,
+              onChanged: (value) {
+                setState(() {
+                  _visiblePublic = value;
+                });
+              },
+              activeColor: AppTheme.primaryColor,
+            ),
+            SwitchListTile(
+              title: const Text('Inscription requise'),
+              subtitle: const Text('Les participants doivent s\'inscrire'),
+              value: _inscriptionRequise,
+              onChanged: (value) {
+                setState(() {
+                  _inscriptionRequise = value;
+                  if (!value) {
+                    _inscriptionPayante = false;
+                  }
+                });
+              },
+              activeColor: AppTheme.primaryColor,
+            ),
+            if (_inscriptionRequise)
+              SwitchListTile(
+                title: const Text('Inscription payante'),
+                subtitle: const Text('L\'inscription nécessite un paiement'),
+                value: _inscriptionPayante,
+                onChanged: (value) {
+                  setState(() {
+                    _inscriptionPayante = value;
+                  });
+                },
+                activeColor: AppTheme.primaryColor,
+              ),
+            const SizedBox(height: 16),
+            TextFormField(
+              controller: _capaciteMaxController,
+              decoration: const InputDecoration(
+                labelText: 'Capacité maximale',
+                hintText: 'Nombre maximum de participants',
+                prefixIcon: Icon(Icons.people),
+                suffixText: 'personnes',
+              ),
+              keyboardType: TextInputType.number,
+              validator: (value) {
+                if (value != null && value.isNotEmpty) {
+                  final capacite = int.tryParse(value);
+                  if (capacite == null || capacite <= 0) {
+                    return 'La capacité doit être un nombre positif';
+                  }
+                }
+                return null;
+              },
+            ),
+            if (_inscriptionPayante) ...[
+              const SizedBox(height: 16),
+              TextFormField(
+                controller: _prixController,
+                decoration: const InputDecoration(
+                  labelText: 'Prix de l\'inscription *',
+                  hintText: '0.00',
+                  prefixIcon: Icon(Icons.euro),
+                  suffixText: '€',
+                ),
+                keyboardType: const TextInputType.numberWithOptions(decimal: true),
+                validator: (value) {
+                  if (_inscriptionPayante) {
+                    if (value == null || value.trim().isEmpty) {
+                      return 'Le prix est obligatoire pour une inscription payante';
+                    }
+                    final prix = double.tryParse(value.replaceAll(',', '.'));
+                    if (prix == null || prix < 0) {
+                      return 'Le prix doit être un nombre positif';
+                    }
+                  }
+                  return null;
+                },
+              ),
+            ],
+          ],
+        ),
+      ),
+    );
+  }
+
+  Widget _buildInformationsComplementaires() {
+    return Card(
+      elevation: 2,
+      shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(12)),
+      child: Padding(
+        padding: const EdgeInsets.all(16),
+        child: Column(
+          crossAxisAlignment: CrossAxisAlignment.start,
+          children: [
+            Text(
+              'Informations complémentaires',
+              style: Theme.of(context).textTheme.titleMedium?.copyWith(
+                fontWeight: FontWeight.bold,
+                color: AppTheme.primaryColor,
+              ),
+            ),
+            const SizedBox(height: 16),
+            TextFormField(
+              controller: _notesController,
+              decoration: const InputDecoration(
+                labelText: 'Notes internes',
+                hintText: 'Notes visibles uniquement par les organisateurs...',
+                prefixIcon: Icon(Icons.note),
+              ),
+              maxLines: 3,
+              textCapitalization: TextCapitalization.sentences,
+            ),
+          ],
+        ),
+      ),
+    );
+  }
+
+  // Méthodes de sélection de date et heure
+  Future<void> _selectionnerDateDebut() async {
+    final date = await showDatePicker(
+      context: context,
+      initialDate: _dateDebut ?? DateTime.now(),
+      firstDate: DateTime.now(),
+      lastDate: DateTime.now().add(const Duration(days: 365 * 2)),
+    );
+    if (date != null) {
+      setState(() {
+        _dateDebut = date;
+        // Si la date de fin est antérieure, la réinitialiser
+        if (_dateFin != null && _dateFin!.isBefore(date)) {
+          _dateFin = null;
+        }
+      });
+    }
+  }
+
+  Future<void> _selectionnerDateFin() async {
+    final date = await showDatePicker(
+      context: context,
+      initialDate: _dateFin ?? _dateDebut ?? DateTime.now(),
+      firstDate: _dateDebut ?? DateTime.now(),
+      lastDate: DateTime.now().add(const Duration(days: 365 * 2)),
+    );
+    if (date != null) {
+      setState(() {
+        _dateFin = date;
+      });
+    }
+  }
+
+  Future<void> _selectionnerHeureDebut() async {
+    final heure = await showTimePicker(
+      context: context,
+      initialTime: _heureDebut ?? TimeOfDay.now(),
+    );
+    if (heure != null) {
+      setState(() {
+        _heureDebut = heure;
+      });
+    }
+  }
+
+  Future<void> _selectionnerHeureFin() async {
+    final heure = await showTimePicker(
+      context: context,
+      initialTime: _heureFin ?? _heureDebut ?? TimeOfDay.now(),
+    );
+    if (heure != null) {
+      setState(() {
+        _heureFin = heure;
+      });
+    }
+  }
+
+  // Méthode de sauvegarde
+  void _sauvegarder() {
+    if (!_formKey.currentState!.validate()) {
+      // Faire défiler vers le premier champ en erreur
+      _scrollController.animateTo(
+        0,
+        duration: const Duration(milliseconds: 300),
+        curve: Curves.easeInOut,
+      );
+      return;
+    }
+
+    // Validation des dates
+    if (_dateDebut == null) {
+      ScaffoldMessenger.of(context).showSnackBar(
+        const SnackBar(
+          content: Text('La date de début est obligatoire'),
+          backgroundColor: AppTheme.errorColor,
+        ),
+      );
+      return;
+    }
+
+    if (_heureDebut == null) {
+      ScaffoldMessenger.of(context).showSnackBar(
+        const SnackBar(
+          content: Text('L\'heure de début est obligatoire'),
+          backgroundColor: AppTheme.errorColor,
+        ),
+      );
+      return;
+    }
+
+    // Construire les DateTime complets
+    final dateTimeDebut = DateTime(
+      _dateDebut!.year,
+      _dateDebut!.month,
+      _dateDebut!.day,
+      _heureDebut!.hour,
+      _heureDebut!.minute,
+    );
+
+    DateTime? dateTimeFin;
+    if (_dateFin != null && _heureFin != null) {
+      dateTimeFin = DateTime(
+        _dateFin!.year,
+        _dateFin!.month,
+        _dateFin!.day,
+        _heureFin!.hour,
+        _heureFin!.minute,
+      );
+
+      // Vérifier que la date de fin est après le début
+      if (dateTimeFin.isBefore(dateTimeDebut)) {
+        ScaffoldMessenger.of(context).showSnackBar(
+          const SnackBar(
+            content: Text('La date de fin doit être après la date de début'),
+            backgroundColor: AppTheme.errorColor,
+          ),
+        );
+        return;
+      }
+    }
+
+    // Créer l'objet événement
+    final evenement = EvenementModel(
+      id: null,
+      titre: _titreController.text.trim(),
+      description: _descriptionController.text.trim().isEmpty
+          ? null
+          : _descriptionController.text.trim(),
+      typeEvenement: _typeSelectionne,
+      dateDebut: dateTimeDebut,
+      dateFin: dateTimeFin,
+      lieu: _lieuController.text.trim(),
+      adresse: _adresseController.text.trim().isEmpty
+          ? null
+          : _adresseController.text.trim(),
+      capaciteMax: _capaciteMaxController.text.isEmpty
+          ? null
+          : int.tryParse(_capaciteMaxController.text),
+      prix: _inscriptionPayante && _prixController.text.isNotEmpty
+          ? double.tryParse(_prixController.text.replaceAll(',', '.'))
+          : null,
+      visiblePublic: _visiblePublic,
+      inscriptionRequise: _inscriptionRequise,
+      instructionsParticulieres: _notesController.text.trim().isEmpty
+          ? null
+          : _notesController.text.trim(),
+      statut: StatutEvenement.planifie,
+      actif: true,
+      creePar: null, // Sera défini par le backend
+      dateCreation: null, // Sera défini par le backend
+      modifiePar: null,
+      dateModification: null,
+      organisationId: null, // Sera défini par le backend selon l'utilisateur connecté
+      organisateurId: null, // Sera défini par le backend selon l'utilisateur connecté
+    );
+
+    // Envoyer l'événement au BLoC
+    _evenementBloc.add(CreateEvenement(evenement));
+  }
+}

unionflow-mobile-apps/lib/features/evenements/presentation/pages/evenement_detail_page.dart

@@ -0,0 +1,426 @@
+import 'package:flutter/material.dart';
+import 'package:intl/intl.dart';
+import '../../../../core/models/evenement_model.dart';
+
+/// Page de détail d'un événement
+class EvenementDetailPage extends StatelessWidget {
+  final EvenementModel evenement;
+
+  const EvenementDetailPage({
+    super.key,
+    required this.evenement,
+  });
+
+  @override
+  Widget build(BuildContext context) {
+    final theme = Theme.of(context);
+    final dateFormat = DateFormat('EEEE dd MMMM yyyy', 'fr_FR');
+    final timeFormat = DateFormat('HH:mm');
+
+    return Scaffold(
+      body: CustomScrollView(
+        slivers: [
+          // App Bar avec image de fond
+          SliverAppBar(
+            expandedHeight: 200,
+            pinned: true,
+            flexibleSpace: FlexibleSpaceBar(
+              title: Text(
+                evenement.titre,
+                style: const TextStyle(
+                  color: Colors.white,
+                  fontWeight: FontWeight.bold,
+                  shadows: [
+                    Shadow(
+                      offset: Offset(0, 1),
+                      blurRadius: 3,
+                      color: Colors.black54,
+                    ),
+                  ],
+                ),
+              ),
+              background: Container(
+                decoration: BoxDecoration(
+                  gradient: LinearGradient(
+                    begin: Alignment.topCenter,
+                    end: Alignment.bottomCenter,
+                    colors: [
+                      theme.primaryColor,
+                      theme.primaryColor.withOpacity(0.8),
+                    ],
+                  ),
+                ),
+                child: Center(
+                  child: Text(
+                    evenement.typeEvenement.icone,
+                    style: const TextStyle(fontSize: 80),
+                  ),
+                ),
+              ),
+            ),
+            actions: [
+              IconButton(
+                onPressed: () => _shareEvenement(context),
+                icon: const Icon(Icons.share),
+              ),
+              PopupMenuButton<String>(
+                onSelected: (value) {
+                  switch (value) {
+                    case 'calendar':
+                      _addToCalendar(context);
+                      break;
+                    case 'favorite':
+                      _toggleFavorite(context);
+                      break;
+                  }
+                },
+                itemBuilder: (context) => [
+                  const PopupMenuItem(
+                    value: 'calendar',
+                    child: Row(
+                      children: [
+                        Icon(Icons.calendar_today),
+                        SizedBox(width: 8),
+                        Text('Ajouter au calendrier'),
+                      ],
+                    ),
+                  ),
+                  const PopupMenuItem(
+                    value: 'favorite',
+                    child: Row(
+                      children: [
+                        Icon(Icons.favorite_border),
+                        SizedBox(width: 8),
+                        Text('Ajouter aux favoris'),
+                      ],
+                    ),
+                  ),
+                ],
+              ),
+            ],
+          ),
+          
+          // Contenu principal
+          SliverToBoxAdapter(
+            child: Padding(
+              padding: const EdgeInsets.all(16),
+              child: Column(
+                crossAxisAlignment: CrossAxisAlignment.start,
+                children: [
+                  // Statut et type
+                  Row(
+                    children: [
+                      _buildStatutChip(context),
+                      const SizedBox(width: 8),
+                      Chip(
+                        label: Text(evenement.typeEvenement.libelle),
+                        backgroundColor: theme.primaryColor.withOpacity(0.1),
+                      ),
+                    ],
+                  ),
+                  
+                  const SizedBox(height: 16),
+                  
+                  // Description
+                  if (evenement.description != null) ...[
+                    Text(
+                      'Description',
+                      style: theme.textTheme.titleMedium?.copyWith(
+                        fontWeight: FontWeight.bold,
+                      ),
+                    ),
+                    const SizedBox(height: 8),
+                    Text(
+                      evenement.description!,
+                      style: theme.textTheme.bodyMedium,
+                    ),
+                    const SizedBox(height: 24),
+                  ],
+                  
+                  // Informations pratiques
+                  _buildSectionTitle(context, 'Informations pratiques'),
+                  const SizedBox(height: 12),
+                  
+                  _buildInfoRow(
+                    context,
+                    Icons.schedule,
+                    'Date et heure',
+                    '${dateFormat.format(evenement.dateDebut)}\n'
+                    '${timeFormat.format(evenement.dateDebut)}'
+                    '${evenement.dateFin != null ? ' - ${timeFormat.format(evenement.dateFin!)}' : ''}',
+                  ),
+                  
+                  if (evenement.lieu != null)
+                    _buildInfoRow(
+                      context,
+                      Icons.location_on,
+                      'Lieu',
+                      evenement.lieu!,
+                    ),
+                  
+                  if (evenement.adresse != null)
+                    _buildInfoRow(
+                      context,
+                      Icons.map,
+                      'Adresse',
+                      evenement.adresse!,
+                    ),
+                  
+                  if (evenement.duree != null)
+                    _buildInfoRow(
+                      context,
+                      Icons.timer,
+                      'Durée',
+                      evenement.dureeFormatee,
+                    ),
+                  
+                  if (evenement.prix != null)
+                    _buildInfoRow(
+                      context,
+                      Icons.euro,
+                      'Prix',
+                      evenement.prix! > 0 
+                          ? '${evenement.prix!.toStringAsFixed(0)} €'
+                          : 'Gratuit',
+                    ),
+                  
+                  if (evenement.capaciteMax != null)
+                    _buildInfoRow(
+                      context,
+                      Icons.people,
+                      'Capacité',
+                      '${evenement.capaciteMax} personnes',
+                    ),
+                  
+                  const SizedBox(height: 24),
+                  
+                  // Inscription
+                  if (evenement.inscriptionRequise) ...[
+                    _buildSectionTitle(context, 'Inscription'),
+                    const SizedBox(height: 12),
+                    
+                    if (evenement.inscriptionsOuvertes) ...[
+                      Container(
+                        width: double.infinity,
+                        padding: const EdgeInsets.all(16),
+                        decoration: BoxDecoration(
+                          color: Colors.green.withOpacity(0.1),
+                          borderRadius: BorderRadius.circular(12),
+                          border: Border.all(color: Colors.green.withOpacity(0.3)),
+                        ),
+                        child: Column(
+                          children: [
+                            const Icon(
+                              Icons.check_circle,
+                              color: Colors.green,
+                              size: 32,
+                            ),
+                            const SizedBox(height: 8),
+                            const Text(
+                              'Inscriptions ouvertes',
+                              style: TextStyle(
+                                fontWeight: FontWeight.bold,
+                                color: Colors.green,
+                              ),
+                            ),
+                            if (evenement.dateLimiteInscription != null) ...[
+                              const SizedBox(height: 4),
+                              Text(
+                                'Jusqu\'au ${dateFormat.format(evenement.dateLimiteInscription!)}',
+                                style: TextStyle(
+                                  color: Colors.green[700],
+                                  fontSize: 12,
+                                ),
+                              ),
+                            ],
+                          ],
+                        ),
+                      ),
+                    ] else ...[
+                      Container(
+                        width: double.infinity,
+                        padding: const EdgeInsets.all(16),
+                        decoration: BoxDecoration(
+                          color: Colors.red.withOpacity(0.1),
+                          borderRadius: BorderRadius.circular(12),
+                          border: Border.all(color: Colors.red.withOpacity(0.3)),
+                        ),
+                        child: const Column(
+                          children: [
+                            Icon(
+                              Icons.cancel,
+                              color: Colors.red,
+                              size: 32,
+                            ),
+                            SizedBox(height: 8),
+                            Text(
+                              'Inscriptions fermées',
+                              style: TextStyle(
+                                fontWeight: FontWeight.bold,
+                                color: Colors.red,
+                              ),
+                            ),
+                          ],
+                        ),
+                      ),
+                    ],
+                    
+                    const SizedBox(height: 24),
+                  ],
+                  
+                  // Instructions particulières
+                  if (evenement.instructionsParticulieres != null) ...[
+                    _buildSectionTitle(context, 'Instructions particulières'),
+                    const SizedBox(height: 8),
+                    Text(
+                      evenement.instructionsParticulieres!,
+                      style: theme.textTheme.bodyMedium,
+                    ),
+                    const SizedBox(height: 24),
+                  ],
+                  
+                  // Matériel requis
+                  if (evenement.materielRequis != null) ...[
+                    _buildSectionTitle(context, 'Matériel requis'),
+                    const SizedBox(height: 8),
+                    Text(
+                      evenement.materielRequis!,
+                      style: theme.textTheme.bodyMedium,
+                    ),
+                    const SizedBox(height: 24),
+                  ],
+                  
+                  // Contact organisateur
+                  if (evenement.contactOrganisateur != null) ...[
+                    _buildSectionTitle(context, 'Contact organisateur'),
+                    const SizedBox(height: 8),
+                    Text(
+                      evenement.contactOrganisateur!,
+                      style: theme.textTheme.bodyMedium,
+                    ),
+                    const SizedBox(height: 24),
+                  ],
+                  
+                  // Espace pour le bouton flottant
+                  const SizedBox(height: 80),
+                ],
+              ),
+            ),
+          ),
+        ],
+      ),
+      
+      // Bouton d'action flottant
+      floatingActionButton: evenement.inscriptionRequise && 
+                           evenement.inscriptionsOuvertes
+          ? FloatingActionButton.extended(
+              onPressed: () => _inscrireAEvenement(context),
+              icon: const Icon(Icons.how_to_reg),
+              label: const Text('S\'inscrire'),
+            )
+          : null,
+    );
+  }
+
+  Widget _buildStatutChip(BuildContext context) {
+    final color = Color(int.parse(
+      evenement.statut.couleur.substring(1), 
+      radix: 16,
+    ) + 0xFF000000);
+    
+    return Container(
+      padding: const EdgeInsets.symmetric(horizontal: 12, vertical: 6),
+      decoration: BoxDecoration(
+        color: color.withOpacity(0.1),
+        borderRadius: BorderRadius.circular(16),
+        border: Border.all(color: color.withOpacity(0.3)),
+      ),
+      child: Text(
+        evenement.statut.libelle,
+        style: TextStyle(
+          fontSize: 12,
+          fontWeight: FontWeight.w500,
+          color: color,
+        ),
+      ),
+    );
+  }
+
+  Widget _buildSectionTitle(BuildContext context, String title) {
+    return Text(
+      title,
+      style: Theme.of(context).textTheme.titleMedium?.copyWith(
+        fontWeight: FontWeight.bold,
+      ),
+    );
+  }
+
+  Widget _buildInfoRow(
+    BuildContext context,
+    IconData icon,
+    String label,
+    String value,
+  ) {
+    return Padding(
+      padding: const EdgeInsets.only(bottom: 12),
+      child: Row(
+        crossAxisAlignment: CrossAxisAlignment.start,
+        children: [
+          Icon(
+            icon,
+            size: 20,
+            color: Colors.grey[600],
+          ),
+          const SizedBox(width: 12),
+          Expanded(
+            child: Column(
+              crossAxisAlignment: CrossAxisAlignment.start,
+              children: [
+                Text(
+                  label,
+                  style: Theme.of(context).textTheme.bodySmall?.copyWith(
+                    color: Colors.grey[600],
+                    fontWeight: FontWeight.w500,
+                  ),
+                ),
+                const SizedBox(height: 2),
+                Text(
+                  value,
+                  style: Theme.of(context).textTheme.bodyMedium,
+                ),
+              ],
+            ),
+          ),
+        ],
+      ),
+    );
+  }
+
+  void _shareEvenement(BuildContext context) {
+    // TODO: Implémenter le partage
+    ScaffoldMessenger.of(context).showSnackBar(
+      const SnackBar(content: Text('Partage - À implémenter')),
+    );
+  }
+
+  void _addToCalendar(BuildContext context) {
+    // TODO: Implémenter l'ajout au calendrier
+    ScaffoldMessenger.of(context).showSnackBar(
+      const SnackBar(content: Text('Ajout au calendrier - À implémenter')),
+    );
+  }
+
+  void _toggleFavorite(BuildContext context) {
+    // TODO: Implémenter les favoris
+    ScaffoldMessenger.of(context).showSnackBar(
+      const SnackBar(content: Text('Favoris - À implémenter')),
+    );
+  }
+
+  void _inscrireAEvenement(BuildContext context) {
+    // TODO: Implémenter l'inscription
+    ScaffoldMessenger.of(context).showSnackBar(
+      const SnackBar(content: Text('Inscription - À implémenter')),
+    );
+  }
+}

unionflow-mobile-apps/lib/features/evenements/presentation/pages/evenements_page.dart

@@ -0,0 +1,382 @@
+import 'package:flutter/material.dart';
+import 'package:flutter_bloc/flutter_bloc.dart';
+import '../../../../core/di/injection.dart';
+import '../../../../core/models/evenement_model.dart';
+import '../../../../shared/theme/app_theme.dart';
+import '../bloc/evenement_bloc.dart';
+import '../bloc/evenement_event.dart';
+import '../bloc/evenement_state.dart';
+import '../widgets/evenement_card.dart';
+import '../widgets/evenement_search_bar.dart';
+import '../widgets/evenement_filter_chips.dart';
+import 'evenement_detail_page.dart';
+import 'evenement_create_page.dart';
+
+/// Page principale des événements
+class EvenementsPage extends StatelessWidget {
+  const EvenementsPage({super.key});
+
+  @override
+  Widget build(BuildContext context) {
+    return BlocProvider(
+      create: (context) => getIt<EvenementBloc>()
+        ..add(const LoadEvenementsAVenir()),
+      child: const _EvenementsPageContent(),
+    );
+  }
+}
+
+class _EvenementsPageContent extends StatefulWidget {
+  const _EvenementsPageContent();
+
+  @override
+  State<_EvenementsPageContent> createState() => _EvenementsPageContentState();
+}
+
+class _EvenementsPageContentState extends State<_EvenementsPageContent>
+    with TickerProviderStateMixin {
+  late TabController _tabController;
+  final ScrollController _scrollController = ScrollController();
+  String _searchTerm = '';
+  TypeEvenement? _selectedType;
+
+  @override
+  void initState() {
+    super.initState();
+    _tabController = TabController(length: 3, vsync: this);
+    _scrollController.addListener(_onScroll);
+    
+    _tabController.addListener(() {
+      if (_tabController.indexIsChanging) {
+        _onTabChanged(_tabController.index);
+      }
+    });
+  }
+
+  @override
+  void dispose() {
+    _tabController.dispose();
+    _scrollController.dispose();
+    super.dispose();
+  }
+
+  void _onScroll() {
+    if (_isBottom) {
+      final bloc = context.read<EvenementBloc>();
+      final state = bloc.state;
+      
+      if (state is EvenementLoaded && !state.hasReachedMax) {
+        _loadMoreEvents(state);
+      }
+    }
+  }
+
+  bool get _isBottom {
+    if (!_scrollController.hasClients) return false;
+    final maxScroll = _scrollController.position.maxScrollExtent;
+    final currentScroll = _scrollController.offset;
+    return currentScroll >= (maxScroll * 0.9);
+  }
+
+  void _loadMoreEvents(EvenementLoaded state) {
+    final nextPage = state.currentPage + 1;
+    
+    switch (_tabController.index) {
+      case 0:
+        context.read<EvenementBloc>().add(
+          LoadEvenementsAVenir(page: nextPage),
+        );
+        break;
+      case 1:
+        context.read<EvenementBloc>().add(
+          LoadEvenementsPublics(page: nextPage),
+        );
+        break;
+      case 2:
+        if (_searchTerm.isNotEmpty) {
+          context.read<EvenementBloc>().add(
+            SearchEvenements(terme: _searchTerm, page: nextPage),
+          );
+        } else if (_selectedType != null) {
+          context.read<EvenementBloc>().add(
+            FilterEvenementsByType(type: _selectedType!, page: nextPage),
+          );
+        } else {
+          context.read<EvenementBloc>().add(
+            LoadEvenements(page: nextPage),
+          );
+        }
+        break;
+    }
+  }
+
+  void _onTabChanged(int index) {
+    context.read<EvenementBloc>().add(const ResetEvenementState());
+    
+    switch (index) {
+      case 0:
+        context.read<EvenementBloc>().add(const LoadEvenementsAVenir());
+        break;
+      case 1:
+        context.read<EvenementBloc>().add(const LoadEvenementsPublics());
+        break;
+      case 2:
+        context.read<EvenementBloc>().add(const LoadEvenements());
+        break;
+    }
+  }
+
+  void _onSearch(String terme) {
+    setState(() {
+      _searchTerm = terme;
+      _selectedType = null;
+    });
+    
+    if (terme.isNotEmpty) {
+      context.read<EvenementBloc>().add(
+        SearchEvenements(terme: terme, refresh: true),
+      );
+    } else {
+      context.read<EvenementBloc>().add(
+        const LoadEvenements(refresh: true),
+      );
+    }
+  }
+
+  void _onFilterByType(TypeEvenement? type) {
+    setState(() {
+      _selectedType = type;
+      _searchTerm = '';
+    });
+    
+    if (type != null) {
+      context.read<EvenementBloc>().add(
+        FilterEvenementsByType(type: type, refresh: true),
+      );
+    } else {
+      context.read<EvenementBloc>().add(
+        const LoadEvenements(refresh: true),
+      );
+    }
+  }
+
+  void _onRefresh() {
+    switch (_tabController.index) {
+      case 0:
+        context.read<EvenementBloc>().add(
+          const LoadEvenementsAVenir(refresh: true),
+        );
+        break;
+      case 1:
+        context.read<EvenementBloc>().add(
+          const LoadEvenementsPublics(refresh: true),
+        );
+        break;
+      case 2:
+        if (_searchTerm.isNotEmpty) {
+          context.read<EvenementBloc>().add(
+            SearchEvenements(terme: _searchTerm, refresh: true),
+          );
+        } else if (_selectedType != null) {
+          context.read<EvenementBloc>().add(
+            FilterEvenementsByType(type: _selectedType!, refresh: true),
+          );
+        } else {
+          context.read<EvenementBloc>().add(
+            const LoadEvenements(refresh: true),
+          );
+        }
+        break;
+    }
+  }
+
+  void _navigateToDetail(EvenementModel evenement) {
+    Navigator.of(context).push(
+      MaterialPageRoute(
+        builder: (context) => EvenementDetailPage(evenement: evenement),
+      ),
+    );
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return Scaffold(
+      appBar: AppBar(
+        title: const Text('Événements'),
+        backgroundColor: Theme.of(context).primaryColor,
+        foregroundColor: Colors.white,
+        bottom: TabBar(
+          controller: _tabController,
+          tabs: const [
+            Tab(text: 'À venir', icon: Icon(Icons.upcoming)),
+            Tab(text: 'Publics', icon: Icon(Icons.public)),
+            Tab(text: 'Tous', icon: Icon(Icons.list)),
+          ],
+        ),
+      ),
+      body: TabBarView(
+        controller: _tabController,
+        children: [
+          _buildEvenementsList(showSearch: false),
+          _buildEvenementsList(showSearch: false),
+          _buildEvenementsList(showSearch: true),
+        ],
+      ),
+      floatingActionButton: FloatingActionButton(
+        onPressed: () async {
+          final result = await Navigator.of(context).push<bool>(
+            MaterialPageRoute(
+              builder: (context) => const EvenementCreatePage(),
+            ),
+          );
+
+          // Si un événement a été créé, recharger la liste
+          if (result == true && context.mounted) {
+            context.read<EvenementBloc>().add(const LoadEvenementsAVenir());
+          }
+        },
+        child: const Icon(Icons.add),
+      ),
+    );
+  }
+
+  Widget _buildEvenementsList({required bool showSearch}) {
+    return Column(
+      children: [
+        if (showSearch) ...[
+          Padding(
+            padding: const EdgeInsets.all(16.0),
+            child: EvenementSearchBar(
+              onSearch: _onSearch,
+              initialValue: _searchTerm,
+            ),
+          ),
+          EvenementFilterChips(
+            selectedType: _selectedType,
+            onTypeSelected: _onFilterByType,
+          ),
+        ],
+        Expanded(
+          child: BlocConsumer<EvenementBloc, EvenementState>(
+            listener: (context, state) {
+              if (state is EvenementError) {
+                ScaffoldMessenger.of(context).showSnackBar(
+                  SnackBar(
+                    content: Text(state.message),
+                    backgroundColor: Colors.red,
+                  ),
+                );
+              }
+            },
+            builder: (context, state) {
+              if (state is EvenementLoading) {
+                return const Center(child: CircularProgressIndicator());
+              }
+              
+              if (state is EvenementError && state.evenements == null) {
+                return Center(
+                  child: Column(
+                    mainAxisAlignment: MainAxisAlignment.center,
+                    children: [
+                      Icon(Icons.error_outline, size: 64, color: Colors.red),
+                      const SizedBox(height: 16),
+                      Text(state.message, textAlign: TextAlign.center),
+                      const SizedBox(height: 16),
+                      ElevatedButton(
+                        onPressed: _onRefresh,
+                        child: const Text('Réessayer'),
+                      ),
+                    ],
+                  ),
+                );
+              }
+              
+              if (state is EvenementSearchEmpty) {
+                return Center(
+                  child: Column(
+                    mainAxisAlignment: MainAxisAlignment.center,
+                    children: [
+                      const Icon(
+                        Icons.search_off,
+                        size: 64,
+                        color: Colors.grey,
+                      ),
+                      const SizedBox(height: 16),
+                      Text(
+                        'Aucun résultat pour "${state.searchTerm}"',
+                        style: Theme.of(context).textTheme.titleMedium,
+                      ),
+                      const SizedBox(height: 8),
+                      const Text('Essayez avec d\'autres mots-clés'),
+                    ],
+                  ),
+                );
+              }
+              
+              if (state is EvenementEmpty) {
+                return Center(
+                  child: Column(
+                    mainAxisAlignment: MainAxisAlignment.center,
+                    children: [
+                      const Icon(
+                        Icons.event_busy,
+                        size: 64,
+                        color: Colors.grey,
+                      ),
+                      const SizedBox(height: 16),
+                      Text(
+                        state.message,
+                        style: Theme.of(context).textTheme.titleMedium,
+                      ),
+                    ],
+                  ),
+                );
+              }
+              
+              final evenements = state is EvenementLoaded 
+                  ? state.evenements
+                  : state is EvenementLoadingMore
+                      ? state.evenements
+                      : state is EvenementError
+                          ? state.evenements ?? <EvenementModel>[]
+                          : <EvenementModel>[];
+              
+              if (evenements.isEmpty) {
+                return const Center(
+                  child: Text('Aucun événement disponible'),
+                );
+              }
+              
+              return RefreshIndicator(
+                onRefresh: () async => _onRefresh(),
+                child: ListView.builder(
+                  controller: _scrollController,
+                  padding: const EdgeInsets.all(16),
+                  itemCount: evenements.length + 
+                      (state is EvenementLoadingMore ? 1 : 0),
+                  itemBuilder: (context, index) {
+                    if (index >= evenements.length) {
+                      return const Padding(
+                        padding: EdgeInsets.all(16),
+                        child: Center(child: CircularProgressIndicator()),
+                      );
+                    }
+                    
+                    final evenement = evenements[index];
+                    return Padding(
+                      padding: const EdgeInsets.only(bottom: 12),
+                      child: EvenementCard(
+                        evenement: evenement,
+                        onTap: () => _navigateToDetail(evenement),
+                      ),
+                    );
+                  },
+                ),
+              );
+            },
+          ),
+        ),
+      ],
+    );
+  }
+}

unionflow-mobile-apps/lib/features/evenements/presentation/widgets/evenement_card.dart

@@ -0,0 +1,349 @@
+import 'package:flutter/material.dart';
+import 'package:intl/intl.dart';
+import '../../../../core/models/evenement_model.dart';
+
+/// Widget carte pour afficher un événement
+class EvenementCard extends StatelessWidget {
+  final EvenementModel evenement;
+  final VoidCallback? onTap;
+  final VoidCallback? onFavorite;
+  final bool showActions;
+
+  const EvenementCard({
+    super.key,
+    required this.evenement,
+    this.onTap,
+    this.onFavorite,
+    this.showActions = true,
+  });
+
+  @override
+  Widget build(BuildContext context) {
+    final theme = Theme.of(context);
+    final dateFormat = DateFormat('dd/MM/yyyy');
+    final timeFormat = DateFormat('HH:mm');
+
+    return Card(
+      elevation: 2,
+      margin: EdgeInsets.zero,
+      child: InkWell(
+        onTap: onTap,
+        borderRadius: BorderRadius.circular(12),
+        child: Padding(
+          padding: const EdgeInsets.all(16),
+          child: Column(
+            crossAxisAlignment: CrossAxisAlignment.start,
+            children: [
+              // En-tête avec type et statut
+              Row(
+                children: [
+                  // Icône du type
+                  Container(
+                    padding: const EdgeInsets.all(8),
+                    decoration: BoxDecoration(
+                      color: theme.primaryColor.withOpacity(0.1),
+                      borderRadius: BorderRadius.circular(8),
+                    ),
+                    child: Text(
+                      evenement.typeEvenement.icone,
+                      style: const TextStyle(fontSize: 20),
+                    ),
+                  ),
+                  const SizedBox(width: 12),
+                  
+                  // Type et statut
+                  Expanded(
+                    child: Column(
+                      crossAxisAlignment: CrossAxisAlignment.start,
+                      children: [
+                        Text(
+                          evenement.typeEvenement.libelle,
+                          style: theme.textTheme.bodySmall?.copyWith(
+                            color: theme.primaryColor,
+                            fontWeight: FontWeight.w500,
+                          ),
+                        ),
+                        const SizedBox(height: 2),
+                        _buildStatutChip(context),
+                      ],
+                    ),
+                  ),
+                  
+                  // Actions
+                  if (showActions) ...[
+                    if (onFavorite != null)
+                      IconButton(
+                        onPressed: onFavorite,
+                        icon: const Icon(Icons.favorite_border),
+                        iconSize: 20,
+                      ),
+                    PopupMenuButton<String>(
+                      onSelected: (value) {
+                        switch (value) {
+                          case 'share':
+                            _shareEvenement(context);
+                            break;
+                          case 'calendar':
+                            _addToCalendar(context);
+                            break;
+                        }
+                      },
+                      itemBuilder: (context) => [
+                        const PopupMenuItem(
+                          value: 'share',
+                          child: Row(
+                            children: [
+                              Icon(Icons.share, size: 20),
+                              SizedBox(width: 8),
+                              Text('Partager'),
+                            ],
+                          ),
+                        ),
+                        const PopupMenuItem(
+                          value: 'calendar',
+                          child: Row(
+                            children: [
+                              Icon(Icons.calendar_today, size: 20),
+                              SizedBox(width: 8),
+                              Text('Ajouter au calendrier'),
+                            ],
+                          ),
+                        ),
+                      ],
+                      child: const Icon(Icons.more_vert, size: 20),
+                    ),
+                  ],
+                ],
+              ),
+              
+              const SizedBox(height: 12),
+              
+              // Titre
+              Text(
+                evenement.titre,
+                style: theme.textTheme.titleMedium?.copyWith(
+                  fontWeight: FontWeight.bold,
+                ),
+                maxLines: 2,
+                overflow: TextOverflow.ellipsis,
+              ),
+              
+              if (evenement.description != null) ...[
+                const SizedBox(height: 8),
+                Text(
+                  evenement.description!,
+                  style: theme.textTheme.bodyMedium?.copyWith(
+                    color: Colors.grey[600],
+                  ),
+                  maxLines: 2,
+                  overflow: TextOverflow.ellipsis,
+                ),
+              ],
+              
+              const SizedBox(height: 12),
+              
+              // Informations date et lieu
+              Row(
+                children: [
+                  // Date
+                  Expanded(
+                    child: Row(
+                      children: [
+                        Icon(
+                          Icons.schedule,
+                          size: 16,
+                          color: Colors.grey[600],
+                        ),
+                        const SizedBox(width: 4),
+                        Expanded(
+                          child: Column(
+                            crossAxisAlignment: CrossAxisAlignment.start,
+                            children: [
+                              Text(
+                                dateFormat.format(evenement.dateDebut),
+                                style: theme.textTheme.bodySmall?.copyWith(
+                                  fontWeight: FontWeight.w500,
+                                ),
+                              ),
+                              Text(
+                                timeFormat.format(evenement.dateDebut),
+                                style: theme.textTheme.bodySmall?.copyWith(
+                                  color: Colors.grey[600],
+                                ),
+                              ),
+                            ],
+                          ),
+                        ),
+                      ],
+                    ),
+                  ),
+                  
+                  // Lieu
+                  if (evenement.lieu != null)
+                    Expanded(
+                      child: Row(
+                        children: [
+                          Icon(
+                            Icons.location_on,
+                            size: 16,
+                            color: Colors.grey[600],
+                          ),
+                          const SizedBox(width: 4),
+                          Expanded(
+                            child: Text(
+                              evenement.lieu!,
+                              style: theme.textTheme.bodySmall,
+                              maxLines: 1,
+                              overflow: TextOverflow.ellipsis,
+                            ),
+                          ),
+                        ],
+                      ),
+                    ),
+                ],
+              ),
+              
+              // Informations supplémentaires
+              if (evenement.prix != null || 
+                  evenement.capaciteMax != null ||
+                  evenement.inscriptionRequise) ...[
+                const SizedBox(height: 12),
+                Wrap(
+                  spacing: 8,
+                  runSpacing: 4,
+                  children: [
+                    // Prix
+                    if (evenement.prix != null)
+                      _buildInfoChip(
+                        context,
+                        evenement.prix! > 0 
+                            ? '${evenement.prix!.toStringAsFixed(0)} €'
+                            : 'Gratuit',
+                        Icons.euro,
+                        evenement.prix! > 0 ? Colors.orange : Colors.green,
+                      ),
+                    
+                    // Capacité
+                    if (evenement.capaciteMax != null)
+                      _buildInfoChip(
+                        context,
+                        '${evenement.capaciteMax} places',
+                        Icons.people,
+                        Colors.blue,
+                      ),
+                    
+                    // Inscription requise
+                    if (evenement.inscriptionRequise)
+                      _buildInfoChip(
+                        context,
+                        evenement.inscriptionsOuvertes 
+                            ? 'Inscriptions ouvertes'
+                            : 'Inscriptions fermées',
+                        Icons.how_to_reg,
+                        evenement.inscriptionsOuvertes 
+                            ? Colors.green 
+                            : Colors.red,
+                      ),
+                  ],
+                ),
+              ],
+              
+              // Durée si disponible
+              if (evenement.duree != null) ...[
+                const SizedBox(height: 8),
+                Row(
+                  children: [
+                    Icon(
+                      Icons.timer,
+                      size: 16,
+                      color: Colors.grey[600],
+                    ),
+                    const SizedBox(width: 4),
+                    Text(
+                      'Durée: ${evenement.dureeFormatee}',
+                      style: theme.textTheme.bodySmall?.copyWith(
+                        color: Colors.grey[600],
+                      ),
+                    ),
+                  ],
+                ),
+              ],
+            ],
+          ),
+        ),
+      ),
+    );
+  }
+
+  Widget _buildStatutChip(BuildContext context) {
+    final color = Color(int.parse(
+      evenement.statut.couleur.substring(1), 
+      radix: 16,
+    ) + 0xFF000000);
+    
+    return Container(
+      padding: const EdgeInsets.symmetric(horizontal: 8, vertical: 2),
+      decoration: BoxDecoration(
+        color: color.withOpacity(0.1),
+        borderRadius: BorderRadius.circular(12),
+        border: Border.all(color: color.withOpacity(0.3)),
+      ),
+      child: Text(
+        evenement.statut.libelle,
+        style: TextStyle(
+          fontSize: 11,
+          fontWeight: FontWeight.w500,
+          color: color,
+        ),
+      ),
+    );
+  }
+
+  Widget _buildInfoChip(
+    BuildContext context,
+    String label,
+    IconData icon,
+    Color color,
+  ) {
+    return Container(
+      padding: const EdgeInsets.symmetric(horizontal: 8, vertical: 4),
+      decoration: BoxDecoration(
+        color: color.withOpacity(0.1),
+        borderRadius: BorderRadius.circular(12),
+      ),
+      child: Row(
+        mainAxisSize: MainAxisSize.min,
+        children: [
+          Icon(
+            icon,
+            size: 14,
+            color: color,
+          ),
+          const SizedBox(width: 4),
+          Text(
+            label,
+            style: TextStyle(
+              fontSize: 12,
+              fontWeight: FontWeight.w500,
+              color: color,
+            ),
+          ),
+        ],
+      ),
+    );
+  }
+
+  void _shareEvenement(BuildContext context) {
+    // TODO: Implémenter le partage
+    ScaffoldMessenger.of(context).showSnackBar(
+      const SnackBar(content: Text('Partage - À implémenter')),
+    );
+  }
+
+  void _addToCalendar(BuildContext context) {
+    // TODO: Implémenter l'ajout au calendrier
+    ScaffoldMessenger.of(context).showSnackBar(
+      const SnackBar(content: Text('Ajout au calendrier - À implémenter')),
+    );
+  }
+}

unionflow-mobile-apps/lib/features/evenements/presentation/widgets/evenement_filter_chips.dart

@@ -0,0 +1,63 @@
+import 'package:flutter/material.dart';
+import '../../../../core/models/evenement_model.dart';
+
+/// Widget pour les filtres par type d'événement
+class EvenementFilterChips extends StatelessWidget {
+  final TypeEvenement? selectedType;
+  final Function(TypeEvenement?) onTypeSelected;
+
+  const EvenementFilterChips({
+    super.key,
+    this.selectedType,
+    required this.onTypeSelected,
+  });
+
+  @override
+  Widget build(BuildContext context) {
+    return Container(
+      height: 50,
+      padding: const EdgeInsets.symmetric(horizontal: 16),
+      child: ListView(
+        scrollDirection: Axis.horizontal,
+        children: [
+          // Chip "Tous"
+          Padding(
+            padding: const EdgeInsets.only(right: 8),
+            child: FilterChip(
+              label: const Text('Tous'),
+              selected: selectedType == null,
+              onSelected: (selected) {
+                onTypeSelected(selected ? null : selectedType);
+              },
+              backgroundColor: Colors.grey[200],
+              selectedColor: Theme.of(context).primaryColor.withOpacity(0.2),
+              checkmarkColor: Theme.of(context).primaryColor,
+            ),
+          ),
+          
+          // Chips pour chaque type
+          ...TypeEvenement.values.map((type) => Padding(
+            padding: const EdgeInsets.only(right: 8),
+            child: FilterChip(
+              label: Row(
+                mainAxisSize: MainAxisSize.min,
+                children: [
+                  Text(type.icone),
+                  const SizedBox(width: 4),
+                  Text(type.libelle),
+                ],
+              ),
+              selected: selectedType == type,
+              onSelected: (selected) {
+                onTypeSelected(selected ? type : null);
+              },
+              backgroundColor: Colors.grey[200],
+              selectedColor: Theme.of(context).primaryColor.withOpacity(0.2),
+              checkmarkColor: Theme.of(context).primaryColor,
+            ),
+          )),
+        ],
+      ),
+    );
+  }
+}

unionflow-mobile-apps/lib/features/evenements/presentation/widgets/evenement_search_bar.dart

@@ -0,0 +1,81 @@
+import 'package:flutter/material.dart';
+import 'dart:async';
+
+/// Barre de recherche pour les événements
+class EvenementSearchBar extends StatefulWidget {
+  final Function(String) onSearch;
+  final String? initialValue;
+  final String hintText;
+  final Duration debounceTime;
+
+  const EvenementSearchBar({
+    super.key,
+    required this.onSearch,
+    this.initialValue,
+    this.hintText = 'Rechercher un événement...',
+    this.debounceTime = const Duration(milliseconds: 500),
+  });
+
+  @override
+  State<EvenementSearchBar> createState() => _EvenementSearchBarState();
+}
+
+class _EvenementSearchBarState extends State<EvenementSearchBar> {
+  late TextEditingController _controller;
+  Timer? _debounceTimer;
+
+  @override
+  void initState() {
+    super.initState();
+    _controller = TextEditingController(text: widget.initialValue);
+  }
+
+  @override
+  void dispose() {
+    _controller.dispose();
+    _debounceTimer?.cancel();
+    super.dispose();
+  }
+
+  void _onSearchChanged(String value) {
+    _debounceTimer?.cancel();
+    _debounceTimer = Timer(widget.debounceTime, () {
+      widget.onSearch(value.trim());
+    });
+  }
+
+  void _clearSearch() {
+    _controller.clear();
+    widget.onSearch('');
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return Container(
+      decoration: BoxDecoration(
+        color: Colors.grey[100],
+        borderRadius: BorderRadius.circular(12),
+        border: Border.all(color: Colors.grey[300]!),
+      ),
+      child: TextField(
+        controller: _controller,
+        onChanged: _onSearchChanged,
+        decoration: InputDecoration(
+          hintText: widget.hintText,
+          prefixIcon: const Icon(Icons.search, color: Colors.grey),
+          suffixIcon: _controller.text.isNotEmpty
+              ? IconButton(
+                  onPressed: _clearSearch,
+                  icon: const Icon(Icons.clear, color: Colors.grey),
+                )
+              : null,
+          border: InputBorder.none,
+          contentPadding: const EdgeInsets.symmetric(
+            horizontal: 16,
+            vertical: 12,
+          ),
+        ),
+      ),
+    );
+  }
+}

unionflow-mobile-apps/lib/features/members/data/repositories/membre_repository_impl.dart

@@ -65,6 +65,15 @@ class MembreRepositoryImpl implements MembreRepository {
     }
   }
 
+  @override
+  Future<List<MembreModel>> advancedSearchMembres(Map<String, dynamic> filters) async {
+    try {
+      return await _apiService.advancedSearchMembres(filters);
+    } catch (e) {
+      throw ServerFailure(message: e.toString());
+    }
+  }
+
   @override
   Future<Map<String, dynamic>> getMembresStats() async {
     try {

unionflow-mobile-apps/lib/features/members/domain/repositories/membre_repository.dart

@@ -21,6 +21,9 @@ abstract class MembreRepository {
   /// Recherche des membres par nom ou prénom
   Future<List<MembreModel>> searchMembres(String query);
 
+  /// Recherche avancée des membres avec filtres multiples
+  Future<List<MembreModel>> advancedSearchMembres(Map<String, dynamic> filters);
+
   /// Récupère les statistiques des membres
   Future<Map<String, dynamic>> getMembresStats();
 }

unionflow-mobile-apps/lib/features/members/presentation/bloc/membres_bloc.dart

@@ -16,6 +16,7 @@ class MembresBloc extends Bloc<MembresEvent, MembresState> {
     on<LoadMembres>(_onLoadMembres);
     on<RefreshMembres>(_onRefreshMembres);
     on<SearchMembres>(_onSearchMembres);
+    on<AdvancedSearchMembres>(_onAdvancedSearchMembres);
     on<LoadMembreById>(_onLoadMembreById);
     on<CreateMembre>(_onCreateMembre);
     on<UpdateMembre>(_onUpdateMembre);
@@ -101,6 +102,83 @@ class MembresBloc extends Bloc<MembresEvent, MembresState> {
     }
   }
 
+  /// Handler pour recherche avancée des membres avec filtres multiples
+  Future<void> _onAdvancedSearchMembres(
+    AdvancedSearchMembres event,
+    Emitter<MembresState> emit,
+  ) async {
+    // Si aucun filtre n'est appliqué, recharger tous les membres
+    if (event.filters.isEmpty || _areFiltersEmpty(event.filters)) {
+      add(const LoadMembres());
+      return;
+    }
+
+    emit(const MembresLoading());
+
+    try {
+      final membres = await _membreRepository.advancedSearchMembres(event.filters);
+      emit(MembresLoaded(
+        membres: membres,
+        isSearchResult: true,
+        searchQuery: _buildSearchQueryFromFilters(event.filters),
+      ));
+    } catch (e) {
+      final failure = _mapExceptionToFailure(e);
+      emit(MembresError(failure: failure));
+    }
+  }
+
+  /// Vérifie si tous les filtres sont vides
+  bool _areFiltersEmpty(Map<String, dynamic> filters) {
+    return filters.values.every((value) {
+      if (value == null) return true;
+      if (value is String) return value.trim().isEmpty;
+      if (value is List) return value.isEmpty;
+      return false;
+    });
+  }
+
+  /// Construit une chaîne de recherche à partir des filtres pour l'affichage
+  String _buildSearchQueryFromFilters(Map<String, dynamic> filters) {
+    final activeFilters = <String>[];
+
+    filters.forEach((key, value) {
+      if (value != null && value.toString().isNotEmpty) {
+        switch (key) {
+          case 'nom':
+            activeFilters.add('Nom: $value');
+            break;
+          case 'prenom':
+            activeFilters.add('Prénom: $value');
+            break;
+          case 'email':
+            activeFilters.add('Email: $value');
+            break;
+          case 'telephone':
+            activeFilters.add('Téléphone: $value');
+            break;
+          case 'actif':
+            activeFilters.add('Statut: ${value == true ? "Actif" : "Inactif"}');
+            break;
+          case 'profession':
+            activeFilters.add('Profession: $value');
+            break;
+          case 'ville':
+            activeFilters.add('Ville: $value');
+            break;
+          case 'ageMin':
+            activeFilters.add('Âge min: $value');
+            break;
+          case 'ageMax':
+            activeFilters.add('Âge max: $value');
+            break;
+        }
+      }
+    });
+
+    return activeFilters.join(', ');
+  }
+
   /// Handler pour charger un membre par ID
   Future<void> _onLoadMembreById(
     LoadMembreById event,

unionflow-mobile-apps/lib/features/members/presentation/bloc/membres_event.dart

@@ -29,6 +29,16 @@ class SearchMembres extends MembresEvent {
   List<Object?> get props => [query];
 }
 
+/// Événement pour recherche avancée des membres avec filtres multiples
+class AdvancedSearchMembres extends MembresEvent {
+  const AdvancedSearchMembres(this.filters);
+
+  final Map<String, dynamic> filters;
+
+  @override
+  List<Object?> get props => [filters];
+}
+
 /// Événement pour charger un membre spécifique
 class LoadMembreById extends MembresEvent {
   const LoadMembreById(this.id);

unionflow-mobile-apps/lib/features/members/presentation/pages/membre_create_page.dart

@@ -4,6 +4,11 @@ import 'package:flutter_bloc/flutter_bloc.dart';
 import 'package:intl/intl.dart';
 import '../../../../core/di/injection.dart';
 import '../../../../core/models/membre_model.dart';
+import '../../../../core/error/error_handler.dart';
+import '../../../../core/validation/form_validator.dart';
+import '../../../../core/feedback/user_feedback.dart';
+import '../../../../core/animations/loading_animations.dart';
+import '../../../../core/animations/page_transitions.dart';
 import '../../../../shared/theme/app_theme.dart';
 import '../../../../shared/widgets/custom_text_field.dart';
 import '../../../../shared/widgets/buttons/buttons.dart';
@@ -92,28 +97,41 @@ class _MembreCreatePageState extends State<MembreCreatePage>
         body: BlocConsumer<MembresBloc, MembresState>(
           listener: (context, state) {
             if (state is MembreCreated) {
+              // Fermer l'indicateur de chargement
+              UserFeedback.hideLoading(context);
+
               setState(() {
                 _isLoading = false;
               });
-              
-              ScaffoldMessenger.of(context).showSnackBar(
-                const SnackBar(
-                  content: Text('Membre créé avec succès !'),
-                  backgroundColor: AppTheme.successColor,
-                ),
+
+              // Afficher le message de succès avec feedback haptique
+              UserFeedback.showSuccess(
+                context,
+                'Membre créé avec succès !',
+                onAction: () => Navigator.of(context).pop(true),
+                actionLabel: 'Voir la liste',
               );
-              
-              Navigator.of(context).pop(true); // Retourner true pour indiquer le succès
+
+              // Retourner à la liste après un délai
+              Future.delayed(const Duration(seconds: 2), () {
+                if (mounted) {
+                  Navigator.of(context).pop(true);
+                }
+              });
+
             } else if (state is MembresError) {
+              // Fermer l'indicateur de chargement
+              UserFeedback.hideLoading(context);
+
               setState(() {
                 _isLoading = false;
               });
-              
-              ScaffoldMessenger.of(context).showSnackBar(
-                SnackBar(
-                  content: Text(state.message),
-                  backgroundColor: AppTheme.errorColor,
-                ),
+
+              // Gérer l'erreur avec le nouveau système
+              ErrorHandler.handleError(
+                context,
+                state.failure,
+                onRetry: () => _submitForm(),
               );
             }
           },
@@ -780,82 +798,122 @@ class _MembreCreatePageState extends State<MembreCreatePage>
   }
 
   bool _validatePersonalInfo() {
-    bool isValid = true;
+    final errors = <String>[];
 
-    if (_prenomController.text.trim().isEmpty) {
-      _showFieldError('Le prénom est requis');
-      isValid = false;
+    // Validation du prénom
+    final prenomError = FormValidator.name(_prenomController.text, fieldName: 'Le prénom');
+    if (prenomError != null) errors.add(prenomError);
+
+    // Validation du nom
+    final nomError = FormValidator.name(_nomController.text, fieldName: 'Le nom');
+    if (nomError != null) errors.add(nomError);
+
+    // Validation de la date de naissance
+    if (_dateNaissance != null) {
+      final dateError = FormValidator.birthDate(_dateNaissance!, minAge: 16);
+      if (dateError != null) errors.add(dateError);
     }
 
-    if (_nomController.text.trim().isEmpty) {
-      _showFieldError('Le nom est requis');
-      isValid = false;
+    if (errors.isNotEmpty) {
+      UserFeedback.showWarning(context, errors.first);
+      return false;
     }
 
-    return isValid;
+    return true;
   }
 
   bool _validateContactInfo() {
-    bool isValid = true;
+    final errors = <String>[];
 
-    if (_emailController.text.trim().isEmpty) {
-      _showFieldError('L\'email est requis');
-      isValid = false;
-    } else if (!RegExp(r'^[\w-\.]+@([\w-]+\.)+[\w-]{2,4}$').hasMatch(_emailController.text)) {
-      _showFieldError('Format d\'email invalide');
-      isValid = false;
+    // Validation de l'email
+    final emailError = FormValidator.email(_emailController.text);
+    if (emailError != null) errors.add(emailError);
+
+    // Validation du téléphone
+    final phoneError = FormValidator.phone(_telephoneController.text);
+    if (phoneError != null) errors.add(phoneError);
+
+    // Validation de l'adresse (optionnelle)
+    final addressError = FormValidator.address(_adresseController.text);
+    if (addressError != null) errors.add(addressError);
+
+    // Validation de la profession (optionnelle)
+    final professionError = FormValidator.profession(_professionController.text);
+    if (professionError != null) errors.add(professionError);
+
+    if (errors.isNotEmpty) {
+      UserFeedback.showWarning(context, errors.first);
+      return false;
     }
 
-    if (_telephoneController.text.trim().isEmpty) {
-      _showFieldError('Le téléphone est requis');
-      isValid = false;
-    }
-
-    return isValid;
+    return true;
   }
 
-  void _showFieldError(String message) {
-    ScaffoldMessenger.of(context).showSnackBar(
-      SnackBar(
-        content: Text(message),
-        backgroundColor: AppTheme.errorColor,
-        duration: const Duration(seconds: 2),
-      ),
-    );
-  }
+
 
   void _submitForm() {
-    if (!_formKey.currentState!.validate()) {
+    // Validation finale complète
+    if (!_validateAllSteps()) {
       return;
     }
 
+    if (!_formKey.currentState!.validate()) {
+      UserFeedback.showWarning(context, 'Veuillez corriger les erreurs dans le formulaire');
+      return;
+    }
+
+    // Afficher l'indicateur de chargement
+    UserFeedback.showLoading(context, message: 'Création du membre en cours...');
+
     setState(() {
       _isLoading = true;
     });
 
-    // Créer le modèle membre
-    final membre = MembreModel(
-      id: '', // Sera généré par le backend
-      numeroMembre: _numeroMembreController.text.trim(),
-      nom: _nomController.text.trim(),
-      prenom: _prenomController.text.trim(),
-      email: _emailController.text.trim(),
-      telephone: _telephoneController.text.trim(),
-      dateNaissance: _dateNaissance,
-      adresse: _adresseController.text.trim().isNotEmpty ? _adresseController.text.trim() : null,
-      ville: _villeController.text.trim().isNotEmpty ? _villeController.text.trim() : null,
-      codePostal: _codePostalController.text.trim().isNotEmpty ? _codePostalController.text.trim() : null,
-      pays: _paysController.text.trim().isNotEmpty ? _paysController.text.trim() : null,
-      profession: _professionController.text.trim().isNotEmpty ? _professionController.text.trim() : null,
-      dateAdhesion: _dateAdhesion,
-      actif: _actif,
-      statut: 'ACTIF',
-      version: 1,
-      dateCreation: DateTime.now(),
-    );
+    try {
+      // Créer le modèle membre avec validation des données
+      final membre = MembreModel(
+        id: '', // Sera généré par le backend
+        numeroMembre: _numeroMembreController.text.trim(),
+        nom: _nomController.text.trim(),
+        prenom: _prenomController.text.trim(),
+        email: _emailController.text.trim(),
+        telephone: _telephoneController.text.trim(),
+        dateNaissance: _dateNaissance,
+        adresse: _adresseController.text.trim().isNotEmpty ? _adresseController.text.trim() : null,
+        ville: _villeController.text.trim().isNotEmpty ? _villeController.text.trim() : null,
+        codePostal: _codePostalController.text.trim().isNotEmpty ? _codePostalController.text.trim() : null,
+        pays: _paysController.text.trim().isNotEmpty ? _paysController.text.trim() : null,
+        profession: _professionController.text.trim().isNotEmpty ? _professionController.text.trim() : null,
+        dateAdhesion: _dateAdhesion,
+        actif: _actif,
+        statut: 'ACTIF',
+        version: 1,
+        dateCreation: DateTime.now(),
+      );
 
-    // Envoyer l'événement de création
-    _membresBloc.add(CreateMembre(membre));
+      // Envoyer l'événement de création
+      _membresBloc.add(CreateMembre(membre));
+    } catch (e) {
+      UserFeedback.hideLoading(context);
+      ErrorHandler.handleError(context, e, customMessage: 'Erreur lors de la préparation des données');
+      setState(() {
+        _isLoading = false;
+      });
+    }
+  }
+
+  bool _validateAllSteps() {
+    // Valider toutes les étapes
+    if (!_validatePersonalInfo()) return false;
+    if (!_validateContactInfo()) return false;
+
+    // Validation supplémentaire pour les champs obligatoires
+    if (_dateNaissance == null) {
+      UserFeedback.showWarning(context, 'La date de naissance est requise');
+      return false;
+    }
+
+    return true;
   }
 
   Future<void> _selectDateNaissance() async {

unionflow-mobile-apps/lib/features/members/presentation/pages/membre_edit_page.dart

@@ -7,6 +7,8 @@ import '../../../../core/models/membre_model.dart';
 import '../../../../shared/theme/app_theme.dart';
 import '../../../../shared/widgets/custom_text_field.dart';
 import '../../../../shared/widgets/buttons/buttons.dart';
+import '../../../../core/auth/services/permission_service.dart';
+import '../../../../shared/widgets/permission_widget.dart';
 import '../bloc/membres_bloc.dart';
 import '../bloc/membres_event.dart';
 import '../bloc/membres_state.dart';
@@ -25,7 +27,7 @@ class MembreEditPage extends StatefulWidget {
 }
 
 class _MembreEditPageState extends State<MembreEditPage>
-    with SingleTickerProviderStateMixin {
+    with SingleTickerProviderStateMixin, PermissionMixin {
   late MembresBloc _membresBloc;
   late TabController _tabController;
   final _formKey = GlobalKey<FormState>();
@@ -53,12 +55,22 @@ class _MembreEditPageState extends State<MembreEditPage>
   @override
   void initState() {
     super.initState();
+
+    // Vérification des permissions d'accès
+    WidgetsBinding.instance.addPostFrameCallback((_) {
+      if (!permissionService.canEditMembers) {
+        showPermissionError(context, 'Vous n\'avez pas les permissions pour modifier les membres');
+        Navigator.of(context).pop();
+        return;
+      }
+    });
+
     _membresBloc = getIt<MembresBloc>();
     _tabController = TabController(length: 3, vsync: this);
-    
+
     // Pré-remplir les champs avec les données existantes
     _populateFields();
-    
+
     // Écouter les changements pour détecter les modifications
     _setupChangeListeners();
   }
@@ -184,10 +196,12 @@ class _MembreEditPageState extends State<MembreEditPage>
       ),
       actions: [
         if (_hasChanges)
-          IconButton(
+          PermissionIconButton(
+            permission: () => permissionService.canEditMembers,
             icon: const Icon(Icons.save),
             onPressed: _submitForm,
             tooltip: 'Sauvegarder',
+            disabledMessage: 'Vous n\'avez pas les permissions pour modifier ce membre',
           ),
         IconButton(
           icon: const Icon(Icons.help_outline),
@@ -939,6 +953,12 @@ class _MembreEditPageState extends State<MembreEditPage>
   }
 
   void _submitForm() {
+    // Vérification des permissions
+    if (!permissionService.canEditMembers) {
+      showPermissionError(context, 'Vous n\'avez pas les permissions pour modifier ce membre');
+      return;
+    }
+
     if (!_formKey.currentState!.validate()) {
       return;
     }
@@ -948,6 +968,12 @@ class _MembreEditPageState extends State<MembreEditPage>
       return;
     }
 
+    // Log de l'action pour audit
+    permissionService.logAction('Modification membre', details: {
+      'membreId': widget.membre.id,
+      'nom': '${widget.membre.prenom} ${widget.membre.nom}',
+    });
+
     setState(() {
       _isLoading = true;
     });

unionflow-mobile-apps/lib/features/members/presentation/pages/membres_dashboard_page.dart

@@ -5,6 +5,15 @@ import '../../../../shared/theme/app_theme.dart';
 import '../bloc/membres_bloc.dart';
 import '../bloc/membres_event.dart';
 import '../bloc/membres_state.dart';
+import '../widgets/dashboard/welcome_section_widget.dart';
+import '../widgets/dashboard/members_kpi_section_widget.dart';
+import '../widgets/dashboard/members_quick_actions_widget.dart';
+import '../widgets/dashboard/members_analytics_widget.dart';
+import '../widgets/dashboard/members_enhanced_list_widget.dart';
+import '../widgets/dashboard/members_recent_activities_widget.dart';
+import '../widgets/dashboard/members_advanced_filters_widget.dart';
+import '../widgets/dashboard/members_smart_search_widget.dart';
+import '../widgets/dashboard/members_notifications_widget.dart';
 
 class MembresDashboardPage extends StatefulWidget {
   const MembresDashboardPage({super.key});
@@ -15,6 +24,8 @@ class MembresDashboardPage extends StatefulWidget {
 
 class _MembresDashboardPageState extends State<MembresDashboardPage> {
   late MembresBloc _membresBloc;
+  Map<String, dynamic> _currentFilters = {};
+  String _currentSearchQuery = '';
 
   @override
   void initState() {
@@ -27,6 +38,37 @@ class _MembresDashboardPageState extends State<MembresDashboardPage> {
     _membresBloc.add(const LoadMembres());
   }
 
+  void _onFiltersChanged(Map<String, dynamic> filters) {
+    setState(() {
+      _currentFilters = filters;
+    });
+    // TODO: Appliquer les filtres aux données
+    _loadData();
+  }
+
+  void _onSearchChanged(String query) {
+    setState(() {
+      _currentSearchQuery = query;
+    });
+    // TODO: Appliquer la recherche
+    if (query.isNotEmpty) {
+      _membresBloc.add(SearchMembres(query));
+    } else {
+      _loadData();
+    }
+  }
+
+  void _onSuggestionSelected(Map<String, dynamic> suggestion) {
+    switch (suggestion['type']) {
+      case 'quick_filter':
+        _onFiltersChanged(suggestion['filter']);
+        break;
+      case 'member':
+        // TODO: Naviguer vers les détails du membre
+        break;
+    }
+  }
+
   @override
   Widget build(BuildContext context) {
     return BlocProvider.value(
@@ -117,37 +159,109 @@ class _MembresDashboardPageState extends State<MembresDashboardPage> {
   }
 
   Widget _buildDashboard() {
-    return Container(
+    return SingleChildScrollView(
       padding: const EdgeInsets.all(16),
-      child: const Center(
-        child: Column(
-          mainAxisAlignment: MainAxisAlignment.center,
-          children: [
-            Icon(
-              Icons.dashboard,
-              size: 64,
-              color: Colors.grey,
-            ),
-            SizedBox(height: 16),
-            Text(
-              'Dashboard Vide',
-              style: TextStyle(
-                fontSize: 24,
-                fontWeight: FontWeight.w600,
-                color: Colors.grey,
-              ),
-            ),
-            SizedBox(height: 8),
-            Text(
-              'Prêt à être reconstruit pièce par pièce',
-              style: TextStyle(
-                fontSize: 16,
-                color: Colors.grey,
-              ),
-              textAlign: TextAlign.center,
-            ),
-          ],
-        ),
+      child: Column(
+        crossAxisAlignment: CrossAxisAlignment.start,
+        children: [
+          // Section d'accueil
+          const MembersWelcomeSectionWidget(),
+          const SizedBox(height: 24),
+
+          // Notifications en temps réel
+          const MembersNotificationsWidget(),
+
+          // Recherche intelligente
+          MembersSmartSearchWidget(
+            onSearch: _onSearchChanged,
+            onSuggestionSelected: _onSuggestionSelected,
+            recentSearches: const [], // TODO: Implémenter l'historique
+          ),
+          const SizedBox(height: 16),
+
+          // Filtres avancés
+          MembersAdvancedFiltersWidget(
+            onFiltersChanged: _onFiltersChanged,
+            initialFilters: _currentFilters,
+          ),
+
+          // KPI Cards
+          const MembersKPISectionWidget(),
+          const SizedBox(height: 24),
+
+          // Actions rapides
+          const MembersQuickActionsWidget(),
+          const SizedBox(height: 24),
+
+          // Graphiques et analyses
+          const MembersAnalyticsWidget(),
+          const SizedBox(height: 24),
+
+          // Activités récentes
+          const MembersRecentActivitiesWidget(),
+          const SizedBox(height: 24),
+
+          // Liste des membres améliorée
+          BlocBuilder<MembresBloc, MembresState>(
+            builder: (context, state) {
+              if (state is MembresLoaded) {
+                return MembersEnhancedListWidget(
+                  members: state.membres,
+                  onMemberTap: (member) {
+                    // TODO: Naviguer vers les détails du membre
+                    ScaffoldMessenger.of(context).showSnackBar(
+                      SnackBar(
+                        content: Text('Détails de ${member.nomComplet}'),
+                        backgroundColor: AppTheme.primaryColor,
+                      ),
+                    );
+                  },
+                  onMemberCall: (member) {
+                    // TODO: Appeler le membre
+                    ScaffoldMessenger.of(context).showSnackBar(
+                      SnackBar(
+                        content: Text('Appel de ${member.nomComplet}'),
+                        backgroundColor: AppTheme.successColor,
+                      ),
+                    );
+                  },
+                  onMemberMessage: (member) {
+                    // TODO: Envoyer un message
+                    ScaffoldMessenger.of(context).showSnackBar(
+                      SnackBar(
+                        content: Text('Message à ${member.nomComplet}'),
+                        backgroundColor: AppTheme.infoColor,
+                      ),
+                    );
+                  },
+                  onMemberEdit: (member) {
+                    // TODO: Modifier le membre
+                    ScaffoldMessenger.of(context).showSnackBar(
+                      SnackBar(
+                        content: Text('Modification de ${member.nomComplet}'),
+                        backgroundColor: AppTheme.warningColor,
+                      ),
+                    );
+                  },
+                  searchQuery: _currentSearchQuery,
+                  filters: _currentFilters,
+                );
+              } else if (state is MembresLoading) {
+                return MembersEnhancedListWidget(
+                  members: const [],
+                  onMemberTap: (member) {},
+                  isLoading: true,
+                  searchQuery: '',
+                  filters: const {},
+                );
+              } else {
+                return const Center(
+                  child: Text('Erreur lors du chargement des membres'),
+                );
+              }
+            },
+          ),
+        ],
       ),
     );
   }

unionflow-mobile-apps/lib/features/members/presentation/pages/membres_list_page.dart

@@ -3,8 +3,12 @@ import 'package:flutter_bloc/flutter_bloc.dart';
 import 'package:pull_to_refresh/pull_to_refresh.dart';
 import '../../../../core/di/injection.dart';
 import '../../../../core/models/membre_model.dart';
+import '../../../../core/auth/services/permission_service.dart';
+import '../../../../core/services/communication_service.dart';
+import '../../../../core/services/export_import_service.dart';
 import '../../../../shared/theme/app_theme.dart';
 import '../../../../shared/widgets/coming_soon_page.dart';
+import '../../../../shared/widgets/permission_widget.dart';
 import '../bloc/membres_bloc.dart';
 import '../bloc/membres_event.dart';
 import '../bloc/membres_state.dart';
@@ -13,9 +17,12 @@ import '../widgets/membres_search_bar.dart';
 import '../widgets/membre_delete_dialog.dart';
 import '../widgets/membres_advanced_search.dart';
 import '../widgets/membres_export_dialog.dart';
+import '../widgets/membres_stats_overview.dart';
+import '../widgets/membres_view_controls.dart';
+import '../widgets/membre_enhanced_card.dart';
 import 'membre_details_page.dart';
 import 'membre_create_page.dart';
-import 'membres_dashboard_page.dart';
+import '../widgets/error_demo_widget.dart';
 
 
 /// Page de liste des membres avec fonctionnalités avancées
@@ -26,12 +33,17 @@ class MembresListPage extends StatefulWidget {
   State<MembresListPage> createState() => _MembresListPageState();
 }
 
-class _MembresListPageState extends State<MembresListPage> {
+class _MembresListPageState extends State<MembresListPage> with PermissionMixin {
   final RefreshController _refreshController = RefreshController();
   final TextEditingController _searchController = TextEditingController();
   late MembresBloc _membresBloc;
   List<MembreModel> _membres = [];
 
+  // Nouvelles variables pour les améliorations
+  String _viewMode = 'card'; // 'card', 'list', 'grid'
+  String _sortBy = 'name'; // 'name', 'date', 'age', 'status'
+  bool _sortAscending = true;
+
   @override
   void initState() {
     super.initState();
@@ -64,25 +76,46 @@ class _MembresListPageState extends State<MembresListPage> {
           foregroundColor: Colors.white,
           elevation: 0,
           actions: [
-            IconButton(
+            // Recherche avancée - Accessible à tous les utilisateurs connectés
+            PermissionIconButton(
+              permission: () => permissionService.isAuthenticated,
               icon: const Icon(Icons.search),
               onPressed: () => _showAdvancedSearch(),
               tooltip: 'Recherche avancée',
             ),
-            IconButton(
+
+            // Export - Réservé aux gestionnaires et admins
+            PermissionIconButton(
+              permission: () => permissionService.canExportMembers,
               icon: const Icon(Icons.file_download),
               onPressed: () => _showExportDialog(),
               tooltip: 'Exporter',
+              disabledMessage: 'Seuls les gestionnaires peuvent exporter les données',
             ),
-            IconButton(
-              icon: const Icon(Icons.add_circle_outline),
-              onPressed: () => _showAddMemberDialog(),
-              tooltip: 'Ajouter un membre',
+
+            // Import - Réservé aux gestionnaires et admins
+            PermissionIconButton(
+              permission: () => permissionService.canCreateMembers,
+              icon: const Icon(Icons.file_upload),
+              onPressed: () => _showImportDialog(),
+              tooltip: 'Importer',
+              disabledMessage: 'Seuls les gestionnaires peuvent importer des données',
             ),
-            IconButton(
+
+            // Statistiques - Réservé aux gestionnaires et admins
+            PermissionIconButton(
+              permission: () => permissionService.canViewMemberStats,
               icon: const Icon(Icons.analytics_outlined),
               onPressed: () => _showStatsDialog(),
               tooltip: 'Statistiques',
+              disabledMessage: 'Seuls les gestionnaires peuvent voir les statistiques',
+            ),
+
+            // Démonstration des nouvelles fonctionnalités (développement uniquement)
+            IconButton(
+              icon: const Icon(Icons.bug_report),
+              onPressed: () => _showErrorDemo(),
+              tooltip: 'Démo Gestion d\'Erreurs',
             ),
           ],
         ),
@@ -158,21 +191,7 @@ class _MembresListPageState extends State<MembresListPage> {
                       ),
                       child: membres.isEmpty
                           ? _buildEmptyWidget(isSearchResult)
-                          : ListView.builder(
-                              padding: const EdgeInsets.all(16),
-                              itemCount: membres.length,
-                              itemBuilder: (context, index) {
-                                return Padding(
-                                  padding: const EdgeInsets.only(bottom: 12),
-                                  child: MembreCard(
-                                    membre: membres[index],
-                                    onTap: () => _showMemberDetails(membres[index]),
-                                    onEdit: () => _showEditMemberDialog(membres[index]),
-                                    onDelete: () => _showDeleteConfirmation(membres[index]),
-                                  ),
-                                );
-                              },
-                            ),
+                          : _buildScrollableContent(membres),
                     );
                   }
                   
@@ -190,6 +209,12 @@ class _MembresListPageState extends State<MembresListPage> {
             ),
           ],
         ),
+        floatingActionButton: PermissionFAB(
+          permission: () => permissionService.canCreateMembers,
+          onPressed: () => _showAddMemberDialog(),
+          tooltip: 'Ajouter un membre',
+          child: const Icon(Icons.add),
+        ),
       ),
     );
   }
@@ -271,25 +296,13 @@ class _MembresListPageState extends State<MembresListPage> {
             Text(
               isSearchResult
                   ? 'Essayez avec d\'autres termes de recherche'
-                  : 'Commencez par ajouter votre premier membre',
+                  : 'Utilisez le bouton + en bas pour ajouter votre premier membre',
               textAlign: TextAlign.center,
               style: const TextStyle(
                 fontSize: 14,
                 color: AppTheme.textSecondary,
               ),
             ),
-            if (!isSearchResult) ...[
-              const SizedBox(height: 24),
-              ElevatedButton.icon(
-                onPressed: _showAddMemberDialog,
-                icon: const Icon(Icons.add),
-                label: const Text('Ajouter un membre'),
-                style: ElevatedButton.styleFrom(
-                  backgroundColor: AppTheme.primaryColor,
-                  foregroundColor: Colors.white,
-                ),
-              ),
-            ],
           ],
         ),
       ),
@@ -323,8 +336,197 @@ class _MembresListPageState extends State<MembresListPage> {
     );
   }
 
+  /// Construit le contenu scrollable avec statistiques, contrôles et liste
+  Widget _buildScrollableContent(List<MembreModel> membres) {
+    final sortedMembers = _getSortedMembers(membres);
+
+    return CustomScrollView(
+      slivers: [
+        // Widget de statistiques
+        SliverToBoxAdapter(
+          child: MembresStatsOverview(
+            membres: membres,
+            searchQuery: _searchController.text,
+          ),
+        ),
+
+        // Contrôles d'affichage
+        SliverToBoxAdapter(
+          child: MembresViewControls(
+            viewMode: _viewMode,
+            sortBy: _sortBy,
+            sortAscending: _sortAscending,
+            totalCount: membres.length,
+            onViewModeChanged: (mode) {
+              setState(() {
+                _viewMode = mode;
+              });
+            },
+            onSortChanged: (sortBy) {
+              setState(() {
+                _sortBy = sortBy;
+              });
+            },
+            onSortDirectionChanged: () {
+              setState(() {
+                _sortAscending = !_sortAscending;
+              });
+            },
+          ),
+        ),
+
+        // Liste des membres en mode sliver
+        _buildSliverMembersList(sortedMembers),
+      ],
+    );
+  }
+
+  /// Construit la liste des membres en mode sliver pour le scroll
+  Widget _buildSliverMembersList(List<MembreModel> membres) {
+    if (_viewMode == 'grid') {
+      return SliverGrid(
+        gridDelegate: const SliverGridDelegateWithFixedCrossAxisCount(
+          crossAxisCount: 2,
+          childAspectRatio: 0.8,
+          crossAxisSpacing: 12,
+          mainAxisSpacing: 12,
+        ),
+        delegate: SliverChildBuilderDelegate(
+          (context, index) {
+            return Padding(
+              padding: const EdgeInsets.symmetric(horizontal: 16),
+              child: MembreEnhancedCard(
+                membre: membres[index],
+                viewMode: _viewMode,
+                onTap: () => _showMemberDetails(membres[index]),
+                onEdit: permissionService.canEditMembers
+                    ? () => _showEditMemberDialog(membres[index])
+                    : null,
+                onDelete: permissionService.canDeleteMembers
+                    ? () => _showDeleteConfirmation(membres[index])
+                    : null,
+                onCall: permissionService.canCallMembers
+                    ? () => _callMember(membres[index])
+                    : null,
+                onMessage: permissionService.canMessageMembers
+                    ? () => _messageMember(membres[index])
+                    : null,
+              ),
+            );
+          },
+          childCount: membres.length,
+        ),
+      );
+    } else {
+      return SliverList(
+        delegate: SliverChildBuilderDelegate(
+          (context, index) {
+            return Padding(
+              padding: const EdgeInsets.fromLTRB(16, 0, 16, 8),
+              child: MembreEnhancedCard(
+                membre: membres[index],
+                viewMode: _viewMode,
+                onTap: () => _showMemberDetails(membres[index]),
+                onEdit: permissionService.canEditMembers
+                    ? () => _showEditMemberDialog(membres[index])
+                    : null,
+                onDelete: permissionService.canDeleteMembers
+                    ? () => _showDeleteConfirmation(membres[index])
+                    : null,
+                onCall: permissionService.canCallMembers
+                    ? () => _callMember(membres[index])
+                    : null,
+                onMessage: permissionService.canMessageMembers
+                    ? () => _messageMember(membres[index])
+                    : null,
+              ),
+            );
+          },
+          childCount: membres.length,
+        ),
+      );
+    }
+  }
+
+  /// Trie les membres selon les critères sélectionnés
+  List<MembreModel> _getSortedMembers(List<MembreModel> membres) {
+    final sortedMembers = List<MembreModel>.from(membres);
+
+    sortedMembers.sort((a, b) {
+      int comparison = 0;
+
+      switch (_sortBy) {
+        case 'name':
+          comparison = a.nomComplet.compareTo(b.nomComplet);
+          break;
+        case 'date':
+          comparison = a.dateAdhesion.compareTo(b.dateAdhesion);
+          break;
+        case 'age':
+          comparison = a.age.compareTo(b.age);
+          break;
+        case 'status':
+          comparison = a.statut.compareTo(b.statut);
+          break;
+      }
+
+      return _sortAscending ? comparison : -comparison;
+    });
+
+    return sortedMembers;
+  }
+
+
+
+  /// Actions sur les membres
+  Future<void> _callMember(MembreModel membre) async {
+    // Vérifier les permissions
+    if (!permissionService.canCallMembers) {
+      showPermissionError(context, 'Vous n\'avez pas les permissions pour appeler les membres');
+      return;
+    }
+
+    // Log de l'action pour audit
+    permissionService.logAction('Tentative d\'appel membre', details: {
+      'membreId': membre.id,
+      'membreNom': membre.nomComplet,
+      'telephone': membre.telephone,
+    });
+
+    // Utiliser le service de communication pour effectuer l'appel
+    final communicationService = CommunicationService();
+    await communicationService.callMember(context, membre);
+  }
+
+  Future<void> _messageMember(MembreModel membre) async {
+    // Vérifier les permissions
+    if (!permissionService.canMessageMembers) {
+      showPermissionError(context, 'Vous n\'avez pas les permissions pour envoyer des messages aux membres');
+      return;
+    }
+
+    // Log de l'action pour audit
+    permissionService.logAction('Tentative d\'envoi SMS membre', details: {
+      'membreId': membre.id,
+      'membreNom': membre.nomComplet,
+      'telephone': membre.telephone,
+    });
+
+    // Utiliser le service de communication pour envoyer un SMS
+    final communicationService = CommunicationService();
+    await communicationService.sendSMS(context, membre);
+  }
+
   /// Affiche le formulaire d'ajout de membre
   void _showAddMemberDialog() async {
+    // Vérifier les permissions avant d'ouvrir le formulaire
+    if (!permissionService.canCreateMembers) {
+      showPermissionError(context, 'Vous n\'avez pas les permissions pour créer de nouveaux membres');
+      return;
+    }
+
+    permissionService.logAction('Ouverture formulaire création membre');
+
     final result = await Navigator.of(context).push(
       MaterialPageRoute(
         builder: (context) => const MembreCreatePage(),
@@ -339,6 +541,14 @@ class _MembresListPageState extends State<MembresListPage> {
 
   /// Affiche le dialog d'édition de membre
   void _showEditMemberDialog(membre) {
+    // Vérifier les permissions avant d'ouvrir le formulaire
+    if (!permissionService.canEditMembers) {
+      showPermissionError(context, 'Vous n\'avez pas les permissions pour modifier les membres');
+      return;
+    }
+
+    permissionService.logAction('Ouverture formulaire édition membre', details: {'membreId': membre.id});
+
     // TODO: Implémenter le formulaire d'édition
     showDialog(
       context: context,
@@ -353,6 +563,14 @@ class _MembresListPageState extends State<MembresListPage> {
 
   /// Affiche la confirmation de suppression
   void _showDeleteConfirmation(membre) async {
+    // Vérifier les permissions avant d'ouvrir le dialog
+    if (!permissionService.canDeleteMembers) {
+      showPermissionError(context, 'Vous n\'avez pas les permissions pour supprimer des membres');
+      return;
+    }
+
+    permissionService.logAction('Ouverture dialog suppression membre', details: {'membreId': membre.id});
+
     final result = await showDialog<bool>(
       context: context,
       barrierDismissible: false,
@@ -367,9 +585,19 @@ class _MembresListPageState extends State<MembresListPage> {
 
   /// Affiche les statistiques
   void _showStatsDialog() {
-    Navigator.of(context).push(
-      MaterialPageRoute(
-        builder: (context) => const MembresDashboardPage(),
+    // Vérifier les permissions avant d'afficher les statistiques
+    if (!permissionService.canViewMemberStats) {
+      showPermissionError(context, 'Vous n\'avez pas les permissions pour voir les statistiques');
+      return;
+    }
+
+    permissionService.logAction('Consultation statistiques membres');
+
+    // TODO: Créer une page de statistiques détaillées
+    ScaffoldMessenger.of(context).showSnackBar(
+      const SnackBar(
+        content: Text('Statistiques détaillées - En développement'),
+        backgroundColor: AppTheme.infoColor,
       ),
     );
   }
@@ -386,11 +614,24 @@ class _MembresListPageState extends State<MembresListPage> {
         maxChildSize: 0.95,
         builder: (context, scrollController) => MembresAdvancedSearch(
           onSearch: (filters) {
-            // TODO: Implémenter la recherche avec filtres
+            // Fermer le modal
+            Navigator.of(context).pop();
+
+            // Lancer la recherche avancée
+            context.read<MembresBloc>().add(AdvancedSearchMembres(filters));
+
+            // Log de l'action pour audit
+            permissionService.logAction('Recherche avancée membres', details: {
+              'filtres': filters.keys.where((key) => filters[key] != null && filters[key].toString().isNotEmpty).toList(),
+              'nombreFiltres': filters.values.where((value) => value != null && value.toString().isNotEmpty).length,
+            });
+
+            // Afficher un message de confirmation
             ScaffoldMessenger.of(context).showSnackBar(
               SnackBar(
-                content: Text('Recherche avec ${filters.length} filtres - À implémenter'),
-                backgroundColor: AppTheme.infoColor,
+                content: Text('Recherche lancée avec ${filters.values.where((value) => value != null && value.toString().isNotEmpty).length} filtres'),
+                backgroundColor: AppTheme.successColor,
+                duration: const Duration(seconds: 2),
               ),
             );
           },
@@ -401,6 +642,14 @@ class _MembresListPageState extends State<MembresListPage> {
 
   /// Affiche le dialog d'export
   void _showExportDialog() {
+    // Vérifier les permissions avant d'ouvrir le dialog d'export
+    if (!permissionService.canExportMembers) {
+      showPermissionError(context, 'Vous n\'avez pas les permissions pour exporter les données');
+      return;
+    }
+
+    permissionService.logAction('Ouverture dialog export membres', details: {'nombreMembres': _membres.length});
+
     showDialog(
       context: context,
       builder: (context) => MembresExportDialog(
@@ -408,4 +657,136 @@ class _MembresListPageState extends State<MembresListPage> {
       ),
     );
   }
+
+  /// Affiche le dialog d'import
+  Future<void> _showImportDialog() async {
+    // Vérifier les permissions avant d'ouvrir le dialog d'import
+    if (!permissionService.canCreateMembers) {
+      showPermissionError(context, 'Vous n\'avez pas les permissions pour importer des données');
+      return;
+    }
+
+    permissionService.logAction('Tentative import membres');
+
+    // Afficher un dialog de confirmation
+    final confirmed = await showDialog<bool>(
+      context: context,
+      builder: (context) => AlertDialog(
+        shape: RoundedRectangleBorder(
+          borderRadius: BorderRadius.circular(16),
+        ),
+        title: Row(
+          children: [
+            Container(
+              padding: const EdgeInsets.all(8),
+              decoration: BoxDecoration(
+                color: AppTheme.primaryColor.withOpacity(0.1),
+                borderRadius: BorderRadius.circular(8),
+              ),
+              child: const Icon(
+                Icons.file_upload,
+                color: AppTheme.primaryColor,
+                size: 24,
+              ),
+            ),
+            const SizedBox(width: 12),
+            const Expanded(
+              child: Text(
+                'Importer des membres',
+                style: TextStyle(
+                  fontSize: 18,
+                  fontWeight: FontWeight.w600,
+                ),
+              ),
+            ),
+          ],
+        ),
+        content: const Column(
+          mainAxisSize: MainAxisSize.min,
+          crossAxisAlignment: CrossAxisAlignment.start,
+          children: [
+            Text(
+              'Sélectionnez un fichier Excel (.xlsx), CSV (.csv) ou JSON (.json) contenant les données des membres à importer.',
+              style: TextStyle(fontSize: 14),
+            ),
+            SizedBox(height: 16),
+            Text(
+              'Formats supportés :',
+              style: TextStyle(fontWeight: FontWeight.w600),
+            ),
+            SizedBox(height: 8),
+            Text('• Excel (.xlsx)'),
+            Text('• CSV (.csv)'),
+            Text('• JSON (.json)'),
+            SizedBox(height: 16),
+            Text(
+              '⚠️ Les données existantes ne seront pas supprimées. Les nouveaux membres seront ajoutés.',
+              style: TextStyle(
+                fontSize: 12,
+                color: AppTheme.warningColor,
+                fontStyle: FontStyle.italic,
+              ),
+            ),
+          ],
+        ),
+        actions: [
+          TextButton(
+            onPressed: () => Navigator.of(context).pop(false),
+            child: const Text('Annuler'),
+          ),
+          ElevatedButton.icon(
+            onPressed: () => Navigator.of(context).pop(true),
+            icon: const Icon(Icons.file_upload),
+            label: const Text('Sélectionner fichier'),
+            style: ElevatedButton.styleFrom(
+              backgroundColor: AppTheme.primaryColor,
+              foregroundColor: Colors.white,
+            ),
+          ),
+        ],
+      ),
+    );
+
+    if (confirmed == true && mounted) {
+      // Effectuer l'import
+      final exportService = ExportImportService();
+      final importedMembers = await exportService.importMembers(context);
+
+      if (importedMembers != null && importedMembers.isNotEmpty && mounted) {
+        // Log de l'action réussie
+        permissionService.logAction('Import membres réussi', details: {
+          'nombreMembres': importedMembers.length,
+        });
+
+        // TODO: Intégrer les membres importés avec l'API
+        // Pour l'instant, on affiche juste un message de succès
+        ScaffoldMessenger.of(context).showSnackBar(
+          SnackBar(
+            content: Row(
+              children: [
+                const Icon(Icons.info, color: Colors.white, size: 20),
+                const SizedBox(width: 8),
+                Expanded(
+                  child: Text(
+                    '${importedMembers.length} membres importés avec succès. Intégration avec l\'API en cours de développement.',
+                  ),
+                ),
+              ],
+            ),
+            backgroundColor: AppTheme.infoColor,
+            duration: const Duration(seconds: 5),
+          ),
+        );
+      }
+    }
+  }
+
+  /// Affiche la page de démonstration des nouvelles fonctionnalités
+  void _showErrorDemo() {
+    Navigator.of(context).push(
+      MaterialPageRoute(
+        builder: (context) => const ErrorDemoWidget(),
+      ),
+    );
+  }
 }

unionflow-mobile-apps/lib/features/members/presentation/widgets/dashboard/members_action_card_widget.dart

@@ -0,0 +1,117 @@
+import 'package:flutter/material.dart';
+import '../../../../../shared/theme/app_theme.dart';
+
+/// Widget de carte d'action réutilisable pour les membres
+class MembersActionCardWidget extends StatelessWidget {
+  final String title;
+  final String subtitle;
+  final IconData icon;
+  final Color color;
+  final VoidCallback onTap;
+  final String? badge;
+
+  const MembersActionCardWidget({
+    super.key,
+    required this.title,
+    required this.subtitle,
+    required this.icon,
+    required this.color,
+    required this.onTap,
+    this.badge,
+  });
+
+  @override
+  Widget build(BuildContext context) {
+    return GestureDetector(
+      onTap: onTap,
+      child: Container(
+        padding: const EdgeInsets.all(12),
+        decoration: BoxDecoration(
+          color: Colors.white,
+          borderRadius: BorderRadius.circular(12),
+          boxShadow: [
+            BoxShadow(
+              color: Colors.black.withOpacity(0.05),
+              blurRadius: 8,
+              offset: const Offset(0, 2),
+            ),
+          ],
+        ),
+        child: Column(
+          mainAxisAlignment: MainAxisAlignment.center,
+          children: [
+            // Icône avec badge optionnel
+            Stack(
+              children: [
+                Container(
+                  padding: const EdgeInsets.all(8),
+                  decoration: BoxDecoration(
+                    color: color.withOpacity(0.1),
+                    borderRadius: BorderRadius.circular(8),
+                  ),
+                  child: Icon(
+                    icon,
+                    color: color,
+                    size: 18,
+                  ),
+                ),
+                if (badge != null)
+                  Positioned(
+                    right: -2,
+                    top: -2,
+                    child: Container(
+                      padding: const EdgeInsets.all(2),
+                      decoration: const BoxDecoration(
+                        color: AppTheme.errorColor,
+                        shape: BoxShape.circle,
+                      ),
+                      constraints: const BoxConstraints(
+                        minWidth: 16,
+                        minHeight: 16,
+                      ),
+                      child: Text(
+                        badge!,
+                        style: const TextStyle(
+                          color: Colors.white,
+                          fontSize: 8,
+                          fontWeight: FontWeight.bold,
+                        ),
+                        textAlign: TextAlign.center,
+                      ),
+                    ),
+                  ),
+              ],
+            ),
+            const SizedBox(height: 8),
+            
+            // Titre
+            Text(
+              title,
+              style: const TextStyle(
+                fontSize: 12,
+                fontWeight: FontWeight.w600,
+                color: AppTheme.textPrimary,
+              ),
+              textAlign: TextAlign.center,
+              maxLines: 2,
+              overflow: TextOverflow.ellipsis,
+            ),
+            const SizedBox(height: 2),
+            
+            // Sous-titre
+            Text(
+              subtitle,
+              style: const TextStyle(
+                fontSize: 10,
+                color: AppTheme.textSecondary,
+              ),
+              textAlign: TextAlign.center,
+              maxLines: 1,
+              overflow: TextOverflow.ellipsis,
+            ),
+          ],
+        ),
+      ),
+    );
+  }
+}

unionflow-mobile-apps/lib/features/members/presentation/widgets/dashboard/members_activity_item_widget.dart

@@ -0,0 +1,163 @@
+import 'package:flutter/material.dart';
+import '../../../../../shared/theme/app_theme.dart';
+
+/// Widget d'élément d'activité réutilisable pour les membres
+class MembersActivityItemWidget extends StatelessWidget {
+  final String title;
+  final String description;
+  final String time;
+  final IconData icon;
+  final Color color;
+  final String? memberName;
+  final String? memberAvatar;
+  final VoidCallback? onTap;
+
+  const MembersActivityItemWidget({
+    super.key,
+    required this.title,
+    required this.description,
+    required this.time,
+    required this.icon,
+    required this.color,
+    this.memberName,
+    this.memberAvatar,
+    this.onTap,
+  });
+
+  @override
+  Widget build(BuildContext context) {
+    return GestureDetector(
+      onTap: onTap,
+      child: Container(
+        padding: const EdgeInsets.all(12),
+        margin: const EdgeInsets.only(bottom: 8),
+        decoration: BoxDecoration(
+          color: Colors.white,
+          borderRadius: BorderRadius.circular(8),
+          border: Border.all(
+            color: AppTheme.primaryColor.withOpacity(0.1),
+            width: 1,
+          ),
+        ),
+        child: Row(
+          children: [
+            // Icône d'activité
+            Container(
+              padding: const EdgeInsets.all(8),
+              decoration: BoxDecoration(
+                color: color.withOpacity(0.1),
+                borderRadius: BorderRadius.circular(8),
+              ),
+              child: Icon(
+                icon,
+                color: color,
+                size: 16,
+              ),
+            ),
+            const SizedBox(width: 12),
+            
+            // Contenu principal
+            Expanded(
+              child: Column(
+                crossAxisAlignment: CrossAxisAlignment.start,
+                children: [
+                  // Titre
+                Text(
+                    title,
+                    style: const TextStyle(
+                      fontSize: 14,
+                      fontWeight: FontWeight.w600,
+                      color: AppTheme.textPrimary,
+                    ),
+                  ),
+                  const SizedBox(height: 2),
+                  
+                  // Description
+                  Text(
+                    description,
+                    style: const TextStyle(
+                      fontSize: 12,
+                      color: AppTheme.textSecondary,
+                    ),
+                    maxLines: 2,
+                    overflow: TextOverflow.ellipsis,
+                  ),
+                  
+                  // Nom du membre si fourni
+                  if (memberName != null) ...[
+                    const SizedBox(height: 4),
+                    Row(
+                      children: [
+                        // Avatar du membre
+                        if (memberAvatar != null)
+                          Container(
+                            width: 16,
+                            height: 16,
+                            decoration: BoxDecoration(
+                              color: AppTheme.primaryColor.withOpacity(0.2),
+                              borderRadius: BorderRadius.circular(8),
+                            ),
+                            child: const Icon(
+                              Icons.person,
+                              size: 10,
+                              color: AppTheme.primaryColor,
+                            ),
+                          )
+                        else
+                          Container(
+                            width: 16,
+                            height: 16,
+                            decoration: BoxDecoration(
+                              color: color.withOpacity(0.2),
+                              borderRadius: BorderRadius.circular(8),
+                            ),
+                            child: Icon(
+                              Icons.person,
+                              size: 10,
+                              color: color,
+                            ),
+                          ),
+                        const SizedBox(width: 6),
+                        Text(
+                          memberName!,
+                          style: TextStyle(
+                            fontSize: 11,
+                            fontWeight: FontWeight.w500,
+                            color: color,
+                          ),
+                        ),
+                      ],
+                    ),
+                  ],
+                ],
+              ),
+            ),
+            
+            // Temps et indicateur
+            Column(
+              crossAxisAlignment: CrossAxisAlignment.end,
+              children: [
+                Text(
+                  time,
+                  style: const TextStyle(
+                    fontSize: 10,
+                    color: AppTheme.textSecondary,
+                  ),
+                ),
+                const SizedBox(height: 4),
+                Container(
+                  width: 6,
+                  height: 6,
+                  decoration: BoxDecoration(
+                    color: color,
+                    shape: BoxShape.circle,
+                  ),
+                ),
+              ],
+            ),
+          ],
+        ),
+      ),
+    );
+  }
+}

unionflow-mobile-apps/lib/features/members/presentation/widgets/dashboard/members_advanced_filters_widget.dart

@@ -0,0 +1,311 @@
+import 'package:flutter/material.dart';
+import '../../../../../shared/theme/app_theme.dart';
+
+/// Widget de filtres avancés pour le dashboard des membres
+class MembersAdvancedFiltersWidget extends StatefulWidget {
+  final Function(Map<String, dynamic>) onFiltersChanged;
+  final Map<String, dynamic> initialFilters;
+
+  const MembersAdvancedFiltersWidget({
+    super.key,
+    required this.onFiltersChanged,
+    this.initialFilters = const {},
+  });
+
+  @override
+  State<MembersAdvancedFiltersWidget> createState() => _MembersAdvancedFiltersWidgetState();
+}
+
+class _MembersAdvancedFiltersWidgetState extends State<MembersAdvancedFiltersWidget>
+    with TickerProviderStateMixin {
+  late AnimationController _animationController;
+  late Animation<double> _fadeAnimation;
+  
+  Map<String, dynamic> _filters = {};
+  bool _isExpanded = false;
+
+  // Options de filtres
+  final List<String> _statusOptions = ['Tous', 'Actif', 'Inactif', 'Suspendu'];
+  final List<String> _ageRanges = ['Tous', '18-30', '31-45', '46-60', '60+'];
+  final List<String> _genderOptions = ['Tous', 'Homme', 'Femme'];
+  final List<String> _roleOptions = ['Tous', 'Membre', 'Responsable', 'Bureau'];
+  final List<String> _timeRanges = ['7 jours', '30 jours', '3 mois', '6 mois', '1 an'];
+
+  @override
+  void initState() {
+    super.initState();
+    _filters = Map.from(widget.initialFilters);
+    _animationController = AnimationController(
+      duration: const Duration(milliseconds: 300),
+      vsync: this,
+    );
+    _fadeAnimation = Tween<double>(begin: 0.0, end: 1.0).animate(
+      CurvedAnimation(parent: _animationController, curve: Curves.easeInOut),
+    );
+  }
+
+  @override
+  void dispose() {
+    _animationController.dispose();
+    super.dispose();
+  }
+
+  void _toggleExpanded() {
+    setState(() {
+      _isExpanded = !_isExpanded;
+      if (_isExpanded) {
+        _animationController.forward();
+      } else {
+        _animationController.reverse();
+      }
+    });
+  }
+
+  void _updateFilter(String key, dynamic value) {
+    setState(() {
+      _filters[key] = value;
+    });
+    widget.onFiltersChanged(_filters);
+  }
+
+  void _resetFilters() {
+    setState(() {
+      _filters.clear();
+    });
+    widget.onFiltersChanged(_filters);
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return Container(
+      margin: const EdgeInsets.only(bottom: 16),
+      decoration: BoxDecoration(
+        color: Colors.white,
+        borderRadius: BorderRadius.circular(12),
+        boxShadow: [
+          BoxShadow(
+            color: Colors.black.withOpacity(0.05),
+            blurRadius: 10,
+            offset: const Offset(0, 2),
+          ),
+        ],
+      ),
+      child: Column(
+        children: [
+          // En-tête des filtres
+          InkWell(
+            onTap: _toggleExpanded,
+            borderRadius: const BorderRadius.vertical(top: Radius.circular(12)),
+            child: Container(
+              padding: const EdgeInsets.all(16),
+              child: Row(
+                children: [
+                  Container(
+                    padding: const EdgeInsets.all(6),
+                    decoration: BoxDecoration(
+                      color: AppTheme.primaryColor.withOpacity(0.1),
+                      borderRadius: BorderRadius.circular(6),
+                    ),
+                    child: const Icon(
+                      Icons.tune,
+                      color: AppTheme.primaryColor,
+                      size: 16,
+                    ),
+                  ),
+                  const SizedBox(width: 12),
+                  const Expanded(
+                    child: Text(
+                      'Filtres Avancés',
+                      style: TextStyle(
+                        fontSize: 16,
+                        fontWeight: FontWeight.w600,
+                        color: AppTheme.textPrimary,
+                      ),
+                    ),
+                  ),
+                  if (_filters.isNotEmpty)
+                    Container(
+                      padding: const EdgeInsets.symmetric(horizontal: 8, vertical: 4),
+                      decoration: BoxDecoration(
+                        color: AppTheme.primaryColor,
+                        borderRadius: BorderRadius.circular(12),
+                      ),
+                      child: Text(
+                        '${_filters.length}',
+                        style: const TextStyle(
+                          color: Colors.white,
+                          fontSize: 12,
+                          fontWeight: FontWeight.bold,
+                        ),
+                      ),
+                    ),
+                  const SizedBox(width: 8),
+                  AnimatedRotation(
+                    turns: _isExpanded ? 0.5 : 0.0,
+                    duration: const Duration(milliseconds: 300),
+                    child: const Icon(
+                      Icons.keyboard_arrow_down,
+                      color: AppTheme.textSecondary,
+                    ),
+                  ),
+                ],
+              ),
+            ),
+          ),
+          
+          // Contenu des filtres
+          AnimatedContainer(
+            duration: const Duration(milliseconds: 300),
+            height: _isExpanded ? null : 0,
+            child: _isExpanded
+                ? FadeTransition(
+                    opacity: _fadeAnimation,
+                    child: _buildFiltersContent(),
+                  )
+                : const SizedBox.shrink(),
+          ),
+        ],
+      ),
+    );
+  }
+
+  Widget _buildFiltersContent() {
+    return Container(
+      padding: const EdgeInsets.fromLTRB(16, 0, 16, 16),
+      child: Column(
+        crossAxisAlignment: CrossAxisAlignment.start,
+        children: [
+          const Divider(height: 1),
+          const SizedBox(height: 16),
+          
+          // Période
+          _buildFilterSection(
+            'Période',
+            Icons.date_range,
+            _buildChipFilter('timeRange', _timeRanges),
+          ),
+          const SizedBox(height: 16),
+          
+          // Statut
+          _buildFilterSection(
+            'Statut',
+            Icons.verified_user,
+            _buildChipFilter('status', _statusOptions),
+          ),
+          const SizedBox(height: 16),
+          
+          // Tranche d'âge
+          _buildFilterSection(
+            'Âge',
+            Icons.cake,
+            _buildChipFilter('ageRange', _ageRanges),
+          ),
+          const SizedBox(height: 16),
+          
+          // Genre
+          _buildFilterSection(
+            'Genre',
+            Icons.people_outline,
+            _buildChipFilter('gender', _genderOptions),
+          ),
+          const SizedBox(height: 16),
+          
+          // Rôle
+          _buildFilterSection(
+            'Rôle',
+            Icons.admin_panel_settings,
+            _buildChipFilter('role', _roleOptions),
+          ),
+          const SizedBox(height: 20),
+          
+          // Boutons d'action
+          Row(
+            children: [
+              Expanded(
+                child: OutlinedButton.icon(
+                  onPressed: _resetFilters,
+                  icon: const Icon(Icons.clear_all, size: 16),
+                  label: const Text('Réinitialiser'),
+                  style: OutlinedButton.styleFrom(
+                    foregroundColor: AppTheme.textSecondary,
+                    side: BorderSide(color: AppTheme.textSecondary.withOpacity(0.3)),
+                  ),
+                ),
+              ),
+              const SizedBox(width: 12),
+              Expanded(
+                child: ElevatedButton.icon(
+                  onPressed: () => _toggleExpanded(),
+                  icon: const Icon(Icons.check, size: 16),
+                  label: const Text('Appliquer'),
+                  style: ElevatedButton.styleFrom(
+                    backgroundColor: AppTheme.primaryColor,
+                    foregroundColor: Colors.white,
+                  ),
+                ),
+              ),
+            ],
+          ),
+        ],
+      ),
+    );
+  }
+
+  Widget _buildFilterSection(String title, IconData icon, Widget content) {
+    return Column(
+      crossAxisAlignment: CrossAxisAlignment.start,
+      children: [
+        Row(
+          children: [
+            Icon(icon, size: 16, color: AppTheme.textSecondary),
+            const SizedBox(width: 8),
+            Text(
+              title,
+              style: const TextStyle(
+                fontSize: 14,
+                fontWeight: FontWeight.w500,
+                color: AppTheme.textPrimary,
+              ),
+            ),
+          ],
+        ),
+        const SizedBox(height: 8),
+        content,
+      ],
+    );
+  }
+
+  Widget _buildChipFilter(String filterKey, List<String> options) {
+    return Wrap(
+      spacing: 8,
+      runSpacing: 4,
+      children: options.map((option) {
+        final isSelected = _filters[filterKey] == option;
+        return FilterChip(
+          label: Text(
+            option,
+            style: TextStyle(
+              fontSize: 12,
+              color: isSelected ? Colors.white : AppTheme.textSecondary,
+            ),
+          ),
+          selected: isSelected,
+          onSelected: (selected) {
+            if (selected) {
+              _updateFilter(filterKey, option);
+            } else {
+              _updateFilter(filterKey, null);
+            }
+          },
+          backgroundColor: Colors.grey[100],
+          selectedColor: AppTheme.primaryColor,
+          checkmarkColor: Colors.white,
+          side: BorderSide(
+            color: isSelected ? AppTheme.primaryColor : Colors.grey[300]!,
+            width: 1,
+          ),
+        );
+      }).toList(),
+    );
+  }
+}

unionflow-mobile-apps/lib/features/members/presentation/widgets/dashboard/members_analytics_widget.dart

@@ -0,0 +1,564 @@
+import 'package:flutter/material.dart';
+import 'package:fl_chart/fl_chart.dart';
+import '../../../../../shared/theme/app_theme.dart';
+
+/// Widget de section d'analyses pour les membres
+class MembersAnalyticsWidget extends StatelessWidget {
+  const MembersAnalyticsWidget({super.key});
+
+  @override
+  Widget build(BuildContext context) {
+    return Column(
+      crossAxisAlignment: CrossAxisAlignment.start,
+      children: [
+        // Titre de section
+        const Row(
+          children: [
+            Icon(
+              Icons.analytics,
+              color: AppTheme.primaryColor,
+              size: 20,
+            ),
+            SizedBox(width: 8),
+            Text(
+              'Analyses & Tendances',
+              style: TextStyle(
+                fontSize: 18,
+                fontWeight: FontWeight.w600,
+                color: AppTheme.textPrimary,
+              ),
+            ),
+          ],
+        ),
+        const SizedBox(height: 16),
+        
+        // Grille de graphiques
+        GridView.count(
+          shrinkWrap: true,
+          physics: const NeverScrollableScrollPhysics(),
+          crossAxisCount: 1,
+          crossAxisSpacing: 16,
+          mainAxisSpacing: 16,
+          childAspectRatio: 1.4,
+          children: [
+            // Évolution des inscriptions
+            _buildMemberGrowthChart(),
+            
+            // Répartition par âge
+            _buildAgeDistributionChart(),
+            
+            // Activité mensuelle
+            _buildMonthlyActivityChart(),
+          ],
+        ),
+      ],
+    );
+  }
+
+  /// Graphique d'évolution des inscriptions
+  Widget _buildMemberGrowthChart() {
+    return Container(
+      padding: const EdgeInsets.all(16),
+      decoration: BoxDecoration(
+        color: Colors.white,
+        borderRadius: BorderRadius.circular(12),
+        boxShadow: [
+          BoxShadow(
+            color: Colors.black.withOpacity(0.05),
+            blurRadius: 10,
+            offset: const Offset(0, 2),
+          ),
+        ],
+      ),
+      child: Column(
+        crossAxisAlignment: CrossAxisAlignment.start,
+        children: [
+          // En-tête
+          Row(
+            children: [
+              Container(
+                padding: const EdgeInsets.all(6),
+                decoration: BoxDecoration(
+                  color: AppTheme.primaryColor.withOpacity(0.1),
+                  borderRadius: BorderRadius.circular(6),
+                ),
+                child: const Icon(
+                  Icons.trending_up,
+                  color: AppTheme.primaryColor,
+                  size: 16,
+                ),
+              ),
+              const SizedBox(width: 8),
+              const Expanded(
+                child: Column(
+                  crossAxisAlignment: CrossAxisAlignment.start,
+                  children: [
+                    Text(
+                      'Évolution des Inscriptions',
+                      style: TextStyle(
+                        fontSize: 16,
+                        fontWeight: FontWeight.w600,
+                        color: AppTheme.textPrimary,
+                      ),
+                    ),
+                    SizedBox(height: 2),
+                    Text(
+                      'Croissance sur 6 mois • +24.7%',
+                      style: TextStyle(
+                        fontSize: 11,
+                        color: AppTheme.textSecondary,
+                      ),
+                    ),
+                  ],
+                ),
+              ),
+            ],
+          ),
+          const SizedBox(height: 16),
+          
+          // Graphique linéaire
+          Expanded(
+            child: LineChart(
+              LineChartData(
+                gridData: FlGridData(
+                  show: true,
+                  drawVerticalLine: false,
+                  horizontalInterval: 50,
+                  getDrawingHorizontalLine: (value) {
+                    return FlLine(
+                      color: AppTheme.primaryColor.withOpacity(0.1),
+                      strokeWidth: 1,
+                    );
+                  },
+                ),
+                titlesData: FlTitlesData(
+                  show: true,
+                  rightTitles: const AxisTitles(sideTitles: SideTitles(showTitles: false)),
+                  topTitles: const AxisTitles(sideTitles: SideTitles(showTitles: false)),
+                  bottomTitles: AxisTitles(
+                    sideTitles: SideTitles(
+                      showTitles: true,
+                      reservedSize: 30,
+                      interval: 1,
+                      getTitlesWidget: (double value, TitleMeta meta) {
+                        const months = ['Jan', 'Fév', 'Mar', 'Avr', 'Mai', 'Juin'];
+                        if (value.toInt() >= 0 && value.toInt() < months.length) {
+                          return SideTitleWidget(
+                            axisSide: meta.axisSide,
+                            child: Text(
+                              months[value.toInt()],
+                              style: const TextStyle(
+                                color: AppTheme.textSecondary,
+                                fontSize: 10,
+                              ),
+                            ),
+                          );
+                        }
+                        return const Text('');
+                      },
+                    ),
+                  ),
+                  leftTitles: AxisTitles(
+                    sideTitles: SideTitles(
+                      showTitles: true,
+                      interval: 50,
+                      reservedSize: 40,
+                      getTitlesWidget: (double value, TitleMeta meta) {
+                        return SideTitleWidget(
+                          axisSide: meta.axisSide,
+                          child: Text(
+                            '${value.toInt()}',
+                            style: const TextStyle(
+                              color: AppTheme.textSecondary,
+                              fontSize: 10,
+                            ),
+                          ),
+                        );
+                      },
+                    ),
+                  ),
+                ),
+                borderData: FlBorderData(show: false),
+                minX: 0,
+                maxX: 5,
+                minY: 0,
+                maxY: 300,
+                lineBarsData: [
+                  LineChartBarData(
+                    spots: const [
+                      FlSpot(0, 180), // Janvier: 180 nouveaux
+                      FlSpot(1, 195), // Février: 195 nouveaux
+                      FlSpot(2, 210), // Mars: 210 nouveaux
+                      FlSpot(3, 235), // Avril: 235 nouveaux
+                      FlSpot(4, 265), // Mai: 265 nouveaux
+                      FlSpot(5, 285), // Juin: 285 nouveaux
+                    ],
+                    isCurved: true,
+                    gradient: LinearGradient(
+                      colors: [
+                        AppTheme.primaryColor,
+                        AppTheme.primaryColor.withOpacity(0.7),
+                      ],
+                    ),
+                    barWidth: 3,
+                    isStrokeCapRound: true,
+                    dotData: FlDotData(
+                      show: true,
+                      getDotPainter: (spot, percent, barData, index) {
+                        return FlDotCirclePainter(
+                          radius: 4,
+                          color: AppTheme.primaryColor,
+                          strokeWidth: 2,
+                          strokeColor: Colors.white,
+                        );
+                      },
+                    ),
+                    belowBarData: BarAreaData(
+                      show: true,
+                      gradient: LinearGradient(
+                        begin: Alignment.topCenter,
+                        end: Alignment.bottomCenter,
+                        colors: [
+                          AppTheme.primaryColor.withOpacity(0.2),
+                          AppTheme.primaryColor.withOpacity(0.05),
+                        ],
+                      ),
+                    ),
+                  ),
+                ],
+              ),
+            ),
+          ),
+        ],
+      ),
+    );
+  }
+
+  /// Graphique de répartition par âge
+  Widget _buildAgeDistributionChart() {
+    return Container(
+      padding: const EdgeInsets.all(16),
+      decoration: BoxDecoration(
+        color: Colors.white,
+        borderRadius: BorderRadius.circular(12),
+        boxShadow: [
+          BoxShadow(
+            color: Colors.black.withOpacity(0.05),
+            blurRadius: 10,
+            offset: const Offset(0, 2),
+          ),
+        ],
+      ),
+      child: Column(
+        crossAxisAlignment: CrossAxisAlignment.start,
+        children: [
+          // En-tête
+          Row(
+            children: [
+              Container(
+                padding: const EdgeInsets.all(6),
+                decoration: BoxDecoration(
+                  color: AppTheme.successColor.withOpacity(0.1),
+                  borderRadius: BorderRadius.circular(6),
+                ),
+                child: const Icon(
+                  Icons.cake,
+                  color: AppTheme.successColor,
+                  size: 16,
+                ),
+              ),
+              const SizedBox(width: 8),
+              const Expanded(
+                child: Column(
+                  crossAxisAlignment: CrossAxisAlignment.start,
+                  children: [
+                    Text(
+                      'Répartition par Âge',
+                      style: TextStyle(
+                        fontSize: 16,
+                        fontWeight: FontWeight.w600,
+                        color: AppTheme.textPrimary,
+                      ),
+                    ),
+                    SizedBox(height: 2),
+                    Text(
+                      'Distribution par tranches d\'âge',
+                      style: TextStyle(
+                        fontSize: 11,
+                        color: AppTheme.textSecondary,
+                      ),
+                    ),
+                  ],
+                ),
+              ),
+            ],
+          ),
+          const SizedBox(height: 16),
+          
+          // Graphique en camembert
+          Expanded(
+            child: Row(
+              children: [
+                // Graphique
+                Expanded(
+                  flex: 2,
+                  child: PieChart(
+                    PieChartData(
+                      sectionsSpace: 2,
+                      centerSpaceRadius: 40,
+                      sections: [
+                        PieChartSectionData(
+                          color: AppTheme.primaryColor,
+                          value: 42,
+                          title: '42%',
+                          radius: 50,
+                          titleStyle: const TextStyle(
+                            fontSize: 12,
+                            fontWeight: FontWeight.bold,
+                            color: Colors.white,
+                          ),
+                        ),
+                        PieChartSectionData(
+                          color: AppTheme.successColor,
+                          value: 38,
+                          title: '38%',
+                          radius: 50,
+                          titleStyle: const TextStyle(
+                            fontSize: 12,
+                            fontWeight: FontWeight.bold,
+                            color: Colors.white,
+                          ),
+                        ),
+                        PieChartSectionData(
+                          color: AppTheme.warningColor,
+                          value: 15,
+                          title: '15%',
+                          radius: 50,
+                          titleStyle: const TextStyle(
+                            fontSize: 12,
+                            fontWeight: FontWeight.bold,
+                            color: Colors.white,
+                          ),
+                        ),
+                        PieChartSectionData(
+                          color: AppTheme.errorColor,
+                          value: 5,
+                          title: '5%',
+                          radius: 50,
+                          titleStyle: const TextStyle(
+                            fontSize: 12,
+                            fontWeight: FontWeight.bold,
+                            color: Colors.white,
+                          ),
+                        ),
+                      ],
+                    ),
+                  ),
+                ),
+                
+                // Légende
+                Expanded(
+                  flex: 1,
+                  child: Column(
+                    mainAxisAlignment: MainAxisAlignment.center,
+                    children: [
+                      _buildAgeLegend('18-30 ans', '524', AppTheme.primaryColor),
+                      const SizedBox(height: 8),
+                      _buildAgeLegend('31-45 ans', '474', AppTheme.successColor),
+                      const SizedBox(height: 8),
+                      _buildAgeLegend('46-60 ans', '187', AppTheme.warningColor),
+                      const SizedBox(height: 8),
+                      _buildAgeLegend('60+ ans', '62', AppTheme.errorColor),
+                    ],
+                  ),
+                ),
+              ],
+            ),
+          ),
+        ],
+      ),
+    );
+  }
+
+  /// Widget de légende pour les âges
+  Widget _buildAgeLegend(String label, String count, Color color) {
+    return Row(
+      mainAxisSize: MainAxisSize.min,
+      children: [
+        Container(
+          width: 12,
+          height: 12,
+          decoration: BoxDecoration(
+            color: color,
+            shape: BoxShape.circle,
+          ),
+        ),
+        const SizedBox(width: 6),
+        Expanded(
+          child: Column(
+            crossAxisAlignment: CrossAxisAlignment.start,
+            children: [
+              Text(
+                label,
+                style: const TextStyle(
+                  fontSize: 10,
+                  fontWeight: FontWeight.w500,
+                  color: AppTheme.textPrimary,
+                ),
+              ),
+              Text(
+                count,
+                style: const TextStyle(
+                  fontSize: 9,
+                  color: AppTheme.textSecondary,
+                ),
+              ),
+            ],
+          ),
+        ),
+      ],
+    );
+  }
+
+  /// Graphique d'activité mensuelle
+  Widget _buildMonthlyActivityChart() {
+    return Container(
+      padding: const EdgeInsets.all(16),
+      decoration: BoxDecoration(
+        color: Colors.white,
+        borderRadius: BorderRadius.circular(12),
+        boxShadow: [
+          BoxShadow(
+            color: Colors.black.withOpacity(0.05),
+            blurRadius: 10,
+            offset: const Offset(0, 2),
+          ),
+        ],
+      ),
+      child: Column(
+        crossAxisAlignment: CrossAxisAlignment.start,
+        children: [
+          // En-tête
+          Row(
+            children: [
+              Container(
+                padding: const EdgeInsets.all(6),
+                decoration: BoxDecoration(
+                  color: AppTheme.infoColor.withOpacity(0.1),
+                  borderRadius: BorderRadius.circular(6),
+                ),
+                child: const Icon(
+                  Icons.timeline,
+                  color: AppTheme.infoColor,
+                  size: 16,
+                ),
+              ),
+              const SizedBox(width: 8),
+              const Expanded(
+                child: Column(
+                  crossAxisAlignment: CrossAxisAlignment.start,
+                  children: [
+                    Text(
+                      'Activité Mensuelle',
+                      style: TextStyle(
+                        fontSize: 16,
+                        fontWeight: FontWeight.w600,
+                        color: AppTheme.textPrimary,
+                      ),
+                    ),
+                    SizedBox(height: 2),
+                    Text(
+                      'Connexions et interactions',
+                      style: TextStyle(
+                        fontSize: 11,
+                        color: AppTheme.textSecondary,
+                      ),
+                    ),
+                  ],
+                ),
+              ),
+            ],
+          ),
+          const SizedBox(height: 16),
+          
+          // Graphique en barres
+          Expanded(
+            child: BarChart(
+              BarChartData(
+                alignment: BarChartAlignment.spaceAround,
+                maxY: 1200,
+                barTouchData: BarTouchData(enabled: false),
+                titlesData: FlTitlesData(
+                  show: true,
+                  rightTitles: const AxisTitles(sideTitles: SideTitles(showTitles: false)),
+                  topTitles: const AxisTitles(sideTitles: SideTitles(showTitles: false)),
+                  bottomTitles: AxisTitles(
+                    sideTitles: SideTitles(
+                      showTitles: true,
+                      reservedSize: 30,
+                      getTitlesWidget: (double value, TitleMeta meta) {
+                        const months = ['Jan', 'Fév', 'Mar', 'Avr', 'Mai', 'Juin'];
+                        if (value.toInt() >= 0 && value.toInt() < months.length) {
+                          return SideTitleWidget(
+                            axisSide: meta.axisSide,
+                            child: Text(
+                              months[value.toInt()],
+                              style: const TextStyle(
+                                color: AppTheme.textSecondary,
+                                fontSize: 10,
+                              ),
+                            ),
+                          );
+                        }
+                        return const Text('');
+                      },
+                    ),
+                  ),
+                  leftTitles: AxisTitles(
+                    sideTitles: SideTitles(
+                      showTitles: true,
+                      reservedSize: 40,
+                      interval: 200,
+                      getTitlesWidget: (double value, TitleMeta meta) {
+                        return SideTitleWidget(
+                          axisSide: meta.axisSide,
+                          child: Text(
+                            '${value.toInt()}',
+                            style: const TextStyle(
+                              color: AppTheme.textSecondary,
+                              fontSize: 10,
+                            ),
+                          ),
+                        );
+                      },
+                    ),
+                  ),
+                ),
+                borderData: FlBorderData(show: false),
+                barGroups: [
+                  BarChartGroupData(x: 0, barRods: [BarChartRodData(toY: 850, color: AppTheme.infoColor, width: 16)]),
+                  BarChartGroupData(x: 1, barRods: [BarChartRodData(toY: 920, color: AppTheme.infoColor, width: 16)]),
+                  BarChartGroupData(x: 2, barRods: [BarChartRodData(toY: 1050, color: AppTheme.infoColor, width: 16)]),
+                  BarChartGroupData(x: 3, barRods: [BarChartRodData(toY: 980, color: AppTheme.infoColor, width: 16)]),
+                  BarChartGroupData(x: 4, barRods: [BarChartRodData(toY: 1120, color: AppTheme.infoColor, width: 16)]),
+                  BarChartGroupData(x: 5, barRods: [BarChartRodData(toY: 1089, color: AppTheme.infoColor, width: 16)]),
+                ],
+                gridData: FlGridData(
+                  show: true,
+                  drawVerticalLine: false,
+                  horizontalInterval: 200,
+                  getDrawingHorizontalLine: (value) {
+                    return FlLine(
+                      color: AppTheme.infoColor.withOpacity(0.1),
+                      strokeWidth: 1,
+                    );
+                  },
+                ),
+              ),
+            ),
+          ),
+        ],
+      ),
+    );
+  }
+}

unionflow-mobile-apps/lib/features/members/presentation/widgets/dashboard/members_enhanced_list_widget.dart

@@ -0,0 +1,828 @@
+import 'package:flutter/material.dart';
+import '../../../../../core/models/membre_model.dart';
+import '../../../../../shared/theme/app_theme.dart';
+import 'members_interactive_card_widget.dart';
+import 'members_stats_widget.dart';
+
+/// Widget de liste de membres améliorée avec animations
+class MembersEnhancedListWidget extends StatefulWidget {
+  final List<MembreModel> members;
+  final Function(MembreModel) onMemberTap;
+  final Function(MembreModel)? onMemberCall;
+  final Function(MembreModel)? onMemberMessage;
+  final Function(MembreModel)? onMemberEdit;
+  final bool isLoading;
+  final String? searchQuery;
+  final Map<String, dynamic> filters;
+
+  const MembersEnhancedListWidget({
+    super.key,
+    required this.members,
+    required this.onMemberTap,
+    this.onMemberCall,
+    this.onMemberMessage,
+    this.onMemberEdit,
+    this.isLoading = false,
+    this.searchQuery,
+    this.filters = const {},
+  });
+
+  @override
+  State<MembersEnhancedListWidget> createState() => _MembersEnhancedListWidgetState();
+}
+
+class _MembersEnhancedListWidgetState extends State<MembersEnhancedListWidget>
+    with TickerProviderStateMixin {
+  late AnimationController _listController;
+  late Animation<double> _listAnimation;
+  
+  List<String> _selectedMembers = [];
+  String _sortBy = 'name';
+  bool _sortAscending = true;
+  String _viewMode = 'card'; // 'card', 'list', 'grid'
+
+  @override
+  void initState() {
+    super.initState();
+    _listController = AnimationController(
+      duration: const Duration(milliseconds: 600),
+      vsync: this,
+    );
+    _listAnimation = CurvedAnimation(
+      parent: _listController,
+      curve: Curves.easeOutQuart,
+    );
+    _listController.forward();
+  }
+
+  @override
+  void dispose() {
+    _listController.dispose();
+    super.dispose();
+  }
+
+  List<MembreModel> get _filteredAndSortedMembers {
+    List<MembreModel> filtered = List.from(widget.members);
+    
+    // Appliquer les filtres
+    if (widget.filters.isNotEmpty) {
+      filtered = filtered.where((member) {
+        bool matches = true;
+        
+        if (widget.filters['status'] != null && widget.filters['status'] != 'Tous') {
+          matches = matches && member.statut.toUpperCase() == widget.filters['status'].toUpperCase();
+        }
+        
+        if (widget.filters['ageRange'] != null && widget.filters['ageRange'] != 'Tous') {
+          final ageRange = widget.filters['ageRange'] as String;
+          final age = member.age;
+          switch (ageRange) {
+            case '18-30':
+              matches = matches && age >= 18 && age <= 30;
+              break;
+            case '31-45':
+              matches = matches && age >= 31 && age <= 45;
+              break;
+            case '46-60':
+              matches = matches && age >= 46 && age <= 60;
+              break;
+            case '60+':
+              matches = matches && age > 60;
+              break;
+          }
+        }
+        
+        return matches;
+      }).toList();
+    }
+    
+    // Appliquer la recherche
+    if (widget.searchQuery != null && widget.searchQuery!.isNotEmpty) {
+      final query = widget.searchQuery!.toLowerCase();
+      filtered = filtered.where((member) {
+        return member.nomComplet.toLowerCase().contains(query) ||
+               member.numeroMembre.toLowerCase().contains(query) ||
+               member.email.toLowerCase().contains(query) ||
+               member.telephone.contains(query);
+      }).toList();
+    }
+    
+    // Trier
+    filtered.sort((a, b) {
+      int comparison = 0;
+      switch (_sortBy) {
+        case 'name':
+          comparison = a.nomComplet.compareTo(b.nomComplet);
+          break;
+        case 'date':
+          comparison = a.dateAdhesion.compareTo(b.dateAdhesion);
+          break;
+        case 'age':
+          comparison = a.age.compareTo(b.age);
+          break;
+        case 'status':
+          comparison = a.statut.compareTo(b.statut);
+          break;
+      }
+      return _sortAscending ? comparison : -comparison;
+    });
+    
+    return filtered;
+  }
+
+  void _toggleMemberSelection(String memberId) {
+    setState(() {
+      if (_selectedMembers.contains(memberId)) {
+        _selectedMembers.remove(memberId);
+      } else {
+        _selectedMembers.add(memberId);
+      }
+    });
+  }
+
+  void _clearSelection() {
+    setState(() {
+      _selectedMembers.clear();
+    });
+  }
+
+  void _changeSortBy(String sortBy) {
+    setState(() {
+      if (_sortBy == sortBy) {
+        _sortAscending = !_sortAscending;
+      } else {
+        _sortBy = sortBy;
+        _sortAscending = true;
+      }
+    });
+  }
+
+  void _changeViewMode(String viewMode) {
+    setState(() {
+      _viewMode = viewMode;
+    });
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    final filteredMembers = _filteredAndSortedMembers;
+    
+    return Column(
+      crossAxisAlignment: CrossAxisAlignment.start,
+      children: [
+        // En-tête avec contrôles
+        _buildHeader(filteredMembers.length),
+        const SizedBox(height: 16),
+
+        // Statistiques des membres
+        if (!widget.isLoading && filteredMembers.isNotEmpty)
+          MembersStatsWidget(
+            members: filteredMembers,
+            searchQuery: widget.searchQuery ?? '',
+            filters: widget.filters,
+          ),
+
+        // Barre de sélection (si des membres sont sélectionnés)
+        if (_selectedMembers.isNotEmpty)
+          _buildSelectionBar(),
+
+        // Liste des membres
+        if (widget.isLoading)
+          _buildLoadingState()
+        else if (filteredMembers.isEmpty)
+          _buildEmptyState()
+        else
+          _buildMembersList(filteredMembers),
+      ],
+    );
+  }
+
+  Widget _buildHeader(int memberCount) {
+    return Container(
+      padding: const EdgeInsets.all(16),
+      decoration: BoxDecoration(
+        color: Colors.white,
+        borderRadius: BorderRadius.circular(12),
+        boxShadow: [
+          BoxShadow(
+            color: Colors.black.withOpacity(0.05),
+            blurRadius: 10,
+            offset: const Offset(0, 2),
+          ),
+        ],
+      ),
+      child: Column(
+        children: [
+          // Titre et compteur
+          Row(
+            children: [
+              const Icon(
+                Icons.people,
+                color: AppTheme.primaryColor,
+                size: 20,
+              ),
+              const SizedBox(width: 8),
+              Text(
+                'Membres ($memberCount)',
+                style: const TextStyle(
+                  fontSize: 18,
+                  fontWeight: FontWeight.w600,
+                  color: AppTheme.textPrimary,
+                ),
+              ),
+              const Spacer(),
+              // Modes d'affichage
+              _buildViewModeToggle(),
+            ],
+          ),
+          const SizedBox(height: 12),
+          
+          // Contrôles de tri
+          Row(
+            children: [
+              const Text(
+                'Trier par:',
+                style: TextStyle(
+                  fontSize: 14,
+                  color: AppTheme.textSecondary,
+                ),
+              ),
+              const SizedBox(width: 8),
+              _buildSortChip('name', 'Nom'),
+              const SizedBox(width: 4),
+              _buildSortChip('date', 'Date'),
+              const SizedBox(width: 4),
+              _buildSortChip('age', 'Âge'),
+              const SizedBox(width: 4),
+              _buildSortChip('status', 'Statut'),
+            ],
+          ),
+        ],
+      ),
+    );
+  }
+
+  Widget _buildViewModeToggle() {
+    return Container(
+      decoration: BoxDecoration(
+        color: Colors.grey[100],
+        borderRadius: BorderRadius.circular(8),
+      ),
+      child: Row(
+        mainAxisSize: MainAxisSize.min,
+        children: [
+          _buildViewModeButton(Icons.view_agenda, 'card'),
+          _buildViewModeButton(Icons.view_list, 'list'),
+          _buildViewModeButton(Icons.grid_view, 'grid'),
+        ],
+      ),
+    );
+  }
+
+  Widget _buildViewModeButton(IconData icon, String mode) {
+    final isSelected = _viewMode == mode;
+    return InkWell(
+      onTap: () => _changeViewMode(mode),
+      borderRadius: BorderRadius.circular(6),
+      child: Container(
+        padding: const EdgeInsets.all(8),
+        decoration: BoxDecoration(
+          color: isSelected ? AppTheme.primaryColor : Colors.transparent,
+          borderRadius: BorderRadius.circular(6),
+        ),
+        child: Icon(
+          icon,
+          size: 16,
+          color: isSelected ? Colors.white : AppTheme.textSecondary,
+        ),
+      ),
+    );
+  }
+
+  Widget _buildSortChip(String sortKey, String label) {
+    final isSelected = _sortBy == sortKey;
+    return InkWell(
+      onTap: () => _changeSortBy(sortKey),
+      borderRadius: BorderRadius.circular(16),
+      child: Container(
+        padding: const EdgeInsets.symmetric(horizontal: 8, vertical: 4),
+        decoration: BoxDecoration(
+          color: isSelected ? AppTheme.primaryColor.withOpacity(0.1) : Colors.transparent,
+          borderRadius: BorderRadius.circular(16),
+          border: Border.all(
+            color: isSelected ? AppTheme.primaryColor : Colors.grey[300]!,
+          ),
+        ),
+        child: Row(
+          mainAxisSize: MainAxisSize.min,
+          children: [
+            Text(
+              label,
+              style: TextStyle(
+                fontSize: 12,
+                color: isSelected ? AppTheme.primaryColor : AppTheme.textSecondary,
+                fontWeight: isSelected ? FontWeight.w500 : FontWeight.normal,
+              ),
+            ),
+            if (isSelected) ...[
+              const SizedBox(width: 4),
+              Icon(
+                _sortAscending ? Icons.arrow_upward : Icons.arrow_downward,
+                size: 12,
+                color: AppTheme.primaryColor,
+              ),
+            ],
+          ],
+        ),
+      ),
+    );
+  }
+
+  Widget _buildSelectionBar() {
+    return Container(
+      margin: const EdgeInsets.only(bottom: 16),
+      padding: const EdgeInsets.all(16),
+      decoration: BoxDecoration(
+        color: AppTheme.primaryColor.withOpacity(0.1),
+        borderRadius: BorderRadius.circular(12),
+        border: Border.all(color: AppTheme.primaryColor.withOpacity(0.3)),
+      ),
+      child: Row(
+        children: [
+          Icon(
+            Icons.check_circle,
+            color: AppTheme.primaryColor,
+            size: 20,
+          ),
+          const SizedBox(width: 8),
+          Text(
+            '${_selectedMembers.length} membre(s) sélectionné(s)',
+            style: const TextStyle(
+              fontSize: 14,
+              fontWeight: FontWeight.w500,
+              color: AppTheme.primaryColor,
+            ),
+          ),
+          const Spacer(),
+          TextButton(
+            onPressed: _clearSelection,
+            child: const Text('Désélectionner'),
+          ),
+          const SizedBox(width: 8),
+          ElevatedButton.icon(
+            onPressed: () {
+              // TODO: Actions groupées
+            },
+            icon: const Icon(Icons.more_horiz, size: 16),
+            label: const Text('Actions'),
+            style: ElevatedButton.styleFrom(
+              backgroundColor: AppTheme.primaryColor,
+              foregroundColor: Colors.white,
+            ),
+          ),
+        ],
+      ),
+    );
+  }
+
+  Widget _buildLoadingState() {
+    return const Center(
+      child: Padding(
+        padding: EdgeInsets.all(32),
+        child: CircularProgressIndicator(),
+      ),
+    );
+  }
+
+  Widget _buildEmptyState() {
+    return Center(
+      child: Padding(
+        padding: const EdgeInsets.all(32),
+        child: Column(
+          children: [
+            Icon(
+              widget.searchQuery?.isNotEmpty == true ? Icons.search_off : Icons.people_outline,
+              size: 64,
+              color: AppTheme.textHint,
+            ),
+            const SizedBox(height: 16),
+            Text(
+              widget.searchQuery?.isNotEmpty == true
+                  ? 'Aucun membre trouvé'
+                  : 'Aucun membre',
+              style: const TextStyle(
+                fontSize: 18,
+                fontWeight: FontWeight.w600,
+                color: AppTheme.textPrimary,
+              ),
+            ),
+            const SizedBox(height: 8),
+            Text(
+              widget.searchQuery?.isNotEmpty == true
+                  ? 'Essayez avec d\'autres termes de recherche'
+                  : 'Commencez par ajouter des membres',
+              style: const TextStyle(
+                fontSize: 14,
+                color: AppTheme.textSecondary,
+              ),
+              textAlign: TextAlign.center,
+            ),
+          ],
+        ),
+      ),
+    );
+  }
+
+  Widget _buildMembersList(List<MembreModel> members) {
+    if (_viewMode == 'grid') {
+      return _buildGridView(members);
+    } else if (_viewMode == 'list') {
+      return _buildListView(members);
+    } else {
+      return _buildCardView(members);
+    }
+  }
+
+  Widget _buildCardView(List<MembreModel> members) {
+    return ListView.builder(
+      shrinkWrap: true,
+      physics: const NeverScrollableScrollPhysics(),
+      itemCount: members.length,
+      itemBuilder: (context, index) {
+        final member = members[index];
+        return Container(
+          margin: const EdgeInsets.only(bottom: 12),
+          child: MembersInteractiveCardWidget(
+            member: member,
+            isSelected: _selectedMembers.contains(member.id),
+            onTap: () {
+              if (_selectedMembers.isNotEmpty) {
+                _toggleMemberSelection(member.id!);
+              } else {
+                widget.onMemberTap(member);
+              }
+            },
+            onCall: widget.onMemberCall != null
+                ? () => widget.onMemberCall!(member)
+                : null,
+            onMessage: widget.onMemberMessage != null
+                ? () => widget.onMemberMessage!(member)
+                : null,
+            onEdit: widget.onMemberEdit != null
+                ? () => widget.onMemberEdit!(member)
+                : null,
+          ),
+        );
+      },
+    );
+  }
+
+  Widget _buildListView(List<MembreModel> members) {
+    return ListView.builder(
+      shrinkWrap: true,
+      physics: const NeverScrollableScrollPhysics(),
+      itemCount: members.length,
+      itemBuilder: (context, index) {
+        final member = members[index];
+        return Container(
+          margin: const EdgeInsets.only(bottom: 8),
+          child: _buildCompactMemberTile(member),
+        );
+      },
+    );
+  }
+
+  Widget _buildGridView(List<MembreModel> members) {
+    return GridView.builder(
+      shrinkWrap: true,
+      physics: const NeverScrollableScrollPhysics(),
+      gridDelegate: const SliverGridDelegateWithFixedCrossAxisCount(
+        crossAxisCount: 2,
+        childAspectRatio: 0.85,
+        crossAxisSpacing: 12,
+        mainAxisSpacing: 12,
+      ),
+      itemCount: members.length,
+      itemBuilder: (context, index) {
+        final member = members[index];
+        return _buildGridMemberCard(member);
+      },
+    );
+  }
+
+  Widget _buildCompactMemberTile(MembreModel member) {
+    final isSelected = _selectedMembers.contains(member.id);
+
+    return InkWell(
+      onTap: () {
+        if (_selectedMembers.isNotEmpty) {
+          _toggleMemberSelection(member.id!);
+        } else {
+          widget.onMemberTap(member);
+        }
+      },
+      onLongPress: () => _toggleMemberSelection(member.id!),
+      borderRadius: BorderRadius.circular(12),
+      child: Container(
+        padding: const EdgeInsets.all(12),
+        decoration: BoxDecoration(
+          color: isSelected ? AppTheme.primaryColor.withOpacity(0.1) : Colors.white,
+          borderRadius: BorderRadius.circular(12),
+          border: Border.all(
+            color: isSelected ? AppTheme.primaryColor : Colors.grey[200]!,
+            width: isSelected ? 2 : 1,
+          ),
+          boxShadow: [
+            BoxShadow(
+              color: Colors.black.withOpacity(0.05),
+              blurRadius: 8,
+              offset: const Offset(0, 2),
+            ),
+          ],
+        ),
+        child: Row(
+          children: [
+            // Avatar
+            Container(
+              width: 50,
+              height: 50,
+              decoration: BoxDecoration(
+                shape: BoxShape.circle,
+                gradient: LinearGradient(
+                  colors: [
+                    AppTheme.primaryColor,
+                    AppTheme.primaryColor.withOpacity(0.7),
+                  ],
+                ),
+              ),
+              child: Center(
+                child: Text(
+                  member.nomComplet.split(' ').map((e) => e[0]).take(2).join(),
+                  style: const TextStyle(
+                    color: Colors.white,
+                    fontWeight: FontWeight.bold,
+                    fontSize: 16,
+                  ),
+                ),
+              ),
+            ),
+            const SizedBox(width: 12),
+
+            // Informations
+            Expanded(
+              child: Column(
+                crossAxisAlignment: CrossAxisAlignment.start,
+                children: [
+                  Text(
+                    member.nomComplet,
+                    style: const TextStyle(
+                      fontSize: 16,
+                      fontWeight: FontWeight.w600,
+                      color: AppTheme.textPrimary,
+                    ),
+                  ),
+                  const SizedBox(height: 4),
+                  Text(
+                    member.numeroMembre,
+                    style: TextStyle(
+                      fontSize: 14,
+                      color: AppTheme.textSecondary,
+                    ),
+                  ),
+                  const SizedBox(height: 4),
+                  Row(
+                    children: [
+                      Icon(
+                        Icons.phone,
+                        size: 14,
+                        color: AppTheme.textHint,
+                      ),
+                      const SizedBox(width: 4),
+                      Text(
+                        member.telephone,
+                        style: TextStyle(
+                          fontSize: 12,
+                          color: AppTheme.textHint,
+                        ),
+                      ),
+                    ],
+                  ),
+                ],
+              ),
+            ),
+
+            // Badge de statut
+            Container(
+              padding: const EdgeInsets.symmetric(horizontal: 8, vertical: 4),
+              decoration: BoxDecoration(
+                color: AppTheme.successColor.withOpacity(0.1),
+                borderRadius: BorderRadius.circular(12),
+              ),
+              child: Text(
+                member.statutLibelle,
+                style: const TextStyle(
+                  fontSize: 12,
+                  fontWeight: FontWeight.w500,
+                  color: AppTheme.successColor,
+                ),
+              ),
+            ),
+
+            // Actions rapides
+            PopupMenuButton<String>(
+              icon: Icon(
+                Icons.more_vert,
+                color: AppTheme.textSecondary,
+                size: 20,
+              ),
+              onSelected: (value) {
+                switch (value) {
+                  case 'call':
+                    widget.onMemberCall?.call(member);
+                    break;
+                  case 'message':
+                    widget.onMemberMessage?.call(member);
+                    break;
+                  case 'edit':
+                    widget.onMemberEdit?.call(member);
+                    break;
+                }
+              },
+              itemBuilder: (context) => [
+                const PopupMenuItem(
+                  value: 'call',
+                  child: Row(
+                    children: [
+                      Icon(Icons.phone, size: 16),
+                      SizedBox(width: 8),
+                      Text('Appeler'),
+                    ],
+                  ),
+                ),
+                const PopupMenuItem(
+                  value: 'message',
+                  child: Row(
+                    children: [
+                      Icon(Icons.message, size: 16),
+                      SizedBox(width: 8),
+                      Text('Message'),
+                    ],
+                  ),
+                ),
+                const PopupMenuItem(
+                  value: 'edit',
+                  child: Row(
+                    children: [
+                      Icon(Icons.edit, size: 16),
+                      SizedBox(width: 8),
+                      Text('Modifier'),
+                    ],
+                  ),
+                ),
+              ],
+            ),
+          ],
+        ),
+      ),
+    );
+  }
+
+  Widget _buildGridMemberCard(MembreModel member) {
+    final isSelected = _selectedMembers.contains(member.id);
+
+    return InkWell(
+      onTap: () {
+        if (_selectedMembers.isNotEmpty) {
+          _toggleMemberSelection(member.id!);
+        } else {
+          widget.onMemberTap(member);
+        }
+      },
+      onLongPress: () => _toggleMemberSelection(member.id!),
+      borderRadius: BorderRadius.circular(16),
+      child: Container(
+        padding: const EdgeInsets.all(16),
+        decoration: BoxDecoration(
+          color: isSelected ? AppTheme.primaryColor.withOpacity(0.1) : Colors.white,
+          borderRadius: BorderRadius.circular(16),
+          border: Border.all(
+            color: isSelected ? AppTheme.primaryColor : Colors.grey[200]!,
+            width: isSelected ? 2 : 1,
+          ),
+          boxShadow: [
+            BoxShadow(
+              color: Colors.black.withOpacity(0.08),
+              blurRadius: 12,
+              offset: const Offset(0, 4),
+            ),
+          ],
+        ),
+        child: Column(
+          children: [
+            // Avatar
+            Container(
+              width: 60,
+              height: 60,
+              decoration: BoxDecoration(
+                shape: BoxShape.circle,
+                gradient: LinearGradient(
+                  colors: [
+                    AppTheme.primaryColor,
+                    AppTheme.primaryColor.withOpacity(0.7),
+                  ],
+                ),
+              ),
+              child: Center(
+                child: Text(
+                  member.nomComplet.split(' ').map((e) => e[0]).take(2).join(),
+                  style: const TextStyle(
+                    color: Colors.white,
+                    fontWeight: FontWeight.bold,
+                    fontSize: 18,
+                  ),
+                ),
+              ),
+            ),
+            const SizedBox(height: 12),
+
+            // Nom
+            Text(
+              member.nomComplet,
+              style: const TextStyle(
+                fontSize: 14,
+                fontWeight: FontWeight.w600,
+                color: AppTheme.textPrimary,
+              ),
+              textAlign: TextAlign.center,
+              maxLines: 2,
+              overflow: TextOverflow.ellipsis,
+            ),
+            const SizedBox(height: 4),
+
+            // Numéro membre
+            Text(
+              member.numeroMembre,
+              style: TextStyle(
+                fontSize: 12,
+                color: AppTheme.textSecondary,
+              ),
+            ),
+            const SizedBox(height: 8),
+
+            // Badge de statut
+            Container(
+              padding: const EdgeInsets.symmetric(horizontal: 8, vertical: 4),
+              decoration: BoxDecoration(
+                color: AppTheme.successColor.withOpacity(0.1),
+                borderRadius: BorderRadius.circular(12),
+              ),
+              child: Text(
+                member.statutLibelle,
+                style: const TextStyle(
+                  fontSize: 10,
+                  fontWeight: FontWeight.w500,
+                  color: AppTheme.successColor,
+                ),
+              ),
+            ),
+            const Spacer(),
+
+            // Actions rapides
+            Row(
+              mainAxisAlignment: MainAxisAlignment.spaceEvenly,
+              children: [
+                IconButton(
+                  onPressed: () => widget.onMemberCall?.call(member),
+                  icon: const Icon(Icons.phone, size: 18),
+                  style: IconButton.styleFrom(
+                    backgroundColor: AppTheme.successColor.withOpacity(0.1),
+                    foregroundColor: AppTheme.successColor,
+                    minimumSize: const Size(32, 32),
+                  ),
+                ),
+                IconButton(
+                  onPressed: () => widget.onMemberMessage?.call(member),
+                  icon: const Icon(Icons.message, size: 18),
+                  style: IconButton.styleFrom(
+                    backgroundColor: AppTheme.infoColor.withOpacity(0.1),
+                    foregroundColor: AppTheme.infoColor,
+                    minimumSize: const Size(32, 32),
+                  ),
+                ),
+                IconButton(
+                  onPressed: () => widget.onMemberEdit?.call(member),
+                  icon: const Icon(Icons.edit, size: 18),
+                  style: IconButton.styleFrom(
+                    backgroundColor: AppTheme.warningColor.withOpacity(0.1),
+                    foregroundColor: AppTheme.warningColor,
+                    minimumSize: const Size(32, 32),
+                  ),
+                ),
+              ],
+            ),
+          ],
+        ),
+      ),
+    );
+  }
+}

unionflow-mobile-apps/lib/features/members/presentation/widgets/dashboard/members_interactive_card_widget.dart

@@ -0,0 +1,471 @@
+import 'package:flutter/material.dart';
+import 'package:flutter/services.dart';
+import '../../../../../core/models/membre_model.dart';
+import '../../../../../shared/theme/app_theme.dart';
+
+/// Carte membre interactive avec animations avancées
+class MembersInteractiveCardWidget extends StatefulWidget {
+  final MembreModel member;
+  final VoidCallback? onTap;
+  final VoidCallback? onCall;
+  final VoidCallback? onMessage;
+  final VoidCallback? onEdit;
+  final bool isSelected;
+  final bool showActions;
+
+  const MembersInteractiveCardWidget({
+    super.key,
+    required this.member,
+    this.onTap,
+    this.onCall,
+    this.onMessage,
+    this.onEdit,
+    this.isSelected = false,
+    this.showActions = true,
+  });
+
+  @override
+  State<MembersInteractiveCardWidget> createState() => _MembersInteractiveCardWidgetState();
+}
+
+class _MembersInteractiveCardWidgetState extends State<MembersInteractiveCardWidget>
+    with TickerProviderStateMixin {
+  late AnimationController _hoverController;
+  late AnimationController _tapController;
+  late AnimationController _actionsController;
+  
+  late Animation<double> _scaleAnimation;
+  late Animation<double> _elevationAnimation;
+  late Animation<double> _actionsAnimation;
+  late Animation<Offset> _slideAnimation;
+  
+  bool _isHovered = false;
+  bool _showActions = false;
+
+  @override
+  void initState() {
+    super.initState();
+    
+    _hoverController = AnimationController(
+      duration: const Duration(milliseconds: 200),
+      vsync: this,
+    );
+    
+    _tapController = AnimationController(
+      duration: const Duration(milliseconds: 100),
+      vsync: this,
+    );
+    
+    _actionsController = AnimationController(
+      duration: const Duration(milliseconds: 300),
+      vsync: this,
+    );
+    
+    _scaleAnimation = Tween<double>(begin: 1.0, end: 1.02).animate(
+      CurvedAnimation(parent: _hoverController, curve: Curves.easeOut),
+    );
+    
+    _elevationAnimation = Tween<double>(begin: 2.0, end: 8.0).animate(
+      CurvedAnimation(parent: _hoverController, curve: Curves.easeOut),
+    );
+    
+    _actionsAnimation = Tween<double>(begin: 0.0, end: 1.0).animate(
+      CurvedAnimation(parent: _actionsController, curve: Curves.elasticOut),
+    );
+    
+    _slideAnimation = Tween<Offset>(
+      begin: const Offset(1.0, 0.0),
+      end: Offset.zero,
+    ).animate(CurvedAnimation(parent: _actionsController, curve: Curves.easeOut));
+  }
+
+  @override
+  void dispose() {
+    _hoverController.dispose();
+    _tapController.dispose();
+    _actionsController.dispose();
+    super.dispose();
+  }
+
+  void _onHover(bool isHovered) {
+    setState(() {
+      _isHovered = isHovered;
+    });
+    
+    if (isHovered) {
+      _hoverController.forward();
+      if (widget.showActions) {
+        _showActions = true;
+        _actionsController.forward();
+      }
+    } else {
+      _hoverController.reverse();
+      _showActions = false;
+      _actionsController.reverse();
+    }
+  }
+
+  void _onTapDown(TapDownDetails details) {
+    _tapController.forward();
+    HapticFeedback.lightImpact();
+  }
+
+  void _onTapUp(TapUpDetails details) {
+    _tapController.reverse();
+  }
+
+  void _onTapCancel() {
+    _tapController.reverse();
+  }
+
+  Color _getStatusColor() {
+    switch (widget.member.statut.toUpperCase()) {
+      case 'ACTIF':
+        return AppTheme.successColor;
+      case 'INACTIF':
+        return AppTheme.warningColor;
+      case 'SUSPENDU':
+        return AppTheme.errorColor;
+      default:
+        return AppTheme.textSecondary;
+    }
+  }
+
+  String _getInitials() {
+    final names = '${widget.member.prenom} ${widget.member.nom}'.split(' ');
+    return names.take(2).map((name) => name.isNotEmpty ? name[0].toUpperCase() : '').join();
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return MouseRegion(
+      onEnter: (_) => _onHover(true),
+      onExit: (_) => _onHover(false),
+      child: GestureDetector(
+        onTapDown: _onTapDown,
+        onTapUp: _onTapUp,
+        onTapCancel: _onTapCancel,
+        onTap: widget.onTap,
+        child: AnimatedBuilder(
+          animation: Listenable.merge([_hoverController, _tapController]),
+          builder: (context, child) {
+            return Transform.scale(
+              scale: _scaleAnimation.value * (1.0 - _tapController.value * 0.02),
+              child: Container(
+                margin: const EdgeInsets.symmetric(horizontal: 4, vertical: 6),
+                decoration: BoxDecoration(
+                  color: Colors.white,
+                  borderRadius: BorderRadius.circular(16),
+                  border: widget.isSelected
+                      ? Border.all(color: AppTheme.primaryColor, width: 2)
+                      : null,
+                  boxShadow: [
+                    BoxShadow(
+                      color: Colors.black.withOpacity(0.1),
+                      blurRadius: _elevationAnimation.value,
+                      offset: Offset(0, _elevationAnimation.value / 2),
+                    ),
+                  ],
+                ),
+                child: Stack(
+                  children: [
+                    // Contenu principal
+                    Padding(
+                      padding: const EdgeInsets.all(16),
+                      child: Column(
+                        crossAxisAlignment: CrossAxisAlignment.start,
+                        children: [
+                          // En-tête avec avatar et statut
+                          Row(
+                            children: [
+                              _buildAnimatedAvatar(),
+                              const SizedBox(width: 12),
+                              Expanded(
+                                child: Column(
+                                  crossAxisAlignment: CrossAxisAlignment.start,
+                                  children: [
+                                    Text(
+                                      widget.member.nomComplet,
+                                      style: const TextStyle(
+                                        fontSize: 16,
+                                        fontWeight: FontWeight.w600,
+                                        color: AppTheme.textPrimary,
+                                      ),
+                                      maxLines: 1,
+                                      overflow: TextOverflow.ellipsis,
+                                    ),
+                                    const SizedBox(height: 2),
+                                    Row(
+                                      children: [
+                                        Text(
+                                          widget.member.numeroMembre,
+                                          style: const TextStyle(
+                                            fontSize: 12,
+                                            color: AppTheme.textSecondary,
+                                          ),
+                                        ),
+                                        const SizedBox(width: 8),
+                                        _buildStatusBadge(),
+                                      ],
+                                    ),
+                                  ],
+                                ),
+                              ),
+                            ],
+                          ),
+                          const SizedBox(height: 12),
+                          
+                          // Informations de contact
+                          _buildContactInfo(),
+                          const SizedBox(height: 12),
+                          
+                          // Informations supplémentaires
+                          _buildAdditionalInfo(),
+                        ],
+                      ),
+                    ),
+                    
+                    // Actions flottantes
+                    if (_showActions && widget.showActions)
+                      Positioned(
+                        top: 8,
+                        right: 8,
+                        child: SlideTransition(
+                          position: _slideAnimation,
+                          child: ScaleTransition(
+                            scale: _actionsAnimation,
+                            child: _buildFloatingActions(),
+                          ),
+                        ),
+                      ),
+                    
+                    // Indicateur de sélection
+                    if (widget.isSelected)
+                      Positioned(
+                        top: 8,
+                        left: 8,
+                        child: Container(
+                          padding: const EdgeInsets.all(4),
+                          decoration: const BoxDecoration(
+                            color: AppTheme.primaryColor,
+                            shape: BoxShape.circle,
+                          ),
+                          child: const Icon(
+                            Icons.check,
+                            color: Colors.white,
+                            size: 12,
+                          ),
+                        ),
+                      ),
+                  ],
+                ),
+              ),
+            );
+          },
+        ),
+      ),
+    );
+  }
+
+  Widget _buildAnimatedAvatar() {
+    return AnimatedContainer(
+      duration: const Duration(milliseconds: 200),
+      width: _isHovered ? 52 : 48,
+      height: _isHovered ? 52 : 48,
+      decoration: BoxDecoration(
+        gradient: LinearGradient(
+          begin: Alignment.topLeft,
+          end: Alignment.bottomRight,
+          colors: [
+            AppTheme.primaryColor,
+            AppTheme.primaryColor.withOpacity(0.7),
+          ],
+        ),
+        borderRadius: BorderRadius.circular(_isHovered ? 16 : 14),
+        boxShadow: [
+          BoxShadow(
+            color: AppTheme.primaryColor.withOpacity(0.3),
+            blurRadius: _isHovered ? 8 : 4,
+            offset: const Offset(0, 2),
+          ),
+        ],
+      ),
+      child: Center(
+        child: Text(
+          _getInitials(),
+          style: TextStyle(
+            color: Colors.white,
+            fontSize: _isHovered ? 18 : 16,
+            fontWeight: FontWeight.bold,
+          ),
+        ),
+      ),
+    );
+  }
+
+  Widget _buildStatusBadge() {
+    final statusColor = _getStatusColor();
+    return Container(
+      padding: const EdgeInsets.symmetric(horizontal: 6, vertical: 2),
+      decoration: BoxDecoration(
+        color: statusColor.withOpacity(0.1),
+        borderRadius: BorderRadius.circular(8),
+        border: Border.all(color: statusColor.withOpacity(0.3)),
+      ),
+      child: Row(
+        mainAxisSize: MainAxisSize.min,
+        children: [
+          Container(
+            width: 6,
+            height: 6,
+            decoration: BoxDecoration(
+              color: statusColor,
+              shape: BoxShape.circle,
+            ),
+          ),
+          const SizedBox(width: 4),
+          Text(
+            widget.member.statutLibelle,
+            style: TextStyle(
+              fontSize: 10,
+              fontWeight: FontWeight.w500,
+              color: statusColor,
+            ),
+          ),
+        ],
+      ),
+    );
+  }
+
+  Widget _buildContactInfo() {
+    return Column(
+      children: [
+        _buildInfoRow(Icons.email_outlined, widget.member.email),
+        const SizedBox(height: 4),
+        _buildInfoRow(Icons.phone_outlined, widget.member.telephone),
+      ],
+    );
+  }
+
+  Widget _buildInfoRow(IconData icon, String text) {
+    return Row(
+      children: [
+        Icon(
+          icon,
+          size: 14,
+          color: AppTheme.textSecondary,
+        ),
+        const SizedBox(width: 6),
+        Expanded(
+          child: Text(
+            text,
+            style: const TextStyle(
+              fontSize: 12,
+              color: AppTheme.textSecondary,
+            ),
+            maxLines: 1,
+            overflow: TextOverflow.ellipsis,
+          ),
+        ),
+      ],
+    );
+  }
+
+  Widget _buildAdditionalInfo() {
+    return Row(
+      children: [
+        _buildInfoChip(
+          Icons.cake_outlined,
+          '${widget.member.age} ans',
+          AppTheme.infoColor,
+        ),
+        const SizedBox(width: 8),
+        _buildInfoChip(
+          Icons.calendar_today_outlined,
+          'Depuis ${widget.member.dateAdhesion?.year ?? 'N/A'}',
+          AppTheme.successColor,
+        ),
+      ],
+    );
+  }
+
+  Widget _buildInfoChip(IconData icon, String text, Color color) {
+    return Container(
+      padding: const EdgeInsets.symmetric(horizontal: 8, vertical: 4),
+      decoration: BoxDecoration(
+        color: color.withOpacity(0.1),
+        borderRadius: BorderRadius.circular(12),
+      ),
+      child: Row(
+        mainAxisSize: MainAxisSize.min,
+        children: [
+          Icon(
+            icon,
+            size: 12,
+            color: color,
+          ),
+          const SizedBox(width: 4),
+          Text(
+            text,
+            style: TextStyle(
+              fontSize: 10,
+              fontWeight: FontWeight.w500,
+              color: color,
+            ),
+          ),
+        ],
+      ),
+    );
+  }
+
+  Widget _buildFloatingActions() {
+    return Container(
+      decoration: BoxDecoration(
+        color: Colors.white,
+        borderRadius: BorderRadius.circular(20),
+        boxShadow: [
+          BoxShadow(
+            color: Colors.black.withOpacity(0.1),
+            blurRadius: 8,
+            offset: const Offset(0, 2),
+          ),
+        ],
+      ),
+      child: Row(
+        mainAxisSize: MainAxisSize.min,
+        children: [
+          _buildActionButton(
+            Icons.phone,
+            AppTheme.successColor,
+            widget.onCall,
+          ),
+          _buildActionButton(
+            Icons.message,
+            AppTheme.infoColor,
+            widget.onMessage,
+          ),
+          _buildActionButton(
+            Icons.edit,
+            AppTheme.warningColor,
+            widget.onEdit,
+          ),
+        ],
+      ),
+    );
+  }
+
+  Widget _buildActionButton(IconData icon, Color color, VoidCallback? onTap) {
+    return InkWell(
+      onTap: onTap,
+      borderRadius: BorderRadius.circular(16),
+      child: Container(
+        padding: const EdgeInsets.all(8),
+        child: Icon(
+          icon,
+          size: 16,
+          color: color,
+        ),
+      ),
+    );
+  }
+}

unionflow-mobile-apps/lib/features/members/presentation/widgets/dashboard/members_kpi_card_widget.dart

@@ -0,0 +1,169 @@
+import 'package:flutter/material.dart';
+import '../../../../../shared/theme/app_theme.dart';
+
+/// Widget de carte KPI réutilisable pour les membres
+class MembersKPICardWidget extends StatelessWidget {
+  final String title;
+  final String value;
+  final String subtitle;
+  final IconData icon;
+  final Color color;
+  final String? trend;
+  final bool? isPositiveTrend;
+  final List<String>? details;
+  final VoidCallback? onTap;
+
+  const MembersKPICardWidget({
+    super.key,
+    required this.title,
+    required this.value,
+    required this.subtitle,
+    required this.icon,
+    required this.color,
+    this.trend,
+    this.isPositiveTrend,
+    this.details,
+    this.onTap,
+  });
+
+  @override
+  Widget build(BuildContext context) {
+    return GestureDetector(
+      onTap: onTap,
+      child: Container(
+        padding: const EdgeInsets.all(16),
+        decoration: BoxDecoration(
+          color: Colors.white,
+          borderRadius: BorderRadius.circular(12),
+          boxShadow: [
+            BoxShadow(
+              color: Colors.black.withOpacity(0.05),
+              blurRadius: 10,
+              offset: const Offset(0, 2),
+            ),
+          ],
+        ),
+        child: Column(
+          crossAxisAlignment: CrossAxisAlignment.start,
+          children: [
+            // En-tête avec icône et titre
+            Row(
+              children: [
+                Container(
+                  padding: const EdgeInsets.all(8),
+                  decoration: BoxDecoration(
+                    color: color.withOpacity(0.1),
+                    borderRadius: BorderRadius.circular(8),
+                  ),
+                  child: Icon(
+                    icon,
+                    color: color,
+                    size: 20,
+                  ),
+                ),
+                const SizedBox(width: 12),
+                Expanded(
+                  child: Text(
+                    title,
+                    style: const TextStyle(
+                      fontSize: 14,
+                      fontWeight: FontWeight.w500,
+                      color: AppTheme.textSecondary,
+                    ),
+                  ),
+                ),
+                if (trend != null) ...[
+                  Container(
+                    padding: const EdgeInsets.symmetric(horizontal: 6, vertical: 2),
+                    decoration: BoxDecoration(
+                      color: (isPositiveTrend ?? true) 
+                          ? AppTheme.successColor.withOpacity(0.1)
+                          : AppTheme.errorColor.withOpacity(0.1),
+                      borderRadius: BorderRadius.circular(4),
+                    ),
+                    child: Row(
+                      mainAxisSize: MainAxisSize.min,
+                      children: [
+                        Icon(
+                          (isPositiveTrend ?? true) 
+                              ? Icons.trending_up 
+                              : Icons.trending_down,
+                          size: 12,
+                          color: (isPositiveTrend ?? true) 
+                              ? AppTheme.successColor 
+                              : AppTheme.errorColor,
+                        ),
+                        const SizedBox(width: 2),
+                        Text(
+                          trend!,
+                          style: TextStyle(
+                            fontSize: 10,
+                            fontWeight: FontWeight.w600,
+                            color: (isPositiveTrend ?? true) 
+                                ? AppTheme.successColor 
+                                : AppTheme.errorColor,
+                          ),
+                        ),
+                      ],
+                    ),
+                  ),
+                ],
+              ],
+            ),
+            const SizedBox(height: 12),
+            
+            // Valeur principale
+            Text(
+              value,
+              style: TextStyle(
+                fontSize: 24,
+                fontWeight: FontWeight.bold,
+                color: color,
+              ),
+            ),
+            const SizedBox(height: 4),
+            
+            // Sous-titre
+            Text(
+              subtitle,
+              style: const TextStyle(
+                fontSize: 12,
+                color: AppTheme.textSecondary,
+              ),
+            ),
+            
+            // Détails optionnels
+            if (details != null && details!.isNotEmpty) ...[
+              const SizedBox(height: 8),
+              ...details!.take(2).map((detail) => Padding(
+                padding: const EdgeInsets.only(top: 2),
+                child: Row(
+                  children: [
+                    Container(
+                      width: 4,
+                      height: 4,
+                      decoration: BoxDecoration(
+                        color: color.withOpacity(0.6),
+                        shape: BoxShape.circle,
+                      ),
+                    ),
+                    const SizedBox(width: 6),
+                    Expanded(
+                      child: Text(
+                        detail,
+                        style: const TextStyle(
+                          fontSize: 10,
+                          color: AppTheme.textSecondary,
+                        ),
+                      ),
+                    ),
+                  ],
+                ),
+              )),
+            ],
+          ],
+        ),
+      ),
+    );
+  }
+}

unionflow-mobile-apps/lib/features/members/presentation/widgets/dashboard/members_kpi_section_widget.dart

@@ -0,0 +1,200 @@
+import 'package:flutter/material.dart';
+import '../../../../../shared/theme/app_theme.dart';
+import 'members_kpi_card_widget.dart';
+
+/// Widget de section KPI pour le dashboard des membres
+class MembersKPISectionWidget extends StatelessWidget {
+  const MembersKPISectionWidget({super.key});
+
+  @override
+  Widget build(BuildContext context) {
+    return Column(
+      crossAxisAlignment: CrossAxisAlignment.start,
+      children: [
+        // Titre de section
+        const Row(
+          children: [
+            Icon(
+              Icons.analytics,
+              color: AppTheme.primaryColor,
+              size: 20,
+            ),
+            SizedBox(width: 8),
+            Text(
+              'Indicateurs Clés',
+              style: TextStyle(
+                fontSize: 18,
+                fontWeight: FontWeight.w600,
+                color: AppTheme.textPrimary,
+              ),
+            ),
+          ],
+        ),
+        const SizedBox(height: 16),
+        
+        // Grille de KPI
+        GridView.count(
+          shrinkWrap: true,
+          physics: const NeverScrollableScrollPhysics(),
+          crossAxisCount: 2,
+          crossAxisSpacing: 12,
+          mainAxisSpacing: 12,
+          childAspectRatio: 1.1,
+          children: [
+            // Total des membres
+            MembersKPICardWidget(
+              title: 'Total Membres',
+              value: '1,247',
+              subtitle: 'Membres enregistrés',
+              icon: Icons.people,
+              color: AppTheme.primaryColor,
+              trend: '+24.7%',
+              isPositiveTrend: true,
+              details: const [
+                '1,089 Actifs (87.3%)',
+                '158 Inactifs (12.7%)',
+              ],
+              onTap: () => _showMemberDetails(context, 'total'),
+            ),
+            
+            // Nouveaux membres
+            MembersKPICardWidget(
+              title: 'Nouveaux Membres',
+              value: '47',
+              subtitle: 'Ce mois-ci',
+              icon: Icons.person_add,
+              color: AppTheme.successColor,
+              trend: '+15.2%',
+              isPositiveTrend: true,
+              details: const [
+                '28 Particuliers',
+                '19 Professionnels',
+              ],
+              onTap: () => _showMemberDetails(context, 'nouveaux'),
+            ),
+            
+            // Membres actifs
+            MembersKPICardWidget(
+              title: 'Membres Actifs',
+              value: '1,089',
+              subtitle: 'Derniers 30 jours',
+              icon: Icons.trending_up,
+              color: AppTheme.infoColor,
+              trend: '+8.3%',
+              isPositiveTrend: true,
+              details: const [
+                '892 Très actifs',
+                '197 Modérément actifs',
+              ],
+              onTap: () => _showMemberDetails(context, 'actifs'),
+            ),
+            
+            // Taux de rétention
+            MembersKPICardWidget(
+              title: 'Taux de Rétention',
+              value: '94.2%',
+              subtitle: 'Sur 12 mois',
+              icon: Icons.favorite,
+              color: AppTheme.warningColor,
+              trend: '+2.1%',
+              isPositiveTrend: true,
+              details: const [
+                '1,175 Fidèles',
+                '72 Nouveaux',
+              ],
+              onTap: () => _showMemberDetails(context, 'retention'),
+            ),
+            
+            // Âge moyen
+            MembersKPICardWidget(
+              title: 'Âge Moyen',
+              value: '34.5',
+              subtitle: 'Années',
+              icon: Icons.cake,
+              color: AppTheme.errorColor,
+              trend: '+0.8',
+              isPositiveTrend: true,
+              details: const [
+                '18-30 ans: 42%',
+                '31-50 ans: 38%',
+              ],
+              onTap: () => _showMemberDetails(context, 'age'),
+            ),
+            
+            // Répartition genre
+            MembersKPICardWidget(
+              title: 'Répartition Genre',
+              value: '52/48',
+              subtitle: 'Femmes/Hommes (%)',
+              icon: Icons.people_outline,
+              color: const Color(0xFF9C27B0),
+              details: const [
+                '649 Femmes (52%)',
+                '598 Hommes (48%)',
+              ],
+              onTap: () => _showMemberDetails(context, 'genre'),
+            ),
+          ],
+        ),
+      ],
+    );
+  }
+
+  /// Affiche les détails d'un KPI spécifique
+  static void _showMemberDetails(BuildContext context, String type) {
+    String title = '';
+    String content = '';
+    
+    switch (type) {
+      case 'total':
+        title = 'Total des Membres';
+        content = 'Détails de tous les membres enregistrés dans le système.';
+        break;
+      case 'nouveaux':
+        title = 'Nouveaux Membres';
+        content = 'Liste des membres qui ont rejoint ce mois-ci.';
+        break;
+      case 'actifs':
+        title = 'Membres Actifs';
+        content = 'Membres ayant une activité récente sur la plateforme.';
+        break;
+      case 'retention':
+        title = 'Taux de Rétention';
+        content = 'Pourcentage de membres restés actifs sur 12 mois.';
+        break;
+      case 'age':
+        title = 'Répartition par Âge';
+        content = 'Distribution des membres par tranches d\'âge.';
+        break;
+      case 'genre':
+        title = 'Répartition par Genre';
+        content = 'Distribution des membres par genre.';
+        break;
+    }
+    
+    showDialog(
+      context: context,
+      builder: (context) => AlertDialog(
+        title: Text(title),
+        content: Text(content),
+        actions: [
+          TextButton(
+            onPressed: () => Navigator.of(context).pop(),
+            child: const Text('Fermer'),
+          ),
+          ElevatedButton(
+            onPressed: () {
+              Navigator.of(context).pop();
+              // TODO: Naviguer vers la vue détaillée
+            },
+            style: ElevatedButton.styleFrom(
+              backgroundColor: AppTheme.primaryColor,
+              foregroundColor: Colors.white,
+            ),
+            child: const Text('Voir détails'),
+          ),
+        ],
+      ),
+    );
+  }
+}

unionflow-mobile-apps/lib/features/members/presentation/widgets/dashboard/members_notifications_widget.dart

@@ -0,0 +1,519 @@
+import 'package:flutter/material.dart';
+import 'dart:async';
+import '../../../../../shared/theme/app_theme.dart';
+
+/// Widget de notifications en temps réel pour les membres
+class MembersNotificationsWidget extends StatefulWidget {
+  const MembersNotificationsWidget({super.key});
+
+  @override
+  State<MembersNotificationsWidget> createState() => _MembersNotificationsWidgetState();
+}
+
+class _MembersNotificationsWidgetState extends State<MembersNotificationsWidget>
+    with TickerProviderStateMixin {
+  late AnimationController _pulseController;
+  late AnimationController _slideController;
+  late Animation<double> _pulseAnimation;
+  late Animation<Offset> _slideAnimation;
+  
+  Timer? _notificationTimer;
+  List<Map<String, dynamic>> _notifications = [];
+  bool _hasUnreadNotifications = false;
+  bool _isExpanded = false;
+
+  @override
+  void initState() {
+    super.initState();
+    
+    _pulseController = AnimationController(
+      duration: const Duration(milliseconds: 1000),
+      vsync: this,
+    );
+    
+    _slideController = AnimationController(
+      duration: const Duration(milliseconds: 300),
+      vsync: this,
+    );
+    
+    _pulseAnimation = Tween<double>(begin: 1.0, end: 1.2).animate(
+      CurvedAnimation(parent: _pulseController, curve: Curves.easeInOut),
+    );
+    
+    _slideAnimation = Tween<Offset>(
+      begin: const Offset(0, -1),
+      end: Offset.zero,
+    ).animate(CurvedAnimation(parent: _slideController, curve: Curves.easeOut));
+    
+    _startNotificationSimulation();
+    _loadInitialNotifications();
+  }
+
+  @override
+  void dispose() {
+    _notificationTimer?.cancel();
+    _pulseController.dispose();
+    _slideController.dispose();
+    super.dispose();
+  }
+
+  void _loadInitialNotifications() {
+    _notifications = [
+      {
+        'id': '1',
+        'type': 'new_member',
+        'title': 'Nouveau membre inscrit',
+        'message': 'Marie Kouassi a rejoint la communauté',
+        'timestamp': DateTime.now().subtract(const Duration(minutes: 5)),
+        'isRead': false,
+        'icon': Icons.person_add,
+        'color': AppTheme.successColor,
+        'priority': 'high',
+      },
+      {
+        'id': '2',
+        'type': 'payment',
+        'title': 'Cotisation reçue',
+        'message': 'Jean Baptiste a payé sa cotisation mensuelle',
+        'timestamp': DateTime.now().subtract(const Duration(minutes: 15)),
+        'isRead': false,
+        'icon': Icons.payment,
+        'color': AppTheme.primaryColor,
+        'priority': 'medium',
+      },
+      {
+        'id': '3',
+        'type': 'reminder',
+        'title': 'Rappel automatique',
+        'message': '12 membres ont des cotisations en retard',
+        'timestamp': DateTime.now().subtract(const Duration(hours: 1)),
+        'isRead': true,
+        'icon': Icons.notification_important,
+        'color': AppTheme.warningColor,
+        'priority': 'medium',
+      },
+    ];
+    
+    _updateNotificationState();
+  }
+
+  void _startNotificationSimulation() {
+    _notificationTimer = Timer.periodic(const Duration(seconds: 30), (timer) {
+      _addRandomNotification();
+    });
+  }
+
+  void _addRandomNotification() {
+    final notifications = [
+      {
+        'type': 'new_member',
+        'title': 'Nouveau membre inscrit',
+        'message': 'Un nouveau membre a rejoint la communauté',
+        'icon': Icons.person_add,
+        'color': AppTheme.successColor,
+        'priority': 'high',
+      },
+      {
+        'type': 'update',
+        'title': 'Profil mis à jour',
+        'message': 'Un membre a modifié ses informations',
+        'icon': Icons.edit,
+        'color': AppTheme.infoColor,
+        'priority': 'low',
+      },
+      {
+        'type': 'activity',
+        'title': 'Activité détectée',
+        'message': 'Connexion d\'un membre inactif',
+        'icon': Icons.trending_up,
+        'color': AppTheme.successColor,
+        'priority': 'medium',
+      },
+    ];
+    
+    final randomNotification = notifications[DateTime.now().millisecond % notifications.length];
+    final newNotification = {
+      'id': DateTime.now().millisecondsSinceEpoch.toString(),
+      'timestamp': DateTime.now(),
+      'isRead': false,
+      ...randomNotification,
+    };
+    
+    setState(() {
+      _notifications.insert(0, newNotification);
+      if (_notifications.length > 20) {
+        _notifications = _notifications.take(20).toList();
+      }
+    });
+    
+    _updateNotificationState();
+    _showNotificationAnimation();
+  }
+
+  void _updateNotificationState() {
+    final hasUnread = _notifications.any((notification) => !notification['isRead']);
+    if (hasUnread != _hasUnreadNotifications) {
+      setState(() {
+        _hasUnreadNotifications = hasUnread;
+      });
+      
+      if (hasUnread) {
+        _pulseController.repeat(reverse: true);
+      } else {
+        _pulseController.stop();
+        _pulseController.reset();
+      }
+    }
+  }
+
+  void _showNotificationAnimation() {
+    _slideController.forward().then((_) {
+      Timer(const Duration(seconds: 3), () {
+        if (mounted) {
+          _slideController.reverse();
+        }
+      });
+    });
+  }
+
+  void _toggleExpanded() {
+    setState(() {
+      _isExpanded = !_isExpanded;
+    });
+  }
+
+  void _markAsRead(String notificationId) {
+    setState(() {
+      final index = _notifications.indexWhere((n) => n['id'] == notificationId);
+      if (index != -1) {
+        _notifications[index]['isRead'] = true;
+      }
+    });
+    _updateNotificationState();
+  }
+
+  void _markAllAsRead() {
+    setState(() {
+      for (var notification in _notifications) {
+        notification['isRead'] = true;
+      }
+    });
+    _updateNotificationState();
+  }
+
+  void _clearNotifications() {
+    setState(() {
+      _notifications.clear();
+    });
+    _updateNotificationState();
+  }
+
+  String _formatTimestamp(DateTime timestamp) {
+    final now = DateTime.now();
+    final difference = now.difference(timestamp);
+    
+    if (difference.inMinutes < 1) {
+      return 'À l\'instant';
+    } else if (difference.inMinutes < 60) {
+      return 'Il y a ${difference.inMinutes}min';
+    } else if (difference.inHours < 24) {
+      return 'Il y a ${difference.inHours}h';
+    } else {
+      return 'Il y a ${difference.inDays}j';
+    }
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return Column(
+      children: [
+        // Notification flottante
+        if (_slideController.isAnimating || _slideController.isCompleted)
+          SlideTransition(
+            position: _slideAnimation,
+            child: _buildFloatingNotification(),
+          ),
+        
+        // Widget principal des notifications
+        Container(
+          margin: const EdgeInsets.only(bottom: 16),
+          decoration: BoxDecoration(
+            color: Colors.white,
+            borderRadius: BorderRadius.circular(12),
+            boxShadow: [
+              BoxShadow(
+                color: Colors.black.withOpacity(0.05),
+                blurRadius: 10,
+                offset: const Offset(0, 2),
+              ),
+            ],
+          ),
+          child: Column(
+            children: [
+              // En-tête
+              InkWell(
+                onTap: _toggleExpanded,
+                borderRadius: const BorderRadius.vertical(top: Radius.circular(12)),
+                child: Container(
+                  padding: const EdgeInsets.all(16),
+                  child: Row(
+                    children: [
+                      AnimatedBuilder(
+                        animation: _pulseAnimation,
+                        builder: (context, child) {
+                          return Transform.scale(
+                            scale: _hasUnreadNotifications ? _pulseAnimation.value : 1.0,
+                            child: Container(
+                              padding: const EdgeInsets.all(6),
+                              decoration: BoxDecoration(
+                                color: _hasUnreadNotifications
+                                    ? AppTheme.errorColor.withOpacity(0.1)
+                                    : AppTheme.primaryColor.withOpacity(0.1),
+                                borderRadius: BorderRadius.circular(6),
+                              ),
+                              child: Icon(
+                                Icons.notifications,
+                                color: _hasUnreadNotifications
+                                    ? AppTheme.errorColor
+                                    : AppTheme.primaryColor,
+                                size: 16,
+                              ),
+                            ),
+                          );
+                        },
+                      ),
+                      const SizedBox(width: 12),
+                      const Expanded(
+                        child: Text(
+                          'Notifications',
+                          style: TextStyle(
+                            fontSize: 16,
+                            fontWeight: FontWeight.w600,
+                            color: AppTheme.textPrimary,
+                          ),
+                        ),
+                      ),
+                      if (_notifications.where((n) => !n['isRead']).isNotEmpty)
+                        Container(
+                          padding: const EdgeInsets.symmetric(horizontal: 8, vertical: 4),
+                          decoration: BoxDecoration(
+                            color: AppTheme.errorColor,
+                            borderRadius: BorderRadius.circular(12),
+                          ),
+                          child: Text(
+                            '${_notifications.where((n) => !n['isRead']).length}',
+                            style: const TextStyle(
+                              color: Colors.white,
+                              fontSize: 12,
+                              fontWeight: FontWeight.bold,
+                            ),
+                          ),
+                        ),
+                      const SizedBox(width: 8),
+                      AnimatedRotation(
+                        turns: _isExpanded ? 0.5 : 0.0,
+                        duration: const Duration(milliseconds: 300),
+                        child: const Icon(
+                          Icons.keyboard_arrow_down,
+                          color: AppTheme.textSecondary,
+                        ),
+                      ),
+                    ],
+                  ),
+                ),
+              ),
+              
+              // Liste des notifications
+              AnimatedContainer(
+                duration: const Duration(milliseconds: 300),
+                height: _isExpanded ? null : 0,
+                child: _isExpanded ? _buildNotificationsList() : const SizedBox.shrink(),
+              ),
+            ],
+          ),
+        ),
+      ],
+    );
+  }
+
+  Widget _buildFloatingNotification() {
+    if (_notifications.isEmpty) return const SizedBox.shrink();
+    
+    final notification = _notifications.first;
+    return Container(
+      margin: const EdgeInsets.only(bottom: 8),
+      padding: const EdgeInsets.all(12),
+      decoration: BoxDecoration(
+        color: notification['color'].withOpacity(0.1),
+        borderRadius: BorderRadius.circular(12),
+        border: Border.all(color: notification['color'].withOpacity(0.3)),
+      ),
+      child: Row(
+        children: [
+          Icon(
+            notification['icon'],
+            color: notification['color'],
+            size: 20,
+          ),
+          const SizedBox(width: 12),
+          Expanded(
+            child: Column(
+              crossAxisAlignment: CrossAxisAlignment.start,
+              children: [
+                Text(
+                  notification['title'],
+                  style: const TextStyle(
+                    fontSize: 14,
+                    fontWeight: FontWeight.w600,
+                    color: AppTheme.textPrimary,
+                  ),
+                ),
+                Text(
+                  notification['message'],
+                  style: const TextStyle(
+                    fontSize: 12,
+                    color: AppTheme.textSecondary,
+                  ),
+                ),
+              ],
+            ),
+          ),
+        ],
+      ),
+    );
+  }
+
+  Widget _buildNotificationsList() {
+    return Container(
+      padding: const EdgeInsets.fromLTRB(16, 0, 16, 16),
+      child: Column(
+        children: [
+          const Divider(height: 1),
+          const SizedBox(height: 12),
+          
+          // Actions
+          Row(
+            children: [
+              Expanded(
+                child: OutlinedButton.icon(
+                  onPressed: _markAllAsRead,
+                  icon: const Icon(Icons.done_all, size: 16),
+                  label: const Text('Tout marquer lu'),
+                  style: OutlinedButton.styleFrom(
+                    foregroundColor: AppTheme.textSecondary,
+                    side: BorderSide(color: AppTheme.textSecondary.withOpacity(0.3)),
+                  ),
+                ),
+              ),
+              const SizedBox(width: 12),
+              Expanded(
+                child: OutlinedButton.icon(
+                  onPressed: _clearNotifications,
+                  icon: const Icon(Icons.clear_all, size: 16),
+                  label: const Text('Effacer tout'),
+                  style: OutlinedButton.styleFrom(
+                    foregroundColor: AppTheme.errorColor,
+                    side: BorderSide(color: AppTheme.errorColor.withOpacity(0.3)),
+                  ),
+                ),
+              ),
+            ],
+          ),
+          const SizedBox(height: 16),
+          
+          // Liste des notifications
+          ...(_notifications.take(5).map((notification) => _buildNotificationItem(notification))),
+          
+          if (_notifications.length > 5)
+            TextButton(
+              onPressed: () {
+                // TODO: Naviguer vers la page complète des notifications
+              },
+              child: Text(
+                'Voir toutes les notifications (${_notifications.length})',
+                style: const TextStyle(
+                  fontSize: 12,
+                  color: AppTheme.primaryColor,
+                ),
+              ),
+            ),
+        ],
+      ),
+    );
+  }
+
+  Widget _buildNotificationItem(Map<String, dynamic> notification) {
+    return InkWell(
+      onTap: () => _markAsRead(notification['id']),
+      borderRadius: BorderRadius.circular(8),
+      child: Container(
+        padding: const EdgeInsets.symmetric(vertical: 8, horizontal: 4),
+        child: Row(
+          children: [
+            Container(
+              padding: const EdgeInsets.all(8),
+              decoration: BoxDecoration(
+                color: notification['color'].withOpacity(0.1),
+                borderRadius: BorderRadius.circular(8),
+              ),
+              child: Icon(
+                notification['icon'],
+                color: notification['color'],
+                size: 16,
+              ),
+            ),
+            const SizedBox(width: 12),
+            Expanded(
+              child: Column(
+                crossAxisAlignment: CrossAxisAlignment.start,
+                children: [
+                  Row(
+                    children: [
+                      Expanded(
+                        child: Text(
+                          notification['title'],
+                          style: TextStyle(
+                            fontSize: 14,
+                            fontWeight: notification['isRead'] ? FontWeight.w500 : FontWeight.w600,
+                            color: notification['isRead'] ? AppTheme.textSecondary : AppTheme.textPrimary,
+                          ),
+                        ),
+                      ),
+                      if (!notification['isRead'])
+                        Container(
+                          width: 8,
+                          height: 8,
+                          decoration: const BoxDecoration(
+                            color: AppTheme.errorColor,
+                            shape: BoxShape.circle,
+                          ),
+                        ),
+                    ],
+                  ),
+                  const SizedBox(height: 2),
+                  Text(
+                    notification['message'],
+                    style: const TextStyle(
+                      fontSize: 12,
+                      color: AppTheme.textSecondary,
+                    ),
+                    maxLines: 2,
+                    overflow: TextOverflow.ellipsis,
+                  ),
+                  const SizedBox(height: 2),
+                  Text(
+                    _formatTimestamp(notification['timestamp']),
+                    style: const TextStyle(
+                      fontSize: 10,
+                      color: AppTheme.textHint,
+                    ),
+                  ),
+                ],
+              ),
+            ),
+          ],
+        ),
+      ),
+    );
+  }
+}

unionflow-mobile-apps/lib/features/members/presentation/widgets/dashboard/members_quick_actions_widget.dart

@@ -0,0 +1,182 @@
+import 'package:flutter/material.dart';
+import '../../../../../shared/theme/app_theme.dart';
+import '../../../../../shared/widgets/coming_soon_page.dart';
+import '../../pages/membre_create_page.dart';
+import 'members_action_card_widget.dart';
+
+/// Widget de section d'actions rapides pour les membres
+class MembersQuickActionsWidget extends StatelessWidget {
+  const MembersQuickActionsWidget({super.key});
+
+  @override
+  Widget build(BuildContext context) {
+    return Column(
+      crossAxisAlignment: CrossAxisAlignment.start,
+      children: [
+        // Titre de section
+        const Row(
+          children: [
+            Icon(
+              Icons.flash_on,
+              color: AppTheme.primaryColor,
+              size: 20,
+            ),
+            SizedBox(width: 8),
+            Text(
+              'Actions Rapides',
+              style: TextStyle(
+                fontSize: 18,
+                fontWeight: FontWeight.w600,
+                color: AppTheme.textPrimary,
+              ),
+            ),
+          ],
+        ),
+        const SizedBox(height: 16),
+        
+        // Grille d'actions
+        GridView.count(
+          shrinkWrap: true,
+          physics: const NeverScrollableScrollPhysics(),
+          crossAxisCount: 3,
+          crossAxisSpacing: 8,
+          mainAxisSpacing: 8,
+          childAspectRatio: 1.0,
+          children: [
+            // Ajouter membre
+            MembersActionCardWidget(
+              title: 'Nouveau Membre',
+              subtitle: 'Inscription',
+              icon: Icons.person_add,
+              color: AppTheme.successColor,
+              onTap: () => _handleAction(context, 'add_member'),
+            ),
+            
+            // Rechercher membre
+            MembersActionCardWidget(
+              title: 'Rechercher',
+              subtitle: 'Trouver membre',
+              icon: Icons.search,
+              color: AppTheme.infoColor,
+              onTap: () => _handleAction(context, 'search_member'),
+            ),
+            
+            // Import/Export
+            MembersActionCardWidget(
+              title: 'Import/Export',
+              subtitle: 'Données',
+              icon: Icons.import_export,
+              color: AppTheme.warningColor,
+              onTap: () => _handleAction(context, 'import_export'),
+            ),
+            
+            // Envoyer message
+            MembersActionCardWidget(
+              title: 'Message Groupe',
+              subtitle: 'Communication',
+              icon: Icons.message,
+              color: AppTheme.primaryColor,
+              onTap: () => _handleAction(context, 'group_message'),
+              badge: '12',
+            ),
+            
+            // Statistiques
+            MembersActionCardWidget(
+              title: 'Statistiques',
+              subtitle: 'Analyses',
+              icon: Icons.bar_chart,
+              color: const Color(0xFF9C27B0),
+              onTap: () => _handleAction(context, 'statistics'),
+            ),
+            
+            // Rapports
+            MembersActionCardWidget(
+              title: 'Rapports',
+              subtitle: 'Documents',
+              icon: Icons.description,
+              color: AppTheme.errorColor,
+              onTap: () => _handleAction(context, 'reports'),
+            ),
+            
+            // Paramètres
+            MembersActionCardWidget(
+              title: 'Paramètres',
+              subtitle: 'Configuration',
+              icon: Icons.settings,
+              color: const Color(0xFF607D8B),
+              onTap: () => _handleAction(context, 'settings'),
+            ),
+            
+            // Sauvegarde
+            MembersActionCardWidget(
+              title: 'Sauvegarde',
+              subtitle: 'Backup',
+              icon: Icons.backup,
+              color: const Color(0xFF795548),
+              onTap: () => _handleAction(context, 'backup'),
+            ),
+            
+            // Support
+            MembersActionCardWidget(
+              title: 'Support',
+              subtitle: 'Aide',
+              icon: Icons.help_outline,
+              color: const Color(0xFF009688),
+              onTap: () => _handleAction(context, 'support'),
+            ),
+          ],
+        ),
+      ],
+    );
+  }
+
+  /// Gère les actions des cartes
+  static void _handleAction(BuildContext context, String action) {
+    switch (action) {
+      case 'add_member':
+        // Navigation vers la page de création de membre
+        Navigator.of(context).push(
+          MaterialPageRoute(
+            builder: (context) => const MembreCreatePage(),
+          ),
+        );
+        break;
+      case 'search_member':
+        _showComingSoon(context, 'Rechercher Membre', 'Recherche avancée dans la base de membres.', Icons.search, AppTheme.infoColor);
+        break;
+      case 'import_export':
+        _showComingSoon(context, 'Import/Export', 'Importer ou exporter les données des membres.', Icons.import_export, AppTheme.warningColor);
+        break;
+      case 'group_message':
+        _showComingSoon(context, 'Message Groupe', 'Envoyer un message à tous les membres ou à un groupe.', Icons.message, AppTheme.primaryColor);
+        break;
+      case 'statistics':
+        _showComingSoon(context, 'Statistiques', 'Analyses détaillées des données membres.', Icons.bar_chart, const Color(0xFF9C27B0));
+        break;
+      case 'reports':
+        _showComingSoon(context, 'Rapports', 'Génération de rapports personnalisés.', Icons.description, AppTheme.errorColor);
+        break;
+      case 'settings':
+        _showComingSoon(context, 'Paramètres', 'Configuration du module membres.', Icons.settings, const Color(0xFF607D8B));
+        break;
+      case 'backup':
+        _showComingSoon(context, 'Sauvegarde', 'Sauvegarde automatique des données.', Icons.backup, const Color(0xFF795548));
+        break;
+      case 'support':
+        _showComingSoon(context, 'Support', 'Aide et documentation du module.', Icons.help_outline, const Color(0xFF009688));
+        break;
+    }
+  }
+
+  static void _showComingSoon(BuildContext context, String title, String description, IconData icon, Color color) {
+    showDialog(
+      context: context,
+      builder: (context) => ComingSoonPage(
+        title: title,
+        description: description,
+        icon: icon,
+        color: color,
+      ),
+    );
+  }
+}

unionflow-mobile-apps/lib/features/members/presentation/widgets/dashboard/members_recent_activities_widget.dart

@@ -0,0 +1,339 @@
+import 'package:flutter/material.dart';
+import '../../../../../shared/theme/app_theme.dart';
+import 'members_activity_item_widget.dart';
+
+/// Widget de section d'activités récentes pour les membres
+class MembersRecentActivitiesWidget extends StatelessWidget {
+  const MembersRecentActivitiesWidget({super.key});
+
+  @override
+  Widget build(BuildContext context) {
+    return Column(
+      crossAxisAlignment: CrossAxisAlignment.start,
+      children: [
+        // Titre de section avec bouton "Voir tout"
+        Row(
+          children: [
+            const Icon(
+              Icons.history,
+              color: AppTheme.primaryColor,
+              size: 20,
+            ),
+            const SizedBox(width: 8),
+            const Expanded(
+              child: Text(
+                'Activités Récentes',
+                style: TextStyle(
+                  fontSize: 18,
+                  fontWeight: FontWeight.w600,
+                  color: AppTheme.textPrimary,
+                ),
+              ),
+            ),
+            TextButton(
+              onPressed: () => _showAllActivities(context),
+              child: const Text(
+                'Voir tout',
+                style: TextStyle(
+                  fontSize: 12,
+                  color: AppTheme.primaryColor,
+                ),
+              ),
+            ),
+          ],
+        ),
+        const SizedBox(height: 16),
+        
+        // Container des activités
+        Container(
+          padding: const EdgeInsets.all(16),
+          decoration: BoxDecoration(
+            color: Colors.white,
+            borderRadius: BorderRadius.circular(12),
+            boxShadow: [
+              BoxShadow(
+                color: Colors.black.withOpacity(0.05),
+                blurRadius: 10,
+                offset: const Offset(0, 2),
+              ),
+            ],
+          ),
+          child: Column(
+            children: [
+              // Nouvelle inscription
+              MembersActivityItemWidget(
+                title: 'Nouvelle inscription',
+                description: 'Un nouveau membre a rejoint la communauté',
+                time: 'Il y a 2h',
+                icon: Icons.person_add,
+                color: AppTheme.successColor,
+                memberName: 'Marie Kouassi',
+                onTap: () => _showActivityDetails(context, 'inscription'),
+              ),
+              
+              // Mise à jour profil
+              MembersActivityItemWidget(
+                title: 'Profil mis à jour',
+                description: 'Informations personnelles modifiées',
+                time: 'Il y a 4h',
+                icon: Icons.edit,
+                color: AppTheme.infoColor,
+                memberName: 'Jean Baptiste',
+                onTap: () => _showActivityDetails(context, 'profil'),
+              ),
+              
+              // Cotisation payée
+              MembersActivityItemWidget(
+                title: 'Cotisation payée',
+                description: 'Paiement de cotisation mensuelle reçu',
+                time: 'Il y a 6h',
+                icon: Icons.payment,
+                color: AppTheme.primaryColor,
+                memberName: 'Fatou Traoré',
+                onTap: () => _showActivityDetails(context, 'cotisation'),
+              ),
+              
+              // Message envoyé
+              MembersActivityItemWidget(
+                title: 'Message de groupe',
+                description: 'Notification envoyée à tous les membres',
+                time: 'Il y a 8h',
+                icon: Icons.message,
+                color: AppTheme.warningColor,
+                onTap: () => _showActivityDetails(context, 'message'),
+              ),
+              
+              // Export de données
+              MembersActivityItemWidget(
+                title: 'Export de données',
+                description: 'Liste des membres exportée en Excel',
+                time: 'Il y a 1j',
+                icon: Icons.file_download,
+                color: const Color(0xFF9C27B0),
+                onTap: () => _showActivityDetails(context, 'export'),
+              ),
+              
+              // Sauvegarde automatique
+              MembersActivityItemWidget(
+                title: 'Sauvegarde automatique',
+                description: 'Données sauvegardées avec succès',
+                time: 'Il y a 1j',
+                icon: Icons.backup,
+                color: const Color(0xFF607D8B),
+                onTap: () => _showActivityDetails(context, 'sauvegarde'),
+              ),
+            ],
+          ),
+        ),
+      ],
+    );
+  }
+
+  /// Affiche toutes les activités
+  static void _showAllActivities(BuildContext context) {
+    showModalBottomSheet(
+      context: context,
+      isScrollControlled: true,
+      backgroundColor: Colors.transparent,
+      builder: (context) => DraggableScrollableSheet(
+        initialChildSize: 0.9,
+        minChildSize: 0.5,
+        maxChildSize: 0.95,
+        builder: (context, scrollController) => Container(
+          decoration: const BoxDecoration(
+            color: Colors.white,
+            borderRadius: BorderRadius.vertical(top: Radius.circular(20)),
+          ),
+          child: Column(
+            children: [
+              // Handle
+              Container(
+                margin: const EdgeInsets.only(top: 8),
+                width: 40,
+                height: 4,
+                decoration: BoxDecoration(
+                  color: Colors.grey[300],
+                  borderRadius: BorderRadius.circular(2),
+                ),
+              ),
+              
+              // En-tête
+              const Padding(
+                padding: EdgeInsets.all(16),
+                child: Row(
+                  children: [
+                    Icon(
+                      Icons.history,
+                      color: AppTheme.primaryColor,
+                      size: 24,
+                    ),
+                    SizedBox(width: 12),
+                    Text(
+                      'Toutes les Activités',
+                      style: TextStyle(
+                        fontSize: 20,
+                        fontWeight: FontWeight.w600,
+                        color: AppTheme.textPrimary,
+                      ),
+                    ),
+                  ],
+                ),
+              ),
+              
+              // Liste complète
+              Expanded(
+                child: ListView.builder(
+                  controller: scrollController,
+                  padding: const EdgeInsets.symmetric(horizontal: 16),
+                  itemCount: 20, // Exemple avec plus d'activités
+                  itemBuilder: (context, index) {
+                    return MembersActivityItemWidget(
+                      title: 'Activité ${index + 1}',
+                      description: 'Description de l\'activité numéro ${index + 1}',
+                      time: 'Il y a ${index + 1}h',
+                      icon: _getActivityIcon(index),
+                      color: _getActivityColor(index),
+                      memberName: 'Membre ${index + 1}',
+                      onTap: () => _showActivityDetails(context, 'activite_$index'),
+                    );
+                  },
+                ),
+              ),
+            ],
+          ),
+        ),
+      ),
+    );
+  }
+
+  /// Affiche les détails d'une activité
+  static void _showActivityDetails(BuildContext context, String activityType) {
+    String title = '';
+    String description = '';
+    IconData icon = Icons.info;
+    Color color = AppTheme.primaryColor;
+    
+    switch (activityType) {
+      case 'inscription':
+        title = 'Nouvelle Inscription';
+        description = 'Marie Kouassi a rejoint la communauté avec le numéro UF-2024-00001247.';
+        icon = Icons.person_add;
+        color = AppTheme.successColor;
+        break;
+      case 'profil':
+        title = 'Mise à Jour Profil';
+        description = 'Jean Baptiste a modifié ses informations de contact et son adresse.';
+        icon = Icons.edit;
+        color = AppTheme.infoColor;
+        break;
+      case 'cotisation':
+        title = 'Cotisation Payée';
+        description = 'Fatou Traoré a payé sa cotisation mensuelle de 25,000 FCFA.';
+        icon = Icons.payment;
+        color = AppTheme.primaryColor;
+        break;
+      case 'message':
+        title = 'Message de Groupe';
+        description = 'Notification envoyée à 1,247 membres concernant la prochaine assemblée générale.';
+        icon = Icons.message;
+        color = AppTheme.warningColor;
+        break;
+      case 'export':
+        title = 'Export de Données';
+        description = 'Liste complète des membres exportée au format Excel (1,247 entrées).';
+        icon = Icons.file_download;
+        color = const Color(0xFF9C27B0);
+        break;
+      case 'sauvegarde':
+        title = 'Sauvegarde Automatique';
+        description = 'Sauvegarde quotidienne effectuée avec succès. Toutes les données sont sécurisées.';
+        icon = Icons.backup;
+        color = const Color(0xFF607D8B);
+        break;
+      default:
+        title = 'Activité';
+        description = 'Détails de l\'activité sélectionnée.';
+    }
+    
+    showDialog(
+      context: context,
+      builder: (context) => AlertDialog(
+        title: Row(
+          children: [
+            Container(
+              padding: const EdgeInsets.all(8),
+              decoration: BoxDecoration(
+                color: color.withOpacity(0.1),
+                borderRadius: BorderRadius.circular(8),
+              ),
+              child: Icon(
+                icon,
+                color: color,
+                size: 20,
+              ),
+            ),
+            const SizedBox(width: 12),
+            Expanded(
+              child: Text(
+                title,
+                style: const TextStyle(fontSize: 18),
+              ),
+            ),
+          ],
+        ),
+        content: Text(description),
+        actions: [
+          TextButton(
+            onPressed: () => Navigator.of(context).pop(),
+            child: const Text('Fermer'),
+          ),
+          ElevatedButton(
+            onPressed: () {
+              Navigator.of(context).pop();
+              // TODO: Action spécifique selon le type
+            },
+            style: ElevatedButton.styleFrom(
+              backgroundColor: color,
+              foregroundColor: Colors.white,
+            ),
+            child: const Text('Voir plus'),
+          ),
+        ],
+      ),
+    );
+  }
+
+  /// Retourne une icône selon l'index
+  static IconData _getActivityIcon(int index) {
+    final icons = [
+      Icons.person_add,
+      Icons.edit,
+      Icons.payment,
+      Icons.message,
+      Icons.file_download,
+      Icons.backup,
+      Icons.notifications,
+      Icons.security,
+      Icons.update,
+      Icons.sync,
+    ];
+    return icons[index % icons.length];
+  }
+
+  /// Retourne une couleur selon l'index
+  static Color _getActivityColor(int index) {
+    final colors = [
+      AppTheme.successColor,
+      AppTheme.infoColor,
+      AppTheme.primaryColor,
+      AppTheme.warningColor,
+      const Color(0xFF9C27B0),
+      const Color(0xFF607D8B),
+      AppTheme.errorColor,
+      const Color(0xFF009688),
+      const Color(0xFF795548),
+      const Color(0xFFFF5722),
+    ];
+    return colors[index % colors.length];
+  }
+}

unionflow-mobile-apps/lib/features/members/presentation/widgets/dashboard/members_smart_search_widget.dart

@@ -0,0 +1,396 @@
+import 'package:flutter/material.dart';
+import 'dart:async';
+import '../../../../../shared/theme/app_theme.dart';
+
+/// Widget de recherche intelligente pour les membres
+class MembersSmartSearchWidget extends StatefulWidget {
+  final Function(String) onSearch;
+  final Function(Map<String, dynamic>) onSuggestionSelected;
+  final List<Map<String, dynamic>> recentSearches;
+
+  const MembersSmartSearchWidget({
+    super.key,
+    required this.onSearch,
+    required this.onSuggestionSelected,
+    this.recentSearches = const [],
+  });
+
+  @override
+  State<MembersSmartSearchWidget> createState() => _MembersSmartSearchWidgetState();
+}
+
+class _MembersSmartSearchWidgetState extends State<MembersSmartSearchWidget>
+    with TickerProviderStateMixin {
+  final TextEditingController _searchController = TextEditingController();
+  final FocusNode _focusNode = FocusNode();
+  Timer? _debounceTimer;
+  
+  late AnimationController _animationController;
+  late Animation<double> _scaleAnimation;
+  
+  bool _isSearching = false;
+  bool _showSuggestions = false;
+  List<Map<String, dynamic>> _suggestions = [];
+  List<Map<String, dynamic>> _searchHistory = [];
+
+  // Suggestions prédéfinies
+  final List<Map<String, dynamic>> _predefinedSuggestions = [
+    {
+      'type': 'quick_filter',
+      'title': 'Nouveaux membres',
+      'subtitle': 'Inscrits ce mois',
+      'icon': Icons.person_add,
+      'color': AppTheme.successColor,
+      'filter': {'timeRange': '30 jours', 'status': 'Actif'},
+    },
+    {
+      'type': 'quick_filter',
+      'title': 'Membres inactifs',
+      'subtitle': 'Sans activité récente',
+      'icon': Icons.person_off,
+      'color': AppTheme.warningColor,
+      'filter': {'status': 'Inactif'},
+    },
+    {
+      'type': 'quick_filter',
+      'title': 'Bureau exécutif',
+      'subtitle': 'Responsables',
+      'icon': Icons.admin_panel_settings,
+      'color': AppTheme.primaryColor,
+      'filter': {'role': 'Bureau'},
+    },
+    {
+      'type': 'quick_filter',
+      'title': 'Jeunes membres',
+      'subtitle': '18-30 ans',
+      'icon': Icons.people,
+      'color': AppTheme.infoColor,
+      'filter': {'ageRange': '18-30'},
+    },
+  ];
+
+  @override
+  void initState() {
+    super.initState();
+    _searchHistory = List.from(widget.recentSearches);
+    _animationController = AnimationController(
+      duration: const Duration(milliseconds: 200),
+      vsync: this,
+    );
+    _scaleAnimation = Tween<double>(begin: 0.95, end: 1.0).animate(
+      CurvedAnimation(parent: _animationController, curve: Curves.easeOut),
+    );
+    
+    _focusNode.addListener(_onFocusChanged);
+    _searchController.addListener(_onSearchChanged);
+  }
+
+  @override
+  void dispose() {
+    _debounceTimer?.cancel();
+    _animationController.dispose();
+    _focusNode.dispose();
+    _searchController.dispose();
+    super.dispose();
+  }
+
+  void _onFocusChanged() {
+    setState(() {
+      _showSuggestions = _focusNode.hasFocus;
+      if (_showSuggestions) {
+        _animationController.forward();
+        _updateSuggestions();
+      } else {
+        _animationController.reverse();
+      }
+    });
+  }
+
+  void _onSearchChanged() {
+    final query = _searchController.text;
+    
+    if (_debounceTimer?.isActive ?? false) _debounceTimer!.cancel();
+    _debounceTimer = Timer(const Duration(milliseconds: 300), () {
+      if (query.isNotEmpty) {
+        widget.onSearch(query);
+        _addToSearchHistory(query);
+      }
+      _updateSuggestions();
+    });
+  }
+
+  void _updateSuggestions() {
+    final query = _searchController.text.toLowerCase();
+    List<Map<String, dynamic>> suggestions = [];
+
+    if (query.isEmpty) {
+      // Afficher les suggestions rapides et l'historique
+      suggestions.addAll(_predefinedSuggestions);
+      if (_searchHistory.isNotEmpty) {
+        suggestions.add({
+          'type': 'divider',
+          'title': 'Recherches récentes',
+        });
+        suggestions.addAll(_searchHistory.take(3));
+      }
+    } else {
+      // Filtrer les suggestions basées sur la requête
+      suggestions.addAll(_predefinedSuggestions.where((suggestion) =>
+          suggestion['title'].toString().toLowerCase().contains(query) ||
+          suggestion['subtitle'].toString().toLowerCase().contains(query)));
+      
+      // Ajouter des suggestions de membres simulées
+      suggestions.addAll(_generateMemberSuggestions(query));
+    }
+
+    setState(() {
+      _suggestions = suggestions;
+    });
+  }
+
+  List<Map<String, dynamic>> _generateMemberSuggestions(String query) {
+    // Simulation de suggestions de membres basées sur la requête
+    final memberSuggestions = <Map<String, dynamic>>[];
+    
+    if (query.length >= 2) {
+      memberSuggestions.addAll([
+        {
+          'type': 'member',
+          'title': 'Jean-Baptiste Kouassi',
+          'subtitle': 'MBR001 • Actif',
+          'icon': Icons.person,
+          'color': AppTheme.primaryColor,
+          'memberId': 'c6ccf741-c55f-390e-96a7-531819fed1dd',
+        },
+        {
+          'type': 'member',
+          'title': 'Aminata Traoré',
+          'subtitle': 'MBR002 • Actif',
+          'icon': Icons.person,
+          'color': AppTheme.successColor,
+          'memberId': '9f4ea9cb-798b-3b1c-8444-4b313af999bd',
+        },
+      ].where((member) =>
+          member['title'].toString().toLowerCase().contains(query)).toList());
+    }
+    
+    return memberSuggestions;
+  }
+
+  void _addToSearchHistory(String query) {
+    final historyItem = {
+      'type': 'history',
+      'title': query,
+      'subtitle': 'Recherche récente',
+      'icon': Icons.history,
+      'color': AppTheme.textSecondary,
+      'timestamp': DateTime.now(),
+    };
+    
+    setState(() {
+      _searchHistory.removeWhere((item) => item['title'] == query);
+      _searchHistory.insert(0, historyItem);
+      if (_searchHistory.length > 10) {
+        _searchHistory = _searchHistory.take(10).toList();
+      }
+    });
+  }
+
+  void _onSuggestionTap(Map<String, dynamic> suggestion) {
+    switch (suggestion['type']) {
+      case 'quick_filter':
+        widget.onSuggestionSelected(suggestion);
+        _searchController.text = suggestion['title'];
+        break;
+      case 'member':
+        widget.onSuggestionSelected(suggestion);
+        _searchController.text = suggestion['title'];
+        break;
+      case 'history':
+        _searchController.text = suggestion['title'];
+        widget.onSearch(suggestion['title']);
+        break;
+    }
+    _focusNode.unfocus();
+  }
+
+  void _clearSearch() {
+    _searchController.clear();
+    widget.onSearch('');
+    _focusNode.unfocus();
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return Column(
+      children: [
+        // Barre de recherche
+        Container(
+          decoration: BoxDecoration(
+            color: Colors.white,
+            borderRadius: BorderRadius.circular(12),
+            boxShadow: [
+              BoxShadow(
+                color: Colors.black.withOpacity(0.05),
+                blurRadius: 10,
+                offset: const Offset(0, 2),
+              ),
+            ],
+          ),
+          child: TextField(
+            controller: _searchController,
+            focusNode: _focusNode,
+            decoration: InputDecoration(
+              hintText: 'Rechercher un membre, rôle, statut...',
+              hintStyle: const TextStyle(
+                color: AppTheme.textHint,
+                fontSize: 14,
+              ),
+              prefixIcon: const Icon(
+                Icons.search,
+                color: AppTheme.primaryColor,
+                size: 20,
+              ),
+              suffixIcon: _searchController.text.isNotEmpty
+                  ? IconButton(
+                      icon: const Icon(
+                        Icons.clear,
+                        color: AppTheme.textSecondary,
+                        size: 20,
+                      ),
+                      onPressed: _clearSearch,
+                    )
+                  : const Icon(
+                      Icons.mic,
+                      color: AppTheme.textHint,
+                      size: 20,
+                    ),
+              border: OutlineInputBorder(
+                borderRadius: BorderRadius.circular(12),
+                borderSide: BorderSide.none,
+              ),
+              filled: true,
+              fillColor: Colors.grey[50],
+              contentPadding: const EdgeInsets.symmetric(
+                horizontal: 16,
+                vertical: 12,
+              ),
+            ),
+            style: const TextStyle(
+              fontSize: 14,
+              color: AppTheme.textPrimary,
+            ),
+          ),
+        ),
+        
+        // Suggestions
+        if (_showSuggestions && _suggestions.isNotEmpty)
+          ScaleTransition(
+            scale: _scaleAnimation,
+            child: Container(
+              margin: const EdgeInsets.only(top: 8),
+              decoration: BoxDecoration(
+                color: Colors.white,
+                borderRadius: BorderRadius.circular(12),
+                boxShadow: [
+                  BoxShadow(
+                    color: Colors.black.withOpacity(0.1),
+                    blurRadius: 15,
+                    offset: const Offset(0, 4),
+                  ),
+                ],
+              ),
+              child: Column(
+                children: _suggestions.map((suggestion) {
+                  if (suggestion['type'] == 'divider') {
+                    return _buildDivider(suggestion['title']);
+                  }
+                  return _buildSuggestionItem(suggestion);
+                }).toList(),
+              ),
+            ),
+          ),
+      ],
+    );
+  }
+
+  Widget _buildDivider(String title) {
+    return Container(
+      padding: const EdgeInsets.symmetric(horizontal: 16, vertical: 8),
+      child: Row(
+        children: [
+          Text(
+            title,
+            style: const TextStyle(
+              fontSize: 12,
+              fontWeight: FontWeight.w500,
+              color: AppTheme.textSecondary,
+            ),
+          ),
+          const SizedBox(width: 8),
+          Expanded(
+            child: Container(
+              height: 1,
+              color: Colors.grey[200],
+            ),
+          ),
+        ],
+      ),
+    );
+  }
+
+  Widget _buildSuggestionItem(Map<String, dynamic> suggestion) {
+    return InkWell(
+      onTap: () => _onSuggestionTap(suggestion),
+      borderRadius: BorderRadius.circular(8),
+      child: Container(
+        padding: const EdgeInsets.symmetric(horizontal: 16, vertical: 12),
+        child: Row(
+          children: [
+            Container(
+              padding: const EdgeInsets.all(8),
+              decoration: BoxDecoration(
+                color: suggestion['color'].withOpacity(0.1),
+                borderRadius: BorderRadius.circular(8),
+              ),
+              child: Icon(
+                suggestion['icon'],
+                color: suggestion['color'],
+                size: 16,
+              ),
+            ),
+            const SizedBox(width: 12),
+            Expanded(
+              child: Column(
+                crossAxisAlignment: CrossAxisAlignment.start,
+                children: [
+                  Text(
+                    suggestion['title'],
+                    style: const TextStyle(
+                      fontSize: 14,
+                      fontWeight: FontWeight.w500,
+                      color: AppTheme.textPrimary,
+                    ),
+                  ),
+                  if (suggestion['subtitle'] != null)
+                    Text(
+                      suggestion['subtitle'],
+                      style: const TextStyle(
+                        fontSize: 12,
+                        color: AppTheme.textSecondary,
+                      ),
+                    ),
+                ],
+              ),
+            ),
+            const Icon(
+              Icons.north_west,
+              color: AppTheme.textHint,
+              size: 16,
+            ),
+          ],
+        ),
+      ),
+    );
+  }
+}

unionflow-mobile-apps/lib/features/members/presentation/widgets/dashboard/members_stats_widget.dart

@@ -0,0 +1,380 @@
+import 'package:flutter/material.dart';
+import '../../../../../core/models/membre_model.dart';
+import '../../../../../shared/theme/app_theme.dart';
+
+/// Widget de statistiques avancées pour les membres
+class MembersStatsWidget extends StatelessWidget {
+  final List<MembreModel> members;
+  final String searchQuery;
+  final Map<String, dynamic> filters;
+
+  const MembersStatsWidget({
+    super.key,
+    required this.members,
+    this.searchQuery = '',
+    this.filters = const {},
+  });
+
+  @override
+  Widget build(BuildContext context) {
+    final stats = _calculateStats();
+    
+    return Container(
+      margin: const EdgeInsets.only(bottom: 16),
+      padding: const EdgeInsets.all(16),
+      decoration: BoxDecoration(
+        color: Colors.white,
+        borderRadius: BorderRadius.circular(12),
+        boxShadow: [
+          BoxShadow(
+            color: Colors.black.withOpacity(0.05),
+            blurRadius: 10,
+            offset: const Offset(0, 2),
+          ),
+        ],
+      ),
+      child: Column(
+        crossAxisAlignment: CrossAxisAlignment.start,
+        children: [
+          // En-tête
+          Row(
+            children: [
+              Container(
+                padding: const EdgeInsets.all(8),
+                decoration: BoxDecoration(
+                  color: AppTheme.primaryColor.withOpacity(0.1),
+                  borderRadius: BorderRadius.circular(8),
+                ),
+                child: Icon(
+                  Icons.analytics,
+                  color: AppTheme.primaryColor,
+                  size: 20,
+                ),
+              ),
+              const SizedBox(width: 12),
+              const Text(
+                'Statistiques des membres',
+                style: TextStyle(
+                  fontSize: 16,
+                  fontWeight: FontWeight.w600,
+                  color: AppTheme.textPrimary,
+                ),
+              ),
+              const Spacer(),
+              if (searchQuery.isNotEmpty || filters.isNotEmpty)
+                Container(
+                  padding: const EdgeInsets.symmetric(horizontal: 8, vertical: 4),
+                  decoration: BoxDecoration(
+                    color: AppTheme.infoColor.withOpacity(0.1),
+                    borderRadius: BorderRadius.circular(12),
+                  ),
+                  child: Text(
+                    'Filtré',
+                    style: TextStyle(
+                      fontSize: 12,
+                      color: AppTheme.infoColor,
+                      fontWeight: FontWeight.w500,
+                    ),
+                  ),
+                ),
+            ],
+          ),
+          const SizedBox(height: 16),
+          
+          // Statistiques principales
+          Row(
+            children: [
+              Expanded(
+                child: _buildStatCard(
+                  'Total',
+                  stats['total'].toString(),
+                  Icons.people,
+                  AppTheme.primaryColor,
+                ),
+              ),
+              const SizedBox(width: 12),
+              Expanded(
+                child: _buildStatCard(
+                  'Actifs',
+                  stats['actifs'].toString(),
+                  Icons.check_circle,
+                  AppTheme.successColor,
+                ),
+              ),
+              const SizedBox(width: 12),
+              Expanded(
+                child: _buildStatCard(
+                  'Âge moyen',
+                  '${stats['ageMoyen']} ans',
+                  Icons.cake,
+                  AppTheme.warningColor,
+                ),
+              ),
+            ],
+          ),
+          const SizedBox(height: 16),
+          
+          // Statistiques détaillées
+          Row(
+            children: [
+              Expanded(
+                child: _buildDetailedStat(
+                  'Nouveaux (30j)',
+                  stats['nouveaux'].toString(),
+                  stats['nouveauxPourcentage'],
+                  AppTheme.infoColor,
+                ),
+              ),
+              const SizedBox(width: 16),
+              Expanded(
+                child: _buildDetailedStat(
+                  'Anciens (>1an)',
+                  stats['anciens'].toString(),
+                  stats['anciensPourcentage'],
+                  AppTheme.secondaryColor,
+                ),
+              ),
+            ],
+          ),
+          
+          if (stats['repartitionAge'].isNotEmpty) ...[
+            const SizedBox(height: 16),
+            const Divider(),
+            const SizedBox(height: 12),
+            
+            // Répartition par âge
+            const Text(
+              'Répartition par âge',
+              style: TextStyle(
+                fontSize: 14,
+                fontWeight: FontWeight.w600,
+                color: AppTheme.textPrimary,
+              ),
+            ),
+            const SizedBox(height: 8),
+            _buildAgeDistribution(stats['repartitionAge']),
+          ],
+        ],
+      ),
+    );
+  }
+
+  Map<String, dynamic> _calculateStats() {
+    if (members.isEmpty) {
+      return {
+        'total': 0,
+        'actifs': 0,
+        'ageMoyen': 0,
+        'nouveaux': 0,
+        'nouveauxPourcentage': 0.0,
+        'anciens': 0,
+        'anciensPourcentage': 0.0,
+        'repartitionAge': <String, int>{},
+      };
+    }
+
+    final now = DateTime.now();
+    final total = members.length;
+    final actifs = members.where((m) => m.statut.toUpperCase() == 'ACTIF').length;
+    
+    // Calcul de l'âge moyen
+    final ages = members.map((m) => m.age).where((age) => age > 0).toList();
+    final ageMoyen = ages.isNotEmpty ? (ages.reduce((a, b) => a + b) / ages.length).round() : 0;
+    
+    // Nouveaux membres (moins de 30 jours)
+    final nouveaux = members.where((m) {
+      final daysDiff = now.difference(m.dateAdhesion).inDays;
+      return daysDiff <= 30;
+    }).length;
+    final nouveauxPourcentage = total > 0 ? (nouveaux / total * 100) : 0.0;
+    
+    // Anciens membres (plus d'un an)
+    final anciens = members.where((m) {
+      final daysDiff = now.difference(m.dateAdhesion).inDays;
+      return daysDiff > 365;
+    }).length;
+    final anciensPourcentage = total > 0 ? (anciens / total * 100) : 0.0;
+    
+    // Répartition par tranche d'âge
+    final repartitionAge = <String, int>{};
+    for (final member in members) {
+      final age = member.age;
+      String tranche;
+      if (age < 25) {
+        tranche = '18-24';
+      } else if (age < 35) {
+        tranche = '25-34';
+      } else if (age < 45) {
+        tranche = '35-44';
+      } else if (age < 55) {
+        tranche = '45-54';
+      } else {
+        tranche = '55+';
+      }
+      repartitionAge[tranche] = (repartitionAge[tranche] ?? 0) + 1;
+    }
+
+    return {
+      'total': total,
+      'actifs': actifs,
+      'ageMoyen': ageMoyen,
+      'nouveaux': nouveaux,
+      'nouveauxPourcentage': nouveauxPourcentage,
+      'anciens': anciens,
+      'anciensPourcentage': anciensPourcentage,
+      'repartitionAge': repartitionAge,
+    };
+  }
+
+  Widget _buildStatCard(String label, String value, IconData icon, Color color) {
+    return Container(
+      padding: const EdgeInsets.all(12),
+      decoration: BoxDecoration(
+        color: color.withOpacity(0.1),
+        borderRadius: BorderRadius.circular(8),
+        border: Border.all(color: color.withOpacity(0.2)),
+      ),
+      child: Column(
+        children: [
+          Icon(icon, color: color, size: 20),
+          const SizedBox(height: 4),
+          Text(
+            value,
+            style: TextStyle(
+              fontSize: 16,
+              fontWeight: FontWeight.bold,
+              color: color,
+            ),
+          ),
+          Text(
+            label,
+            style: TextStyle(
+              fontSize: 12,
+              color: AppTheme.textSecondary,
+            ),
+            textAlign: TextAlign.center,
+          ),
+        ],
+      ),
+    );
+  }
+
+  Widget _buildDetailedStat(String label, String value, double percentage, Color color) {
+    return Container(
+      padding: const EdgeInsets.all(12),
+      decoration: BoxDecoration(
+        color: Colors.grey[50],
+        borderRadius: BorderRadius.circular(8),
+        border: Border.all(color: Colors.grey[200]!),
+      ),
+      child: Column(
+        crossAxisAlignment: CrossAxisAlignment.start,
+        children: [
+          Row(
+            children: [
+              Container(
+                width: 8,
+                height: 8,
+                decoration: BoxDecoration(
+                  color: color,
+                  shape: BoxShape.circle,
+                ),
+              ),
+              const SizedBox(width: 8),
+              Text(
+                label,
+                style: const TextStyle(
+                  fontSize: 12,
+                  color: AppTheme.textSecondary,
+                ),
+              ),
+            ],
+          ),
+          const SizedBox(height: 4),
+          Row(
+            children: [
+              Text(
+                value,
+                style: const TextStyle(
+                  fontSize: 18,
+                  fontWeight: FontWeight.bold,
+                  color: AppTheme.textPrimary,
+                ),
+              ),
+              const SizedBox(width: 8),
+              Text(
+                '(${percentage.toStringAsFixed(1)}%)',
+                style: TextStyle(
+                  fontSize: 12,
+                  color: color,
+                  fontWeight: FontWeight.w500,
+                ),
+              ),
+            ],
+          ),
+        ],
+      ),
+    );
+  }
+
+  Widget _buildAgeDistribution(Map<String, int> repartition) {
+    final total = repartition.values.fold(0, (sum, count) => sum + count);
+    if (total == 0) return const SizedBox.shrink();
+
+    return Column(
+      children: repartition.entries.map((entry) {
+        final percentage = (entry.value / total * 100);
+        return Padding(
+          padding: const EdgeInsets.only(bottom: 8),
+          child: Row(
+            children: [
+              SizedBox(
+                width: 50,
+                child: Text(
+                  entry.key,
+                  style: const TextStyle(
+                    fontSize: 12,
+                    color: AppTheme.textSecondary,
+                  ),
+                ),
+              ),
+              const SizedBox(width: 8),
+              Expanded(
+                child: Container(
+                  height: 6,
+                  decoration: BoxDecoration(
+                    color: Colors.grey[200],
+                    borderRadius: BorderRadius.circular(3),
+                  ),
+                  child: FractionallySizedBox(
+                    alignment: Alignment.centerLeft,
+                    widthFactor: percentage / 100,
+                    child: Container(
+                      decoration: BoxDecoration(
+                        color: AppTheme.primaryColor,
+                        borderRadius: BorderRadius.circular(3),
+                      ),
+                    ),
+                  ),
+                ),
+              ),
+              const SizedBox(width: 8),
+              SizedBox(
+                width: 40,
+                child: Text(
+                  '${entry.value}',
+                  style: const TextStyle(
+                    fontSize: 12,
+                    fontWeight: FontWeight.w500,
+                    color: AppTheme.textPrimary,
+                  ),
+                  textAlign: TextAlign.right,
+                ),
+              ),
+            ],
+          ),
+        );
+      }).toList(),
+    );
+  }
+}

unionflow-mobile-apps/lib/features/members/presentation/widgets/dashboard/welcome_section_widget.dart

@@ -0,0 +1,109 @@
+import 'package:flutter/material.dart';
+import '../../../../../shared/theme/app_theme.dart';
+
+/// Widget de section d'accueil pour le dashboard des membres
+class MembersWelcomeSectionWidget extends StatelessWidget {
+  const MembersWelcomeSectionWidget({super.key});
+
+  @override
+  Widget build(BuildContext context) {
+    return Container(
+      width: double.infinity,
+      padding: const EdgeInsets.all(20),
+      decoration: BoxDecoration(
+        gradient: LinearGradient(
+          begin: Alignment.topLeft,
+          end: Alignment.bottomRight,
+          colors: [
+            AppTheme.primaryColor,
+            AppTheme.primaryColor.withOpacity(0.8),
+          ],
+        ),
+        borderRadius: BorderRadius.circular(16),
+        boxShadow: [
+          BoxShadow(
+            color: AppTheme.primaryColor.withOpacity(0.3),
+            blurRadius: 12,
+            offset: const Offset(0, 4),
+          ),
+        ],
+      ),
+      child: Column(
+        crossAxisAlignment: CrossAxisAlignment.start,
+        children: [
+          Row(
+            children: [
+              Container(
+                padding: const EdgeInsets.all(12),
+                decoration: BoxDecoration(
+                  color: Colors.white.withOpacity(0.2),
+                  borderRadius: BorderRadius.circular(12),
+                ),
+                child: const Icon(
+                  Icons.people,
+                  color: Colors.white,
+                  size: 28,
+                ),
+              ),
+              const SizedBox(width: 16),
+              const Expanded(
+                child: Column(
+                  crossAxisAlignment: CrossAxisAlignment.start,
+                  children: [
+                    Text(
+                      'Gestion des Membres',
+                      style: TextStyle(
+                        fontSize: 22,
+                        fontWeight: FontWeight.bold,
+                        color: Colors.white,
+                      ),
+                    ),
+                    SizedBox(height: 4),
+                    Text(
+                      'Tableau de bord complet',
+                      style: TextStyle(
+                        fontSize: 14,
+                        color: Colors.white70,
+                      ),
+                    ),
+                  ],
+                ),
+              ),
+            ],
+          ),
+          const SizedBox(height: 16),
+          Container(
+            padding: const EdgeInsets.all(12),
+            decoration: BoxDecoration(
+              color: Colors.white.withOpacity(0.1),
+              borderRadius: BorderRadius.circular(8),
+              border: Border.all(
+                color: Colors.white.withOpacity(0.2),
+                width: 1,
+              ),
+            ),
+            child: const Row(
+              children: [
+                Icon(
+                  Icons.info_outline,
+                  color: Colors.white70,
+                  size: 16,
+                ),
+                SizedBox(width: 8),
+                Expanded(
+                  child: Text(
+                    'Suivez l\'évolution de votre communauté en temps réel',
+                    style: TextStyle(
+                      fontSize: 12,
+                      color: Colors.white70,
+                    ),
+                  ),
+                ),
+              ],
+            ),
+          ),
+        ],
+      ),
+    );
+  }
+}

unionflow-mobile-apps/lib/features/members/presentation/widgets/error_demo_widget.dart

@@ -0,0 +1,341 @@
+import 'package:flutter/material.dart';
+import '../../../../core/error/error_handler.dart';
+import '../../../../core/validation/form_validator.dart';
+import '../../../../core/feedback/user_feedback.dart';
+import '../../../../core/animations/loading_animations.dart';
+import '../../../../core/animations/page_transitions.dart';
+import '../../../../shared/theme/app_theme.dart';
+
+/// Widget de démonstration des nouvelles fonctionnalités d'erreur et validation
+class ErrorDemoWidget extends StatefulWidget {
+  const ErrorDemoWidget({super.key});
+
+  @override
+  State<ErrorDemoWidget> createState() => _ErrorDemoWidgetState();
+}
+
+class _ErrorDemoWidgetState extends State<ErrorDemoWidget> {
+  final _formKey = GlobalKey<FormState>();
+  final _nameController = TextEditingController();
+  final _emailController = TextEditingController();
+  final _phoneController = TextEditingController();
+
+  @override
+  void dispose() {
+    _nameController.dispose();
+    _emailController.dispose();
+    _phoneController.dispose();
+    super.dispose();
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return Scaffold(
+      appBar: AppBar(
+        title: const Text('Démonstration Gestion d\'Erreurs'),
+        backgroundColor: AppTheme.primaryColor,
+        foregroundColor: Colors.white,
+      ),
+      body: Padding(
+        padding: const EdgeInsets.all(16),
+        child: Form(
+          key: _formKey,
+          child: Column(
+            crossAxisAlignment: CrossAxisAlignment.stretch,
+            children: [
+              const Text(
+                'Test des nouvelles fonctionnalités',
+                style: TextStyle(
+                  fontSize: 20,
+                  fontWeight: FontWeight.bold,
+                  color: AppTheme.textPrimary,
+                ),
+              ),
+              const SizedBox(height: 24),
+
+              // Champ nom avec validation
+              ValidatedTextField(
+                controller: _nameController,
+                label: 'Nom complet *',
+                hintText: 'Entrez votre nom',
+                prefixIcon: Icons.person,
+                validators: [
+                  (value) => FormValidator.name(value, fieldName: 'Le nom'),
+                ],
+              ),
+              const SizedBox(height: 16),
+
+              // Champ email avec validation
+              ValidatedTextField(
+                controller: _emailController,
+                label: 'Email *',
+                hintText: 'exemple@email.com',
+                prefixIcon: Icons.email,
+                keyboardType: TextInputType.emailAddress,
+                validators: [
+                  (value) => FormValidator.email(value),
+                ],
+              ),
+              const SizedBox(height: 16),
+
+              // Champ téléphone avec validation
+              ValidatedTextField(
+                controller: _phoneController,
+                label: 'Téléphone *',
+                hintText: '+225XXXXXXXX',
+                prefixIcon: Icons.phone,
+                keyboardType: TextInputType.phone,
+                validators: [
+                  (value) => FormValidator.phone(value),
+                ],
+              ),
+              const SizedBox(height: 32),
+
+              // Boutons de test
+              const Text(
+                'Tests de feedback utilisateur :',
+                style: TextStyle(
+                  fontSize: 16,
+                  fontWeight: FontWeight.w600,
+                  color: AppTheme.textPrimary,
+                ),
+              ),
+              const SizedBox(height: 16),
+
+              // Boutons de test des messages
+              Wrap(
+                spacing: 8,
+                runSpacing: 8,
+                children: [
+                  ElevatedButton.icon(
+                    onPressed: () => UserFeedback.showSuccess(
+                      context,
+                      'Opération réussie !',
+                    ),
+                    icon: const Icon(Icons.check_circle),
+                    label: const Text('Succès'),
+                    style: ElevatedButton.styleFrom(
+                      backgroundColor: AppTheme.successColor,
+                      foregroundColor: Colors.white,
+                    ),
+                  ),
+                  ElevatedButton.icon(
+                    onPressed: () => UserFeedback.showWarning(
+                      context,
+                      'Attention : vérifiez vos données',
+                    ),
+                    icon: const Icon(Icons.warning),
+                    label: const Text('Avertissement'),
+                    style: ElevatedButton.styleFrom(
+                      backgroundColor: AppTheme.warningColor,
+                      foregroundColor: Colors.white,
+                    ),
+                  ),
+                  ElevatedButton.icon(
+                    onPressed: () => UserFeedback.showInfo(
+                      context,
+                      'Information importante',
+                    ),
+                    icon: const Icon(Icons.info),
+                    label: const Text('Info'),
+                    style: ElevatedButton.styleFrom(
+                      backgroundColor: AppTheme.infoColor,
+                      foregroundColor: Colors.white,
+                    ),
+                  ),
+                ],
+              ),
+              const SizedBox(height: 16),
+
+              // Boutons de test des dialogues
+              Wrap(
+                spacing: 8,
+                runSpacing: 8,
+                children: [
+                  ElevatedButton.icon(
+                    onPressed: () => _testConfirmationDialog(),
+                    icon: const Icon(Icons.help_outline),
+                    label: const Text('Confirmation'),
+                    style: ElevatedButton.styleFrom(
+                      backgroundColor: AppTheme.primaryColor,
+                      foregroundColor: Colors.white,
+                    ),
+                  ),
+                  ElevatedButton.icon(
+                    onPressed: () => _testInputDialog(),
+                    icon: const Icon(Icons.edit),
+                    label: const Text('Saisie'),
+                    style: ElevatedButton.styleFrom(
+                      backgroundColor: AppTheme.secondaryColor,
+                      foregroundColor: Colors.white,
+                    ),
+                  ),
+                  ElevatedButton.icon(
+                    onPressed: () => _testErrorDialog(),
+                    icon: const Icon(Icons.error),
+                    label: const Text('Erreur'),
+                    style: ElevatedButton.styleFrom(
+                      backgroundColor: AppTheme.errorColor,
+                      foregroundColor: Colors.white,
+                    ),
+                  ),
+                ],
+              ),
+              const SizedBox(height: 16),
+
+              // Bouton de test du chargement
+              ElevatedButton.icon(
+                onPressed: () => _testLoadingDialog(),
+                icon: const Icon(Icons.hourglass_empty),
+                label: const Text('Test Chargement'),
+                style: ElevatedButton.styleFrom(
+                  backgroundColor: AppTheme.accentColor,
+                  foregroundColor: Colors.white,
+                ),
+              ),
+              const SizedBox(height: 32),
+
+              // Section animations de chargement
+              const Text(
+                'Animations de chargement :',
+                style: TextStyle(
+                  fontSize: 16,
+                  fontWeight: FontWeight.w600,
+                  color: AppTheme.textPrimary,
+                ),
+              ),
+              const SizedBox(height: 16),
+
+              // Démonstration des animations de chargement
+              Container(
+                padding: const EdgeInsets.all(16),
+                decoration: BoxDecoration(
+                  color: Colors.grey[50],
+                  borderRadius: BorderRadius.circular(12),
+                  border: Border.all(color: Colors.grey[300]!),
+                ),
+                child: Column(
+                  children: [
+                    Row(
+                      mainAxisAlignment: MainAxisAlignment.spaceEvenly,
+                      children: [
+                        Column(
+                          children: [
+                            LoadingAnimations.dots(),
+                            const SizedBox(height: 8),
+                            const Text('Points', style: TextStyle(fontSize: 12)),
+                          ],
+                        ),
+                        Column(
+                          children: [
+                            LoadingAnimations.waves(),
+                            const SizedBox(height: 8),
+                            const Text('Vagues', style: TextStyle(fontSize: 12)),
+                          ],
+                        ),
+                        Column(
+                          children: [
+                            LoadingAnimations.spinner(),
+                            const SizedBox(height: 8),
+                            const Text('Spinner', style: TextStyle(fontSize: 12)),
+                          ],
+                        ),
+                        Column(
+                          children: [
+                            LoadingAnimations.pulse(),
+                            const SizedBox(height: 8),
+                            const Text('Pulse', style: TextStyle(fontSize: 12)),
+                          ],
+                        ),
+                      ],
+                    ),
+                    const SizedBox(height: 16),
+                    LoadingAnimations.skeleton(height: 60),
+                    const SizedBox(height: 8),
+                    const Text('Skeleton Loader', style: TextStyle(fontSize: 12)),
+                  ],
+                ),
+              ),
+              const SizedBox(height: 32),
+
+              // Bouton de validation du formulaire
+              ElevatedButton.icon(
+                onPressed: () => _validateForm(),
+                icon: const Icon(Icons.check),
+                label: const Text('Valider le formulaire'),
+                style: ElevatedButton.styleFrom(
+                  backgroundColor: AppTheme.primaryColor,
+                  foregroundColor: Colors.white,
+                  padding: const EdgeInsets.symmetric(vertical: 16),
+                ),
+              ),
+            ],
+          ),
+        ),
+      ),
+    );
+  }
+
+  Future<void> _testConfirmationDialog() async {
+    final result = await UserFeedback.showConfirmation(
+      context,
+      title: 'Confirmer l\'action',
+      message: 'Êtes-vous sûr de vouloir continuer cette opération ?',
+      icon: Icons.help_outline,
+    );
+
+    if (result) {
+      UserFeedback.showSuccess(context, 'Action confirmée !');
+    } else {
+      UserFeedback.showInfo(context, 'Action annulée');
+    }
+  }
+
+  Future<void> _testInputDialog() async {
+    final result = await UserFeedback.showInputDialog(
+      context,
+      title: 'Saisir une valeur',
+      label: 'Votre commentaire',
+      hintText: 'Tapez votre commentaire ici...',
+      validator: (value) => FormValidator.required(value, fieldName: 'Le commentaire'),
+    );
+
+    if (result != null && result.isNotEmpty) {
+      UserFeedback.showSuccess(context, 'Commentaire saisi : "$result"');
+    }
+  }
+
+  Future<void> _testErrorDialog() async {
+    await ErrorHandler.showErrorDialog(
+      context,
+      Exception('Erreur de démonstration'),
+      title: 'Erreur de test',
+      customMessage: 'Ceci est une erreur de démonstration pour tester le système de gestion d\'erreurs.',
+      onRetry: () => UserFeedback.showInfo(context, 'Tentative de nouvelle opération...'),
+    );
+  }
+
+  Future<void> _testLoadingDialog() async {
+    UserFeedback.showLoading(context, message: 'Traitement en cours...');
+    
+    // Simuler une opération longue
+    await Future.delayed(const Duration(seconds: 3));
+    
+    UserFeedback.hideLoading(context);
+    UserFeedback.showSuccess(context, 'Opération terminée !');
+  }
+
+  void _validateForm() {
+    if (_formKey.currentState?.validate() ?? false) {
+      UserFeedback.showSuccess(
+        context,
+        'Formulaire valide ! Toutes les données sont correctes.',
+      );
+    } else {
+      UserFeedback.showWarning(
+        context,
+        'Veuillez corriger les erreurs dans le formulaire',
+      );
+    }
+  }
+}

unionflow-mobile-apps/lib/features/members/presentation/widgets/membre_enhanced_card.dart

@@ -0,0 +1,390 @@
+import 'package:flutter/material.dart';
+import 'package:flutter/services.dart';
+import '../../../../core/models/membre_model.dart';
+import '../../../../shared/theme/app_theme.dart';
+
+/// Carte membre améliorée avec différents modes d'affichage
+class MembreEnhancedCard extends StatelessWidget {
+  final MembreModel membre;
+  final String viewMode;
+  final VoidCallback? onTap;
+  final VoidCallback? onEdit;
+  final VoidCallback? onDelete;
+  final VoidCallback? onCall;
+  final VoidCallback? onMessage;
+
+  const MembreEnhancedCard({
+    super.key,
+    required this.membre,
+    this.viewMode = 'card',
+    this.onTap,
+    this.onEdit,
+    this.onDelete,
+    this.onCall,
+    this.onMessage,
+  });
+
+  @override
+  Widget build(BuildContext context) {
+    switch (viewMode) {
+      case 'list':
+        return _buildListView();
+      case 'grid':
+        return _buildGridView();
+      case 'card':
+      default:
+        return _buildCardView();
+    }
+  }
+
+  Widget _buildCardView() {
+    return Card(
+      elevation: 2,
+      shape: RoundedRectangleBorder(
+        borderRadius: BorderRadius.circular(12),
+      ),
+      child: InkWell(
+        onTap: onTap,
+        borderRadius: BorderRadius.circular(12),
+        child: Padding(
+          padding: const EdgeInsets.all(16),
+          child: Column(
+            crossAxisAlignment: CrossAxisAlignment.start,
+            children: [
+              // En-tête avec avatar et actions
+              Row(
+                children: [
+                  _buildAvatar(size: 50),
+                  const SizedBox(width: 12),
+                  Expanded(
+                    child: Column(
+                      crossAxisAlignment: CrossAxisAlignment.start,
+                      children: [
+                        Text(
+                          membre.nomComplet,
+                          style: const TextStyle(
+                            fontSize: 16,
+                            fontWeight: FontWeight.w600,
+                            color: AppTheme.textPrimary,
+                          ),
+                        ),
+                        const SizedBox(height: 4),
+                        Text(
+                          membre.numeroMembre,
+                          style: const TextStyle(
+                            fontSize: 14,
+                            color: AppTheme.textSecondary,
+                          ),
+                        ),
+                      ],
+                    ),
+                  ),
+                  _buildStatusBadge(),
+                ],
+              ),
+              
+              const SizedBox(height: 12),
+              
+              // Informations de contact
+              _buildContactInfo(),
+              
+              const SizedBox(height: 12),
+              
+              // Actions
+              _buildActionButtons(),
+            ],
+          ),
+        ),
+      ),
+    );
+  }
+
+  Widget _buildListView() {
+    return Card(
+      elevation: 1,
+      margin: const EdgeInsets.symmetric(vertical: 4),
+      shape: RoundedRectangleBorder(
+        borderRadius: BorderRadius.circular(8),
+      ),
+      child: ListTile(
+        onTap: onTap,
+        leading: _buildAvatar(size: 40),
+        title: Text(
+          membre.nomComplet,
+          style: const TextStyle(
+            fontWeight: FontWeight.w600,
+            color: AppTheme.textPrimary,
+          ),
+        ),
+        subtitle: Column(
+          crossAxisAlignment: CrossAxisAlignment.start,
+          children: [
+            Text(
+              membre.numeroMembre,
+              style: const TextStyle(
+                fontSize: 12,
+                color: AppTheme.textSecondary,
+              ),
+            ),
+            const SizedBox(height: 2),
+            Text(
+              membre.telephone,
+              style: const TextStyle(
+                fontSize: 12,
+                color: AppTheme.textHint,
+              ),
+            ),
+          ],
+        ),
+        trailing: Row(
+          mainAxisSize: MainAxisSize.min,
+          children: [
+            _buildStatusBadge(),
+            const SizedBox(width: 8),
+            PopupMenuButton<String>(
+              onSelected: _handleMenuAction,
+              itemBuilder: (context) => [
+                const PopupMenuItem(
+                  value: 'call',
+                  child: Row(
+                    children: [
+                      Icon(Icons.phone, size: 16),
+                      SizedBox(width: 8),
+                      Text('Appeler'),
+                    ],
+                  ),
+                ),
+                const PopupMenuItem(
+                  value: 'message',
+                  child: Row(
+                    children: [
+                      Icon(Icons.message, size: 16),
+                      SizedBox(width: 8),
+                      Text('Message'),
+                    ],
+                  ),
+                ),
+                const PopupMenuItem(
+                  value: 'edit',
+                  child: Row(
+                    children: [
+                      Icon(Icons.edit, size: 16),
+                      SizedBox(width: 8),
+                      Text('Modifier'),
+                    ],
+                  ),
+                ),
+              ],
+            ),
+          ],
+        ),
+      ),
+    );
+  }
+
+  Widget _buildGridView() {
+    return Card(
+      elevation: 2,
+      shape: RoundedRectangleBorder(
+        borderRadius: BorderRadius.circular(12),
+      ),
+      child: InkWell(
+        onTap: onTap,
+        borderRadius: BorderRadius.circular(12),
+        child: Padding(
+          padding: const EdgeInsets.all(12),
+          child: Column(
+            children: [
+              _buildAvatar(size: 60),
+              const SizedBox(height: 8),
+              Text(
+                membre.prenom,
+                style: const TextStyle(
+                  fontSize: 14,
+                  fontWeight: FontWeight.w600,
+                  color: AppTheme.textPrimary,
+                ),
+                textAlign: TextAlign.center,
+                maxLines: 1,
+                overflow: TextOverflow.ellipsis,
+              ),
+              Text(
+                membre.nom,
+                style: const TextStyle(
+                  fontSize: 12,
+                  color: AppTheme.textSecondary,
+                ),
+                textAlign: TextAlign.center,
+                maxLines: 1,
+                overflow: TextOverflow.ellipsis,
+              ),
+              const SizedBox(height: 8),
+              _buildStatusBadge(),
+              const Spacer(),
+              Row(
+                mainAxisAlignment: MainAxisAlignment.spaceEvenly,
+                children: [
+                  _buildGridAction(Icons.phone, onCall),
+                  _buildGridAction(Icons.message, onMessage),
+                  _buildGridAction(Icons.edit, onEdit),
+                ],
+              ),
+            ],
+          ),
+        ),
+      ),
+    );
+  }
+
+  Widget _buildAvatar({required double size}) {
+    return CircleAvatar(
+      radius: size / 2,
+      backgroundColor: AppTheme.primaryColor.withOpacity(0.1),
+      child: Text(
+        membre.initiales,
+        style: TextStyle(
+          fontSize: size * 0.4,
+          fontWeight: FontWeight.bold,
+          color: AppTheme.primaryColor,
+        ),
+      ),
+    );
+  }
+
+  Widget _buildStatusBadge() {
+    Color color;
+    switch (membre.statut.toUpperCase()) {
+      case 'ACTIF':
+        color = AppTheme.successColor;
+        break;
+      case 'INACTIF':
+        color = AppTheme.warningColor;
+        break;
+      case 'SUSPENDU':
+        color = AppTheme.errorColor;
+        break;
+      default:
+        color = AppTheme.textSecondary;
+    }
+
+    return Container(
+      padding: const EdgeInsets.symmetric(horizontal: 8, vertical: 4),
+      decoration: BoxDecoration(
+        color: color.withOpacity(0.1),
+        borderRadius: BorderRadius.circular(12),
+        border: Border.all(color: color.withOpacity(0.3)),
+      ),
+      child: Text(
+        membre.statutLibelle,
+        style: TextStyle(
+          fontSize: 12,
+          fontWeight: FontWeight.w500,
+          color: color,
+        ),
+      ),
+    );
+  }
+
+  Widget _buildContactInfo() {
+    return Column(
+      children: [
+        Row(
+          children: [
+            const Icon(Icons.phone, size: 16, color: AppTheme.textHint),
+            const SizedBox(width: 8),
+            Text(
+              membre.telephone,
+              style: const TextStyle(
+                fontSize: 14,
+                color: AppTheme.textSecondary,
+              ),
+            ),
+          ],
+        ),
+        const SizedBox(height: 4),
+        Row(
+          children: [
+            const Icon(Icons.email, size: 16, color: AppTheme.textHint),
+            const SizedBox(width: 8),
+            Expanded(
+              child: Text(
+                membre.email,
+                style: const TextStyle(
+                  fontSize: 14,
+                  color: AppTheme.textSecondary,
+                ),
+                overflow: TextOverflow.ellipsis,
+              ),
+            ),
+          ],
+        ),
+      ],
+    );
+  }
+
+  Widget _buildActionButtons() {
+    return Row(
+      children: [
+        Expanded(
+          child: OutlinedButton.icon(
+            onPressed: onCall,
+            icon: const Icon(Icons.phone, size: 16),
+            label: const Text('Appeler'),
+            style: OutlinedButton.styleFrom(
+              foregroundColor: AppTheme.primaryColor,
+              side: BorderSide(color: AppTheme.primaryColor.withOpacity(0.3)),
+            ),
+          ),
+        ),
+        const SizedBox(width: 8),
+        Expanded(
+          child: OutlinedButton.icon(
+            onPressed: onMessage,
+            icon: const Icon(Icons.message, size: 16),
+            label: const Text('Message'),
+            style: OutlinedButton.styleFrom(
+              foregroundColor: AppTheme.secondaryColor,
+              side: BorderSide(color: AppTheme.secondaryColor.withOpacity(0.3)),
+            ),
+          ),
+        ),
+      ],
+    );
+  }
+
+  Widget _buildGridAction(IconData icon, VoidCallback? onPressed) {
+    return GestureDetector(
+      onTap: () {
+        HapticFeedback.lightImpact();
+        onPressed?.call();
+      },
+      child: Container(
+        padding: const EdgeInsets.all(8),
+        decoration: BoxDecoration(
+          color: AppTheme.primaryColor.withOpacity(0.1),
+          borderRadius: BorderRadius.circular(8),
+        ),
+        child: Icon(
+          icon,
+          size: 16,
+          color: AppTheme.primaryColor,
+        ),
+      ),
+    );
+  }
+
+  void _handleMenuAction(String action) {
+    HapticFeedback.lightImpact();
+    switch (action) {
+      case 'call':
+        onCall?.call();
+        break;
+      case 'message':
+        onMessage?.call();
+        break;
+      case 'edit':
+        onEdit?.call();
+        break;
+    }
+  }
+}

unionflow-mobile-apps/lib/features/members/presentation/widgets/membres_export_dialog.dart

@@ -1,6 +1,7 @@
 import 'package:flutter/material.dart';
 import '../../../../shared/theme/app_theme.dart';
 import '../../../../core/models/membre_model.dart';
+import '../../../../core/services/export_import_service.dart';
 
 /// Dialog d'export des données des membres
 class MembresExportDialog extends StatefulWidget {
@@ -390,7 +391,7 @@ class _MembresExportDialogState extends State<MembresExportDialog> {
     }
   }
 
-  void _performExport(List<MembreModel> membersToExport) {
+  Future<void> _performExport(List<MembreModel> membersToExport) async {
     // Filtrer les membres selon les options
     List<MembreModel> filteredMembers = membersToExport;
 
@@ -399,35 +400,22 @@ class _MembresExportDialogState extends State<MembresExportDialog> {
     }
 
     // Créer les options d'export
-    final exportOptions = {
-      'format': _selectedFormat,
-      'includePersonalInfo': _includePersonalInfo,
-      'includeContactInfo': _includeContactInfo,
-      'includeAdhesionInfo': _includeAdhesionInfo,
-      'includeStatistics': _includeStatistics,
-      'includeInactiveMembers': _includeInactiveMembers,
-    };
+    final exportOptions = ExportOptions(
+      format: _selectedFormat,
+      includePersonalInfo: _includePersonalInfo,
+      includeContactInfo: _includeContactInfo,
+      includeAdhesionInfo: _includeAdhesionInfo,
+      includeStatistics: _includeStatistics,
+      includeInactiveMembers: _includeInactiveMembers,
+    );
 
-    // TODO: Implémenter l'export réel selon le format
-    _showExportResult(filteredMembers.length, _selectedFormat);
-  }
-
-  void _showExportResult(int count, String format) {
+    // Fermer le dialog avant l'export
     Navigator.of(context).pop();
 
-    ScaffoldMessenger.of(context).showSnackBar(
-      SnackBar(
-        content: Text(
-          'Export $format de $count membres - À implémenter',
-        ),
-        backgroundColor: AppTheme.infoColor,
-        action: SnackBarAction(
-          label: 'Voir',
-          onPressed: () {
-            // TODO: Ouvrir le fichier exporté
-          },
-        ),
-      ),
-    );
+    // Effectuer l'export réel
+    final exportService = ExportImportService();
+    await exportService.exportMembers(context, filteredMembers, exportOptions);
   }
+
+
 }

unionflow-mobile-apps/lib/features/members/presentation/widgets/membres_stats_overview.dart

@@ -0,0 +1,281 @@
+import 'package:flutter/material.dart';
+import '../../../../core/models/membre_model.dart';
+import '../../../../shared/theme/app_theme.dart';
+
+/// Widget de statistiques pour la liste des membres
+class MembresStatsOverview extends StatelessWidget {
+  final List<MembreModel> membres;
+  final String searchQuery;
+
+  const MembresStatsOverview({
+    super.key,
+    required this.membres,
+    this.searchQuery = '',
+  });
+
+  @override
+  Widget build(BuildContext context) {
+    final stats = _calculateStats();
+    
+    return Container(
+      margin: const EdgeInsets.fromLTRB(16, 0, 16, 16),
+      padding: const EdgeInsets.all(16),
+      decoration: BoxDecoration(
+        color: Colors.white,
+        borderRadius: BorderRadius.circular(12),
+        boxShadow: [
+          BoxShadow(
+            color: Colors.black.withOpacity(0.05),
+            blurRadius: 10,
+            offset: const Offset(0, 2),
+          ),
+        ],
+      ),
+      child: Column(
+        crossAxisAlignment: CrossAxisAlignment.start,
+        children: [
+          // En-tête
+          Row(
+            children: [
+              Container(
+                padding: const EdgeInsets.all(8),
+                decoration: BoxDecoration(
+                  color: AppTheme.primaryColor.withOpacity(0.1),
+                  borderRadius: BorderRadius.circular(8),
+                ),
+                child: Icon(
+                  Icons.analytics,
+                  color: AppTheme.primaryColor,
+                  size: 20,
+                ),
+              ),
+              const SizedBox(width: 12),
+              const Text(
+                'Vue d\'ensemble',
+                style: TextStyle(
+                  fontSize: 16,
+                  fontWeight: FontWeight.w600,
+                  color: AppTheme.textPrimary,
+                ),
+              ),
+              const Spacer(),
+              if (searchQuery.isNotEmpty)
+                Container(
+                  padding: const EdgeInsets.symmetric(horizontal: 8, vertical: 4),
+                  decoration: BoxDecoration(
+                    color: AppTheme.infoColor.withOpacity(0.1),
+                    borderRadius: BorderRadius.circular(12),
+                  ),
+                  child: Text(
+                    'Filtré',
+                    style: TextStyle(
+                      fontSize: 12,
+                      color: AppTheme.infoColor,
+                      fontWeight: FontWeight.w500,
+                    ),
+                  ),
+                ),
+            ],
+          ),
+          const SizedBox(height: 16),
+          
+          // Statistiques principales
+          Row(
+            children: [
+              Expanded(
+                child: _buildStatCard(
+                  'Total',
+                  stats['total'].toString(),
+                  Icons.people,
+                  AppTheme.primaryColor,
+                ),
+              ),
+              const SizedBox(width: 12),
+              Expanded(
+                child: _buildStatCard(
+                  'Actifs',
+                  stats['actifs'].toString(),
+                  Icons.check_circle,
+                  AppTheme.successColor,
+                ),
+              ),
+              const SizedBox(width: 12),
+              Expanded(
+                child: _buildStatCard(
+                  'Âge moyen',
+                  '${stats['ageMoyen']} ans',
+                  Icons.cake,
+                  AppTheme.warningColor,
+                ),
+              ),
+            ],
+          ),
+          
+          if (stats['total'] > 0) ...[
+            const SizedBox(height: 16),
+            
+            // Statistiques détaillées
+            Row(
+              children: [
+                Expanded(
+                  child: _buildDetailedStat(
+                    'Nouveaux (30j)',
+                    stats['nouveaux'].toString(),
+                    stats['nouveauxPourcentage'],
+                    AppTheme.infoColor,
+                  ),
+                ),
+                const SizedBox(width: 16),
+                Expanded(
+                  child: _buildDetailedStat(
+                    'Anciens (>1an)',
+                    stats['anciens'].toString(),
+                    stats['anciensPourcentage'],
+                    AppTheme.secondaryColor,
+                  ),
+                ),
+              ],
+            ),
+          ],
+        ],
+      ),
+    );
+  }
+
+  Map<String, dynamic> _calculateStats() {
+    if (membres.isEmpty) {
+      return {
+        'total': 0,
+        'actifs': 0,
+        'ageMoyen': 0,
+        'nouveaux': 0,
+        'nouveauxPourcentage': 0.0,
+        'anciens': 0,
+        'anciensPourcentage': 0.0,
+      };
+    }
+
+    final now = DateTime.now();
+    final total = membres.length;
+    final actifs = membres.where((m) => m.statut.toUpperCase() == 'ACTIF').length;
+    
+    // Calcul de l'âge moyen
+    final ages = membres.map((m) => m.age).where((age) => age > 0).toList();
+    final ageMoyen = ages.isNotEmpty ? (ages.reduce((a, b) => a + b) / ages.length).round() : 0;
+    
+    // Nouveaux membres (moins de 30 jours)
+    final nouveaux = membres.where((m) {
+      final daysDiff = now.difference(m.dateAdhesion).inDays;
+      return daysDiff <= 30;
+    }).length;
+    final nouveauxPourcentage = total > 0 ? (nouveaux / total * 100) : 0.0;
+    
+    // Anciens membres (plus d'un an)
+    final anciens = membres.where((m) {
+      final daysDiff = now.difference(m.dateAdhesion).inDays;
+      return daysDiff > 365;
+    }).length;
+    final anciensPourcentage = total > 0 ? (anciens / total * 100) : 0.0;
+
+    return {
+      'total': total,
+      'actifs': actifs,
+      'ageMoyen': ageMoyen,
+      'nouveaux': nouveaux,
+      'nouveauxPourcentage': nouveauxPourcentage,
+      'anciens': anciens,
+      'anciensPourcentage': anciensPourcentage,
+    };
+  }
+
+  Widget _buildStatCard(String label, String value, IconData icon, Color color) {
+    return Container(
+      padding: const EdgeInsets.all(12),
+      decoration: BoxDecoration(
+        color: color.withOpacity(0.1),
+        borderRadius: BorderRadius.circular(8),
+        border: Border.all(color: color.withOpacity(0.2)),
+      ),
+      child: Column(
+        children: [
+          Icon(icon, color: color, size: 20),
+          const SizedBox(height: 4),
+          Text(
+            value,
+            style: TextStyle(
+              fontSize: 16,
+              fontWeight: FontWeight.bold,
+              color: color,
+            ),
+          ),
+          Text(
+            label,
+            style: const TextStyle(
+              fontSize: 12,
+              color: AppTheme.textSecondary,
+            ),
+            textAlign: TextAlign.center,
+          ),
+        ],
+      ),
+    );
+  }
+
+  Widget _buildDetailedStat(String label, String value, double percentage, Color color) {
+    return Container(
+      padding: const EdgeInsets.all(12),
+      decoration: BoxDecoration(
+        color: Colors.grey[50],
+        borderRadius: BorderRadius.circular(8),
+        border: Border.all(color: Colors.grey[200]!),
+      ),
+      child: Column(
+        crossAxisAlignment: CrossAxisAlignment.start,
+        children: [
+          Row(
+            children: [
+              Container(
+                width: 8,
+                height: 8,
+                decoration: BoxDecoration(
+                  color: color,
+                  shape: BoxShape.circle,
+                ),
+              ),
+              const SizedBox(width: 8),
+              Text(
+                label,
+                style: const TextStyle(
+                  fontSize: 12,
+                  color: AppTheme.textSecondary,
+                ),
+              ),
+            ],
+          ),
+          const SizedBox(height: 4),
+          Row(
+            children: [
+              Text(
+                value,
+                style: const TextStyle(
+                  fontSize: 18,
+                  fontWeight: FontWeight.bold,
+                  color: AppTheme.textPrimary,
+                ),
+              ),
+              const SizedBox(width: 8),
+              Text(
+                '(${percentage.toStringAsFixed(1)}%)',
+                style: TextStyle(
+                  fontSize: 12,
+                  color: color,
+                  fontWeight: FontWeight.w500,
+                ),
+              ),
+            ],
+          ),
+        ],
+      ),
+    );
+  }
+}

unionflow-mobile-apps/lib/features/members/presentation/widgets/membres_view_controls.dart

@@ -0,0 +1,179 @@
+import 'package:flutter/material.dart';
+import '../../../../shared/theme/app_theme.dart';
+
+/// Widget de contrôles pour les modes d'affichage et le tri
+class MembresViewControls extends StatelessWidget {
+  final String viewMode;
+  final String sortBy;
+  final bool sortAscending;
+  final int totalCount;
+  final Function(String) onViewModeChanged;
+  final Function(String) onSortChanged;
+  final VoidCallback onSortDirectionChanged;
+
+  const MembresViewControls({
+    super.key,
+    required this.viewMode,
+    required this.sortBy,
+    required this.sortAscending,
+    required this.totalCount,
+    required this.onViewModeChanged,
+    required this.onSortChanged,
+    required this.onSortDirectionChanged,
+  });
+
+  @override
+  Widget build(BuildContext context) {
+    return Container(
+      margin: const EdgeInsets.fromLTRB(16, 0, 16, 8),
+      padding: const EdgeInsets.all(12),
+      decoration: BoxDecoration(
+        color: Colors.white,
+        borderRadius: BorderRadius.circular(8),
+        border: Border.all(color: Colors.grey[200]!),
+      ),
+      child: Row(
+        children: [
+          // Compteur
+          Container(
+            padding: const EdgeInsets.symmetric(horizontal: 8, vertical: 4),
+            decoration: BoxDecoration(
+              color: AppTheme.primaryColor.withOpacity(0.1),
+              borderRadius: BorderRadius.circular(12),
+            ),
+            child: Text(
+              '$totalCount membre${totalCount > 1 ? 's' : ''}',
+              style: TextStyle(
+                fontSize: 12,
+                fontWeight: FontWeight.w500,
+                color: AppTheme.primaryColor,
+              ),
+            ),
+          ),
+          
+          const Spacer(),
+          
+          // Contrôles de tri
+          _buildSortControls(),
+          
+          const SizedBox(width: 12),
+          
+          // Modes d'affichage
+          _buildViewModeControls(),
+        ],
+      ),
+    );
+  }
+
+  Widget _buildSortControls() {
+    return Row(
+      mainAxisSize: MainAxisSize.min,
+      children: [
+        PopupMenuButton<String>(
+          initialValue: sortBy,
+          onSelected: onSortChanged,
+          icon: Icon(
+            Icons.sort,
+            size: 20,
+            color: AppTheme.textSecondary,
+          ),
+          itemBuilder: (context) => [
+            const PopupMenuItem(
+              value: 'name',
+              child: Row(
+                children: [
+                  Icon(Icons.sort_by_alpha, size: 16),
+                  SizedBox(width: 8),
+                  Text('Nom'),
+                ],
+              ),
+            ),
+            const PopupMenuItem(
+              value: 'date',
+              child: Row(
+                children: [
+                  Icon(Icons.date_range, size: 16),
+                  SizedBox(width: 8),
+                  Text('Date d\'adhésion'),
+                ],
+              ),
+            ),
+            const PopupMenuItem(
+              value: 'age',
+              child: Row(
+                children: [
+                  Icon(Icons.cake, size: 16),
+                  SizedBox(width: 8),
+                  Text('Âge'),
+                ],
+              ),
+            ),
+            const PopupMenuItem(
+              value: 'status',
+              child: Row(
+                children: [
+                  Icon(Icons.info, size: 16),
+                  SizedBox(width: 8),
+                  Text('Statut'),
+                ],
+              ),
+            ),
+          ],
+        ),
+        
+        // Direction du tri
+        GestureDetector(
+          onTap: onSortDirectionChanged,
+          child: Container(
+            padding: const EdgeInsets.all(4),
+            child: Icon(
+              sortAscending ? Icons.arrow_upward : Icons.arrow_downward,
+              size: 16,
+              color: AppTheme.primaryColor,
+            ),
+          ),
+        ),
+      ],
+    );
+  }
+
+  Widget _buildViewModeControls() {
+    return Container(
+      decoration: BoxDecoration(
+        color: Colors.grey[100],
+        borderRadius: BorderRadius.circular(6),
+      ),
+      child: Row(
+        mainAxisSize: MainAxisSize.min,
+        children: [
+          _buildViewModeButton('list', Icons.view_list, 'Liste'),
+          _buildViewModeButton('card', Icons.view_module, 'Cartes'),
+          _buildViewModeButton('grid', Icons.grid_view, 'Grille'),
+        ],
+      ),
+    );
+  }
+
+  Widget _buildViewModeButton(String mode, IconData icon, String tooltip) {
+    final isSelected = viewMode == mode;
+    
+    return GestureDetector(
+      onTap: () => onViewModeChanged(mode),
+      child: Tooltip(
+        message: tooltip,
+        child: Container(
+          padding: const EdgeInsets.all(8),
+          decoration: BoxDecoration(
+            color: isSelected ? AppTheme.primaryColor : Colors.transparent,
+            borderRadius: BorderRadius.circular(4),
+          ),
+          child: Icon(
+            icon,
+            size: 18,
+            color: isSelected ? Colors.white : AppTheme.textSecondary,
+          ),
+        ),
+      ),
+    );
+  }
+}

unionflow-mobile-apps/lib/features/members/presentation/widgets/professional_line_chart.dart

@@ -70,7 +70,7 @@ class _ProfessionalLineChartState extends State<ProfessionalLineChart>
       crossAxisAlignment: CrossAxisAlignment.start,
       children: [
         _buildHeader(),
-        SizedBox(height: DesignSystem.spacingLg),
+        const SizedBox(height: DesignSystem.spacingLg),
         Expanded(
           child: _buildChart(),
         ),
@@ -89,7 +89,7 @@ class _ProfessionalLineChartState extends State<ProfessionalLineChart>
           ),
         ),
         if (widget.subtitle != null) ...[
-          SizedBox(height: DesignSystem.spacingXs),
+          const SizedBox(height: DesignSystem.spacingXs),
           Text(
             widget.subtitle!,
             style: DesignSystem.bodyMedium.copyWith(
@@ -111,7 +111,7 @@ class _ProfessionalLineChartState extends State<ProfessionalLineChart>
               touchTooltipData: LineTouchTooltipData(
                 tooltipBgColor: AppTheme.textPrimary.withOpacity(0.9),
                 tooltipRoundedRadius: DesignSystem.radiusSm,
-                tooltipPadding: EdgeInsets.all(DesignSystem.spacingSm),
+                tooltipPadding: const EdgeInsets.all(DesignSystem.spacingSm),
                 getTooltipItems: (List<LineBarSpot> touchedBarSpots) {
                   return touchedBarSpots.map((barSpot) {
                     final data = widget.data[barSpot.x.toInt()];
@@ -239,7 +239,7 @@ class _ProfessionalLineChartState extends State<ProfessionalLineChart>
     return SideTitleWidget(
       axisSide: meta.axisSide,
       child: Padding(
-        padding: EdgeInsets.only(top: DesignSystem.spacingXs),
+        padding: const EdgeInsets.only(top: DesignSystem.spacingXs),
         child: Text(
           data.label,
           style: DesignSystem.labelSmall.copyWith(

unionflow-mobile-apps/lib/features/members/presentation/widgets/professional_pie_chart.dart

@@ -65,7 +65,7 @@ class _ProfessionalPieChartState extends State<ProfessionalPieChart>
       crossAxisAlignment: CrossAxisAlignment.start,
       children: [
         _buildHeader(),
-        SizedBox(height: DesignSystem.spacingLg),
+        const SizedBox(height: DesignSystem.spacingLg),
         Expanded(
           child: Row(
             children: [
@@ -74,7 +74,7 @@ class _ProfessionalPieChartState extends State<ProfessionalPieChart>
                 child: _buildChart(),
               ),
               if (widget.showLegend) ...[
-                SizedBox(width: DesignSystem.spacingLg),
+                const SizedBox(width: DesignSystem.spacingLg),
                 Expanded(
                   flex: 2,
                   child: _buildLegend(),
@@ -98,7 +98,7 @@ class _ProfessionalPieChartState extends State<ProfessionalPieChart>
           ),
         ),
         if (widget.subtitle != null) ...[
-          SizedBox(height: DesignSystem.spacingXs),
+          const SizedBox(height: DesignSystem.spacingXs),
           Text(
             widget.subtitle!,
             style: DesignSystem.bodyMedium.copyWith(
@@ -177,7 +177,7 @@ class _ProfessionalPieChartState extends State<ProfessionalPieChart>
 
   Widget _buildBadge(ChartDataPoint data) {
     return Container(
-      padding: EdgeInsets.symmetric(
+      padding: const EdgeInsets.symmetric(
         horizontal: DesignSystem.spacingSm,
         vertical: DesignSystem.spacingXs,
       ),
@@ -203,7 +203,7 @@ class _ProfessionalPieChartState extends State<ProfessionalPieChart>
       children: [
         if (widget.centerText != null) ...[
           _buildCenterInfo(),
-          SizedBox(height: DesignSystem.spacingLg),
+          const SizedBox(height: DesignSystem.spacingLg),
         ],
         ...widget.data.asMap().entries.map((entry) {
           final index = entry.key;
@@ -212,8 +212,8 @@ class _ProfessionalPieChartState extends State<ProfessionalPieChart>
           
           return AnimatedContainer(
             duration: DesignSystem.animationFast,
-            margin: EdgeInsets.only(bottom: DesignSystem.spacingSm),
-            padding: EdgeInsets.all(DesignSystem.spacingSm),
+            margin: const EdgeInsets.only(bottom: DesignSystem.spacingSm),
+            padding: const EdgeInsets.all(DesignSystem.spacingSm),
             decoration: BoxDecoration(
               color: isSelected ? data.color.withOpacity(0.1) : Colors.transparent,
               borderRadius: BorderRadius.circular(DesignSystem.radiusSm),
@@ -232,7 +232,7 @@ class _ProfessionalPieChartState extends State<ProfessionalPieChart>
                     borderRadius: BorderRadius.circular(DesignSystem.radiusXs),
                   ),
                 ),
-                SizedBox(width: DesignSystem.spacingSm),
+                const SizedBox(width: DesignSystem.spacingSm),
                 Expanded(
                   child: Column(
                     crossAxisAlignment: CrossAxisAlignment.start,
@@ -262,7 +262,7 @@ class _ProfessionalPieChartState extends State<ProfessionalPieChart>
 
   Widget _buildCenterInfo() {
     return Container(
-      padding: EdgeInsets.all(DesignSystem.spacingMd),
+      padding: const EdgeInsets.all(DesignSystem.spacingMd),
       decoration: BoxDecoration(
         color: AppTheme.primaryColor.withOpacity(0.1),
         borderRadius: BorderRadius.circular(DesignSystem.radiusMd),
@@ -279,7 +279,7 @@ class _ProfessionalPieChartState extends State<ProfessionalPieChart>
               color: AppTheme.textSecondary,
             ),
           ),
-          SizedBox(height: DesignSystem.spacingXs),
+          const SizedBox(height: DesignSystem.spacingXs),
           Text(
             widget.centerText!,
             style: DesignSystem.headlineMedium.copyWith(

unionflow-mobile-apps/lib/features/members/presentation/widgets/stats_grid_card.dart

@@ -147,7 +147,7 @@ class _StatsGridCardState extends State<StatsGridCard>
 
   Widget _buildStatCard(_StatItem item) {
     return Container(
-      padding: EdgeInsets.all(DesignSystem.spacingMd),
+      padding: const EdgeInsets.all(DesignSystem.spacingMd),
       decoration: BoxDecoration(
         color: AppTheme.surfaceLight,
         borderRadius: BorderRadius.circular(DesignSystem.radiusLg),
@@ -164,7 +164,7 @@ class _StatsGridCardState extends State<StatsGridCard>
             mainAxisAlignment: MainAxisAlignment.spaceBetween,
             children: [
               Container(
-                padding: EdgeInsets.all(DesignSystem.spacingSm),
+                padding: const EdgeInsets.all(DesignSystem.spacingSm),
                 decoration: BoxDecoration(
                   color: item.color.withOpacity(0.1),
                   borderRadius: BorderRadius.circular(DesignSystem.radiusMd),
@@ -176,7 +176,7 @@ class _StatsGridCardState extends State<StatsGridCard>
                 ),
               ),
               Container(
-                padding: EdgeInsets.symmetric(
+                padding: const EdgeInsets.symmetric(
                   horizontal: DesignSystem.spacingXs,
                   vertical: 2,
                 ),
@@ -199,7 +199,7 @@ class _StatsGridCardState extends State<StatsGridCard>
               ),
             ],
           ),
-          SizedBox(height: DesignSystem.spacingSm),
+          const SizedBox(height: DesignSystem.spacingSm),
           Text(
             item.value,
             style: DesignSystem.headlineMedium.copyWith(
@@ -207,7 +207,7 @@ class _StatsGridCardState extends State<StatsGridCard>
               color: AppTheme.textPrimary,
             ),
           ),
-          SizedBox(height: DesignSystem.spacingXs),
+          const SizedBox(height: DesignSystem.spacingXs),
           Text(
             item.title,
             style: DesignSystem.labelMedium.copyWith(

unionflow-mobile-apps/lib/features/members/presentation/widgets/stats_overview_card.dart

@@ -74,7 +74,7 @@ class _StatsOverviewCardState extends State<StatsOverviewCard>
 
   Widget _buildCard() {
     return Container(
-      padding: EdgeInsets.all(DesignSystem.spacingLg),
+      padding: const EdgeInsets.all(DesignSystem.spacingLg),
       decoration: BoxDecoration(
         gradient: DesignSystem.primaryGradient,
         borderRadius: BorderRadius.circular(DesignSystem.radiusLg),
@@ -84,11 +84,11 @@ class _StatsOverviewCardState extends State<StatsOverviewCard>
         crossAxisAlignment: CrossAxisAlignment.start,
         children: [
           _buildHeader(),
-          SizedBox(height: DesignSystem.spacingLg),
+          const SizedBox(height: DesignSystem.spacingLg),
           _buildMainStats(),
-          SizedBox(height: DesignSystem.spacingLg),
+          const SizedBox(height: DesignSystem.spacingLg),
           _buildSecondaryStats(),
-          SizedBox(height: DesignSystem.spacingMd),
+          const SizedBox(height: DesignSystem.spacingMd),
           _buildProgressIndicator(),
         ],
       ),
@@ -109,7 +109,7 @@ class _StatsOverviewCardState extends State<StatsOverviewCard>
                 fontWeight: FontWeight.w700,
               ),
             ),
-            SizedBox(height: DesignSystem.spacingXs),
+            const SizedBox(height: DesignSystem.spacingXs),
             Text(
               'Statistiques générales',
               style: DesignSystem.bodyMedium.copyWith(
@@ -119,7 +119,7 @@ class _StatsOverviewCardState extends State<StatsOverviewCard>
           ],
         ),
         Container(
-          padding: EdgeInsets.all(DesignSystem.spacingSm),
+          padding: const EdgeInsets.all(DesignSystem.spacingSm),
           decoration: BoxDecoration(
             color: Colors.white.withOpacity(0.2),
             borderRadius: BorderRadius.circular(DesignSystem.radiusMd),
@@ -145,7 +145,7 @@ class _StatsOverviewCardState extends State<StatsOverviewCard>
             Colors.white,
           ),
         ),
-        SizedBox(width: DesignSystem.spacingLg),
+        const SizedBox(width: DesignSystem.spacingLg),
         Expanded(
           child: _buildStatItem(
             'Membres Actifs',
@@ -170,7 +170,7 @@ class _StatsOverviewCardState extends State<StatsOverviewCard>
             isSecondary: true,
           ),
         ),
-        SizedBox(width: DesignSystem.spacingLg),
+        const SizedBox(width: DesignSystem.spacingLg),
         Expanded(
           child: _buildStatItem(
             'Taux d\'activité',
@@ -201,7 +201,7 @@ class _StatsOverviewCardState extends State<StatsOverviewCard>
               color: color,
               size: isSecondary ? 16 : 20,
             ),
-            SizedBox(width: DesignSystem.spacingXs),
+            const SizedBox(width: DesignSystem.spacingXs),
             Text(
               label,
               style: (isSecondary ? DesignSystem.labelMedium : DesignSystem.labelLarge).copyWith(
@@ -211,7 +211,7 @@ class _StatsOverviewCardState extends State<StatsOverviewCard>
             ),
           ],
         ),
-        SizedBox(height: DesignSystem.spacingXs),
+        const SizedBox(height: DesignSystem.spacingXs),
         Text(
           value,
           style: (isSecondary ? DesignSystem.headlineMedium : DesignSystem.displayMedium).copyWith(
@@ -250,7 +250,7 @@ class _StatsOverviewCardState extends State<StatsOverviewCard>
             ),
           ],
         ),
-        SizedBox(height: DesignSystem.spacingXs),
+        const SizedBox(height: DesignSystem.spacingXs),
         Container(
           height: 6,
           decoration: BoxDecoration(

unionflow-mobile-apps/lib/features/navigation/presentation/pages/main_navigation.dart

@@ -6,6 +6,7 @@ import '../../../../shared/widgets/buttons/buttons.dart';
 import '../../../dashboard/presentation/pages/dashboard_page.dart';
 import '../../../members/presentation/pages/membres_list_page.dart';
 import '../../../cotisations/presentation/pages/cotisations_list_page.dart';
+import '../../../evenements/presentation/pages/evenements_page.dart';
 import '../widgets/custom_bottom_nav_bar.dart';
 
 class MainNavigation extends StatefulWidget {
@@ -105,7 +106,8 @@ class _MainNavigationState extends State<MainNavigation>
 
   Widget _buildFloatingActionButton() {
     // Afficher le FAB seulement sur certains onglets
-    if (_currentIndex == 1 || _currentIndex == 2 || _currentIndex == 3) {
+    // IMPORTANT: L'onglet Membres (index 1) a son propre FAB, donc on ne l'affiche pas ici
+    if (_currentIndex == 2 || _currentIndex == 3) {
       return ScaleTransition(
         scale: _fabAnimation,
         child: QuickButtons.fab(
@@ -212,20 +214,7 @@ class _MainNavigationState extends State<MainNavigation>
   }
 
   Widget _buildEventsPage() {
-    return const ComingSoonPage(
-      title: 'Module Événements',
-      description: 'Organisation et gestion d\'événements avec calendrier intégré',
-      icon: Icons.event_rounded,
-      color: AppTheme.warningColor,
-      features: [
-        'Calendrier interactif des événements',
-        'Gestion des inscriptions en ligne',
-        'Envoi d\'invitations automatiques',
-        'Suivi de la participation',
-        'Gestion des lieux et ressources',
-        'Sondages et feedback post-événement',
-      ],
-    );
+    return const EvenementsPage();
   }
 
   Widget _buildMorePage() {

unionflow-mobile-apps/lib/main.dart

@@ -1,14 +1,11 @@
 import 'package:flutter/material.dart';
 import 'package:flutter/services.dart';
-import 'package:flutter_bloc/flutter_bloc.dart';
 import 'package:intl/date_symbol_data_local.dart';
 
-import 'core/auth/bloc/temp_auth_bloc.dart';
-import 'core/auth/bloc/auth_event.dart';
-import 'core/auth/services/temp_auth_service.dart';
+
+import 'core/auth/presentation/auth_wrapper.dart';
 import 'core/di/injection.dart';
 import 'shared/theme/app_theme.dart';
-import 'app.dart';
 
 void main() async {
   WidgetsFlutterBinding.ensureInitialized();
@@ -19,6 +16,8 @@ void main() async {
   // Configuration de l'injection de dépendances
   await configureDependencies();
 
+  // Le service d'authentification WebView s'initialise automatiquement
+
   // Configuration du système
   await _configureApp();
 
@@ -51,38 +50,30 @@ class UnionFlowApp extends StatelessWidget {
 
   @override
   Widget build(BuildContext context) {
-    return BlocProvider<TempAuthBloc>(
-      create: (context) {
-        final authService = TempAuthService();
-        final authBloc = TempAuthBloc(authService);
-        authBloc.add(const AuthInitializeRequested());
-        return authBloc;
+    return MaterialApp(
+      title: 'UnionFlow',
+      debugShowCheckedModeBanner: false,
+
+      // Configuration du thème
+      theme: AppTheme.lightTheme,
+      darkTheme: AppTheme.darkTheme,
+      themeMode: ThemeMode.system,
+
+      // Configuration de la localisation
+      locale: const Locale('fr', 'FR'),
+
+      // Application principale
+      home: const AuthWrapper(),
+
+      // Builder global pour gérer les erreurs
+      builder: (context, child) {
+        return MediaQuery(
+          data: MediaQuery.of(context).copyWith(
+            textScaler: const TextScaler.linear(1.0),
+          ),
+          child: child ?? const SizedBox(),
+        );
       },
-      child: MaterialApp(
-        title: 'UnionFlow',
-        debugShowCheckedModeBanner: false,
-
-        // Configuration du thème
-        theme: AppTheme.lightTheme,
-        darkTheme: AppTheme.darkTheme,
-        themeMode: ThemeMode.system,
-
-        // Configuration de la localisation
-        locale: const Locale('fr', 'FR'),
-
-        // Application principale
-        home: const AppWrapper(),
-
-        // Builder global pour gérer les erreurs
-        builder: (context, child) {
-          return MediaQuery(
-            data: MediaQuery.of(context).copyWith(
-              textScaler: const TextScaler.linear(1.0),
-            ),
-            child: child ?? const SizedBox(),
-          );
-        },
-      ),
     );
   }
 }

unionflow-mobile-apps/lib/shared/widgets/permission_widget.dart

@@ -0,0 +1,330 @@
+import 'package:flutter/material.dart';
+import '../../core/auth/services/permission_service.dart';
+
+/// Widget qui affiche son contenu seulement si l'utilisateur a les permissions requises
+class PermissionWidget extends StatelessWidget {
+  const PermissionWidget({
+    super.key,
+    required this.child,
+    this.permission,
+    this.roles,
+    this.fallback,
+    this.showFallbackMessage = false,
+    this.fallbackMessage,
+  }) : assert(permission != null || roles != null, 'Either permission or roles must be provided');
+
+  /// Widget à afficher si les permissions sont accordées
+  final Widget child;
+
+  /// Fonction de vérification de permission personnalisée
+  final bool Function()? permission;
+
+  /// Liste des rôles autorisés
+  final List<String>? roles;
+
+  /// Widget à afficher si les permissions ne sont pas accordées
+  final Widget? fallback;
+
+  /// Afficher un message par défaut si pas de permissions
+  final bool showFallbackMessage;
+
+  /// Message personnalisé à afficher si pas de permissions
+  final String? fallbackMessage;
+
+  @override
+  Widget build(BuildContext context) {
+    final permissionService = PermissionService();
+    
+    bool hasPermission = false;
+    
+    if (permission != null) {
+      hasPermission = permission!();
+    } else if (roles != null) {
+      hasPermission = permissionService.hasAnyRole(roles!);
+    }
+
+    if (hasPermission) {
+      return child;
+    }
+
+    // Si pas de permissions, afficher le fallback ou rien
+    if (fallback != null) {
+      return fallback!;
+    }
+
+    if (showFallbackMessage) {
+      return Container(
+        padding: const EdgeInsets.all(16),
+        child: Column(
+          mainAxisSize: MainAxisSize.min,
+          children: [
+            Icon(
+              Icons.lock_outline,
+              size: 48,
+              color: Colors.grey[400],
+            ),
+            const SizedBox(height: 8),
+            Text(
+              fallbackMessage ?? 'Accès restreint',
+              style: TextStyle(
+                color: Colors.grey[600],
+                fontSize: 14,
+              ),
+              textAlign: TextAlign.center,
+            ),
+          ],
+        ),
+      );
+    }
+
+    return const SizedBox.shrink();
+  }
+}
+
+/// Widget pour les boutons avec contrôle de permissions
+class PermissionButton extends StatelessWidget {
+  const PermissionButton({
+    super.key,
+    required this.onPressed,
+    required this.child,
+    this.permission,
+    this.roles,
+    this.tooltip,
+    this.style,
+    this.showDisabled = true,
+    this.disabledMessage,
+  }) : assert(permission != null || roles != null, 'Either permission or roles must be provided');
+
+  /// Callback quand le bouton est pressé
+  final VoidCallback onPressed;
+
+  /// Contenu du bouton
+  final Widget child;
+
+  /// Fonction de vérification de permission personnalisée
+  final bool Function()? permission;
+
+  /// Liste des rôles autorisés
+  final List<String>? roles;
+
+  /// Tooltip du bouton
+  final String? tooltip;
+
+  /// Style du bouton
+  final ButtonStyle? style;
+
+  /// Afficher le bouton désactivé si pas de permissions
+  final bool showDisabled;
+
+  /// Message à afficher quand le bouton est désactivé
+  final String? disabledMessage;
+
+  @override
+  Widget build(BuildContext context) {
+    final permissionService = PermissionService();
+    
+    bool hasPermission = false;
+    
+    if (permission != null) {
+      hasPermission = permission!();
+    } else if (roles != null) {
+      hasPermission = permissionService.hasAnyRole(roles!);
+    }
+
+    if (!hasPermission && !showDisabled) {
+      return const SizedBox.shrink();
+    }
+
+    Widget button = ElevatedButton(
+      onPressed: hasPermission ? onPressed : null,
+      style: style,
+      child: child,
+    );
+
+    if (tooltip != null || (!hasPermission && disabledMessage != null)) {
+      button = Tooltip(
+        message: hasPermission 
+            ? (tooltip ?? '') 
+            : (disabledMessage ?? 'Permissions insuffisantes'),
+        child: button,
+      );
+    }
+
+    return button;
+  }
+}
+
+/// Widget pour les IconButton avec contrôle de permissions
+class PermissionIconButton extends StatelessWidget {
+  const PermissionIconButton({
+    super.key,
+    required this.onPressed,
+    required this.icon,
+    this.permission,
+    this.roles,
+    this.tooltip,
+    this.color,
+    this.showDisabled = true,
+    this.disabledMessage,
+  }) : assert(permission != null || roles != null, 'Either permission or roles must be provided');
+
+  /// Callback quand le bouton est pressé
+  final VoidCallback onPressed;
+
+  /// Icône du bouton
+  final Widget icon;
+
+  /// Fonction de vérification de permission personnalisée
+  final bool Function()? permission;
+
+  /// Liste des rôles autorisés
+  final List<String>? roles;
+
+  /// Tooltip du bouton
+  final String? tooltip;
+
+  /// Couleur de l'icône
+  final Color? color;
+
+  /// Afficher le bouton désactivé si pas de permissions
+  final bool showDisabled;
+
+  /// Message à afficher quand le bouton est désactivé
+  final String? disabledMessage;
+
+  @override
+  Widget build(BuildContext context) {
+    final permissionService = PermissionService();
+    
+    bool hasPermission = false;
+    
+    if (permission != null) {
+      hasPermission = permission!();
+    } else if (roles != null) {
+      hasPermission = permissionService.hasAnyRole(roles!);
+    }
+
+    if (!hasPermission && !showDisabled) {
+      return const SizedBox.shrink();
+    }
+
+    return IconButton(
+      onPressed: hasPermission ? onPressed : null,
+      icon: icon,
+      color: hasPermission ? color : Colors.grey,
+      tooltip: hasPermission 
+          ? tooltip 
+          : (disabledMessage ?? 'Permissions insuffisantes'),
+    );
+  }
+}
+
+/// Widget pour les FloatingActionButton avec contrôle de permissions
+class PermissionFAB extends StatelessWidget {
+  const PermissionFAB({
+    super.key,
+    required this.onPressed,
+    required this.child,
+    this.permission,
+    this.roles,
+    this.tooltip,
+    this.backgroundColor,
+    this.foregroundColor,
+    this.showDisabled = false,
+  }) : assert(permission != null || roles != null, 'Either permission or roles must be provided');
+
+  /// Callback quand le bouton est pressé
+  final VoidCallback onPressed;
+
+  /// Contenu du bouton
+  final Widget child;
+
+  /// Fonction de vérification de permission personnalisée
+  final bool Function()? permission;
+
+  /// Liste des rôles autorisés
+  final List<String>? roles;
+
+  /// Tooltip du bouton
+  final String? tooltip;
+
+  /// Couleur de fond
+  final Color? backgroundColor;
+
+  /// Couleur de premier plan
+  final Color? foregroundColor;
+
+  /// Afficher le bouton désactivé si pas de permissions
+  final bool showDisabled;
+
+  @override
+  Widget build(BuildContext context) {
+    final permissionService = PermissionService();
+    
+    bool hasPermission = false;
+    
+    if (permission != null) {
+      hasPermission = permission!();
+    } else if (roles != null) {
+      hasPermission = permissionService.hasAnyRole(roles!);
+    }
+
+    if (!hasPermission && !showDisabled) {
+      return const SizedBox.shrink();
+    }
+
+    return FloatingActionButton(
+      onPressed: hasPermission ? onPressed : null,
+      backgroundColor: hasPermission ? backgroundColor : Colors.grey,
+      foregroundColor: foregroundColor,
+      tooltip: tooltip,
+      child: child,
+    );
+  }
+}
+
+/// Mixin pour faciliter l'utilisation des permissions dans les widgets
+mixin PermissionMixin {
+  PermissionService get permissionService => PermissionService();
+
+  /// Vérifie si l'utilisateur a une permission spécifique
+  bool hasPermission(bool Function() permission) {
+    return permission();
+  }
+
+  /// Vérifie si l'utilisateur a un des rôles spécifiés
+  bool hasAnyRole(List<String> roles) {
+    return permissionService.hasAnyRole(roles);
+  }
+
+  /// Affiche un SnackBar d'erreur de permission
+  void showPermissionError(BuildContext context, [String? message]) {
+    ScaffoldMessenger.of(context).showSnackBar(
+      SnackBar(
+        content: Text(
+          message ?? 'Vous n\'avez pas les permissions nécessaires pour cette action',
+        ),
+        backgroundColor: Colors.red,
+        action: SnackBarAction(
+          label: 'Fermer',
+          textColor: Colors.white,
+          onPressed: () => ScaffoldMessenger.of(context).hideCurrentSnackBar(),
+        ),
+      ),
+    );
+  }
+
+  /// Exécute une action seulement si l'utilisateur a les permissions
+  void executeWithPermission(
+    BuildContext context,
+    bool Function() permission,
+    VoidCallback action, {
+    String? errorMessage,
+  }) {
+    if (permission()) {
+      action();
+    } else {
+      showPermissionError(context, errorMessage);
+    }
+  }
+}