feat: Version 3.6.3 - Carte IGN, mode boussole, corrections Flutter analyze

Nouvelles fonctionnalités:
- #215 Mode boussole + carte IGN/satellite (Mode terrain)
- #53 Définition zoom maximal pour éviter sur-zoom
- #14 Correction bug F5 déconnexion
- #204 Design couleurs flashy
- #205 Écrans utilisateurs simplifiés

Corrections Flutter analyze:
- Suppression warnings room.g.dart, chat_service.dart, api_service.dart
- 0 error, 0 warning, 30 infos (suggestions de style)

Autres:
- Intégration tuiles IGN Plan et IGN Ortho (geopf.fr)
- flutter_compass pour Android/iOS
- Réorganisation assets store

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>

app/lib/presentation/widgets/btn_passages.dart

@@ -40,7 +40,7 @@ class BtnPassages extends StatelessWidget {
     final shouldShowLotType = _shouldShowLotType();
 
     return SizedBox(
-      height: 80,
+      height: 92, // 80 + 12 pour le triangle indicateur
       width: double.infinity,
       child: ValueListenableBuilder<Box<PassageModel>>(
         valueListenable: Hive.box<PassageModel>(AppKeys.passagesBoxName).listenable(),
@@ -121,6 +121,7 @@ class BtnPassages extends StatelessWidget {
   /// Colonne TOTAL (cliquable, affiche tous les passages)
   Widget _buildTotalColumn(BuildContext context, int total) {
     final bool isSelected = selectedTypeId == null;
+    final Color bgColor = Colors.grey[200]!;
 
     return InkWell(
       onTap: () async {
@@ -147,55 +148,71 @@ class BtnPassages extends StatelessWidget {
           }
         }
       },
-      child: Container(
-        height: 80,
-        decoration: BoxDecoration(
-          color: Colors.grey[200],
-          border: Border.all(
-            color: Colors.grey[400]!,
-            width: isSelected ? 5 : 1,
-          ),
-          borderRadius: const BorderRadius.only(
-            topLeft: Radius.circular(AppTheme.borderRadiusMedium),
-            bottomLeft: Radius.circular(AppTheme.borderRadiusMedium),
-          ),
-          boxShadow: [
-            BoxShadow(
-              color: Colors.black.withOpacity(0.1),
-              blurRadius: 4,
-              offset: const Offset(0, 2),
-            ),
-          ],
-        ),
-        child: Column(
-          mainAxisAlignment: MainAxisAlignment.center,
-          crossAxisAlignment: CrossAxisAlignment.center,
-          children: [
-            const Icon(
-              Icons.route,
-              size: 20,
-              color: Colors.black54,
-            ),
-            const SizedBox(height: 2),
-            Text(
-              total.toString(),
-              style: const TextStyle(
-                fontSize: 18,
-                fontWeight: FontWeight.bold,
-                color: Colors.black87,
+      child: Column(
+        crossAxisAlignment: CrossAxisAlignment.stretch,
+        children: [
+          Expanded(
+            child: Container(
+              decoration: BoxDecoration(
+                color: bgColor,
+                border: Border.all(
+                  color: Colors.grey[400]!,
+                  width: 1,
+                ),
+                borderRadius: const BorderRadius.only(
+                  topLeft: Radius.circular(AppTheme.borderRadiusMedium),
+                  bottomLeft: Radius.circular(AppTheme.borderRadiusMedium),
+                ),
+                boxShadow: [
+                  BoxShadow(
+                    color: Colors.black.withOpacity(0.1),
+                    blurRadius: 4,
+                    offset: const Offset(0, 2),
+                  ),
+                ],
+              ),
+              child: Column(
+                mainAxisAlignment: MainAxisAlignment.center,
+                crossAxisAlignment: CrossAxisAlignment.center,
+                children: [
+                  const Icon(
+                    Icons.route,
+                    size: 20,
+                    color: Colors.black54,
+                  ),
+                  const SizedBox(height: 2),
+                  Text(
+                    total.toString(),
+                    style: const TextStyle(
+                      fontSize: 18,
+                      fontWeight: FontWeight.bold,
+                      color: Colors.black87,
+                    ),
+                  ),
+                  const SizedBox(height: 2),
+                  Text(
+                    total > 1 ? 'passages' : 'passage',
+                    style: TextStyle(
+                      fontSize: 10,
+                      color: Colors.grey[700],
+                    ),
+                    textAlign: TextAlign.center,
+                  ),
+                ],
               ),
             ),
-            const SizedBox(height: 2),
-            Text(
-              total > 1 ? 'passages' : 'passage',
-              style: TextStyle(
-                fontSize: 10,
-                color: Colors.grey[700],
+          ),
+          // Triangle indicateur de sélection
+          if (isSelected)
+            Center(
+              child: CustomPaint(
+                size: const Size(20, 12),
+                painter: _TrianglePainter(color: bgColor),
               ),
-              textAlign: TextAlign.center,
-            ),
-          ],
-        ),
+            )
+          else
+            const SizedBox(height: 12),
+        ],
       ),
     );
   }
@@ -236,62 +253,78 @@ class BtnPassages extends StatelessWidget {
           }
         }
       },
-      child: Container(
-        height: 80,
-        decoration: BoxDecoration(
-          color: couleur.withOpacity(0.1),
-          border: Border.all(
-            color: couleur,
-            width: isSelected ? 5 : 1,
-          ),
-          borderRadius: BorderRadius.circular(4),
-          boxShadow: [
-            BoxShadow(
-              color: Colors.black.withOpacity(0.1),
-              blurRadius: 4,
-              offset: const Offset(0, 2),
-            ),
-          ],
-        ),
-        child: Column(
-          mainAxisAlignment: MainAxisAlignment.center,
-          crossAxisAlignment: CrossAxisAlignment.center,
-          children: [
-            Icon(
-              iconData,
-              size: 20,
-              color: couleur,
-            ),
-            const SizedBox(height: 2),
-            Text(
-              count.toString(),
-              style: TextStyle(
-                fontSize: 18,
-                fontWeight: FontWeight.bold,
+      child: Column(
+        crossAxisAlignment: CrossAxisAlignment.stretch,
+        children: [
+          Expanded(
+            child: Container(
+              decoration: BoxDecoration(
                 color: couleur,
-              ),
-            ),
-            const SizedBox(height: 2),
-            Padding(
-              padding: const EdgeInsets.symmetric(horizontal: 2),
-              child: Text(
-                titre,
-                style: TextStyle(
-                  fontSize: 10,
+                border: Border.all(
                   color: couleur,
+                  width: 1,
                 ),
-                textAlign: TextAlign.center,
-                maxLines: 1,
-                overflow: TextOverflow.ellipsis,
+                borderRadius: BorderRadius.circular(4),
+                boxShadow: [
+                  BoxShadow(
+                    color: Colors.black.withOpacity(0.1),
+                    blurRadius: 4,
+                    offset: const Offset(0, 2),
+                  ),
+                ],
+              ),
+              child: Column(
+                mainAxisAlignment: MainAxisAlignment.center,
+                crossAxisAlignment: CrossAxisAlignment.center,
+                children: [
+                  Icon(
+                    iconData,
+                    size: 20,
+                    color: Colors.white,
+                  ),
+                  const SizedBox(height: 2),
+                  Text(
+                    count.toString(),
+                    style: const TextStyle(
+                      fontSize: 18,
+                      fontWeight: FontWeight.bold,
+                      color: Colors.white,
+                    ),
+                  ),
+                  const SizedBox(height: 2),
+                  Padding(
+                    padding: const EdgeInsets.symmetric(horizontal: 2),
+                    child: Text(
+                      titre,
+                      style: const TextStyle(
+                        fontSize: 10,
+                        color: Colors.white,
+                      ),
+                      textAlign: TextAlign.center,
+                      maxLines: 1,
+                      overflow: TextOverflow.ellipsis,
+                    ),
+                  ),
+                ],
               ),
             ),
-          ],
-        ),
+          ),
+          // Triangle indicateur de sélection
+          if (isSelected)
+            Center(
+              child: CustomPaint(
+                size: const Size(20, 12),
+                painter: _TrianglePainter(color: couleur),
+              ),
+            )
+          else
+            const SizedBox(height: 12),
+        ],
       ),
     );
   }
 
-  /// Colonne NOUVEAU PASSAGE (bouton +, fond vert)
+  /// Colonne NOUVEAU PASSAGE (bouton +, fond blanc)
   Widget _buildAddColumn(BuildContext context) {
     return InkWell(
       onTap: () {
@@ -302,47 +335,55 @@ class BtnPassages extends StatelessWidget {
           _showPassageFormDialog(context);
         }
       },
-      child: Container(
-        height: 80,
-        decoration: BoxDecoration(
-          color: AppTheme.buttonSuccessColor.withOpacity(0.1),
-          border: Border.all(
-            color: AppTheme.buttonSuccessColor,
-            width: 1,
-          ),
-          borderRadius: const BorderRadius.only(
-            topRight: Radius.circular(AppTheme.borderRadiusMedium),
-            bottomRight: Radius.circular(AppTheme.borderRadiusMedium),
-          ),
-          boxShadow: [
-            BoxShadow(
-              color: Colors.black.withOpacity(0.1),
-              blurRadius: 4,
-              offset: const Offset(0, 2),
-            ),
-          ],
-        ),
-        child: Column(
-          mainAxisAlignment: MainAxisAlignment.center,
-          crossAxisAlignment: CrossAxisAlignment.center,
-          children: [
-            Icon(
-              Icons.add_circle_outline,
-              size: 24,
-              color: AppTheme.buttonSuccessColor,
-            ),
-            const SizedBox(height: 2),
-            Text(
-              'Nouveau',
-              style: TextStyle(
-                fontSize: 10,
-                color: AppTheme.buttonSuccessColor,
-                fontWeight: FontWeight.w600,
+      child: Column(
+        crossAxisAlignment: CrossAxisAlignment.stretch,
+        children: [
+          Expanded(
+            child: Container(
+              decoration: BoxDecoration(
+                color: Colors.white,
+                border: Border.all(
+                  color: Colors.grey[400]!,
+                  width: 1,
+                ),
+                borderRadius: const BorderRadius.only(
+                  topRight: Radius.circular(AppTheme.borderRadiusMedium),
+                  bottomRight: Radius.circular(AppTheme.borderRadiusMedium),
+                ),
+                boxShadow: [
+                  BoxShadow(
+                    color: Colors.black.withOpacity(0.1),
+                    blurRadius: 4,
+                    offset: const Offset(0, 2),
+                  ),
+                ],
+              ),
+              child: Column(
+                mainAxisAlignment: MainAxisAlignment.center,
+                crossAxisAlignment: CrossAxisAlignment.center,
+                children: [
+                  const Icon(
+                    Icons.add_circle_outline,
+                    size: 24,
+                    color: Colors.black87,
+                  ),
+                  const SizedBox(height: 2),
+                  Text(
+                    'Nouveau',
+                    style: TextStyle(
+                      fontSize: 10,
+                      color: Colors.grey[700],
+                      fontWeight: FontWeight.w600,
+                    ),
+                    textAlign: TextAlign.center,
+                  ),
+                ],
               ),
-              textAlign: TextAlign.center,
             ),
-          ],
-        ),
+          ),
+          // Espace pour aligner avec les autres colonnes (pas de triangle sur ce bouton)
+          const SizedBox(height: 12),
+        ],
       ),
     );
   }
@@ -377,3 +418,30 @@ class BtnPassages extends StatelessWidget {
     );
   }
 }
+
+/// CustomPainter pour dessiner un triangle pointant vers le bas
+class _TrianglePainter extends CustomPainter {
+  final Color color;
+
+  _TrianglePainter({required this.color});
+
+  @override
+  void paint(Canvas canvas, Size size) {
+    final paint = Paint()
+      ..color = color
+      ..style = PaintingStyle.fill;
+
+    final path = Path()
+      ..moveTo(0, 0) // Coin supérieur gauche
+      ..lineTo(size.width, 0) // Coin supérieur droit
+      ..lineTo(size.width / 2, size.height) // Pointe en bas au centre
+      ..close();
+
+    canvas.drawPath(path, paint);
+  }
+
+  @override
+  bool shouldRepaint(covariant _TrianglePainter oldDelegate) {
+    return oldDelegate.color != color;
+  }
+}

app/lib/presentation/widgets/mapbox_map.dart

@@ -8,6 +8,18 @@ import 'package:latlong2/latlong.dart';
 import 'package:geosector_app/core/constants/app_keys.dart';
 import 'package:geosector_app/core/services/api_service.dart'; // Import du service singleton
 
+/// Enum représentant les différentes sources de tuiles disponibles
+enum TileSource {
+  /// Tuiles Mapbox (par défaut)
+  mapbox,
+  /// Tuiles OpenStreetMap
+  openStreetMap,
+  /// Tuiles IGN Plan (carte routière française)
+  ignPlan,
+  /// Tuiles IGN Ortho Photos (photos aériennes)
+  ignOrtho,
+}
+
 /// Widget de carte réutilisable utilisant Mapbox
 ///
 /// Ce widget encapsule un FlutterMap avec des tuiles Mapbox et fournit
@@ -46,10 +58,14 @@ class MapboxMap extends StatefulWidget {
 
   /// Désactive le drag de la carte
   final bool disableDrag;
-  
+
   /// Utiliser OpenStreetMap au lieu de Mapbox (en cas de problème de token)
+  @Deprecated('Utiliser tileSource à la place')
   final bool useOpenStreetMap;
 
+  /// Source des tuiles de la carte (Mapbox, OpenStreetMap, IGN Plan, IGN Ortho)
+  final TileSource tileSource;
+
   const MapboxMap({
     super.key,
     this.initialPosition = const LatLng(48.1173, -1.6778), // Rennes par défaut
@@ -64,6 +80,7 @@ class MapboxMap extends StatefulWidget {
     this.mapStyle,
     this.disableDrag = false,
     this.useOpenStreetMap = false,
+    this.tileSource = TileSource.mapbox,
   });
 
   @override
@@ -125,7 +142,7 @@ class _MapboxMapState extends State<MapboxMap> {
           _cacheInitialized = true;
         });
       }
-      debugPrint('MapboxMap: Cache initialisé avec succès pour ${widget.useOpenStreetMap ? "OpenStreetMap" : "Mapbox"}');
+      debugPrint('MapboxMap: Cache initialisé avec succès');
     } catch (e) {
       debugPrint('MapboxMap: Erreur lors de l\'initialisation du cache: $e');
       // En cas d'erreur, on continue sans cache
@@ -175,30 +192,76 @@ class _MapboxMapState extends State<MapboxMap> {
     );
   }
 
+  /// Retourne l'URL template pour la source de tuiles sélectionnée
+  String _getTileUrlTemplate() {
+    // Rétrocompatibilité avec useOpenStreetMap
+    // ignore: deprecated_member_use_from_same_package
+    if (widget.useOpenStreetMap && widget.tileSource == TileSource.mapbox) {
+      return 'https://tile.openstreetmap.org/{z}/{x}/{y}.png';
+    }
+
+    switch (widget.tileSource) {
+      case TileSource.openStreetMap:
+        return 'https://tile.openstreetmap.org/{z}/{x}/{y}.png';
+
+      case TileSource.ignPlan:
+        // IGN Plan IGN v2 - Carte routière française
+        // Source: https://data.geopf.fr/wmts
+        return 'https://data.geopf.fr/wmts?'
+            'REQUEST=GetTile&SERVICE=WMTS&VERSION=1.0.0'
+            '&TILEMATRIXSET=PM'
+            '&LAYER=GEOGRAPHICALGRIDSYSTEMS.PLANIGNV2'
+            '&STYLE=normal'
+            '&FORMAT=image/png'
+            '&TILECOL={x}&TILEROW={y}&TILEMATRIX={z}';
+
+      case TileSource.ignOrtho:
+        // IGN Ortho Photos - Photos aériennes
+        // Source: https://data.geopf.fr/wmts
+        return 'https://data.geopf.fr/wmts?'
+            'REQUEST=GetTile&SERVICE=WMTS&VERSION=1.0.0'
+            '&TILEMATRIXSET=PM'
+            '&LAYER=ORTHOIMAGERY.ORTHOPHOTOS'
+            '&STYLE=normal'
+            '&FORMAT=image/jpeg'
+            '&TILECOL={x}&TILEROW={y}&TILEMATRIX={z}';
+
+      case TileSource.mapbox:
+      default:
+        // Déterminer l'URL du template de tuiles Mapbox
+        final String environment = ApiService.instance.getCurrentEnvironment();
+        final String mapboxToken = AppKeys.getMapboxApiKey(environment);
+
+        if (kIsWeb) {
+          return 'https://api.mapbox.com/styles/v1/mapbox/streets-v11/tiles/256/{z}/{x}/{y}@2x?access_token=$mapboxToken';
+        } else {
+          return 'https://api.tiles.mapbox.com/v4/mapbox.streets/{z}/{x}/{y}@2x.png?access_token=$mapboxToken';
+        }
+    }
+  }
+
+  /// Retourne le nom de la source de tuiles pour le debug
+  String _getTileSourceName() {
+    // ignore: deprecated_member_use_from_same_package
+    if (widget.useOpenStreetMap && widget.tileSource == TileSource.mapbox) {
+      return 'OpenStreetMap (legacy)';
+    }
+    switch (widget.tileSource) {
+      case TileSource.mapbox:
+        return 'Mapbox';
+      case TileSource.openStreetMap:
+        return 'OpenStreetMap';
+      case TileSource.ignPlan:
+        return 'IGN Plan';
+      case TileSource.ignOrtho:
+        return 'IGN Ortho Photos';
+    }
+  }
+
   @override
   Widget build(BuildContext context) {
-    String urlTemplate;
-    
-    if (widget.useOpenStreetMap) {
-      // Utiliser OpenStreetMap comme alternative
-      urlTemplate = 'https://tile.openstreetmap.org/{z}/{x}/{y}.png';
-      debugPrint('MapboxMap: Utilisation d\'OpenStreetMap');
-    } else {
-      // Déterminer l'URL du template de tuiles Mapbox
-      // Utiliser l'environnement actuel pour obtenir la bonne clé API
-      final String environment = ApiService.instance.getCurrentEnvironment();
-      final String mapboxToken = AppKeys.getMapboxApiKey(environment);
-      
-      // Essayer différentes API Mapbox selon la plateforme
-      if (kIsWeb) {
-        // Sur web, on peut utiliser l'API styles
-        urlTemplate = 'https://api.mapbox.com/styles/v1/mapbox/streets-v11/tiles/256/{z}/{x}/{y}@2x?access_token=$mapboxToken';
-      } else {
-        // Sur mobile, utiliser l'API v4 qui fonctionne mieux avec les tokens standards
-        // Format: mapbox.streets pour les rues, mapbox.satellite pour satellite
-        urlTemplate = 'https://api.tiles.mapbox.com/v4/mapbox.streets/{z}/{x}/{y}@2x.png?access_token=$mapboxToken';
-      }
-    }
+    final urlTemplate = _getTileUrlTemplate();
+    debugPrint('MapboxMap: Utilisation de ${_getTileSourceName()}');
 
     // Afficher un indicateur pendant l'initialisation du cache
     if (!_cacheInitialized) {