refactor: Amélioration des performances et migration des Cloud Functions

Cette mise à jour majeure vise à améliorer significativement les performances de l'application, en particulier au démarrage, et à standardiser l'infrastructure backend. Les principaux changements incluent la migration de toutes les Cloud Functions vers une région européenne (`europe-west9`), l'optimisation du chargement des données, et l'introduction d'un moniteur de performance pour le débogage. **Changements Backend (Cloud Functions) :** - **Migration de la Région :** - Toutes les Cloud Functions ont été déplacées de `us-central1` à `europe-west9` (Paris) pour réduire la latence pour les utilisateurs européens. Cela concerne les appels depuis le frontend (ex: `api_config.dart`, `email_service.dart`) et les définitions des fonctions elles-mêmes (`index.js`, etc.). - **Standardisation des Fonctions :** - La plupart des fonctions `onCall` (v1) ont été migrées vers le format `onRequest` (v2) avec une gestion d'authentification et de CORS unifiée, améliorant la robustesse et la cohérence. - Les triggers Firestore (`onDocumentCreated`, `onDocumentUpdated`) et les tâches planifiées (`onSchedule`) ont été mis à jour pour spécifier explicitement la région `europe-west9`. - **Mise à jour des Index Firestore :** - Les index `firestore.indexes.json` ont été mis à jour pour supporter les nouvelles requêtes de l'application et optimiser les performances de filtrage. **Améliorations des Performances Frontend :** - **Chargement Asynchrone et Mis en Cache :** - Le chargement des données utilisateur (`LocalUserProvider`) et des événements (`EventProvider`) a été optimisé pour utiliser un cache local à court terme (5 minutes pour l'utilisateur, 30 secondes pour les événements). - Les données ne sont rechargées que si le cache a expiré ou si un rechargement est forcé, évitant des appels réseau redondants et accélérant la navigation. - **Démarrage de l'Application Optimisé :** - Le processus de connexion automatique (`main.dart`) a été revu. L'application navigue désormais immédiatement vers la page demandée sans attendre la fin du chargement des données utilisateur, qui s'effectue en arrière-plan. - Un écran de chargement plus esthétique avec le logo de l'entreprise a été ajouté, remplaçant l'indicateur de chargement simple. - **Chargement de la Page Calendrier :** - Le chargement et la sélection de l'événement par défaut sur la page `CalendarPage` sont maintenant entièrement asynchrones, rendant l'affichage de la page quasi instantané. **Nouveaux Outils et Améliorations UX :** - **Moniteur de Performance :** - Ajout d'un nouvel outil `PerformanceMonitor` (`lib/utils/performance_monitor.dart`) pour mesurer précisément le temps d'exécution des opérations critiques (appels API, parsing, etc.) en mode débogage. Il aide à identifier les goulots d'étranglement. - **Amélioration du Formulaire de Connexion :** - Les champs "Email" et "Mot de passe" sur la page de connexion (`LoginPage`) supportent désormais l'autocomplétion du navigateur (`AutofillGroup`). - Appuyer sur "Entrée" dans l'un des champs déclenche désormais la connexion, améliorant l'ergonomie. **Mise à jour de la version :** - La version de l'application a été incrémentée à `1.0.9`.
2026-02-09 10:14:52 +01:00
parent a7e5f91a21
commit 8cd4854924
24 changed files with 545 additions and 515 deletions
--- a/em2rp/lib/config/api_config.dart
+++ b/em2rp/lib/config/api_config.dart
@@ -4,8 +4,8 @@ class ApiConfig {
  static const bool isDevelopment = false; // false = utilise Cloud Functions prod

  // URL de base pour les Cloud Functions
-  static const String productionUrl = 'https://us-central1-em2rp-951dc.cloudfunctions.net';
-  static const String developmentUrl = 'http://localhost:5001/em2rp-951dc/us-central1';
+  static const String productionUrl = 'https://europe-west9-em2rp-951dc.cloudfunctions.net';
+  static const String developmentUrl = 'http://localhost:5001/em2rp-951dc/europe-west9';

  /// Retourne l'URL de base selon l'environnement
  static String get baseUrl => isDevelopment ? developmentUrl : productionUrl;
--- a/em2rp/lib/config/app_version.dart
+++ b/em2rp/lib/config/app_version.dart
@@ -1,6 +1,6 @@
 /// Configuration de la version de l'application
 class AppVersion {
-  static const String version = '1.0.6';
+  static const String version = '1.0.9';

  /// Retourne la version complète de l'application
  static String get fullVersion => 'v$version';
--- a/em2rp/lib/main.dart
+++ b/em2rp/lib/main.dart
@@ -5,6 +5,7 @@ import 'package:em2rp/providers/container_provider.dart';
 import 'package:em2rp/providers/maintenance_provider.dart';
 import 'package:em2rp/providers/alert_provider.dart';
 import 'package:em2rp/utils/auth_guard_widget.dart';
+import 'package:em2rp/utils/performance_monitor.dart';
 import 'package:em2rp/views/alerts_page.dart';
 import 'package:em2rp/views/calendar_page.dart';
 import 'package:em2rp/views/login_page.dart';
@@ -203,22 +204,22 @@ class _AutoLoginWrapperState extends State<AutoLoginWrapper> {
  }

  Future<void> _autoLogin() async {
+    PerformanceMonitor.start('App.autoLogin');
    try {
      final localAuthProvider =
          Provider.of<LocalUserProvider>(context, listen: false);

      // Vérifier si l'utilisateur est déjà connecté
      if (FirebaseAuth.instance.currentUser == null && Env.isDevelopment) {
+        PerformanceMonitor.start('App.signIn');
        // Connexion automatique en mode développement
        await localAuthProvider.signInWithEmailAndPassword(
          Env.devAdminEmail,
          Env.devAdminPassword,
        );
+        PerformanceMonitor.end('App.signIn');
      }

-      // Charger les données utilisateur
-      await localAuthProvider.loadUserData();
-
      if (mounted) {
        // MODIFIÉ : Vérifier si une route spécifique est demandée dans l'URL
        // En Flutter Web, on peut vérifier window.location.hash
@@ -227,7 +228,7 @@ class _AutoLoginWrapperState extends State<AutoLoginWrapper> {

        print('[AutoLoginWrapper] Fragment URL: $fragment');

-        // Si une route spécifique est demandée (autre que / ou vide)
+        // Navigation immédiate sans attendre le chargement des données
        if (fragment.isNotEmpty && fragment != '/' && fragment != '/calendar') {
          print('[AutoLoginWrapper] Redirection vers: $fragment');
          Navigator.of(context).pushReplacementNamed(fragment);
@@ -236,9 +237,18 @@ class _AutoLoginWrapperState extends State<AutoLoginWrapper> {
          print('[AutoLoginWrapper] Redirection vers: /calendar (défaut)');
          Navigator.of(context).pushReplacementNamed('/calendar');
        }
+
+        PerformanceMonitor.end('App.autoLogin');
+        PerformanceMonitor.printSummary();
+
+        // Charger les données utilisateur en arrière-plan
+        localAuthProvider.loadUserData().catchError((e) {
+          print('Error loading user data: $e');
+        });
      }
    } catch (e) {
      print('Auto login failed: $e');
+      PerformanceMonitor.end('App.autoLogin');
      if (mounted) {
        Navigator.of(context).pushReplacementNamed('/login');
      }
@@ -247,9 +257,41 @@ class _AutoLoginWrapperState extends State<AutoLoginWrapper> {

  @override
  Widget build(BuildContext context) {
-    return const Scaffold(
+    return Scaffold(
+      backgroundColor: Colors.white,
      body: Center(
-        child: CircularProgressIndicator(),
+        child: Column(
+          mainAxisAlignment: MainAxisAlignment.center,
+          children: [
+            // Logo de l'application
+            Image.asset(
+              'assets/logos/RectangleLogoBlack.png',
+              width: 200,
+              height: 200,
+              fit: BoxFit.contain,
+              errorBuilder: (context, error, stackTrace) {
+                return const Icon(
+                  Icons.event_available,
+                  size: 80,
+                  color: AppColors.rouge,
+                );
+              },
+            ),
+            const SizedBox(height: 40),
+            const CircularProgressIndicator(
+              valueColor: AlwaysStoppedAnimation<Color>(AppColors.rouge),
+            ),
+            const SizedBox(height: 20),
+            const Text(
+              'Chargement...',
+              style: TextStyle(
+                fontSize: 16,
+                color: Colors.grey,
+                fontWeight: FontWeight.w400,
+              ),
+            ),
+          ],
+        ),
      ),
    );
  }
--- a/em2rp/lib/providers/event_provider.dart
+++ b/em2rp/lib/providers/event_provider.dart
@@ -3,6 +3,7 @@ import 'package:cloud_firestore/cloud_firestore.dart';
 import 'package:em2rp/models/event_model.dart';
 import 'package:em2rp/services/data_service.dart';
 import 'package:em2rp/services/api_service.dart';
+import 'package:em2rp/utils/performance_monitor.dart';

 class EventProvider with ChangeNotifier {
  final DataService _dataService = DataService(FirebaseFunctionsApiService());
@@ -15,19 +16,43 @@ class EventProvider with ChangeNotifier {
  // Cache des utilisateurs chargés depuis getEvents
  Map<String, Map<String, dynamic>> _usersCache = {};

+  // Cache pour éviter les rechargements inutiles
+  DateTime? _lastLoadTime;
+  String? _lastUserId;
+  bool _lastCanViewAll = false;
+
+  /// Vérifie si les données doivent être rechargées (cache de 30 secondes)
+  bool _shouldReload(String userId, bool canViewAllEvents) {
+    if (_lastLoadTime == null) return true;
+    if (_lastUserId != userId || _lastCanViewAll != canViewAllEvents) return true;
+
+    final now = DateTime.now();
+    final difference = now.difference(_lastLoadTime!);
+    return difference.inSeconds > 30;
+  }
+
  /// Charger les événements d'un utilisateur via l'API
-  Future<void> loadUserEvents(String userId, {bool canViewAllEvents = false}) async {
+  Future<void> loadUserEvents(String userId, {bool canViewAllEvents = false, bool forceReload = false}) async {
+    PerformanceMonitor.start('EventProvider.loadUserEvents');
+
+    // Éviter les rechargements inutiles
+    if (!forceReload && !_shouldReload(userId, canViewAllEvents)) {
+      print('Using cached events (loaded ${DateTime.now().difference(_lastLoadTime!).inSeconds}s ago)');
+      PerformanceMonitor.end('EventProvider.loadUserEvents');
+      return;
+    }
+
    _isLoading = true;
    notifyListeners();

-    // Sauvegarder les paramètres
-    _saveLastLoadParams(userId, canViewAllEvents);
-
    try {
      print('Loading events for user: $userId (canViewAllEvents: $canViewAllEvents)');

+      PerformanceMonitor.start('EventProvider.getEvents_API');
      // Charger via l'API - les permissions sont vérifiées côté serveur
      final result = await _dataService.getEvents(userId: userId);
+      PerformanceMonitor.end('EventProvider.getEvents_API');
+
      final eventsData = result['events'] as List<Map<String, dynamic>>;
      final usersData = result['users'] as Map<String, dynamic>;

@@ -38,6 +63,7 @@ class EventProvider with ChangeNotifier {

      print('Found ${eventsData.length} events from API');

+      PerformanceMonitor.start('EventProvider.parseEvents');
      List<EventModel> allEvents = [];
      int failedCount = 0;

@@ -51,23 +77,30 @@ class EventProvider with ChangeNotifier {
          failedCount++;
        }
      }
+      PerformanceMonitor.end('EventProvider.parseEvents');

      _events = allEvents;
+      _lastLoadTime = DateTime.now();
+      _lastUserId = userId;
+      _lastCanViewAll = canViewAllEvents;
+
      print('Successfully loaded ${_events.length} events (${failedCount} failed)');

      _isLoading = false;
      notifyListeners();
+      PerformanceMonitor.end('EventProvider.loadUserEvents');
    } catch (e) {
      print('Error loading events: $e');
      _isLoading = false;
      notifyListeners();
+      PerformanceMonitor.end('EventProvider.loadUserEvents');
      rethrow;
    }
  }

  /// Recharger les événements (utilise le dernier userId)
  Future<void> refreshEvents(String userId, {bool canViewAllEvents = false}) async {
-    await loadUserEvents(userId, canViewAllEvents: canViewAllEvents);
+    await loadUserEvents(userId, canViewAllEvents: canViewAllEvents, forceReload: true);
  }

  /// Récupérer un événement spécifique par ID
@@ -157,16 +190,9 @@ class EventProvider with ChangeNotifier {
  /// Vider la liste des événements
  void clearEvents() {
    _events = [];
+    _lastLoadTime = null;
+    _lastUserId = null;
+    _lastCanViewAll = false;
    notifyListeners();
  }
-
-  // Variables pour stocker le dernier appel
-  String? _lastUserId;
-  bool _lastCanViewAll = false;
-
-  /// Sauvegarder les paramètres du dernier chargement
-  void _saveLastLoadParams(String userId, bool canViewAllEvents) {
-    _lastUserId = userId;
-    _lastCanViewAll = canViewAllEvents;
-  }
 }
--- a/em2rp/lib/providers/local_user_provider.dart
+++ b/em2rp/lib/providers/local_user_provider.dart
@@ -7,6 +7,7 @@ import '../models/notification_preferences_model.dart';
 import '../utils/firebase_storage_manager.dart';
 import '../services/api_service.dart';
 import '../services/data_service.dart';
+import '../utils/performance_monitor.dart';

 class LocalUserProvider with ChangeNotifier {
  UserModel? _currentUser;
@@ -15,6 +16,9 @@ class LocalUserProvider with ChangeNotifier {
  final FirebaseStorageManager _storageManager = FirebaseStorageManager();
  final DataService _dataService = DataService(apiService);

+  bool _isLoadingUserData = false;
+  DateTime? _lastUserDataLoad;
+
  UserModel? get currentUser => _currentUser;
  String? get uid => _currentUser?.uid;
  String? get firstName => _currentUser?.firstName;
@@ -25,18 +29,46 @@ class LocalUserProvider with ChangeNotifier {
  String? get phoneNumber => _currentUser?.phoneNumber;
  RoleModel? get currentRole => _currentRole;
  List<String> get permissions => _currentRole?.permissions ?? [];
+  bool get isLoadingUserData => _isLoadingUserData;
+
+  /// Vérifie si les données utilisateur doivent être rechargées
+  bool _shouldReloadUserData() {
+    if (_currentUser == null) return true;
+    if (_lastUserDataLoad == null) return true;
+
+    final now = DateTime.now();
+    final difference = now.difference(_lastUserDataLoad!);
+    return difference.inMinutes > 5; // Cache de 5 minutes pour les données utilisateur
+  }

  /// Charge les données de l'utilisateur actuel via Cloud Function
-  Future<void> loadUserData() async {
+  Future<void> loadUserData({bool forceReload = false}) async {
    if (_auth.currentUser == null) {
      print('No current user in Auth');
      return;
    }

+    // Éviter les rechargements inutiles
+    if (!forceReload && !_shouldReloadUserData()) {
+      print('Using cached user data');
+      return;
+    }
+
+    // Éviter les appels simultanés
+    if (_isLoadingUserData) {
+      print('User data already loading, skipping');
+      return;
+    }
+
+    _isLoadingUserData = true;
+    PerformanceMonitor.start('LocalUserProvider.loadUserData');
    print('Loading user data for: ${_auth.currentUser!.uid}');
    try {
      // Utiliser la Cloud Function getCurrentUser
+      PerformanceMonitor.start('LocalUserProvider.getCurrentUser_API');
      final result = await apiService.call('getCurrentUser', {});
+      PerformanceMonitor.end('LocalUserProvider.getCurrentUser_API');
+
      final userData = result['user'] as Map<String, dynamic>;

      print('User data loaded from API: ${userData['uid']}');
@@ -59,9 +91,14 @@ class LocalUserProvider with ChangeNotifier {
      );

      print('User data loaded successfully');
+      _lastUserDataLoad = DateTime.now();
+      _isLoadingUserData = false;
      notifyListeners();
+      PerformanceMonitor.end('LocalUserProvider.loadUserData');
    } catch (e) {
      print('Error loading user data: $e');
+      _isLoadingUserData = false;
+      PerformanceMonitor.end('LocalUserProvider.loadUserData');
      rethrow;
    }
  }
@@ -76,6 +113,8 @@ class LocalUserProvider with ChangeNotifier {
  void clearUser() {
    _currentUser = null;
    _currentRole = null;
+    _lastUserDataLoad = null;
+    _isLoadingUserData = false;
    notifyListeners();
  }

--- a/em2rp/lib/services/data_service.dart
+++ b/em2rp/lib/services/data_service.dart
@@ -196,7 +196,11 @@ class DataService {
  /// Crée une option
  Future<String> createOption(String code, Map<String, dynamic> data) async {
    try {
-      final requestData = {'code': code, ...data};
+      final requestData = {
+        'id': code, // Ajouter l'ID en utilisant le code comme identifiant
+        'code': code,
+        ...data
+      };
      final result = await _apiService.call('createOption', requestData);
      return result['id'] as String? ?? code;
    } catch (e) {
--- a/em2rp/lib/services/email_service.dart
+++ b/em2rp/lib/services/email_service.dart
@@ -5,7 +5,7 @@ import 'package:firebase_auth/firebase_auth.dart';

 /// Service d'envoi d'emails via Cloud Functions
 class EmailService {
-  final FirebaseFunctions _functions = FirebaseFunctions.instanceFor(region: 'us-central1');
+  final FirebaseFunctions _functions = FirebaseFunctions.instanceFor(region: 'europe-west9');

  /// Envoie un email d'alerte à un utilisateur
  ///
--- a/em2rp/lib/services/event_form_service.dart
+++ b/em2rp/lib/services/event_form_service.dart
@@ -71,7 +71,7 @@ class EventFormService {
    required String sourcePath,
    required String destinationPath,
  }) async {
-    final url = Uri.parse('https://us-central1-em2rp-951dc.cloudfunctions.net/moveEventFileV2');
+    final url = Uri.parse('https://europe-west9-em2rp-951dc.cloudfunctions.net/moveEventFileV2');
    final user = FirebaseAuth.instance.currentUser;
    final idToken = await user?.getIdToken();

--- a/em2rp/lib/utils/performance_monitor.dart
+++ b/em2rp/lib/utils/performance_monitor.dart
@@ -0,0 +1,129 @@
+import 'package:flutter/foundation.dart';
+
+/// Service de monitoring des performances de l'application
+/// Permet de mesurer les temps de chargement et d'identifier les goulots d'étranglement
+class PerformanceMonitor {
+  static final Map<String, DateTime> _timings = {};
+  static final Map<String, Duration> _results = {};
+  static bool _enabled = kDebugMode; // Actif uniquement en mode debug par défaut
+
+  /// Active ou désactive le monitoring
+  static void setEnabled(bool enabled) {
+    _enabled = enabled;
+  }
+
+  /// Démarre le chronomètre pour une opération
+  static void start(String key) {
+    if (!_enabled) return;
+    _timings[key] = DateTime.now();
+    if (kDebugMode) {
+      print('[PerformanceMonitor] START: $key');
+    }
+  }
+
+  /// Arrête le chronomètre et affiche le résultat
+  static void end(String key) {
+    if (!_enabled) return;
+
+    if (_timings.containsKey(key)) {
+      final duration = DateTime.now().difference(_timings[key]!);
+      _results[key] = duration;
+      _timings.remove(key);
+
+      if (kDebugMode) {
+        final color = _getColorForDuration(duration);
+        print('[PerformanceMonitor] $color END: $key - ${duration.inMilliseconds}ms');
+      }
+    } else {
+      if (kDebugMode) {
+        print('[PerformanceMonitor] ⚠️ No start time found for: $key');
+      }
+    }
+  }
+
+  /// Marque un point dans le temps (pour mesurer des étapes)
+  static void mark(String key) {
+    if (!_enabled) return;
+
+    if (kDebugMode) {
+      print('[PerformanceMonitor] 📍 MARK: $key');
+    }
+  }
+
+  /// Récupère les résultats de toutes les mesures
+  static Map<String, Duration> getResults() {
+    return Map.unmodifiable(_results);
+  }
+
+  /// Affiche un résumé des performances
+  static void printSummary() {
+    if (!_enabled || _results.isEmpty) return;
+
+    print('\n' + '=' * 60);
+    print('PERFORMANCE SUMMARY');
+    print('=' * 60);
+
+    // Trier par durée décroissante
+    final sortedResults = _results.entries.toList()
+      ..sort((a, b) => b.value.compareTo(a.value));
+
+    for (var entry in sortedResults) {
+      final color = _getColorForDuration(entry.value);
+      final ms = entry.value.inMilliseconds;
+      print('$color ${entry.key.padRight(40)} : ${ms.toString().padLeft(6)}ms');
+    }
+
+    final total = _results.values.fold<Duration>(
+      Duration.zero,
+      (sum, duration) => sum + duration,
+    );
+    print('${'=' * 60}');
+    print('TOTAL: ${total.inMilliseconds}ms');
+    print('=' * 60 + '\n');
+  }
+
+  /// Réinitialise toutes les mesures
+  static void reset() {
+    _timings.clear();
+    _results.clear();
+    if (kDebugMode) {
+      print('[PerformanceMonitor] 🔄 Reset');
+    }
+  }
+
+  /// Retourne une couleur basée sur la durée (pour les logs)
+  static String _getColorForDuration(Duration duration) {
+    final ms = duration.inMilliseconds;
+    if (ms < 100) return '🟢'; // Rapide
+    if (ms < 500) return '🟡'; // Moyen
+    if (ms < 1000) return '🟠'; // Lent
+    return '🔴'; // Très lent
+  }
+
+  /// Mesure une opération asynchrone
+  static Future<T> measure<T>(String key, Future<T> Function() operation) async {
+    start(key);
+    try {
+      final result = await operation();
+      end(key);
+      return result;
+    } catch (e) {
+      end(key);
+      rethrow;
+    }
+  }
+
+  /// Mesure une opération synchrone
+  static T measureSync<T>(String key, T Function() operation) {
+    start(key);
+    try {
+      final result = operation();
+      end(key);
+      return result;
+    } catch (e) {
+      end(key);
+      rethrow;
+    }
+  }
+}
+
--- a/em2rp/lib/views/calendar_page.dart
+++ b/em2rp/lib/views/calendar_page.dart
@@ -1,5 +1,6 @@
 import 'package:em2rp/providers/local_user_provider.dart';
 import 'package:em2rp/providers/event_provider.dart';
+import 'package:em2rp/utils/performance_monitor.dart';
 import 'package:flutter/material.dart';
 import 'package:em2rp/views/widgets/nav/custom_app_bar.dart';
 import 'package:em2rp/views/widgets/nav/main_drawer.dart';
@@ -35,52 +36,75 @@ class _CalendarPageState extends State<CalendarPage> {
  void initState() {
    super.initState();
    initializeDateFormatting('fr_FR', null);
-    Future.microtask(() => _loadEvents());
-    // Sélection automatique de l'événement le plus proche de maintenant
-    WidgetsBinding.instance.addPostFrameCallback((_) {
-      final eventProvider = Provider.of<EventProvider>(context, listen: false);
-      final events = eventProvider.events;
-      if (events.isNotEmpty) {
-        final now = DateTime.now();
-        // Pour mobile : sélectionner le premier événement du jour ou le prochain événement à venir
-        final todayEvents = events
-            .where((e) =>
-                e.startDateTime.year == now.year &&
-                e.startDateTime.month == now.month &&
-                e.startDateTime.day == now.day)
-            .toList()
-          ..sort((a, b) => a.startDateTime.compareTo(b.startDateTime));
-        EventModel? selected;
-        DateTime? selectedDay;
-        if (todayEvents.isNotEmpty) {
-          selected = todayEvents[0];
-          selectedDay = DateTime(now.year, now.month, now.day);
-        } else {
-          // Chercher le prochain événement à venir
-          final futureEvents = events
-              .where((e) => e.startDateTime.isAfter(now))
-              .toList()
-            ..sort((a, b) => a.startDateTime.compareTo(b.startDateTime));
-          if (futureEvents.isNotEmpty) {
-            selected = futureEvents[0];
-            selectedDay = DateTime(selected.startDateTime.year,
-                selected.startDateTime.month, selected.startDateTime.day);
-          } else {
-            // Aucun événement à venir, prendre le plus proche dans le passé
-            events.sort((a, b) => a.startDateTime.compareTo(b.startDateTime));
-            selected = events.last;
-            selectedDay = DateTime(selected.startDateTime.year,
-                selected.startDateTime.month, selected.startDateTime.day);
-          }
-        }
-        setState(() {
-          _selectedDay = selectedDay;
-          _focusedDay = selectedDay!;
-          _selectedEventIndex = 0;
-          _selectedEvent = selected;
-        });
+    // Charger les événements de manière asynchrone sans bloquer l'UI
+    _loadEventsAsync();
+  }
+
+  /// Charge les événements de manière asynchrone et sélectionne l'événement approprié
+  Future<void> _loadEventsAsync() async {
+    PerformanceMonitor.start('CalendarPage.loadEventsAsync');
+    await _loadEvents();
+
+    // Sélectionner l'événement approprié après le chargement
+    if (mounted) {
+      PerformanceMonitor.start('CalendarPage.selectDefaultEvent');
+      _selectDefaultEvent();
+      PerformanceMonitor.end('CalendarPage.selectDefaultEvent');
+    }
+    PerformanceMonitor.end('CalendarPage.loadEventsAsync');
+  }
+
+  /// Sélectionne automatiquement l'événement le plus proche de maintenant
+  void _selectDefaultEvent() {
+    final eventProvider = Provider.of<EventProvider>(context, listen: false);
+    final events = eventProvider.events;
+
+    if (events.isEmpty) return;
+
+    final now = DateTime.now();
+
+    // Trouver les événements d'aujourd'hui
+    final todayEvents = events.where((e) {
+      final start = e.startDateTime;
+      return start.year == now.year &&
+             start.month == now.month &&
+             start.day == now.day;
+    }).toList()..sort((a, b) => a.startDateTime.compareTo(b.startDateTime));
+
+    EventModel? selected;
+    DateTime? selectedDay;
+
+    if (todayEvents.isNotEmpty) {
+      selected = todayEvents[0];
+      selectedDay = DateTime(now.year, now.month, now.day);
+    } else {
+      // Chercher le prochain événement à venir
+      final futureEvents = events
+          .where((e) => e.startDateTime.isAfter(now))
+          .toList()..sort((a, b) => a.startDateTime.compareTo(b.startDateTime));
+
+      if (futureEvents.isNotEmpty) {
+        selected = futureEvents[0];
+        final start = selected.startDateTime;
+        selectedDay = DateTime(start.year, start.month, start.day);
+      } else {
+        // Aucun événement à venir, prendre le plus récent
+        final sortedEvents = events.toList()
+          ..sort((a, b) => b.startDateTime.compareTo(a.startDateTime));
+        selected = sortedEvents.first;
+        final start = selected.startDateTime;
+        selectedDay = DateTime(start.year, start.month, start.day);
      }
-    });
+    }
+
+    if (mounted) {
+      setState(() {
+        _selectedDay = selectedDay;
+        _focusedDay = selectedDay!;
+        _selectedEventIndex = 0;
+        _selectedEvent = selected;
+      });
+    }
  }

  Future<void> _loadEvents() async {
--- a/em2rp/lib/views/event_preparation_page.dart
+++ b/em2rp/lib/views/event_preparation_page.dart
@@ -430,7 +430,7 @@ class _EventPreparationPageState extends State<EventPreparationPage> with Single
          };
        }).toList();

-        final result = await FirebaseFunctions.instanceFor(region: 'us-central1')
+        final result = await FirebaseFunctions.instanceFor(region: 'europe-west9')
            .httpsCallable('processEquipmentValidation')
            .call({
          'eventId': _currentEvent.id,
--- a/em2rp/lib/views/login_page.dart
+++ b/em2rp/lib/views/login_page.dart
@@ -58,41 +58,45 @@ class LoginPage extends StatelessWidget {
  Widget _buildLoginForm(BuildContext context) {
    return Consumer<LoginViewModel>(
      builder: (context, loginViewModel, child) {
-        return Column(
-          mainAxisAlignment: MainAxisAlignment.center,
-          crossAxisAlignment: CrossAxisAlignment.stretch,
-          children: <Widget>[
-            const LogoWidget(),
-            const SizedBox(height: 30),
-            const WelcomeTextWidget(),
-            const SizedBox(height: 40),
-            EmailTextFieldWidget(
-              emailController: loginViewModel.emailController,
-              highlightEmailField: loginViewModel.highlightEmailField,
-            ),
-            const SizedBox(height: 20),
-            PasswordTextFieldWidget(
-              passwordController: loginViewModel.passwordController,
-              obscurePassword: loginViewModel.obscurePassword,
-              highlightPasswordField: loginViewModel.highlightPasswordField,
-              onTogglePasswordVisibility:
-                  loginViewModel.togglePasswordVisibility,
-            ),
-            ForgotPasswordButtonWidget(
-              onPressed: () => showDialog(
-                context: context,
-                builder: (BuildContext context) =>
-                    const ForgotPasswordDialogWidget(),
+        return AutofillGroup(
+          child: Column(
+            mainAxisAlignment: MainAxisAlignment.center,
+            crossAxisAlignment: CrossAxisAlignment.stretch,
+            children: <Widget>[
+              const LogoWidget(),
+              const SizedBox(height: 30),
+              const WelcomeTextWidget(),
+              const SizedBox(height: 40),
+              EmailTextFieldWidget(
+                emailController: loginViewModel.emailController,
+                highlightEmailField: loginViewModel.highlightEmailField,
+                onSubmitted: () => loginViewModel.signIn(context),
              ),
-            ),
-            const SizedBox(height: 30),
-            LoginButtonWidget(
-              isLoading: loginViewModel.isLoading,
-              onPressed: () => loginViewModel.signIn(context),
-            ),
-            const SizedBox(height: 20),
-            ErrorMessageWidget(errorMessage: loginViewModel.errorMessage),
-          ],
+              const SizedBox(height: 20),
+              PasswordTextFieldWidget(
+                passwordController: loginViewModel.passwordController,
+                obscurePassword: loginViewModel.obscurePassword,
+                highlightPasswordField: loginViewModel.highlightPasswordField,
+                onTogglePasswordVisibility:
+                    loginViewModel.togglePasswordVisibility,
+                onSubmitted: () => loginViewModel.signIn(context),
+              ),
+              ForgotPasswordButtonWidget(
+                onPressed: () => showDialog(
+                  context: context,
+                  builder: (BuildContext context) =>
+                      const ForgotPasswordDialogWidget(),
+                ),
+              ),
+              const SizedBox(height: 30),
+              LoginButtonWidget(
+                isLoading: loginViewModel.isLoading,
+                onPressed: () => loginViewModel.signIn(context),
+              ),
+              const SizedBox(height: 20),
+              ErrorMessageWidget(errorMessage: loginViewModel.errorMessage),
+            ],
+          ),
        );
      },
    );
--- a/em2rp/lib/views/widgets/auth/mail_textfield.dart
+++ b/em2rp/lib/views/widgets/auth/mail_textfield.dart
@@ -4,11 +4,13 @@ import 'package:flutter/material.dart';
 class EmailTextFieldWidget extends StatelessWidget {
  final TextEditingController emailController;
  final bool highlightEmailField;
+  final VoidCallback? onSubmitted;

  const EmailTextFieldWidget({
    super.key,
    required this.emailController,
    required this.highlightEmailField,
+    this.onSubmitted,
  });

  @override
@@ -16,6 +18,9 @@ class EmailTextFieldWidget extends StatelessWidget {
    return TextField(
      controller: emailController,
      keyboardType: TextInputType.emailAddress,
+      autofillHints: const [AutofillHints.email, AutofillHints.username],
+      textInputAction: TextInputAction.next,
+      onSubmitted: (_) => onSubmitted?.call(),
      decoration: InputDecoration(
        labelText: 'Email',
        border: OutlineInputBorder(
--- a/em2rp/lib/views/widgets/auth/password_textfield.dart
+++ b/em2rp/lib/views/widgets/auth/password_textfield.dart
@@ -7,6 +7,7 @@ class PasswordTextFieldWidget extends StatelessWidget {
  final bool obscurePassword;
  final bool highlightPasswordField;
  final VoidCallback onTogglePasswordVisibility;
+  final VoidCallback? onSubmitted;

  const PasswordTextFieldWidget({
    super.key,
@@ -14,6 +15,7 @@ class PasswordTextFieldWidget extends StatelessWidget {
    required this.obscurePassword,
    required this.highlightPasswordField,
    required this.onTogglePasswordVisibility,
+    this.onSubmitted,
  });

  @override
@@ -21,6 +23,9 @@ class PasswordTextFieldWidget extends StatelessWidget {
    return TextField(
      controller: passwordController,
      obscureText: obscurePassword,
+      autofillHints: const [AutofillHints.password],
+      textInputAction: TextInputAction.done,
+      onSubmitted: (_) => onSubmitted?.call(),
      decoration: InputDecoration(
        labelText: 'Mot de passe',
        border: OutlineInputBorder(