feat: mise à jour de la version à 1.1.18 et amélioration de la page calendrier avec ajout de la fonctionnalité de rafraîchissement des événements

- Mise à jour de la version de l'application à `1.1.17` dans `app_version.dart` et `version.json`.
- Création d'un module complet de statistiques (`EventStatisticsPage`, `EventStatisticsService`, `EventStatisticsTab`) permettant de filtrer et visualiser les KPI d'événements (montants HT/TTC, panier moyen, répartition par type, top options).
- Ajout d'une entrée "Statistiques événements" dans le menu latéral (`MainDrawer`) protégée par la permission `generate_reports`.
- Migration exclusive vers Google Cloud TTS dans `SmartTextToSpeechService` et suppression de `TextToSpeechService` (Web Speech API native) pour garantir une compatibilité maximale sur tous les navigateurs.
- Mise à jour des dépendances dans `pubspec.yaml` (`google_fonts`, `flutter_secure_storage`, `mobile_scanner`, `flutter_local_notifications`).
- Migration du code d'export ICS vers `package:web` pour remplacer l'utilisation de `dart:html` obsolète.
- Mise à jour du `CHANGELOG.md` documentant les statistiques et l'évolution du service de synthèse vocale.

em2rp/.firebase/hosting.YnVpbGRcd2Vi.cache

@@ -1,3 +1,4 @@
+test_audio_tts.js,1772996026925,be4d2d713c256578bc16646116e3e81fc2627a1d89e45b211318b51e3612f259
 manifest.json,1766235870190,1fb17c7a1d11e0160d9ffe48e4e4f7fb5028d23477915a17ca496083050946e2
 flutter.js,1759914809272,d9a92a27a30723981b176a08293dedbe86c080fcc08e0128e5f8a01ce1d3fcb4
 favicon.png,1766235850956,3cf717d02cd8014f223307dee1bde538442eb9de23568e649fd8aae686dc9db0
@@ -22,6 +23,8 @@ assets/packages/flutter_dropzone_web/assets/flutter_dropzone.js,1748366257688,d6
 assets/assets/Google__G__logo.svg,1741027482182,b365d560438f8f04caf08ffaa5d8995eff6c09b36b4483f44d6f5f82d8559d4f
 assets/assets/google.png,1741029771653,537ca60ffa74c28eca4e62d249237403a7d47d2bc90bb90431b8d5aa923a92ee
 assets/assets/EM2_NsurB.jpg,1741031103452,687267bbd4e1a663ffc1d2256c34969dd424cbaaf503b530db529a345570ddcd
+assets/assets/sounds/ok.mp3,1772996026461,cb452794752fa5e7622b2bd9413e9245464788be3f88cc838a7c9716f87f82a3
+assets/assets/sounds/error.mp3,1772996026458,5e1974fa40050421304357c75e834ab5f7c8ba7a61acfbb5885ed913afc0fc0b
 assets/assets/logos/SquareLogoWhite.png,1760462340000,786ce2571303bb96dfae1fba5faaab57a9142468fa29ad73ab6b3c1f75be3703
 assets/assets/logos/SquareLogoBlack.png,1760462340000,b4425fae1dbd25ce7c218c602d530f75d85e0eb444746b48b09b5028ed88bbd1
 assets/assets/logos/RectangleLogoWhite.png,1760462340000,1f6df22df6560a2dae2d42cf6e29f01e6df4002f1a9c20a8499923d74b02115c
@@ -31,16 +34,16 @@ assets/assets/images/tshirt-incrust.webp,1737393735487,af7cb34adfca19c0b41c8eb63
 assets/assets/icons/truss.svg,1761734811263,8ddfbbb4f96de5614348eb23fa55f61b2eb1edb064719a8bbd791c35883ec4cc
 assets/assets/icons/tape.svg,1761734809221,631183f0ff972aa4dc3f9f51dc7abd41a607df749d1f9a44fa7e77202d95ccde
 assets/assets/icons/flight-case.svg,1761734822495,0cef47fdf5d7efdd110763c32f792ef9735df35c4f42ae7d02d5fbda40e6148d
-version.json,1771936797689,d107c3101fad9b2d43d0444e55cd784da08fa919db377f837d8b87a14d13d0be
+version.json,1773324020831,d5cd7334d7c3a990dbff0821b9aaab39129803e306b0d96599b8adc6d4f433a6
-index.html,1771936803931,4e8c00552c71ef134bead8bc03706952e7a415d70fca602a3839dc02a3f7ae10
+index.html,1773324025840,4e8c00552c71ef134bead8bc03706952e7a415d70fca602a3839dc02a3f7ae10
-flutter_service_worker.js,1771936884025,fcbf7871d99f057b5b0d89f4d158bf26151769d47c42a538bba4fcd29c8503b9
+flutter_service_worker.js,1773324116910,8582e401e070055f59183c207cf7a7e6a9219a50f5089a24a77d91d3ff77dcbc
-flutter_bootstrap.js,1771936803915,2e42b2a1c547488d5f71f985eecb263baf89d65f364a6522ab2bd3ec39b0a1b8
+flutter_bootstrap.js,1773324025827,74eaa66055c715df232ee96fc4114d5473f67717278fb4effa38d8b1b362e303
-assets/FontManifest.json,1771936879989,e38b95988f5d060cf9b7ce97cb5ac9236d6f4cc04a11d69567df97b2b4cbc5e5
+assets/FontManifest.json,1773324113335,e38b95988f5d060cf9b7ce97cb5ac9236d6f4cc04a11d69567df97b2b4cbc5e5
-assets/AssetManifest.json,1771936879989,4bf36ad943b43d5ad6d8d214e15d84a5633d80d8e08158af25f55baf8980a4e9
+assets/AssetManifest.json,1773324113335,0e35e7214421c832bf41b0af7c03037e66fee508b857d3143f40f6862e454dd6
-assets/AssetManifest.bin.json,1771936879989,c3fa09840d3272b5c70eb6303934d535526be377a9b64fd62ab4f7c48351bd9e
+assets/AssetManifest.bin.json,1773324113335,3a244f5f866d93c17f420cc01b1ba318584b4da92af9512d9ba4acd099b49d53
-assets/AssetManifest.bin,1771936879987,c9151561940e124b5fc93ff810ec49ddb3472e8ae438063c6c5c448444fa2b9e
+assets/AssetManifest.bin,1773324113335,205908d2fcf1ca9708b7d1f91ec7ea80c5f07eaf6cfc1458cb9364a4d9106907
-assets/shaders/ink_sparkle.frag,1771936880185,591c7517d5cb43eb91ea451e0d3f9f585cbf8298cf6c46a9144b77cb0775a406
+assets/packages/cupertino_icons/assets/CupertinoIcons.ttf,1773324115847,d41473de1f7708a0702d7f19327693486512db442f6ab0cf7774e6d6576f9fcb
-assets/packages/cupertino_icons/assets/CupertinoIcons.ttf,1771936882976,d41473de1f7708a0702d7f19327693486512db442f6ab0cf7774e6d6576f9fcb
+assets/shaders/ink_sparkle.frag,1773324113551,591c7517d5cb43eb91ea451e0d3f9f585cbf8298cf6c46a9144b77cb0775a406
-assets/fonts/MaterialIcons-Regular.otf,1771936882976,8d5c5d5749998c2d29a44f452643a016f3461a3d8cd40af1ef52c9be9c6fe021
+assets/fonts/MaterialIcons-Regular.otf,1773324115852,d1409c3c8050990bdc63a413539d600245a27c9794a053c211299cc86d4f6a5c
-assets/NOTICES,1771936879989,538f39b8622001ef1c5520fab893e310b1f6f10bf65c6413c9412c9c14945bfa
+assets/NOTICES,1773324113339,1d9a08da58db7959b9607f0f1f342f96243af76dc608ed659614d586ec58cd79
-main.dart.js,1771936874652,2f1686906db6e8313b40447f700f72100c53797a775179e5193fe803e3446125
+main.dart.js,1773324112059,bfc66ab7e817db63dee4b996af3dea0629c4c4e87ba91070c15b133ab5104848

em2rp/.github/agents/Dart and flutter.agent.md

@@ -0,0 +1,450 @@
+---
+description: 'Instructions for writing Dart and Flutter code following the official recommendations.'
+applyTo: '**/*.dart'
+---
+
+# Dart and Flutter
+
+Best practices recommended by the Dart and Flutter teams. These instructions were taken from [Effective Dart](https://dart.dev/effective-dart) and [Architecture Recommendations](https://docs.flutter.dev/app-architecture/recommendations).
+
+## Effective Dart
+
+Over the past several years, we've written a ton of Dart code and learned a lot about what works well and what doesn't. We're sharing this with you so you can write consistent, robust, fast code too. There are two overarching themes:
+
+1.  **Be consistent.** When it comes to things like formatting, and casing, arguments about which is better are subjective and impossible to resolve. What we do know is that being *consistent* is objectively helpful.
+
+    If two pieces of code look different it should be because they *are* different in some meaningful way. When a bit of code stands out and catches your eye, it should do so for a useful reason.
+
+2.  **Be brief.** Dart was designed to be familiar, so it inherits many of the same statements and expressions as C, Java, JavaScript and other languages. But we created Dart because there is a lot of room to improve on what those languages offer. We added a bunch of features, from string interpolation to initializing formals, to help you express your intent more simply and easily.
+
+    If there are multiple ways to say something, you should generally pick the most concise one. This is not to say you should `code golf` yourself into cramming a whole program into a single line. The goal is code that is *economical*, not *dense*.
+
+### The topics
+
+We split the guidelines into a few separate topics for easy digestion:
+
+*   **Style** – This defines the rules for laying out and organizing code, or at least the parts that `dart format` doesn't handle for you. The style topic also specifies how identifiers are formatted: `camelCase`, `using_underscores`, etc.
+
+*   **Documentation** – This tells you everything you need to know about what goes inside comments. Both doc comments and regular, run-of-the-mill code comments.
+
+*   **Usage** – This teaches you how to make the best use of language features to implement behavior. If it's in a statement or expression, it's covered here.
+
+*   **Design** – This is the softest topic, but the one with the widest scope. It covers what we've learned about designing consistent, usable APIs for libraries. If it's in a type signature or declaration, this goes over it.
+
+### How to read the topics
+
+Each topic is broken into a few sections. Sections contain a list of guidelines. Each guideline starts with one of these words:
+
+*   **DO** guidelines describe practices that should always be followed. There will almost never be a valid reason to stray from them.
+
+*   **DON'T** guidelines are the converse: things that are almost never a good idea. Hopefully, we don't have as many of these as other languages do because we have less historical baggage.
+
+*   **PREFER** guidelines are practices that you *should* follow. However, there may be circumstances where it makes sense to do otherwise. Just make sure you understand the full implications of ignoring the guideline when you do.
+
+*   **AVOID** guidelines are the dual to "prefer": stuff you shouldn't do but where there may be good reasons to on rare occasions.
+
+*   **CONSIDER** guidelines are practices that you might or might not want to follow, depending on circumstances, precedents, and your own preference.
+
+Some guidelines describe an **exception** where the rule does *not* apply. When listed, the exceptions may not be exhaustive—you might still need to use your judgement on other cases.
+
+This sounds like the police are going to beat down your door if you don't have your laces tied correctly. Things aren't that bad. Most of the guidelines here are common sense and we're all reasonable people. The goal, as always, is nice, readable and maintainable code.
+
+### Rules
+
+#### Style
+
+##### Identifiers
+
+*   DO name types using `UpperCamelCase`.
+*   DO name extensions using `UpperCamelCase`.
+*   DO name packages, directories, and source files using `lowercase_with_underscores`.
+*   DO name import prefixes using `lowercase_with_underscores`.
+*   DO name other identifiers using `lowerCamelCase`.
+*   PREFER using `lowerCamelCase` for constant names.
+*   DO capitalize acronyms and abbreviations longer than two letters like words.
+*   PREFER using wildcards for unused callback parameters.
+*   DON'T use a leading underscore for identifiers that aren't private.
+*   DON'T use prefix letters.
+*   DON'T explicitly name libraries.
+
+##### Ordering
+
+*   DO place `dart:` imports before other imports.
+*   DO place `package:` imports before relative imports.
+*   DO specify exports in a separate section after all imports.
+*   DO sort sections alphabetically.
+
+##### Formatting
+
+*   DO format your code using `dart format`.
+*   CONSIDER changing your code to make it more formatter-friendly.
+*   PREFER lines 80 characters or fewer.
+*   DO use curly braces for all flow control statements.
+
+#### Documentation
+
+##### Comments
+
+*   DO format comments like sentences.
+*   DON'T use block comments for documentation.
+
+##### Doc comments
+
+*   DO use `///` doc comments to document members and types.
+*   PREFER writing doc comments for public APIs.
+*   CONSIDER writing a library-level doc comment.
+*   CONSIDER writing doc comments for private APIs.
+*   DO start doc comments with a single-sentence summary.
+*   DO separate the first sentence of a doc comment into its own paragraph.
+*   AVOID redundancy with the surrounding context.
+*   PREFER starting comments of a function or method with third-person verbs if its main purpose is a side effect.
+*   PREFER starting a non-boolean variable or property comment with a noun phrase.
+*   PREFER starting a boolean variable or property comment with "Whether" followed by a noun or gerund phrase.
+*   PREFER a noun phrase or non-imperative verb phrase for a function or method if returning a value is its primary purpose.
+*   DON'T write documentation for both the getter and setter of a property.
+*   PREFER starting library or type comments with noun phrases.
+*   CONSIDER including code samples in doc comments.
+*   DO use square brackets in doc comments to refer to in-scope identifiers.
+*   DO use prose to explain parameters, return values, and exceptions.
+*   DO put doc comments before metadata annotations.
+
+##### Markdown
+
+*   AVOID using markdown excessively.
+*   AVOID using HTML for formatting.
+*   PREFER backtick fences for code blocks.
+
+##### Writing
+
+*   PREFER brevity.
+*   AVOID abbreviations and acronyms unless they are obvious.
+*   PREFER using "this" instead of "the" to refer to a member's instance.
+
+#### Usage
+
+##### Libraries
+
+*   DO use strings in `part of` directives.
+*   DON'T import libraries that are inside the `src` directory of another package.
+*   DON'T allow an import path to reach into or out of `lib`.
+*   PREFER relative import paths.
+
+##### Null
+
+*   DON'T explicitly initialize variables to `null`.
+*   DON'T use an explicit default value of `null`.
+*   DON'T use `true` or `false` in equality operations.
+*   AVOID `late` variables if you need to check whether they are initialized.
+*   CONSIDER type promotion or null-check patterns for using nullable types.
+
+##### Strings
+
+*   DO use adjacent strings to concatenate string literals.
+*   PREFER using interpolation to compose strings and values.
+*   AVOID using curly braces in interpolation when not needed.
+
+##### Collections
+
+*   DO use collection literals when possible.
+*   DON'T use `.length` to see if a collection is empty.
+*   AVOID using `Iterable.forEach()` with a function literal.
+*   DON'T use `List.from()` unless you intend to change the type of the result.
+*   DO use `whereType()` to filter a collection by type.
+*   DON'T use `cast()` when a nearby operation will do.
+*   AVOID using `cast()`.
+
+##### Functions
+
+*   DO use a function declaration to bind a function to a name.
+*   DON'T create a lambda when a tear-off will do.
+
+##### Variables
+
+*   DO follow a consistent rule for `var` and `final` on local variables.
+*   AVOID storing what you can calculate.
+
+##### Members
+
+*   DON'T wrap a field in a getter and setter unnecessarily.
+*   PREFER using a `final` field to make a read-only property.
+*   CONSIDER using `=>` for simple members.
+*   DON'T use `this.` except to redirect to a named constructor or to avoid shadowing.
+*   DO initialize fields at their declaration when possible.
+
+##### Constructors
+
+*   DO use initializing formals when possible.
+*   DON'T use `late` when a constructor initializer list will do.
+*   DO use `;` instead of `{}` for empty constructor bodies.
+*   DON'T use `new`.
+*   DON'T use `const` redundantly.
+
+##### Error handling
+
+*   AVOID catches without `on` clauses.
+*   DON'T discard errors from catches without `on` clauses.
+*   DO throw objects that implement `Error` only for programmatic errors.
+*   DON'T explicitly catch `Error` or types that implement it.
+*   DO use `rethrow` to rethrow a caught exception.
+
+##### Asynchrony
+
+*   PREFER async/await over using raw futures.
+*   DON'T use `async` when it has no useful effect.
+*   CONSIDER using higher-order methods to transform a stream.
+*   AVOID using Completer directly.
+*   DO test for `Future<T>` when disambiguating a `FutureOr<T>` whose type argument could be `Object`.
+
+#### Design
+
+##### Names
+
+*   DO use terms consistently.
+*   AVOID abbreviations.
+*   PREFER putting the most descriptive noun last.
+*   CONSIDER making the code read like a sentence.
+*   PREFER a noun phrase for a non-boolean property or variable.
+*   PREFER a non-imperative verb phrase for a boolean property or variable.
+*   CONSIDER omitting the verb for a named boolean parameter.
+*   PREFER the "positive" name for a boolean property or variable.
+*   PREFER an imperative verb phrase for a function or method whose main purpose is a side effect.
+*   PREFER a noun phrase or non-imperative verb phrase for a function or method if returning a value is its primary purpose.
+*   CONSIDER an imperative verb phrase for a function or method if you want to draw attention to the work it performs.
+*   AVOID starting a method name with `get`.
+*   PREFER naming a method `to...()` if it copies the object's state to a new object.
+*   PREFER naming a method `as...()` if it returns a different representation backed by the original object.
+*   AVOID describing the parameters in the function's or method's name.
+*   DO follow existing mnemonic conventions when naming type parameters.
+
+##### Libraries
+
+*   PREFER making declarations private.
+*   CONSIDER declaring multiple classes in the same library.
+
+##### Classes and mixins
+
+*   AVOID defining a one-member abstract class when a simple function will do.
+*   AVOID defining a class that contains only static members.
+*   AVOID extending a class that isn't intended to be subclassed.
+*   DO use class modifiers to control if your class can be extended.
+*   AVOID implementing a class that isn't intended to be an interface.
+*   DO use class modifiers to control if your class can be an interface.
+*   PREFER defining a pure `mixin` or pure `class` to a `mixin class`.
+
+##### Constructors
+
+*   CONSIDER making your constructor `const` if the class supports it.
+
+##### Members
+
+*   PREFER making fields and top-level variables `final`.
+*   DO use getters for operations that conceptually access properties.
+*   DO use setters for operations that conceptually change properties.
+*   DON'T define a setter without a corresponding getter.
+*   AVOID using runtime type tests to fake overloading.
+*   AVOID public `late final` fields without initializers.
+*   AVOID returning nullable `Future`, `Stream`, and collection types.
+*   AVOID returning `this` from methods just to enable a fluent interface.
+
+##### Types
+
+*   DO type annotate variables without initializers.
+*   DO type annotate fields and top-level variables if the type isn't obvious.
+*   DON'T redundantly type annotate initialized local variables.
+*   DO annotate return types on function declarations.
+*   DO annotate parameter types on function declarations.
+*   DON'T annotate inferred parameter types on function expressions.
+*   DON'T type annotate initializing formals.
+*   DO write type arguments on generic invocations that aren't inferred.
+*   DON'T write type arguments on generic invocations that are inferred.
+*   AVOID writing incomplete generic types.
+*   DO annotate with `dynamic` instead of letting inference fail.
+*   PREFER signatures in function type annotations.
+*   DON'T specify a return type for a setter.
+*   DON'T use the legacy typedef syntax.
+*   PREFER inline function types over typedefs.
+*   PREFER using function type syntax for parameters.
+*   AVOID using `dynamic` unless you want to disable static checking.
+*   DO use `Future<void>` as the return type of asynchronous members that do not produce values.
+*   AVOID using `FutureOr<T>` as a return type.
+
+##### Parameters
+
+*   AVOID positional boolean parameters.
+*   AVOID optional positional parameters if the user may want to omit earlier parameters.
+*   AVOID mandatory parameters that accept a special "no argument" value.
+*   DO use inclusive start and exclusive end parameters to accept a range.
+
+##### Equality
+
+*   DO override `hashCode` if you override `==`.
+*   DO make your `==` operator obey the mathematical rules of equality.
+*   AVOID defining custom equality for mutable classes.
+*   DON'T make the parameter to `==` nullable.
+
+---
+
+## Flutter Architecture Recommendations
+
+This page presents architecture best practices, why they matter, and
+whether we recommend them for your Flutter application.
+You should treat these recommendations as recommendations,
+and not steadfast rules, and you should
+adapt them to your app's unique requirements.
+
+The best practices on this page have a priority,
+which reflects how strongly the Flutter team recommends it.
+
+* **Strongly recommend:** You should always implement this recommendation if
+  you're starting to build a new application. You should strongly consider
+  refactoring an existing app to implement this practice unless doing so would
+  fundamentally clash with your current approach.
+* **Recommend**: This practice will likely improve your app.
+* **Conditional**: This practice can improve your app in certain circumstances.
+
+### Separation of concerns
+
+You should separate your app into a UI layer and a data layer. Within those layers, you should further separate logic into classes by responsibility.
+
+#### Use clearly defined data and UI layers.
+**Strongly recommend**
+
+Separation of concerns is the most important architectural principle.
+The data layer exposes application data to the rest of the app, and contains most of the business logic in your application.
+The UI layer displays application data and listens for user events from users. The UI layer contains separate classes for UI logic and widgets.
+
+#### Use the repository pattern in the data layer.
+**Strongly recommend**
+
+The repository pattern is a software design pattern that isolates the data access logic from the rest of the application.
+It creates an abstraction layer between the application's business logic and the underlying data storage mechanisms (databases, APIs, file systems, etc.).
+In practice, this means creating Repository classes and Service classes.
+
+#### Use ViewModels and Views in the UI layer. (MVVM)
+**Strongly recommend**
+
+Separation of concerns is the most important architectural principle.
+This particular separation makes your code much less error prone because your widgets remain "dumb".
+
+#### Use `ChangeNotifiers` and `Listenables` to handle widget updates.
+**Conditional**
+
+> There are many options to handle state-management, and ultimately the decision comes down to personal preference.
+
+The `ChangeNotifier` API is part of the Flutter SDK, and is a convenient way to have your widgets observe changes in your ViewModels.
+
+#### Do not put logic in widgets.
+**Strongly recommend**
+
+Logic should be encapsulated in methods on the ViewModel. The only logic a view should contain is:
+* Simple if-statements to show and hide widgets based on a flag or nullable field in the ViewModel
+* Animation logic that relies on the widget to calculate
+* Layout logic based on device information, like screen size or orientation.
+* Simple routing logic
+
+#### Use a domain layer.
+**Conditional**
+
+> Use in apps with complex logic requirements.
+
+A domain layer is only needed if your application has exceeding complex logic that crowds your ViewModels,
+or if you find yourself repeating logic in ViewModels.
+In very large apps, use-cases are useful, but in most apps they add unnecessary overhead.
+
+### Handling data
+
+Handling data with care makes your code easier to understand, less error prone, and
+prevents malformed or unexpected data from being created.
+
+#### Use unidirectional data flow.
+**Strongly recommend**
+
+Data updates should only flow from the data layer to the UI layer.
+Interactions in the UI layer are sent to the data layer where they're processed.
+
+#### Use `Commands` to handle events from user interaction.
+**Recommend**
+
+Commands prevent rendering errors in your app, and standardize how the UI layer sends events to the data layer.
+
+#### Use immutable data models.
+**Strongly recommend**
+
+Immutable data is crucial in ensuring that any necessary changes occur only in the proper place, usually the data or domain layer.
+Because immutable objects can't be modified after creation, you must create a new instance to reflect changes.
+This process prevents accidental updates in the UI layer and supports a clear, unidirectional data flow.
+
+#### Use freezed or built_value to generate immutable data models.
+**Recommend**
+
+You can use packages to help generate useful functionality in your data models, `freezed` or `built_value`.
+These can generate common model methods like JSON ser/des, deep equality checking and copy methods.
+These code generation packages can add significant build time to your applications if you have a lot of models.
+
+#### Create separate API models and domain models.
+**Conditional**
+
+> Use in large apps.
+
+Using separate models adds verbosity, but prevents complexity in ViewModels and use-cases.
+
+### App structure
+
+Well organized code benefits both the health of the app itself, and the team working on the code.
+
+#### Use dependency injection.
+**Strongly recommend**
+
+Dependency injection prevents your app from having globally accessible objects, which makes your code less error prone.
+We recommend you use the `provider` package to handle dependency injection.
+
+#### Use `go_router` for navigation.
+**Recommend**
+
+Go_router is the preferred way to write 90% of Flutter applications.
+There are some specific use-cases that go_router doesn't solve,
+in which case you can use the `Flutter Navigator API` directly or try other packages found on `pub.dev`.
+
+#### Use standardized naming conventions for classes, files and directories.
+**Recommend**
+
+We recommend naming classes for the architectural component they represent.
+For example, you may have the following classes:
+
+* HomeViewModel
+* HomeScreen
+* UserRepository
+* ClientApiService
+
+For clarity, we do not recommend using names that can be confused with objects from the Flutter SDK.
+For example, you should put your shared widgets in a directory called `ui/core/`,
+rather than a directory called `/widgets`.
+
+#### Use abstract repository classes
+**Strongly recommend**
+
+Repository classes are the sources of truth for all data in your app,
+and facilitate communication with external APIs.
+Creating abstract repository classes allows you to create different implementations,
+which can be used for different app environments, such as "development" and "staging".
+
+### Testing
+
+Good testing practices makes your app flexible.
+It also makes it straightforward and low risk to add new logic and new UI.
+
+#### Test architectural components separately, and together.
+**Strongly recommend**
+
+* Write unit tests for every service, repository and ViewModel class. These tests should test the logic of every method individually.
+* Write widget tests for views. Testing routing and dependency injection are particularly important.
+
+#### Make fakes for testing (and write code that takes advantage of fakes.)
+**Strongly recommend**
+
+Fakes aren't concerned with the inner workings of any given method as much
+as they're concerned with inputs and outputs. If you have this in mind while writing application code,
+you're forced to write modular, lightweight functions and classes with well defined inputs and outputs.
+
+### Deploying Firebase
+You should not use Firebase CLI. You have to ask the user for deploying or modifying something.

em2rp/CHANGELOG.md

@@ -1,6 +1,16 @@
 # Changelog - EM2RP
 
 Toutes les modifications notables de ce projet seront documentées dans ce fichier.
+## 12/03/2026bis
+Fix BUG  : Ajout equipement à un evenement existant, boutons de modification de statut d'un evenement ne fonctionnaient pas. Refonte legere de la page calendrier.
+
+## 12/03/2026
+Ajout d'une page de statistiques détaillées pour les équipements et les événements.
+
+## 10/03/2026 
+Migration vers Google Cloud TTS exclusif pour une compatibilité maximale sur tous les navigateurs. Suppression du TTS local (Web Speech API) qui causait des problèmes de compatibilité sur certaines configurations (notamment Chromium/Linux).
+
+Ajout d'un service de synthèse vocale hybride et intégration de Google Cloud TTS. Résolution bug d'affichage des événements pour les membres CREW
 
 ## 24/02/2026
 Ajout de la gestion des maintenance et synthèse vocale

em2rp/functions/generateTTS.js

@@ -0,0 +1,146 @@
+/**
+ * Cloud Function: generateTTS
+ * Génère de l'audio TTS avec Google Cloud Text-to-Speech
+ * Avec système de cache dans Firebase Storage
+ */
+
+const textToSpeech = require('@google-cloud/text-to-speech');
+const crypto = require('crypto');
+const logger = require('firebase-functions/logger');
+
+/**
+ * Génère un hash MD5 pour le texte (utilisé comme clé de cache)
+ * @param {string} text - Texte à hasher
+ * @return {string} Hash MD5
+ */
+function generateCacheKey(text, voiceConfig = {}) {
+  const cacheString = JSON.stringify({
+    text,
+    lang: voiceConfig.languageCode || 'fr-FR',
+    voice: voiceConfig.name || 'fr-FR-Standard-B',
+  });
+  return crypto.createHash('md5').update(cacheString).digest('hex');
+}
+
+/**
+ * Génère l'audio TTS et le stocke dans Firebase Storage
+ * @param {string} text - Texte à synthétiser
+ * @param {object} storage - Instance Firebase Storage
+ * @param {object} bucket - Bucket Firebase Storage
+ * @param {object} voiceConfig - Configuration de la voix (optionnel)
+ * @return {Promise<{audioUrl: string, cached: boolean}>}
+ */
+async function generateTTS(text, storage, bucket, voiceConfig = {}) {
+  try {
+    // Validation du texte
+    if (!text || text.trim().length === 0) {
+      throw new Error('Text cannot be empty');
+    }
+
+    if (text.length > 5000) {
+      throw new Error('Text too long (max 5000 characters)');
+    }
+
+    // Configuration par défaut de la voix
+    const defaultVoiceConfig = {
+      languageCode: 'fr-FR',
+      name: 'fr-FR-Standard-B', // Voix masculine française (Standard = gratuit)
+      ssmlGender: 'MALE',
+    };
+
+    const finalVoiceConfig = { ...defaultVoiceConfig, ...voiceConfig };
+
+    // Générer la clé de cache
+    const cacheKey = generateCacheKey(text, finalVoiceConfig);
+    const fileName = `tts-cache/${cacheKey}.mp3`;
+    const file = bucket.file(fileName);
+
+    // Vérifier si le fichier existe déjà dans le cache
+    const [exists] = await file.exists();
+
+    if (exists) {
+      logger.info('[generateTTS] ✓ Cache HIT', { cacheKey, text: text.substring(0, 50) });
+
+      // Générer une URL signée valide 7 jours
+      const [url] = await file.getSignedUrl({
+        action: 'read',
+        expires: Date.now() + 7 * 24 * 60 * 60 * 1000, // 7 jours
+      });
+
+      return {
+        audioUrl: url,
+        cached: true,
+        cacheKey,
+      };
+    }
+
+    logger.info('[generateTTS] ○ Cache MISS - Generating audio', {
+      cacheKey,
+      text: text.substring(0, 50),
+      voice: finalVoiceConfig.name,
+    });
+
+    // Créer le client Text-to-Speech
+    const client = new textToSpeech.TextToSpeechClient();
+
+    // Configuration de la requête
+    const request = {
+      input: { text: text },
+      voice: finalVoiceConfig,
+      audioConfig: {
+        audioEncoding: 'MP3',
+        speakingRate: 0.9, // Légèrement plus lent pour meilleure compréhension
+        pitch: -2.0, // Voix un peu plus grave
+        volumeGainDb: 0.0,
+      },
+    };
+
+    // Appeler l'API Google Cloud TTS
+    const [response] = await client.synthesizeSpeech(request);
+
+    if (!response.audioContent) {
+      throw new Error('No audio content returned from TTS API');
+    }
+
+    logger.info('[generateTTS] ✓ Audio generated', {
+      size: response.audioContent.length,
+    });
+
+    // Sauvegarder dans Firebase Storage
+    await file.save(response.audioContent, {
+      metadata: {
+        contentType: 'audio/mpeg',
+        metadata: {
+          text: text.substring(0, 100), // Premier 100 caractères pour debug
+          voice: finalVoiceConfig.name,
+          generatedAt: new Date().toISOString(),
+        },
+      },
+    });
+
+    logger.info('[generateTTS] ✓ Audio cached', { fileName });
+
+    // Générer une URL signée
+    const [url] = await file.getSignedUrl({
+      action: 'read',
+      expires: Date.now() + 7 * 24 * 60 * 60 * 1000, // 7 jours
+    });
+
+    return {
+      audioUrl: url,
+      cached: false,
+      cacheKey,
+    };
+  } catch (error) {
+    logger.error('[generateTTS] ✗ Error', {
+      error: error.message,
+      code: error.code,
+      text: text?.substring(0, 50),
+    });
+
+    throw error;
+  }
+}
+
+module.exports = { generateTTS, generateCacheKey };
+

em2rp/functions/index.js

@@ -16,6 +16,7 @@ const { Storage } = require('@google-cloud/storage');
 // Utilitaires
 const auth = require('./utils/auth');
 const helpers = require('./utils/helpers');
+const { generateTTS } = require('./generateTTS');
 
 // Initialisation sécurisée
 if (!admin.apps.length) {
@@ -4193,3 +4194,72 @@ exports.quickSearch = onRequest(httpOptions, withCors(async (req, res) => {
     res.status(500).json({ error: error.message });
   }
 }));
+
+// ============================================================================
+// TEXT-TO-SPEECH - Generate TTS Audio
+// ============================================================================
+// Options HTTP spécifiques pour TTS avec CORS activé
+const ttsHttpOptions = {
+  cors: true, // Activer CORS automatique
+  invoker: 'public',
+  region: 'europe-west9',
+};
+
+exports.generateTTSV2 = onRequest(ttsHttpOptions, async (req, res) => {
+  try {
+    // Authentification utilisateur
+    const decodedToken = await auth.authenticateUser(req);
+
+    logger.info('[generateTTSV2] Request from user:', {
+      uid: decodedToken.uid,
+      email: decodedToken.email,
+    });
+
+    // Récupération des paramètres
+    const { text, voiceConfig } = req.body.data || {};
+
+    // Validation
+    if (!text) {
+      res.status(400).json({ error: 'Text parameter is required' });
+      return;
+    }
+
+    if (text.length > 5000) {
+      res.status(400).json({ error: 'Text too long (max 5000 characters)' });
+      return;
+    }
+
+    // Génération de l'audio avec cache
+    const bucketName = admin.storage().bucket().name;
+    const bucket = storage.bucket(bucketName);
+
+    const result = await generateTTS(text, storage, bucket, voiceConfig);
+
+    logger.info('[generateTTSV2] ✓ Success', {
+      cached: result.cached,
+      cacheKey: result.cacheKey,
+    });
+
+    res.status(200).json({
+      audioUrl: result.audioUrl,
+      cached: result.cached,
+      cacheKey: result.cacheKey,
+    });
+
+  } catch (error) {
+    logger.error('[generateTTSV2] ✗ Error:', {
+      error: error.message,
+      code: error.code,
+    });
+
+    // Gestion des erreurs spécifiques
+    if (error.code === 'PERMISSION_DENIED') {
+      res.status(403).json({ error: 'Permission denied. Check Google Cloud TTS API is enabled.' });
+    } else if (error.code === 'QUOTA_EXCEEDED') {
+      res.status(429).json({ error: 'TTS quota exceeded. Try again later.' });
+    } else {
+      res.status(500).json({ error: error.message });
+    }
+  }
+});
+

em2rp/functions/package-lock.json

@@ -7,6 +7,7 @@
       "name": "functions",
       "dependencies": {
         "@google-cloud/storage": "^7.18.0",
+        "@google-cloud/text-to-speech": "^5.4.0",
         "axios": "^1.13.2",
         "dotenv": "^17.2.3",
         "envdot": "^0.0.3",
@@ -772,12 +773,23 @@
         "uuid": "dist/bin/uuid"
       }
     },
+    "node_modules/@google-cloud/text-to-speech": {
+      "version": "5.8.1",
+      "resolved": "https://registry.npmjs.org/@google-cloud/text-to-speech/-/text-to-speech-5.8.1.tgz",
+      "integrity": "sha512-HXyZBtfQq+ETSLwWV/k3zFRWSzt+KEfiC5/OqXNNUed+lU/LEyN0CsqqEmkFfkL8BPsVIMAK2xiYCaDsKENukg==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "google-gax": "^4.0.3"
+      },
+      "engines": {
+        "node": ">=14.0.0"
+      }
+    },
     "node_modules/@grpc/grpc-js": {
       "version": "1.13.4",
       "resolved": "https://registry.npmjs.org/@grpc/grpc-js/-/grpc-js-1.13.4.tgz",
       "integrity": "sha512-GsFaMXCkMqkKIvwCQjCrwH+GHbPKBjhwo/8ZuUkWHqbI73Kky9I+pQltrlT0+MWpedCoosda53lgjYfyEPgxBg==",
       "license": "Apache-2.0",
-      "optional": true,
       "dependencies": {
         "@grpc/proto-loader": "^0.7.13",
         "@js-sdsl/ordered-map": "^4.4.2"
@@ -791,7 +803,6 @@
       "resolved": "https://registry.npmjs.org/@grpc/proto-loader/-/proto-loader-0.7.15.tgz",
       "integrity": "sha512-tMXdRCfYVixjuFK+Hk0Q1s38gV9zDiDJfWL3h1rv4Qc39oILCu1TRTDt7+fGUI8K4G1Fj125Hx/ru3azECWTyQ==",
       "license": "Apache-2.0",
-      "optional": true,
       "dependencies": {
         "lodash.camelcase": "^4.3.0",
         "long": "^5.0.0",
@@ -1310,7 +1321,6 @@
       "resolved": "https://registry.npmjs.org/@js-sdsl/ordered-map/-/ordered-map-4.4.2.tgz",
       "integrity": "sha512-iUKgm52T8HOE/makSxjqoWhe95ZJA1/G1sYsGev2JDKUSS14KAgg1LHb+Ba+IPow0xflbnSkOsZcO08C7w1gYw==",
       "license": "MIT",
-      "optional": true,
       "funding": {
         "type": "opencollective",
         "url": "https://opencollective.com/js-sdsl"
@@ -1631,8 +1641,7 @@
       "version": "4.0.2",
       "resolved": "https://registry.npmjs.org/@types/long/-/long-4.0.2.tgz",
       "integrity": "sha512-MqTGEo5bj5t157U6fA/BiDynNkn0YknVdh48CMPkTSpFTVmvao5UQmm7uEF6xBEo7qIMAlY/JSleYaE6VOdpaA==",
-      "license": "MIT",
+      "license": "MIT"
-      "optional": true
     },
     "node_modules/@types/mime": {
       "version": "1.3.5",
@@ -1845,7 +1854,6 @@
       "version": "5.0.1",
       "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz",
       "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==",
-      "devOptional": true,
       "license": "MIT",
       "engines": {
         "node": ">=8"
@@ -1855,7 +1863,6 @@
       "version": "4.3.0",
       "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
       "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
-      "devOptional": true,
       "license": "MIT",
       "dependencies": {
         "color-convert": "^2.0.1"
@@ -2379,7 +2386,6 @@
       "version": "8.0.1",
       "resolved": "https://registry.npmjs.org/cliui/-/cliui-8.0.1.tgz",
       "integrity": "sha512-BSeNnyus75C4//NQ9gQt1/csTXyo/8Sb+afLAkzAptFuMsod9HFokGNudZpi/oQV73hnVK+sR+5PVRMd+Dr7YQ==",
-      "devOptional": true,
       "license": "ISC",
       "dependencies": {
         "string-width": "^4.2.0",
@@ -2412,7 +2418,6 @@
       "version": "2.0.1",
       "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
       "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
-      "devOptional": true,
       "license": "MIT",
       "dependencies": {
         "color-name": "~1.1.4"
@@ -2425,7 +2430,6 @@
       "version": "1.1.4",
       "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
       "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
-      "devOptional": true,
       "license": "MIT"
     },
     "node_modules/combined-stream": {
@@ -2727,7 +2731,6 @@
       "version": "8.0.0",
       "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz",
       "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==",
-      "devOptional": true,
       "license": "MIT"
     },
     "node_modules/encodeurl": {
@@ -2831,7 +2834,6 @@
       "version": "3.2.0",
       "resolved": "https://registry.npmjs.org/escalade/-/escalade-3.2.0.tgz",
       "integrity": "sha512-WUj2qlxaQtO4g6Pq5c29GTcWGDyd8itL8zTlipgECz3JesAiiOKotd8JU6otB3PACgG6xkJUyVhboMS+bje/jA==",
-      "devOptional": true,
       "license": "MIT",
       "engines": {
         "node": ">=6"
@@ -3576,7 +3578,6 @@
       "version": "2.0.5",
       "resolved": "https://registry.npmjs.org/get-caller-file/-/get-caller-file-2.0.5.tgz",
       "integrity": "sha512-DyFP3BM/3YHTQOCUL/w0OZHR0lpKeGrxotcHWcqNEdnltqFwXVfhEBQ94eIo34AfQpo0rGki4cyIiftY06h2Fg==",
-      "devOptional": true,
       "license": "ISC",
       "engines": {
         "node": "6.* || 8.* || >= 10.*"
@@ -3715,7 +3716,6 @@
       "resolved": "https://registry.npmjs.org/google-gax/-/google-gax-4.6.1.tgz",
       "integrity": "sha512-V6eky/xz2mcKfAd1Ioxyd6nmA61gao3n01C+YeuIwu3vzM9EDR6wcVzMSIbLMDXWeoi9SHYctXuKYC5uJUT3eQ==",
       "license": "Apache-2.0",
-      "optional": true,
       "dependencies": {
         "@grpc/grpc-js": "^1.10.9",
         "@grpc/proto-loader": "^0.7.13",
@@ -3743,7 +3743,6 @@
         "https://github.com/sponsors/ctavan"
       ],
       "license": "MIT",
-      "optional": true,
       "bin": {
         "uuid": "dist/bin/uuid"
       }
@@ -4093,7 +4092,6 @@
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz",
       "integrity": "sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==",
-      "devOptional": true,
       "license": "MIT",
       "engines": {
         "node": ">=8"
@@ -5110,8 +5108,7 @@
       "version": "4.3.0",
       "resolved": "https://registry.npmjs.org/lodash.camelcase/-/lodash.camelcase-4.3.0.tgz",
       "integrity": "sha512-TwuEnCnxbc3rAvhf/LbG7tJUDzhqXyFnv3dtzLOPgCG/hODL7WFnsbwktkD7yUV0RrreP/l1PALq/YSg6VvjlA==",
-      "license": "MIT",
+      "license": "MIT"
-      "optional": true
     },
     "node_modules/lodash.clonedeep": {
       "version": "4.5.0",
@@ -5490,7 +5487,6 @@
       "resolved": "https://registry.npmjs.org/object-hash/-/object-hash-3.0.0.tgz",
       "integrity": "sha512-RSn9F68PjH9HqtltsSnqYC1XXoWe9Bju5+213R98cNGttag9q9yAOTzdbsqvIa7aNm5WffBZFpWYr2aWrklWAw==",
       "license": "MIT",
-      "optional": true,
       "engines": {
         "node": ">= 6"
       }
@@ -5843,7 +5839,6 @@
       "resolved": "https://registry.npmjs.org/proto3-json-serializer/-/proto3-json-serializer-2.0.2.tgz",
       "integrity": "sha512-SAzp/O4Yh02jGdRc+uIrGoe87dkN/XtwxfZ4ZyafJHymd79ozp5VG5nyZ7ygqPM5+cpLDjjGnYFUkngonyDPOQ==",
       "license": "Apache-2.0",
-      "optional": true,
       "dependencies": {
         "protobufjs": "^7.2.5"
       },
@@ -6035,7 +6030,6 @@
       "version": "2.1.1",
       "resolved": "https://registry.npmjs.org/require-directory/-/require-directory-2.1.1.tgz",
       "integrity": "sha512-fGxEI7+wsG9xrvdjsrlmL22OMTTiHRwAMroiEeMgq8gzoLC/PQr7RsRDSTLUg/bZAZtF+TVIkHc6/4RIKrui+Q==",
-      "devOptional": true,
       "license": "MIT",
       "engines": {
         "node": ">=0.10.0"
@@ -6517,7 +6511,6 @@
       "version": "4.2.3",
       "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz",
       "integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==",
-      "devOptional": true,
       "license": "MIT",
       "dependencies": {
         "emoji-regex": "^8.0.0",
@@ -6532,7 +6525,6 @@
       "version": "6.0.1",
       "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz",
       "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
-      "devOptional": true,
       "license": "MIT",
       "dependencies": {
         "ansi-regex": "^5.0.1"
@@ -6997,7 +6989,6 @@
       "version": "7.0.0",
       "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-7.0.0.tgz",
       "integrity": "sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==",
-      "devOptional": true,
       "license": "MIT",
       "dependencies": {
         "ansi-styles": "^4.0.0",
@@ -7035,7 +7026,6 @@
       "version": "5.0.8",
       "resolved": "https://registry.npmjs.org/y18n/-/y18n-5.0.8.tgz",
       "integrity": "sha512-0pfFzegeDWJHJIAmTLRP2DwHjdF5s7jo9tuztdQxAhINCdvS+3nGINqPd00AphqJR/0LhANUS6/+7SCb98YOfA==",
-      "devOptional": true,
       "license": "ISC",
       "engines": {
         "node": ">=10"
@@ -7052,7 +7042,6 @@
       "version": "17.7.2",
       "resolved": "https://registry.npmjs.org/yargs/-/yargs-17.7.2.tgz",
       "integrity": "sha512-7dSzzRQ++CKnNI/krKnYRV7JKKPUXMEh61soaHKg9mrWEhzFWhFnxPxGl+69cD1Ou63C13NUPCnmIcrvqCuM6w==",
-      "devOptional": true,
       "license": "MIT",
       "dependencies": {
         "cliui": "^8.0.1",
@@ -7071,7 +7060,6 @@
       "version": "21.1.1",
       "resolved": "https://registry.npmjs.org/yargs-parser/-/yargs-parser-21.1.1.tgz",
       "integrity": "sha512-tVpsJW7DdjecAiFpbIB1e3qxIQsE6NoPc5/eTdrbbIC4h0LVsWhnoa3g+m2HclBIujHzsxZ4VJVA+GUuc2/LBw==",
-      "devOptional": true,
       "license": "ISC",
       "engines": {
         "node": ">=12"

em2rp/functions/package.json

@@ -15,6 +15,7 @@
   "main": "index.js",
   "dependencies": {
     "@google-cloud/storage": "^7.18.0",
+    "@google-cloud/text-to-speech": "^5.4.0",
     "axios": "^1.13.2",
     "dotenv": "^17.2.3",
     "envdot": "^0.0.3",

em2rp/lib/config/app_version.dart

@@ -1,6 +1,6 @@
 /// Configuration de la version de l'application
 class AppVersion {
-  static const String version = '1.1.7';
+  static const String version = '1.1.18';
 
   /// Retourne la version complète de l'application
   static String get fullVersion => 'v$version';

em2rp/lib/config/env.dart

@@ -1,9 +1,9 @@
 class Env {
-  static const bool isDevelopment = true;
+  static const bool isDevelopment = false;
 
   // Configuration de l'auto-login en développement
-  static const String devAdminEmail = 'paul.fournel@em2events.fr';
+  static const String devAdminEmail = '';
-  static const String devAdminPassword = 'Pastis51!';
+  static const String devAdminPassword = '';
 
   // URLs et endpoints
   static const String baseUrl = 'https://em2rp-951dc.firebaseapp.com';
@@ -14,4 +14,3 @@ class Env {
   // Autres configurations
   static const int apiTimeout = 30000; // 30 secondes
 }
-

em2rp/lib/main.dart

@@ -15,6 +15,7 @@ import 'package:em2rp/views/maintenance_management_page.dart';
 import 'package:em2rp/views/container_form_page.dart';
 import 'package:em2rp/views/container_detail_page.dart';
 import 'package:em2rp/views/event_preparation_page.dart';
+import 'package:em2rp/views/event_statistics_page.dart';
 import 'package:em2rp/models/container_model.dart';
 import 'package:em2rp/models/event_model.dart';
 import 'package:firebase_auth/firebase_auth.dart';
@@ -33,7 +34,6 @@ import 'services/update_service.dart';
 import 'views/widgets/common/update_dialog.dart';
 import 'config/api_config.dart';
 import 'package:flutter_localizations/flutter_localizations.dart';
-import 'views/widgets/common/update_dialog.dart';
 
 void main() async {
   WidgetsFlutterBinding.ensureInitialized();
@@ -188,6 +188,8 @@ class MyApp extends StatelessWidget {
             ),
           );
         },
+        '/event_statistics': (context) => const AuthGuard(
+            requiredPermission: 'generate_reports', child: EventStatisticsPage()),
       },
     );
   }

em2rp/lib/models/alert_model.dart

@@ -151,7 +151,7 @@ class AlertModel {
 
   factory AlertModel.fromMap(Map<String, dynamic> map, String id) {
     // Fonction helper pour convertir Timestamp ou String ISO en DateTime
-    DateTime _parseDate(dynamic value) {
+    DateTime parseDate(dynamic value) {
       if (value == null) return DateTime.now();
       if (value is Timestamp) return value.toDate();
       if (value is String) return DateTime.tryParse(value) ?? DateTime.now();
@@ -174,13 +174,13 @@ class AlertModel {
       eventId: map['eventId'],
       equipmentId: map['equipmentId'],
       createdByUserId: map['createdByUserId'] ?? map['createdBy'],
-      createdAt: _parseDate(map['createdAt']),
+      createdAt: parseDate(map['createdAt']),
-      dueDate: map['dueDate'] != null ? _parseDate(map['dueDate']) : null,
+      dueDate: map['dueDate'] != null ? parseDate(map['dueDate']) : null,
       actionUrl: map['actionUrl'],
       isRead: map['isRead'] ?? false,
       isResolved: map['isResolved'] ?? false,
       resolution: map['resolution'],
-      resolvedAt: map['resolvedAt'] != null ? _parseDate(map['resolvedAt']) : null,
+      resolvedAt: map['resolvedAt'] != null ? parseDate(map['resolvedAt']) : null,
       resolvedByUserId: map['resolvedByUserId'],
     );
   }

em2rp/lib/models/container_model.dart

@@ -243,7 +243,7 @@ class ContainerModel {
   /// Factory depuis Firestore
   factory ContainerModel.fromMap(Map<String, dynamic> map, String id) {
     // Fonction helper pour convertir Timestamp ou String ISO en DateTime
-    DateTime? _parseDate(dynamic value) {
+    DateTime? parseDate(dynamic value) {
       if (value == null) return null;
       if (value is Timestamp) return value.toDate();
       if (value is String) return DateTime.tryParse(value);
@@ -270,8 +270,8 @@ class ContainerModel {
       equipmentIds: equipmentIds,
       eventId: map['eventId'],
       notes: map['notes'],
-      createdAt: _parseDate(map['createdAt']) ?? DateTime.now(),
+      createdAt: parseDate(map['createdAt']) ?? DateTime.now(),
-      updatedAt: _parseDate(map['updatedAt']) ?? DateTime.now(),
+      updatedAt: parseDate(map['updatedAt']) ?? DateTime.now(),
       history: history,
     );
   }
@@ -351,7 +351,7 @@ class ContainerHistoryEntry {
 
   factory ContainerHistoryEntry.fromMap(Map<String, dynamic> map) {
     // Helper pour parser la date
-    DateTime _parseDate(dynamic value) {
+    DateTime parseDate(dynamic value) {
       if (value == null) return DateTime.now();
       if (value is Timestamp) return value.toDate();
       if (value is String) return DateTime.tryParse(value) ?? DateTime.now();
@@ -359,7 +359,7 @@ class ContainerHistoryEntry {
     }
 
     return ContainerHistoryEntry(
-      timestamp: _parseDate(map['timestamp']),
+      timestamp: parseDate(map['timestamp']),
       action: map['action'] ?? '',
       equipmentId: map['equipmentId'],
       previousValue: map['previousValue'],

em2rp/lib/models/equipment_model.dart

@@ -388,7 +388,7 @@ class EquipmentModel {
 
   factory EquipmentModel.fromMap(Map<String, dynamic> map, String id) {
     // Fonction helper pour convertir Timestamp ou String ISO en DateTime
-    DateTime? _parseDate(dynamic value) {
+    DateTime? parseDate(dynamic value) {
       if (value == null) return null;
       if (value is Timestamp) return value.toDate();
       if (value is String) return DateTime.tryParse(value);
@@ -416,13 +416,13 @@ class EquipmentModel {
       length: map['length']?.toDouble(),
       width: map['width']?.toDouble(),
       height: map['height']?.toDouble(),
-      purchaseDate: _parseDate(map['purchaseDate']),
+      purchaseDate: parseDate(map['purchaseDate']),
-      nextMaintenanceDate: _parseDate(map['nextMaintenanceDate']),
+      nextMaintenanceDate: parseDate(map['nextMaintenanceDate']),
       maintenanceIds: maintenanceIds,
       imageUrl: map['imageUrl'],
       notes: map['notes'],
-      createdAt: _parseDate(map['createdAt']) ?? DateTime.now(),
+      createdAt: parseDate(map['createdAt']) ?? DateTime.now(),
-      updatedAt: _parseDate(map['updatedAt']) ?? DateTime.now(),
+      updatedAt: parseDate(map['updatedAt']) ?? DateTime.now(),
     );
   }
 

em2rp/lib/models/event_model.dart

@@ -347,7 +347,7 @@ class EventModel {
   factory EventModel.fromMap(Map<String, dynamic> map, String id) {
     try {
       // Fonction helper pour convertir Timestamp ou String ISO en DateTime
-      DateTime _parseDate(dynamic value, DateTime defaultValue) {
+      DateTime parseDate(dynamic value, DateTime defaultValue) {
         if (value == null) return defaultValue;
         if (value is Timestamp) return value.toDate();
         if (value is String) return DateTime.tryParse(value) ?? defaultValue;
@@ -370,8 +370,8 @@ class EventModel {
       }
 
       // Gestion sécurisée des timestamps avec support ISO string
-      final DateTime startDate = _parseDate(map['StartDateTime'], DateTime.now());
+      final DateTime startDate = parseDate(map['StartDateTime'], DateTime.now());
-      final DateTime endDate = _parseDate(map['EndDateTime'], startDate.add(const Duration(hours: 1)));
+      final DateTime endDate = parseDate(map['EndDateTime'], startDate.add(const Duration(hours: 1)));
 
       // Gestion sécurisée des documents
       final docsRaw = map['documents'] ?? [];

em2rp/lib/models/event_statistics_models.dart

@@ -0,0 +1,132 @@
+import 'package:em2rp/models/event_model.dart';
+import 'package:flutter/material.dart';
+
+class EventStatisticsFilter {
+  final DateTimeRange period;
+  final Set<String> eventTypeIds;
+  final bool includeCanceled;
+  final Set<EventStatus> selectedStatuses;
+
+  const EventStatisticsFilter({
+    required this.period,
+    this.eventTypeIds = const {},
+    this.includeCanceled = false,
+    this.selectedStatuses = const {
+      EventStatus.confirmed,
+      EventStatus.waitingForApproval,
+    },
+  });
+
+  EventStatisticsFilter copyWith({
+    DateTimeRange? period,
+    Set<String>? eventTypeIds,
+    bool? includeCanceled,
+    Set<EventStatus>? selectedStatuses,
+  }) {
+    return EventStatisticsFilter(
+      period: period ?? this.period,
+      eventTypeIds: eventTypeIds ?? this.eventTypeIds,
+      includeCanceled: includeCanceled ?? this.includeCanceled,
+      selectedStatuses: selectedStatuses ?? this.selectedStatuses,
+    );
+  }
+}
+
+class EventTypeStatistics {
+  final String eventTypeId;
+  final String eventTypeName;
+  final int totalEvents;
+  final double totalAmount;
+  final double validatedAmount;
+  final double pendingAmount;
+  final double canceledAmount;
+
+  const EventTypeStatistics({
+    required this.eventTypeId,
+    required this.eventTypeName,
+    required this.totalEvents,
+    required this.totalAmount,
+    required this.validatedAmount,
+    required this.pendingAmount,
+    required this.canceledAmount,
+  });
+}
+
+class OptionStatistics {
+  final String optionKey;
+  final String optionLabel;
+  final int usageCount;
+  final int validatedUsageCount;
+  final int quantity;
+  final double totalAmount;
+
+  const OptionStatistics({
+    required this.optionKey,
+    required this.optionLabel,
+    required this.usageCount,
+    required this.validatedUsageCount,
+    required this.quantity,
+    required this.totalAmount,
+  });
+}
+
+class EventStatisticsSummary {
+  final int totalEvents;
+  final int validatedEvents;
+  final int pendingEvents;
+  final int canceledEvents;
+
+  final double totalAmount;
+  final double validatedAmount;
+  final double pendingAmount;
+  final double canceledAmount;
+
+  final double baseAmount;
+  final double optionsAmount;
+  final double medianAmount;
+  final List<EventTypeStatistics> byEventType;
+  final List<OptionStatistics> topOptions;
+
+  const EventStatisticsSummary({
+    required this.totalEvents,
+    required this.validatedEvents,
+    required this.pendingEvents,
+    required this.canceledEvents,
+    required this.totalAmount,
+    required this.validatedAmount,
+    required this.pendingAmount,
+    required this.canceledAmount,
+    required this.baseAmount,
+    required this.optionsAmount,
+    required this.medianAmount,
+    required this.byEventType,
+    required this.topOptions,
+  });
+
+  static const empty = EventStatisticsSummary(
+    totalEvents: 0,
+    validatedEvents: 0,
+    pendingEvents: 0,
+    canceledEvents: 0,
+    totalAmount: 0,
+    validatedAmount: 0,
+    pendingAmount: 0,
+    canceledAmount: 0,
+    baseAmount: 0,
+    optionsAmount: 0,
+    medianAmount: 0,
+    byEventType: [],
+    topOptions: [],
+  );
+
+  double get averageAmount => totalEvents == 0 ? 0 : totalAmount / totalEvents;
+
+  double get validationRate =>
+      totalEvents == 0 ? 0 : validatedEvents / totalEvents;
+
+  double get baseContributionRate =>
+      totalAmount == 0 ? 0 : baseAmount / totalAmount;
+
+  double get optionsContributionRate =>
+      totalAmount == 0 ? 0 : optionsAmount / totalAmount;
+}

em2rp/lib/models/maintenance_model.dart

@@ -61,7 +61,7 @@ class MaintenanceModel {
 
   factory MaintenanceModel.fromMap(Map<String, dynamic> map, String id) {
     // Fonction helper pour convertir Timestamp ou String ISO en DateTime
-    DateTime? _parseDate(dynamic value) {
+    DateTime? parseDate(dynamic value) {
       if (value == null) return null;
       if (value is Timestamp) return value.toDate();
       if (value is String) return DateTime.tryParse(value);
@@ -76,15 +76,15 @@ class MaintenanceModel {
       id: id,
       equipmentIds: equipmentIds,
       type: maintenanceTypeFromString(map['type']),
-      scheduledDate: _parseDate(map['scheduledDate']) ?? DateTime.now(),
+      scheduledDate: parseDate(map['scheduledDate']) ?? DateTime.now(),
-      completedDate: _parseDate(map['completedDate']),
+      completedDate: parseDate(map['completedDate']),
       name: map['name'] ?? '',
       description: map['description'] ?? '',
       performedBy: map['performedBy'],
       cost: map['cost']?.toDouble(),
       notes: map['notes'],
-      createdAt: _parseDate(map['createdAt']) ?? DateTime.now(),
+      createdAt: parseDate(map['createdAt']) ?? DateTime.now(),
-      updatedAt: _parseDate(map['updatedAt']) ?? DateTime.now(),
+      updatedAt: parseDate(map['updatedAt']) ?? DateTime.now(),
     );
   }
 

em2rp/lib/providers/container_provider.dart

@@ -15,13 +15,13 @@ class ContainerProvider with ChangeNotifier {
   Timer? _searchDebounceTimer;
 
   // Liste paginée pour la page de gestion
-  List<ContainerModel> _paginatedContainers = [];
+  final List<ContainerModel> _paginatedContainers = [];
   bool _hasMore = true;
   bool _isLoadingMore = false;
   String? _lastVisible;
 
   // Cache complet pour compatibilité
-  List<ContainerModel> _containers = [];
+  final List<ContainerModel> _containers = [];
 
   // Filtres et recherche
   ContainerType? _selectedType;

em2rp/lib/providers/equipment_provider.dart

@@ -12,13 +12,13 @@ class EquipmentProvider extends ChangeNotifier {
   Timer? _searchDebounceTimer;
 
   // Liste paginée pour la page de gestion
-  List<EquipmentModel> _paginatedEquipment = [];
+  final List<EquipmentModel> _paginatedEquipment = [];
   bool _hasMore = true;
   bool _isLoadingMore = false;
   String? _lastVisible;
 
   // Cache complet pour getEquipmentsByIds et compatibilité
-  List<EquipmentModel> _equipment = [];
+  final List<EquipmentModel> _equipment = [];
   List<String> _models = [];
   List<String> _brands = [];
 

em2rp/lib/providers/event_provider.dart

@@ -19,7 +19,7 @@ class EventProvider with ChangeNotifier {
   bool _lastCanViewAll = false;
 
   // Nouveau: Cache par mois pour le lazy loading
-  Map<String, List<EventModel>> _eventsByMonth = {}; // "2026-02" => [events]
+  final Map<String, List<EventModel>> _eventsByMonth = {}; // "2026-02" => [events]
   String? _currentMonth; // Mois actuellement affiché
 
   List<EventModel> get events => _events;
@@ -88,7 +88,7 @@ class EventProvider with ChangeNotifier {
       _lastUserId = userId;
       _lastCanViewAll = canViewAllEvents;
 
-      print('Successfully loaded ${_events.length} events (${failedCount} failed)');
+      print('Successfully loaded ${_events.length} events ($failedCount failed)');
 
       _isLoading = false;
       notifyListeners();
@@ -176,7 +176,7 @@ class EventProvider with ChangeNotifier {
       _lastUserId = userId;
       _lastCanViewAll = canViewAllEvents;
 
-      print('[EventProvider] Successfully loaded ${monthEvents.length} events for $monthKey (${failedCount} failed)');
+      print('[EventProvider] Successfully loaded ${monthEvents.length} events for $monthKey ($failedCount failed)');
 
       if (!silent) {
         _isLoading = false;
@@ -220,6 +220,15 @@ class EventProvider with ChangeNotifier {
     });
   }
 
+  /// Vide entièrement le cache (mois + métadonnées) pour forcer un rechargement complet
+  void clearAllCache() {
+    _eventsByMonth.clear();
+    _lastLoadTime = null;
+    _lastUserId = null;
+    _currentMonth = null;
+    print('[EventProvider] Cache entièrement vidé');
+  }
+
   /// Recharger les événements (utilise le dernier userId)
   Future<void> refreshEvents(String userId, {bool canViewAllEvents = false}) async {
     await loadUserEvents(userId, canViewAllEvents: canViewAllEvents, forceReload: true);

em2rp/lib/services/audio_feedback_service.dart

@@ -1,54 +1,128 @@
-import 'package:flutter/foundation.dart' show kIsWeb;
+import 'dart:js_interop';
-import 'package:flutter/services.dart';
+import 'package:web/web.dart' as web;
-import 'package:audioplayers/audioplayers.dart';
 import 'package:em2rp/utils/debug_log.dart';
 
-/// Service pour émettre des feedbacks sonores lors des interactions
+/// Service pour émettre des feedbacks sonores lors des interactions (Web)
 class AudioFeedbackService {
-  static final AudioPlayer _player = AudioPlayer();
+  static bool _isInitialized = false;
+  static bool _audioUnlocked = false;
+
+  /// Initialiser le service
+  static Future<void> _initialize() async {
+    if (_isInitialized) return;
+
+    try {
+      DebugLog.info('[AudioFeedbackService] Initializing audio service for Web...');
+      _isInitialized = true;
+    } catch (e) {
+      DebugLog.error('[AudioFeedbackService] Error initializing audio', e);
+    }
+  }
+
+  /// Débloquer l'audio (à appeler lors de la première interaction utilisateur)
+  static Future<void> unlockAudio() async {
+    if (_audioUnlocked) {
+      DebugLog.info('[AudioFeedbackService] Audio already unlocked');
+      return;
+    }
+
+    try {
+      if (!_isInitialized) await _initialize();
+
+      DebugLog.info('[AudioFeedbackService] Attempting to unlock audio...');
+
+      // Créer un audio temporaire et le jouer avec volume 0
+      final tempAudio = web.HTMLAudioElement();
+      tempAudio.src = 'assets/assets/sounds/ok.mp3';
+      tempAudio.volume = 0.01; // Volume très faible mais pas 0
+      tempAudio.preload = 'auto';
+
+      try {
+        await tempAudio.play().toDart;
+        await Future.delayed(const Duration(milliseconds: 100));
+        tempAudio.pause();
+        _audioUnlocked = true;
+        DebugLog.info('[AudioFeedbackService] ✓ Audio unlocked successfully');
+      } catch (e) {
+        DebugLog.warning('[AudioFeedbackService] ⚠ Could not unlock audio: $e');
+        DebugLog.warning('[AudioFeedbackService] User interaction may be required');
+      }
+    } catch (e) {
+      DebugLog.error('[AudioFeedbackService] Error unlocking audio', e);
+    }
+  }
+
+  /// Créer et jouer un son
+  static Future<void> _playSound(String assetPath, double volume) async {
+    try {
+      if (!_isInitialized) await _initialize();
+
+      DebugLog.info('[AudioFeedbackService] Attempting to play: $assetPath (volume: $volume)');
+
+      // Créer un nouvel élément audio à chaque fois
+      final audio = web.HTMLAudioElement();
+      audio.src = assetPath;
+      audio.volume = volume;
+      audio.preload = 'auto';
+
+      // Ajouter des événements pour debug
+      audio.onloadeddata = ((web.Event event) {
+        DebugLog.info('[AudioFeedbackService] Audio data loaded: $assetPath');
+      }.toJS);
+
+      audio.onerror = ((web.Event event) {
+        DebugLog.error('[AudioFeedbackService] ✗ Audio error for $assetPath: ${audio.error}');
+      }.toJS);
+
+      audio.onplay = ((web.Event event) {
+        DebugLog.info('[AudioFeedbackService] Audio started playing');
+      }.toJS);
+
+      audio.onended = ((web.Event event) {
+        DebugLog.info('[AudioFeedbackService] Audio finished playing');
+      }.toJS);
+
+      try {
+        // Essayer de jouer
+        await audio.play().toDart;
+        DebugLog.info('[AudioFeedbackService] ✓ Sound played successfully');
+      } catch (e) {
+        DebugLog.error('[AudioFeedbackService] ✗ Play failed: $e');
+
+        // Si c'est un problème d'autoplay, essayer de débloquer
+        if (!_audioUnlocked) {
+          DebugLog.info('[AudioFeedbackService] Trying to unlock audio on error...');
+          _audioUnlocked = false; // Forcer le déblocage
+          await unlockAudio();
+
+          // Réessayer une fois après déblocage
+          try {
+            final retryAudio = web.HTMLAudioElement();
+            retryAudio.src = assetPath;
+            retryAudio.volume = volume;
+            await retryAudio.play().toDart;
+            DebugLog.info('[AudioFeedbackService] ✓ Sound played on retry');
+          } catch (retryError) {
+            DebugLog.error('[AudioFeedbackService] ✗ Retry also failed: $retryError');
+          }
+        }
+      }
+    } catch (e) {
+      DebugLog.error('[AudioFeedbackService] Error in _playSound', e);
+    }
+  }
 
   /// Jouer un son de succès
   static Future<void> playSuccessBeep() async {
-    try {
+    await _playSound('assets/assets/sounds/ok.mp3', 1.0);
-      if (kIsWeb) {
-        // Sur Web, utiliser le chemin absolu
-        await _player.play(UrlSource('assets/sounds/ok.mp3'));
-      } else {
-        // Sur mobile/desktop, utiliser AssetSource
-        await _player.play(AssetSource('sounds/ok.mp3'));
-      }
-      await HapticFeedback.lightImpact();
-    } catch (e) {
-      DebugLog.error('[AudioFeedbackService] Error playing success beep', e);
-    }
   }
 
   /// Jouer un son d'erreur
   static Future<void> playErrorBeep() async {
-    try {
+    await _playSound('assets/assets/sounds/error.mp3', 0.8);
-      if (kIsWeb) {
-        // Sur Web, utiliser le chemin absolu
-        await _player.play(UrlSource('assets/sounds/error.mp3'));
-      } else {
-        // Sur mobile/desktop, utiliser AssetSource
-        await _player.play(AssetSource('sounds/error.mp3'));
-      }
-      await HapticFeedback.heavyImpact();
-    } catch (e) {
-      DebugLog.error('[AudioFeedbackService] Error playing error beep', e);
-    }
   }
 
-  /// Jouer une vibration haptique (si disponible)
+  /// Jouer un feedback complet (son uniquement, sans vibration)
-  static Future<void> playHapticFeedback() async {
-    try {
-      await HapticFeedback.mediumImpact();
-    } catch (e) {
-      DebugLog.error('[AudioFeedbackService] Error playing haptic feedback', e);
-    }
-  }
-
-  /// Jouer un feedback complet (son + vibration)
   static Future<void> playFullFeedback({bool isSuccess = true}) async {
     if (isSuccess) {
       await playSuccessBeep();
@@ -59,6 +133,12 @@ class AudioFeedbackService {
 
   /// Nettoyer les ressources
   static Future<void> dispose() async {
-    await _player.dispose();
+    try {
+      _isInitialized = false;
+      _audioUnlocked = false;
+    } catch (e) {
+      DebugLog.error('[AudioFeedbackService] Error disposing', e);
+    }
   }
 }
+

em2rp/lib/services/cloud_text_to_speech_service.dart

@@ -0,0 +1,189 @@
+import 'package:web/web.dart' as web;
+import 'package:em2rp/config/api_config.dart';
+import 'package:em2rp/utils/debug_log.dart';
+import 'package:firebase_auth/firebase_auth.dart';
+import 'dart:convert';
+import 'package:http/http.dart' as http;
+
+/// Service de Text-to-Speech utilisant Google Cloud TTS via Cloud Function
+/// Avec système de cache pour optimiser les performances et réduire les coûts
+class CloudTextToSpeechService {
+  static final Map<String, String> _audioCache = {};
+  static final Map<String, web.HTMLAudioElement> _audioPlayers = {};
+
+  /// Générer l'audio TTS via Cloud Function
+  /// Retourne l'URL de l'audio (mise en cache automatiquement côté serveur)
+  static Future<String?> generateAudio(String text) async {
+    try {
+      // Vérifier le cache local d'abord
+      if (_audioCache.containsKey(text)) {
+        DebugLog.info('[CloudTTS] ✓ Local cache HIT: "${text.substring(0, 30)}..."');
+        return _audioCache[text];
+      }
+
+      DebugLog.info('[CloudTTS] Generating audio for: "$text"');
+
+      // Récupérer le token d'authentification
+      final user = FirebaseAuth.instance.currentUser;
+      if (user == null) {
+        DebugLog.error('[CloudTTS] User not authenticated');
+        return null;
+      }
+
+      final token = await user.getIdToken();
+      if (token == null) {
+        DebugLog.error('[CloudTTS] Failed to get auth token');
+        return null;
+      }
+
+      // Préparer la requête
+      final url = '${ApiConfig.baseUrl}/generateTTSV2';
+      final headers = {
+        'Authorization': 'Bearer $token',
+        'Content-Type': 'application/json',
+      };
+
+      final body = json.encode({
+        'data': {
+          'text': text,
+          'voiceConfig': {
+            'languageCode': 'fr-FR',
+            'name': 'fr-FR-Standard-B', // Voix masculine gratuite
+            'ssmlGender': 'MALE',
+          },
+        },
+      });
+
+      DebugLog.info('[CloudTTS] Calling Cloud Function...');
+      final startTime = DateTime.now();
+
+      // Appeler la Cloud Function
+      final response = await http.post(
+        Uri.parse(url),
+        headers: headers,
+        body: body,
+      );
+
+      final duration = DateTime.now().difference(startTime).inMilliseconds;
+
+      if (response.statusCode == 200) {
+        final data = json.decode(response.body);
+        final audioUrl = data['audioUrl'] as String?;
+        final cached = data['cached'] as bool? ?? false;
+
+      if (audioUrl != null) {
+        // Mettre en cache localement
+        _audioCache[text] = audioUrl;
+
+        DebugLog.info('[CloudTTS] ✓ Audio generated - cached: $cached, duration: ${duration}ms');
+
+        return audioUrl;
+      }
+      }
+
+      DebugLog.error('[CloudTTS] Failed to generate audio', {
+        'status': response.statusCode,
+        'body': response.body,
+      });
+
+      return null;
+    } catch (e) {
+      DebugLog.error('[CloudTTS] Exception:', e);
+      return null;
+    }
+  }
+
+  /// Lire un audio depuis une URL
+  static void playAudio(String audioUrl) {
+    try {
+      DebugLog.info('[CloudTTS] Playing audio...');
+
+      // Créer ou réutiliser un HTMLAudioElement
+      final player = _audioPlayers[audioUrl] ?? web.HTMLAudioElement();
+      if (!_audioPlayers.containsKey(audioUrl)) {
+        player.src = audioUrl;
+        _audioPlayers[audioUrl] = player;
+      }
+
+      // Configurer le volume
+      player.volume = 1.0;
+
+      // Écouter les événements
+      player.onEnded.listen((_) {
+        DebugLog.info('[CloudTTS] ✓ Playback finished');
+      });
+
+      player.onError.listen((event) {
+        DebugLog.error('[CloudTTS] ✗ Playback error:', event);
+      });
+
+      // Lire l'audio (pas de await avec package:web)
+      player.play();
+
+      DebugLog.info('[CloudTTS] ✓ Playback started');
+    } catch (e) {
+      DebugLog.error('[CloudTTS] Error playing audio:', e);
+      rethrow;
+    }
+  }
+
+  /// Générer et lire l'audio en une seule opération
+  static Future<void> speak(String text) async {
+    try {
+      final audioUrl = await generateAudio(text);
+
+      if (audioUrl != null) {
+        playAudio(audioUrl);
+      } else {
+        DebugLog.error('[CloudTTS] Failed to generate audio for speech');
+      }
+    } catch (e) {
+      DebugLog.error('[CloudTTS] Error in speak:', e);
+      rethrow;
+    }
+  }
+
+  /// Arrêter tous les audios en cours
+  static void stopAll() {
+    for (final player in _audioPlayers.values) {
+      try {
+        player.pause();
+        player.currentTime = 0;
+      } catch (e) {
+        // Ignorer les erreurs de pause
+      }
+    }
+    DebugLog.info('[CloudTTS] All players stopped');
+  }
+
+  /// Nettoyer le cache
+  static void clearCache() {
+    _audioCache.clear();
+    _audioPlayers.clear();
+    DebugLog.info('[CloudTTS] Cache cleared');
+  }
+
+  /// Pré-charger des audios fréquemment utilisés
+  static Future<void> preloadCommonPhrases() async {
+    final phrases = [
+      'Équipement scanné',
+      'Flight case',
+      'Conteneur',
+      'Validé',
+      'Erreur',
+    ];
+
+    DebugLog.info('[CloudTTS] Preloading ${phrases.length} common phrases...');
+
+    for (final phrase in phrases) {
+      try {
+        await generateAudio(phrase);
+      } catch (e) {
+        DebugLog.warning('[CloudTTS] Failed to preload: $phrase - $e');
+      }
+    }
+
+    DebugLog.info('[CloudTTS] ✓ Preload complete');
+  }
+}
+

em2rp/lib/services/data_service.dart

@@ -211,7 +211,7 @@ class DataService {
   /// Met à jour une option
   Future<void> updateOption(String optionId, Map<String, dynamic> data) async {
     try {
-      final requestData = {'optionId': optionId, ...data};
+      final requestData = {'optionId': optionId, 'data': data};
       await _apiService.call('updateOption', requestData);
     } catch (e) {
       throw Exception('Erreur lors de la mise à jour de l\'option: $e');

em2rp/lib/services/event_statistics_service.dart

@@ -0,0 +1,280 @@
+import 'package:em2rp/models/event_model.dart';
+import 'package:em2rp/models/event_statistics_models.dart';
+import 'package:flutter/material.dart';
+
+class EventStatisticsService {
+  const EventStatisticsService();
+
+  static const double _taxRatio = 1.2;
+
+  EventStatisticsSummary buildSummary({
+    required List<EventModel> events,
+    required EventStatisticsFilter filter,
+    required Map<String, String> eventTypeNames,
+  }) {
+    final filteredEvents =
+        events.where((event) => _matchesFilter(event, filter)).toList();
+
+    if (filteredEvents.isEmpty) {
+      return EventStatisticsSummary.empty;
+    }
+
+    var validatedEvents = 0;
+    var pendingEvents = 0;
+    var canceledEvents = 0;
+
+    var validatedAmount = 0.0;
+    var pendingAmount = 0.0;
+    var canceledAmount = 0.0;
+
+    var baseAmount = 0.0;
+    var optionsAmount = 0.0;
+
+    final eventAmounts = <double>[];
+    final byType = <String, _EventTypeAccumulator>{};
+    final optionStats = <String, _OptionAccumulator>{};
+
+    for (final event in filteredEvents) {
+      final base = _toHtAmount(event.basePrice);
+      final optionTotal = _computeOptionsTotal(event);
+      final amount = base + optionTotal;
+      final isValidated = event.status == EventStatus.confirmed;
+
+      eventAmounts.add(amount);
+      baseAmount += base;
+      optionsAmount += optionTotal;
+
+      switch (event.status) {
+        case EventStatus.confirmed:
+          validatedEvents += 1;
+          validatedAmount += amount;
+          break;
+        case EventStatus.waitingForApproval:
+          pendingEvents += 1;
+          pendingAmount += amount;
+          break;
+        case EventStatus.canceled:
+          canceledEvents += 1;
+          canceledAmount += amount;
+          break;
+      }
+
+      final eventTypeId = event.eventTypeId;
+      final eventTypeName = eventTypeNames[eventTypeId] ?? 'Type inconnu';
+      final typeAccumulator = byType.putIfAbsent(
+        eventTypeId,
+        () => _EventTypeAccumulator(
+            eventTypeId: eventTypeId, eventTypeName: eventTypeName),
+      );
+      typeAccumulator.totalEvents += 1;
+      typeAccumulator.totalAmount += amount;
+      switch (event.status) {
+        case EventStatus.confirmed:
+          typeAccumulator.validatedAmount += amount;
+          break;
+        case EventStatus.waitingForApproval:
+          typeAccumulator.pendingAmount += amount;
+          break;
+        case EventStatus.canceled:
+          typeAccumulator.canceledAmount += amount;
+          break;
+      }
+
+      for (final rawOption in event.options) {
+        final optionPrice = _toHtAmount(_toDouble(rawOption['price']));
+        final optionQuantity = _toInt(rawOption['quantity'], fallback: 1);
+        if (optionPrice == 0) {
+          continue;
+        }
+
+        final optionId = (rawOption['id'] ??
+                rawOption['code'] ??
+                rawOption['name'] ??
+                'option')
+            .toString();
+        final optionLabel = _buildOptionLabel(rawOption, optionId);
+        final optionAmount = optionPrice * optionQuantity;
+
+        final optionAccumulator = optionStats.putIfAbsent(
+          optionId,
+          () =>
+              _OptionAccumulator(optionKey: optionId, optionLabel: optionLabel),
+        );
+        optionAccumulator.usageCount += 1;
+        if (isValidated) {
+          optionAccumulator.validatedUsageCount += 1;
+        }
+        optionAccumulator.quantity += optionQuantity;
+        optionAccumulator.totalAmount += optionAmount;
+      }
+    }
+
+    final byEventType = byType.values
+        .map((accumulator) => EventTypeStatistics(
+              eventTypeId: accumulator.eventTypeId,
+              eventTypeName: accumulator.eventTypeName,
+              totalEvents: accumulator.totalEvents,
+              totalAmount: accumulator.totalAmount,
+              validatedAmount: accumulator.validatedAmount,
+              pendingAmount: accumulator.pendingAmount,
+              canceledAmount: accumulator.canceledAmount,
+            ))
+        .toList()
+      ..sort((a, b) => b.totalAmount.compareTo(a.totalAmount));
+
+    final topOptions = optionStats.values
+        .map((accumulator) => OptionStatistics(
+              optionKey: accumulator.optionKey,
+              optionLabel: accumulator.optionLabel,
+              usageCount: accumulator.usageCount,
+              validatedUsageCount: accumulator.validatedUsageCount,
+              quantity: accumulator.quantity,
+              totalAmount: accumulator.totalAmount,
+            ))
+        .toList()
+      ..sort((a, b) {
+        final validatedComparison =
+            b.validatedUsageCount.compareTo(a.validatedUsageCount);
+        if (validatedComparison != 0) {
+          return validatedComparison;
+        }
+        return b.totalAmount.compareTo(a.totalAmount);
+      });
+
+    return EventStatisticsSummary(
+      totalEvents: filteredEvents.length,
+      validatedEvents: validatedEvents,
+      pendingEvents: pendingEvents,
+      canceledEvents: canceledEvents,
+      totalAmount: validatedAmount + pendingAmount + canceledAmount,
+      validatedAmount: validatedAmount,
+      pendingAmount: pendingAmount,
+      canceledAmount: canceledAmount,
+      baseAmount: baseAmount,
+      optionsAmount: optionsAmount,
+      medianAmount: _computeMedian(eventAmounts),
+      byEventType: byEventType,
+      topOptions: topOptions.take(8).toList(),
+    );
+  }
+
+  bool _matchesFilter(EventModel event, EventStatisticsFilter filter) {
+    if (!_overlapsRange(event, filter.period)) {
+      return false;
+    }
+
+    if (!filter.selectedStatuses.contains(event.status)) {
+      return false;
+    }
+
+    if (filter.eventTypeIds.isNotEmpty &&
+        !filter.eventTypeIds.contains(event.eventTypeId)) {
+      return false;
+    }
+
+    return true;
+  }
+
+  bool _overlapsRange(EventModel event, DateTimeRange range) {
+    return !event.endDateTime.isBefore(range.start) &&
+        !event.startDateTime.isAfter(range.end);
+  }
+
+  double _computeOptionsTotal(EventModel event) {
+    return event.options.fold<double>(0.0, (sum, option) {
+      final optionPrice = _toHtAmount(_toDouble(option['price']));
+      final optionQuantity = _toInt(option['quantity'], fallback: 1);
+      return sum + (optionPrice * optionQuantity);
+    });
+  }
+
+  double _toHtAmount(double storedAmount) {
+    return storedAmount / _taxRatio;
+  }
+
+  double _toDouble(dynamic value) {
+    if (value == null) {
+      return 0.0;
+    }
+    if (value is num) {
+      return value.toDouble();
+    }
+    return double.tryParse(value.toString()) ?? 0.0;
+  }
+
+  int _toInt(dynamic value, {int fallback = 0}) {
+    if (value == null) {
+      return fallback;
+    }
+    if (value is int) {
+      return value;
+    }
+    if (value is num) {
+      return value.toInt();
+    }
+    return int.tryParse(value.toString()) ?? fallback;
+  }
+
+  String _buildOptionLabel(Map<String, dynamic> option, String fallback) {
+    final code = (option['code'] ?? '').toString().trim();
+    final name = (option['name'] ?? '').toString().trim();
+
+    if (code.isNotEmpty && name.isNotEmpty) {
+      return '$code - $name';
+    }
+
+    if (name.isNotEmpty) {
+      return name;
+    }
+
+    if (code.isNotEmpty) {
+      return code;
+    }
+
+    return fallback;
+  }
+
+  double _computeMedian(List<double> values) {
+    if (values.isEmpty) {
+      return 0.0;
+    }
+
+    final sorted = [...values]..sort();
+    final middleIndex = sorted.length ~/ 2;
+
+    if (sorted.length.isOdd) {
+      return sorted[middleIndex];
+    }
+
+    return (sorted[middleIndex - 1] + sorted[middleIndex]) / 2;
+  }
+}
+
+class _EventTypeAccumulator {
+  final String eventTypeId;
+  final String eventTypeName;
+  int totalEvents = 0;
+  double totalAmount = 0.0;
+  double validatedAmount = 0.0;
+  double pendingAmount = 0.0;
+  double canceledAmount = 0.0;
+
+  _EventTypeAccumulator({
+    required this.eventTypeId,
+    required this.eventTypeName,
+  });
+}
+
+class _OptionAccumulator {
+  final String optionKey;
+  final String optionLabel;
+  int usageCount = 0;
+  int validatedUsageCount = 0;
+  int quantity = 0;
+  double totalAmount = 0.0;
+
+  _OptionAccumulator({
+    required this.optionKey,
+    required this.optionLabel,
+  });
+}

em2rp/lib/services/ics_export_service.dart

@@ -16,7 +16,7 @@ class IcsExportService {
     Map<String, String>? optionNames,
   }) async {
     final now = DateTime.now().toUtc();
-    final timestamp = DateFormat('yyyyMMddTHHmmss').format(now) + 'Z';
+    final timestamp = '${DateFormat('yyyyMMddTHHmmss').format(now)}Z';
 
     // Récupérer les informations supplémentaires
     final resolvedEventTypeName = eventTypeName ?? await _getEventTypeName(event.eventTypeId);
@@ -238,7 +238,7 @@ END:VCALENDAR''';
   /// Formate une date au format ICS (yyyyMMddTHHmmssZ)
   static String _formatDateForIcs(DateTime dateTime) {
     final utcDate = dateTime.toUtc();
-    return DateFormat('yyyyMMddTHHmmss').format(utcDate) + 'Z';
+    return '${DateFormat('yyyyMMddTHHmmss').format(utcDate)}Z';
   }
 
   /// Échappe les caractères spéciaux pour le format ICS

em2rp/lib/services/pdf_service.dart

@@ -1,4 +1,3 @@
-import 'dart:typed_data';
 import 'package:flutter/services.dart';
 import 'package:pdf/pdf.dart';
 import 'package:pdf/widgets.dart' as pw;

em2rp/lib/services/qr_code_service.dart

@@ -1,4 +1,3 @@
-import 'dart:typed_data';
 import 'dart:ui' as ui;
 import 'package:flutter/services.dart';
 import 'package:qr_flutter/qr_flutter.dart';

em2rp/lib/services/smart_text_to_speech_service.dart

@@ -0,0 +1,78 @@
+import 'package:em2rp/services/cloud_text_to_speech_service.dart';
+import 'package:em2rp/utils/debug_log.dart';
+
+/// Service de synthèse vocale utilisant exclusivement Google Cloud TTS
+/// Garantit une qualité et une compatibilité maximales sur tous les navigateurs
+class SmartTextToSpeechService {
+  static bool _initialized = false;
+
+  /// Initialiser le service
+  static Future<void> initialize() async {
+    if (_initialized) return;
+
+    try {
+      DebugLog.info('[SmartTTS] Initializing Cloud TTS only...');
+
+      // Pré-charger les phrases courantes pour Cloud TTS
+      Future.delayed(const Duration(milliseconds: 500), () {
+        CloudTextToSpeechService.preloadCommonPhrases();
+      });
+
+      _initialized = true;
+      DebugLog.info('[SmartTTS] ✓ Initialized (Cloud TTS only)');
+    } catch (e) {
+      DebugLog.error('[SmartTTS] Initialization error', e);
+      _initialized = true; // Continuer quand même
+    }
+  }
+
+  /// Lire un texte à haute voix avec Google Cloud TTS
+  static Future<void> speak(String text) async {
+    if (!_initialized) {
+      await initialize();
+    }
+
+    try {
+      DebugLog.info('[SmartTTS] → Using Cloud TTS');
+      await CloudTextToSpeechService.speak(text);
+      DebugLog.info('[SmartTTS] ✓ Cloud TTS succeeded');
+    } catch (e) {
+      DebugLog.error('[SmartTTS] ✗ Cloud TTS failed', e);
+      rethrow;
+    }
+  }
+
+  /// Arrêter toute lecture en cours
+  static Future<void> stop() async {
+    try {
+      CloudTextToSpeechService.stopAll();
+    } catch (e) {
+      DebugLog.error('[SmartTTS] Error stopping', e);
+    }
+  }
+
+  /// Vérifier si une lecture est en cours
+  static Future<bool> isSpeaking() async {
+    // Cloud TTS n'a pas de méthode native pour vérifier le statut
+    // Retourner false par défaut (peut être amélioré si nécessaire)
+    return false;
+  }
+
+  /// Obtenir le statut actuel
+  static Map<String, dynamic> getStatus() {
+    return {
+      'initialized': _initialized,
+      'currentStrategy': 'Cloud TTS (exclusive)',
+    };
+  }
+
+  /// Nettoyer les ressources
+  static Future<void> dispose() async {
+    try {
+      CloudTextToSpeechService.clearCache();
+    } catch (e) {
+      DebugLog.error('[SmartTTS] Error disposing', e);
+    }
+  }
+}
+

em2rp/lib/services/text_to_speech_service.dart

@@ -1,104 +0,0 @@
-import 'package:flutter_tts/flutter_tts.dart';
-import 'package:em2rp/utils/debug_log.dart';
-
-/// Service de synthèse vocale pour lire des textes à haute voix
-class TextToSpeechService {
-  static final FlutterTts _tts = FlutterTts();
-  static bool _isInitialized = false;
-
-  /// Initialiser le service TTS
-  static Future<void> initialize() async {
-    if (_isInitialized) return;
-
-    try {
-      await _tts.setLanguage('fr-FR');
-      await _tts.setSpeechRate(0.7); // Vitesse normale
-      await _tts.setVolume(1.0);
-      await _tts.setPitch(0.7); // Pitch plus bas pour une voix masculine
-
-      // Tenter de sélectionner une voix masculine si disponible
-      try {
-        final voices = await _tts.getVoices;
-        if (voices != null && voices is List) {
-          // Chercher une voix française masculine
-          final maleVoice = voices.firstWhere(
-            (voice) {
-              final voiceMap = voice as Map;
-              final name = voiceMap['name']?.toString().toLowerCase() ?? '';
-              final locale = voiceMap['locale']?.toString().toLowerCase() ?? '';
-
-              // Rechercher des voix françaises masculines
-              return locale.startsWith('fr') &&
-                     (name.contains('male') || name.contains('homme') ||
-                      name.contains('thomas') || name.contains('paul'));
-            },
-            orElse: () => null,
-          );
-
-          if (maleVoice != null) {
-            final voiceMap = maleVoice as Map;
-            await _tts.setVoice({
-              'name': voiceMap['name'],
-              'locale': voiceMap['locale'],
-            });
-            DebugLog.info('[TextToSpeechService] Voix masculine sélectionnée: ${voiceMap['name']}');
-          }
-        }
-      } catch (e) {
-        DebugLog.info('[TextToSpeechService] Impossible de sélectionner une voix spécifique, utilisation de la voix par défaut');
-      }
-
-      _isInitialized = true;
-      DebugLog.info('[TextToSpeechService] Service initialisé avec voix masculine');
-    } catch (e) {
-      DebugLog.error('[TextToSpeechService] Erreur lors de l\'initialisation', e);
-    }
-  }
-
-  /// Lire un texte à haute voix
-  static Future<void> speak(String text) async {
-    if (!_isInitialized) {
-      await initialize();
-    }
-
-    try {
-      // Arrêter toute lecture en cours
-      await _tts.stop();
-
-      // Lire le nouveau texte
-      await _tts.speak(text);
-      DebugLog.info('[TextToSpeechService] Lecture: $text');
-    } catch (e) {
-      DebugLog.error('[TextToSpeechService] Erreur lors de la lecture', e);
-    }
-  }
-
-  /// Arrêter la lecture en cours
-  static Future<void> stop() async {
-    try {
-      await _tts.stop();
-    } catch (e) {
-      DebugLog.error('[TextToSpeechService] Erreur lors de l\'arrêt', e);
-    }
-  }
-
-  /// Vérifier si le service est en train de lire
-  static Future<bool> isSpeaking() async {
-    try {
-      // FlutterTts ne fournit pas directement cette info, on retourne false par défaut
-      return false;
-    } catch (e) {
-      return false;
-    }
-  }
-
-  /// Nettoyer les ressources
-  static Future<void> dispose() async {
-    try {
-      await _tts.stop();
-    } catch (e) {
-      DebugLog.error('[TextToSpeechService] Erreur lors du nettoyage', e);
-    }
-  }
-}
-

em2rp/lib/utils/performance_monitor.dart

@@ -59,7 +59,7 @@ class PerformanceMonitor {
   static void printSummary() {
     if (!_enabled || _results.isEmpty) return;
 
-    print('\n' + '=' * 60);
+    print('\n${'=' * 60}');
     print('PERFORMANCE SUMMARY');
     print('=' * 60);
 
@@ -77,7 +77,7 @@ class PerformanceMonitor {
       Duration.zero,
       (sum, duration) => sum + duration,
     );
-    print('${'=' * 60}');
+    print('=' * 60);
     print('TOTAL: ${total.inMilliseconds}ms');
     print('=' * 60 + '\n');
   }

em2rp/lib/views/calendar_page.dart

@@ -1,3 +1,5 @@
+import 'dart:math' as math;
+
 import 'package:em2rp/providers/local_user_provider.dart';
 import 'package:em2rp/providers/event_provider.dart';
 import 'package:em2rp/utils/performance_monitor.dart';
@@ -24,13 +26,22 @@ class CalendarPage extends StatefulWidget {
 }
 
 class _CalendarPageState extends State<CalendarPage> {
+  static const double _minDetailsPaneFraction = 0.25;
+  static const double _maxDetailsPaneFraction = 0.5;
+  static const double _desktopResizeHandleWidth = 12;
+  static const double _minCalendarPaneWidth = 480;
+  static const double _minDetailsPaneWidth = 320;
+
   CalendarFormat _calendarFormat = CalendarFormat.month;
   DateTime _focusedDay = DateTime.now();
   DateTime? _selectedDay;
   EventModel? _selectedEvent;
   bool _calendarCollapsed = false;
   int _selectedEventIndex = 0;
-  String? _selectedUserId; // Filtre par utilisateur (null = tous les événements)
+  String?
+      _selectedUserId; // Filtre par utilisateur (null = tous les événements)
+  bool _isRefreshing = false;
+  double _detailsPaneFraction = 0.35;
 
   @override
   void initState() {
@@ -46,13 +57,15 @@ class _CalendarPageState extends State<CalendarPage> {
   Future<void> _loadCurrentMonthEvents() async {
     PerformanceMonitor.start('CalendarPage.loadCurrentMonthEvents');
 
-    final localAuthProvider = Provider.of<LocalUserProvider>(context, listen: false);
+    final localAuthProvider =
+        Provider.of<LocalUserProvider>(context, listen: false);
     final eventProvider = Provider.of<EventProvider>(context, listen: false);
     final userId = localAuthProvider.uid;
     final canViewAllEvents = localAuthProvider.hasPermission('view_all_events');
 
     if (userId != null) {
-      print('[CalendarPage] Loading events for ${_focusedDay.year}-${_focusedDay.month}');
+      print(
+          '[CalendarPage] Loading events for ${_focusedDay.year}-${_focusedDay.month}');
 
       await eventProvider.loadMonthEvents(
         userId,
@@ -79,6 +92,19 @@ class _CalendarPageState extends State<CalendarPage> {
     PerformanceMonitor.end('CalendarPage.loadCurrentMonthEvents');
   }
 
+  /// Vide le cache et recharge les événements du mois courant
+  Future<void> _refreshEvents() async {
+    if (_isRefreshing) return;
+    setState(() => _isRefreshing = true);
+    try {
+      final eventProvider = Provider.of<EventProvider>(context, listen: false);
+      eventProvider.clearAllCache();
+      await _loadCurrentMonthEvents();
+    } finally {
+      if (mounted) setState(() => _isRefreshing = false);
+    }
+  }
+
   /// Charge les événements de manière asynchrone et sélectionne l'événement approprié
   /// DEPRECATED: Utiliser _loadCurrentMonthEvents à la place
   Future<void> _loadEventsAsync() async {
@@ -107,9 +133,10 @@ class _CalendarPageState extends State<CalendarPage> {
     final todayEvents = events.where((e) {
       final start = e.startDateTime;
       return start.year == now.year &&
-             start.month == now.month &&
+          start.month == now.month &&
-             start.day == now.day;
+          start.day == now.day;
-    }).toList()..sort((a, b) => a.startDateTime.compareTo(b.startDateTime));
+    }).toList()
+      ..sort((a, b) => a.startDateTime.compareTo(b.startDateTime));
 
     EventModel? selected;
     DateTime? selectedDay;
@@ -121,7 +148,8 @@ class _CalendarPageState extends State<CalendarPage> {
       // Chercher le prochain événement à venir
       final futureEvents = events
           .where((e) => e.startDateTime.isAfter(now))
-          .toList()..sort((a, b) => a.startDateTime.compareTo(b.startDateTime));
+          .toList()
+        ..sort((a, b) => a.startDateTime.compareTo(b.startDateTime));
 
       if (futureEvents.isNotEmpty) {
         selected = futureEvents[0];
@@ -186,21 +214,98 @@ class _CalendarPageState extends State<CalendarPage> {
     });
   }
 
+  double _clampDetailsPaneFraction(double fraction, double totalWidth) {
+    if (totalWidth <= 0) {
+      return fraction.clamp(_minDetailsPaneFraction, _maxDetailsPaneFraction);
+    }
+
+    final minFractionFromPixels = _minDetailsPaneWidth / totalWidth;
+    final maxFractionFromPixels =
+        (totalWidth - _desktopResizeHandleWidth - _minCalendarPaneWidth) /
+            totalWidth;
+
+    final minFraction =
+        math.max(_minDetailsPaneFraction, minFractionFromPixels);
+    final maxFraction =
+        math.min(_maxDetailsPaneFraction, maxFractionFromPixels);
+
+    if (maxFraction < minFraction) {
+      return fraction.clamp(_minDetailsPaneFraction, _maxDetailsPaneFraction);
+    }
+
+    return fraction.clamp(minFraction, maxFraction);
+  }
+
+  Widget _buildDesktopDetailsPane(List<EventModel> filteredEvents) {
+    if (_selectedEvent != null) {
+      return EventDetails(
+        event: _selectedEvent!,
+        selectedDate: _selectedDay,
+        events: filteredEvents,
+        onSelectEvent: (event, date) {
+          setState(() {
+            _selectedEvent = event;
+            _selectedDay = date;
+          });
+        },
+      );
+    }
+
+    return Center(
+      child: _selectedDay != null
+          ? const Text('Aucun événement ne démarre à cette date')
+          : const Text('Sélectionnez un événement pour voir les détails'),
+    );
+  }
+
+  Widget _buildDesktopResizeHandle(double totalWidth) {
+    return MouseRegion(
+      cursor: SystemMouseCursors.resizeLeftRight,
+      child: GestureDetector(
+        behavior: HitTestBehavior.opaque,
+        onHorizontalDragUpdate: (details) {
+          setState(() {
+            _detailsPaneFraction = _clampDetailsPaneFraction(
+              _detailsPaneFraction - (details.delta.dx / totalWidth),
+              totalWidth,
+            );
+          });
+        },
+        child: SizedBox(
+          width: _desktopResizeHandleWidth,
+          child: Center(
+            child: Container(
+              width: 4,
+              margin: const EdgeInsets.symmetric(vertical: 16),
+              decoration: BoxDecoration(
+                color: Colors.grey.shade300,
+                borderRadius: BorderRadius.circular(999),
+              ),
+            ),
+          ),
+        ),
+      ),
+    );
+  }
+
   @override
   Widget build(BuildContext context) {
     final eventProvider = Provider.of<EventProvider>(context);
     final localUserProvider = Provider.of<LocalUserProvider>(context);
     final canCreateEvents = localUserProvider.hasPermission('create_events');
-    final canViewAllUserEvents = localUserProvider.hasPermission('view_all_user_events');
+    final canViewAllUserEvents =
+        localUserProvider.hasPermission('view_all_user_events');
     final isMobile = MediaQuery.of(context).size.width < 600;
 
     // Appliquer le filtre utilisateur si actif
     final filteredEvents = _getFilteredEvents(eventProvider.events);
 
     // Debug logs
-    print('[CalendarPage.build] Total events: ${eventProvider.events.length}, Filtered: ${filteredEvents.length}');
+    print(
+        '[CalendarPage.build] Total events: ${eventProvider.events.length}, Filtered: ${filteredEvents.length}');
     if (eventProvider.events.isNotEmpty) {
-      print('[CalendarPage.build] First event: ${eventProvider.events.first.name} at ${eventProvider.events.first.startDateTime}');
+      print(
+          '[CalendarPage.build] First event: ${eventProvider.events.first.name} at ${eventProvider.events.first.startDateTime}');
     }
 
     if (eventProvider.isLoading) {
@@ -214,6 +319,26 @@ class _CalendarPageState extends State<CalendarPage> {
     return Scaffold(
       appBar: CustomAppBar(
         title: "Calendrier",
+        actions: [
+          if (_isRefreshing)
+            const Padding(
+              padding: EdgeInsets.symmetric(horizontal: 12),
+              child: SizedBox(
+                width: 20,
+                height: 20,
+                child: CircularProgressIndicator(
+                  strokeWidth: 2,
+                  color: Colors.white,
+                ),
+              ),
+            )
+          else
+            IconButton(
+              icon: const Icon(Icons.refresh, color: Colors.white),
+              tooltip: 'Mettre à jour les événements',
+              onPressed: _refreshEvents,
+            ),
+        ],
       ),
       drawer: const MainDrawer(currentPage: '/calendar'),
       body: Column(
@@ -247,7 +372,9 @@ class _CalendarPageState extends State<CalendarPage> {
             ),
           // Corps du calendrier
           Expanded(
-            child: isMobile ? _buildMobileLayout(filteredEvents) : _buildDesktopLayout(filteredEvents),
+            child: isMobile
+                ? _buildMobileLayout(filteredEvents)
+                : _buildDesktopLayout(filteredEvents),
           ),
         ],
       ),
@@ -271,36 +398,30 @@ class _CalendarPageState extends State<CalendarPage> {
   }
 
   Widget _buildDesktopLayout(List<EventModel> filteredEvents) {
-    return Row(
+    return LayoutBuilder(
-      children: [
+      builder: (context, constraints) {
-        // Calendrier (65% de la largeur)
+        final totalWidth = constraints.maxWidth;
-        Expanded(
+        final detailsPaneFraction =
-          flex: 65,
+            _clampDetailsPaneFraction(_detailsPaneFraction, totalWidth);
-          child: _buildCalendar(filteredEvents),
+        final detailsWidth = totalWidth * detailsPaneFraction;
-        ),
+        final calendarWidth =
-        // Détails de l'événement (35% de la largeur)
+            totalWidth - _desktopResizeHandleWidth - detailsWidth;
-        Expanded(
+
-          flex: 35,
+        return Row(
-          child: _selectedEvent != null
+          crossAxisAlignment: CrossAxisAlignment.stretch,
-              ? EventDetails(
+          children: [
-                  event: _selectedEvent!,
+            SizedBox(
-                  selectedDate: _selectedDay,
+              width: calendarWidth,
-                  events: filteredEvents,
+              child: _buildCalendar(filteredEvents),
-                  onSelectEvent: (event, date) {
+            ),
-                    setState(() {
+            _buildDesktopResizeHandle(totalWidth),
-                      _selectedEvent = event;
+            SizedBox(
-                      _selectedDay = date;
+              width: detailsWidth,
-                    });
+              child: _buildDesktopDetailsPane(filteredEvents),
-                  },
+            ),
-                )
+          ],
-              : Center(
+        );
-                  child: _selectedDay != null
+      },
-                      ? Text('Aucun événement ne démarre à cette date')
-                      : const Text(
-                          'Sélectionnez un événement pour voir les détails'),
-                ),
-        ),
-      ],
     );
   }
 
@@ -341,19 +462,23 @@ class _CalendarPageState extends State<CalendarPage> {
         if (details.primaryVelocity != null) {
           if (details.primaryVelocity! < -200) {
             // Swipe gauche : mois suivant
-            final newMonth = DateTime(_focusedDay.year, _focusedDay.month + 1, 1);
+            final newMonth =
+                DateTime(_focusedDay.year, _focusedDay.month + 1, 1);
             setState(() {
               _focusedDay = newMonth;
             });
-            print('[CalendarPage] Month changed to ${newMonth.year}-${newMonth.month}');
+            print(
+                '[CalendarPage] Month changed to ${newMonth.year}-${newMonth.month}');
             _loadCurrentMonthEvents();
           } else if (details.primaryVelocity! > 200) {
             // Swipe droite : mois précédent
-            final newMonth = DateTime(_focusedDay.year, _focusedDay.month - 1, 1);
+            final newMonth =
+                DateTime(_focusedDay.year, _focusedDay.month - 1, 1);
             setState(() {
               _focusedDay = newMonth;
             });
-            print('[CalendarPage] Month changed to ${newMonth.year}-${newMonth.month}');
+            print(
+                '[CalendarPage] Month changed to ${newMonth.year}-${newMonth.month}');
             _loadCurrentMonthEvents();
           }
         }
@@ -385,7 +510,8 @@ class _CalendarPageState extends State<CalendarPage> {
                             setState(() {
                               _focusedDay = newMonth;
                             });
-                            print('[CalendarPage] Month changed to ${newMonth.year}-${newMonth.month}');
+                            print(
+                                '[CalendarPage] Month changed to ${newMonth.year}-${newMonth.month}');
                             _loadCurrentMonthEvents();
                           } else if (details.primaryVelocity! > 200) {
                             // Swipe droite : mois précédent
@@ -394,7 +520,8 @@ class _CalendarPageState extends State<CalendarPage> {
                             setState(() {
                               _focusedDay = newMonth;
                             });
-                            print('[CalendarPage] Month changed to ${newMonth.year}-${newMonth.month}');
+                            print(
+                                '[CalendarPage] Month changed to ${newMonth.year}-${newMonth.month}');
                             _loadCurrentMonthEvents();
                           }
                         }
@@ -557,11 +684,13 @@ class _CalendarPageState extends State<CalendarPage> {
             icon: const Icon(Icons.chevron_left,
                 color: AppColors.rouge, size: 28),
             onPressed: () {
-              final newMonth = DateTime(_focusedDay.year, _focusedDay.month - 1, 1);
+              final newMonth =
+                  DateTime(_focusedDay.year, _focusedDay.month - 1, 1);
               setState(() {
                 _focusedDay = newMonth;
               });
-              print('[CalendarPage] Month changed to ${newMonth.year}-${newMonth.month}');
+              print(
+                  '[CalendarPage] Month changed to ${newMonth.year}-${newMonth.month}');
               _loadCurrentMonthEvents();
             },
           ),
@@ -600,11 +729,13 @@ class _CalendarPageState extends State<CalendarPage> {
             icon: const Icon(Icons.chevron_right,
                 color: AppColors.rouge, size: 28),
             onPressed: () {
-              final newMonth = DateTime(_focusedDay.year, _focusedDay.month + 1, 1);
+              final newMonth =
+                  DateTime(_focusedDay.year, _focusedDay.month + 1, 1);
               setState(() {
                 _focusedDay = newMonth;
               });
-              print('[CalendarPage] Month changed to ${newMonth.year}-${newMonth.month}');
+              print(
+                  '[CalendarPage] Month changed to ${newMonth.year}-${newMonth.month}');
               _loadCurrentMonthEvents();
             },
           ),
@@ -721,7 +852,7 @@ class _CalendarPageState extends State<CalendarPage> {
         onPageChanged: (focusedDay) {
           // Détecter si on a changé de mois
           final monthChanged = focusedDay.year != _focusedDay.year ||
-                               focusedDay.month != _focusedDay.month;
+              focusedDay.month != _focusedDay.month;
 
           setState(() {
             _focusedDay = focusedDay;
@@ -729,7 +860,8 @@ class _CalendarPageState extends State<CalendarPage> {
 
           // Charger les événements du nouveau mois si nécessaire
           if (monthChanged) {
-            print('[CalendarPage] Month changed to ${focusedDay.year}-${focusedDay.month}');
+            print(
+                '[CalendarPage] Month changed to ${focusedDay.year}-${focusedDay.month}');
             _loadCurrentMonthEvents();
           }
         },

em2rp/lib/views/container_form_page.dart

@@ -169,7 +169,7 @@ class _ContainerFormPageState extends State<ContainerFormPage> {
 
             // Type
             DropdownButtonFormField<ContainerType>(
-              value: _selectedType,
+              initialValue: _selectedType,
               decoration: const InputDecoration(
                 labelText: 'Type de container *',
                 border: OutlineInputBorder(),
@@ -194,7 +194,7 @@ class _ContainerFormPageState extends State<ContainerFormPage> {
 
             // Statut
             DropdownButtonFormField<EquipmentStatus>(
-              value: _selectedStatus,
+              initialValue: _selectedStatus,
               decoration: const InputDecoration(
                 labelText: 'Statut *',
                 border: OutlineInputBorder(),

em2rp/lib/views/data_management_page.dart

@@ -3,6 +3,7 @@ import 'package:em2rp/utils/colors.dart';
 import 'package:em2rp/views/widgets/data_management/event_types_management.dart';
 import 'package:em2rp/views/widgets/data_management/options_management.dart';
 import 'package:em2rp/views/widgets/data_management/events_export.dart';
+import 'package:em2rp/views/widgets/data_management/event_statistics_tab.dart';
 import 'package:em2rp/views/widgets/nav/main_drawer.dart';
 import 'package:em2rp/views/widgets/nav/custom_app_bar.dart';
 import 'package:em2rp/utils/permission_gate.dart';
@@ -32,6 +33,23 @@ class _DataManagementPageState extends State<DataManagementPage> {
       icon: Icons.file_download,
       widget: const EventsExport(),
     ),
+    DataCategory(
+      title: 'Statistiques evenements',
+      icon: Icons.bar_chart,
+      widget: const PermissionGate(
+        requiredPermissions: ['generate_reports'],
+        fallback: Center(
+          child: Padding(
+            padding: EdgeInsets.all(16),
+            child: Text(
+              'Vous n\'avez pas les permissions necessaires pour voir les statistiques.',
+              textAlign: TextAlign.center,
+            ),
+          ),
+        ),
+        child: EventStatisticsTab(),
+      ),
+    ),
   ];
 
   @override
@@ -78,7 +96,7 @@ class _DataManagementPageState extends State<DataManagementPage> {
       child: Column(
       children: [
         // Menu horizontal en mobile
-        Container(
+        SizedBox(
           height: 60,
           child: ListView.builder(
             scrollDirection: Axis.horizontal,
@@ -143,7 +161,7 @@ class _DataManagementPageState extends State<DataManagementPage> {
               Container(
                 padding: const EdgeInsets.all(16),
                 decoration: BoxDecoration(
-                  color: AppColors.rouge.withOpacity(0.1),
+                  color: AppColors.rouge.withValues(alpha: 0.1),
                 ),
                 child: Row(
                   children: [
@@ -177,7 +195,7 @@ class _DataManagementPageState extends State<DataManagementPage> {
                         ),
                       ),
                       selected: isSelected,
-                      selectedTileColor: AppColors.rouge.withOpacity(0.1),
+                      selectedTileColor: AppColors.rouge.withValues(alpha: 0.1),
                       onTap: () => setState(() => _selectedIndex = index),
                     );
                   },

em2rp/lib/views/equipment_form_page.dart

@@ -271,7 +271,7 @@ class _EquipmentFormPageState extends State<EquipmentFormPage> {
                       children: [
                         Expanded(
                           child: DropdownButtonFormField<EquipmentCategory>(
-                            value: _selectedCategory,
+                            initialValue: _selectedCategory,
                             decoration: const InputDecoration(
                               labelText: 'Catégorie *',
                               border: OutlineInputBorder(),
@@ -299,7 +299,7 @@ class _EquipmentFormPageState extends State<EquipmentFormPage> {
                           const SizedBox(width: 16),
                           Expanded(
                             child: DropdownButtonFormField<EquipmentStatus>(
-                              value: _selectedStatus,
+                              initialValue: _selectedStatus,
                               decoration: const InputDecoration(
                                 labelText: 'Statut *',
                                 border: OutlineInputBorder(),

em2rp/lib/views/event_preparation_page.dart

@@ -11,7 +11,7 @@ import 'package:em2rp/services/data_service.dart';
 import 'package:em2rp/services/api_service.dart';
 import 'package:em2rp/services/qr_code_processing_service.dart';
 import 'package:em2rp/services/audio_feedback_service.dart';
-import 'package:em2rp/services/text_to_speech_service.dart';
+import 'package:em2rp/services/smart_text_to_speech_service.dart';
 import 'package:em2rp/services/equipment_service.dart';
 import 'package:em2rp/views/widgets/equipment/equipment_checklist_item.dart' show EquipmentChecklistItem, ChecklistStep;
 import 'package:em2rp/views/widgets/equipment/container_checklist_item.dart';
@@ -21,6 +21,7 @@ import 'package:em2rp/views/widgets/event_preparation/add_equipment_to_event_dia
 import 'package:em2rp/utils/debug_log.dart';
 import 'package:em2rp/views/widgets/equipment/missing_equipment_dialog.dart';
 import 'package:em2rp/utils/colors.dart';
+import 'package:em2rp/views/widgets/common/audio_diagnostic_button.dart';
 
 /// Type d'étape de préparation
 enum PreparationStep {
@@ -48,18 +49,18 @@ class _EventPreparationPageState extends State<EventPreparationPage> with Single
   late final DataService _dataService;
   late final QRCodeProcessingService _qrCodeService;
 
-  Map<String, EquipmentModel> _equipmentCache = {};
+  final Map<String, EquipmentModel> _equipmentCache = {};
-  Map<String, ContainerModel> _containerCache = {};
+  final Map<String, ContainerModel> _containerCache = {};
-  Map<String, int> _returnedQuantities = {};
+  final Map<String, int> _returnedQuantities = {};
 
   // État local des validations (non sauvegardé jusqu'à la validation finale)
-  Map<String, bool> _localValidationState = {};
+  final Map<String, bool> _localValidationState = {};
 
   // Gestion des quantités par étape
-  Map<String, int> _quantitiesAtPreparation = {};
+  final Map<String, int> _quantitiesAtPreparation = {};
-  Map<String, int> _quantitiesAtLoading = {};
+  final Map<String, int> _quantitiesAtLoading = {};
-  Map<String, int> _quantitiesAtUnloading = {};
+  final Map<String, int> _quantitiesAtUnloading = {};
-  Map<String, int> _quantitiesAtReturn = {};
+  final Map<String, int> _quantitiesAtReturn = {};
 
   bool _isLoading = true;
   bool _isValidating = false;
@@ -73,6 +74,10 @@ class _EventPreparationPageState extends State<EventPreparationPage> with Single
   final TextEditingController _manualCodeController = TextEditingController();
   final FocusNode _manualCodeFocusNode = FocusNode();
 
+  // 🆕 File d'attente pour traiter les scans séquentiellement
+  final List<String> _scanQueue = [];
+  bool _isProcessingQueue = false;
+
   // Détermine l'étape actuelle selon le statut de l'événement
   PreparationStep get _currentStep {
     final prep = _currentEvent.preparationStatus ?? PreparationStatus.notStarted;
@@ -116,8 +121,11 @@ class _EventPreparationPageState extends State<EventPreparationPage> with Single
       duration: const Duration(milliseconds: 500),
     );
 
-    // Initialiser le service de synthèse vocale
+    // Initialiser le service de synthèse vocale hybride
-    TextToSpeechService.initialize();
+    SmartTextToSpeechService.initialize();
+
+    // Initialiser et débloquer l'audio (pour éviter les problèmes d'autoplay)
+    AudioFeedbackService.unlockAudio();
 
     // Vérification de sécurité et chargement après le premier frame
     WidgetsBinding.instance.addPostFrameCallback((_) {
@@ -156,7 +164,7 @@ class _EventPreparationPageState extends State<EventPreparationPage> with Single
     _animationController.dispose();
     _manualCodeController.dispose();
     _manualCodeFocusNode.dispose();
-    TextToSpeechService.stop();
+    SmartTextToSpeechService.stop();
     super.dispose();
   }
 
@@ -827,13 +835,33 @@ class _EventPreparationPageState extends State<EventPreparationPage> with Single
   Future<void> _handleManualCodeEntry(String code) async {
     if (code.trim().isEmpty) return;
 
-    await _handleScannedCode(code.trim());
+    // Ajouter le code à la file d'attente
+    _scanQueue.add(code.trim());
 
-    // Effacer le champ après traitement
+    // Effacer le champ immédiatement pour permettre le prochain scan
     _manualCodeController.clear();
 
     // Maintenir le focus sur le champ pour permettre une saisie continue
     _manualCodeFocusNode.requestFocus();
+
+    // Démarrer le traitement de la file si pas déjà en cours
+    if (!_isProcessingQueue) {
+      _processQueue();
+    }
+  }
+
+  /// Traite la file d'attente des scans un par un
+  Future<void> _processQueue() async {
+    if (_isProcessingQueue) return;
+
+    _isProcessingQueue = true;
+
+    while (_scanQueue.isNotEmpty) {
+      final code = _scanQueue.removeAt(0);
+      await _handleScannedCode(code);
+    }
+
+    _isProcessingQueue = false;
   }
 
   /// Obtenir les quantités actuelles selon l'étape
@@ -1184,9 +1212,9 @@ class _EventPreparationPageState extends State<EventPreparationPage> with Single
   Future<void> _announceNextItem() async {
     final nextItem = _findNextItemToScan();
     if (nextItem != null) {
-      await TextToSpeechService.speak('Prochain item: $nextItem');
+      await SmartTextToSpeechService.speak('Prochain item: $nextItem');
     } else {
-      await TextToSpeechService.speak('Tous les items sont validés');
+      await SmartTextToSpeechService.speak('Tous les items sont validés');
     }
   }
 
@@ -1199,6 +1227,9 @@ class _EventPreparationPageState extends State<EventPreparationPage> with Single
       appBar: AppBar(
         title: Text(stepTitle),
         backgroundColor: AppColors.bleuFonce,
+        actions: const [
+          AudioDiagnosticButton(),
+        ],
       ),
       body: Stack(
         children: [

em2rp/lib/views/event_statistics_page.dart

@@ -0,0 +1,31 @@
+import 'package:em2rp/utils/permission_gate.dart';
+import 'package:em2rp/views/widgets/data_management/event_statistics_tab.dart';
+import 'package:em2rp/views/widgets/nav/custom_app_bar.dart';
+import 'package:em2rp/views/widgets/nav/main_drawer.dart';
+import 'package:flutter/material.dart';
+
+class EventStatisticsPage extends StatelessWidget {
+  const EventStatisticsPage({super.key});
+
+  @override
+  Widget build(BuildContext context) {
+    return PermissionGate(
+      requiredPermissions: const ['generate_reports'],
+      fallback: const Scaffold(
+        appBar: CustomAppBar(title: 'Acces refuse'),
+        body: Center(
+          child: Text(
+            'Vous n\'avez pas les permissions necessaires pour acceder aux statistiques.',
+            textAlign: TextAlign.center,
+          ),
+        ),
+      ),
+      child: const Scaffold(
+        appBar: CustomAppBar(title: 'Statistiques evenements'),
+        drawer: MainDrawer(currentPage: '/event_statistics'),
+        body: EventStatisticsTab(),
+      ),
+    );
+  }
+}
+

em2rp/lib/views/widgets/auth/forgot_password_dialog.dart

@@ -1,4 +1,3 @@
-import 'package:em2rp/utils/debug_log.dart';
 import 'package:em2rp/utils/colors.dart';
 import 'package:firebase_auth/firebase_auth.dart';
 import 'package:flutter/material.dart';

em2rp/lib/views/widgets/calendar_widgets/event_details_components/event_details_documents.dart

@@ -133,7 +133,7 @@ class EventDetailsDocuments extends StatelessWidget {
       context: context,
       builder: (BuildContext context) {
         return Dialog(
-          child: Container(
+          child: SizedBox(
             width: MediaQuery.of(context).size.width * 0.9,
             height: MediaQuery.of(context).size.height * 0.8,
             child: Column(

em2rp/lib/views/widgets/calendar_widgets/event_details_components/event_details_header.dart

@@ -7,8 +7,9 @@ import 'package:em2rp/views/event_add_page.dart';
 import 'package:em2rp/services/ics_export_service.dart';
 import 'package:em2rp/services/data_service.dart';
 import 'package:em2rp/services/api_service.dart';
-import 'dart:html' as html;
+import 'package:web/web.dart' as web;
 import 'dart:convert';
+import 'dart:js_interop';
 
 class EventDetailsHeader extends StatefulWidget {
   final EventModel event;
@@ -180,12 +181,13 @@ class _EventDetailsHeaderState extends State<EventDetailsHeader> {
 
       // Créer un blob et télécharger le fichier
       final bytes = utf8.encode(icsContent);
-      final blob = html.Blob([bytes], 'text/calendar');
+      final blob = web.Blob([bytes.toJS].toJS, web.BlobPropertyBag(type: 'text/calendar'));
-      final url = html.Url.createObjectUrlFromBlob(blob);
+      final url = web.URL.createObjectURL(blob);
-      html.AnchorElement(href: url)
+      final anchor = web.document.createElement('a') as web.HTMLAnchorElement;
-        ..setAttribute('download', fileName)
+      anchor.href = url;
-        ..click();
+      anchor.download = fileName;
-      html.Url.revokeObjectUrl(url);
+      anchor.click();
+      web.URL.revokeObjectURL(url);
 
       if (!mounted) return;
       ScaffoldMessenger.of(context).showSnackBar(

em2rp/lib/views/widgets/calendar_widgets/event_details_components/event_status_button.dart

@@ -26,6 +26,16 @@ class _EventStatusButtonState extends State<EventStatusButton> {
   EventStatus? _optimisticStatus;
   final DataService _dataService = DataService(FirebaseFunctionsApiService());
 
+  @override
+  void didUpdateWidget(EventStatusButton oldWidget) {
+    super.didUpdateWidget(oldWidget);
+    // Réinitialiser le statut optimiste si on affiche un nouvel événement
+    if (oldWidget.event.id != widget.event.id) {
+      _optimisticStatus = null;
+      _loading = false;
+    }
+  }
+
   Future<void> _changeStatus(EventStatus newStatus) async {
     if ((widget.event.status == newStatus) || _loading) return;
     setState(() {

em2rp/lib/views/widgets/calendar_widgets/month_view.dart

@@ -5,6 +5,11 @@ import 'package:em2rp/models/event_model.dart';
 import 'package:em2rp/utils/calendar_utils.dart';
 
 class MonthView extends StatelessWidget {
+  static const double _calendarPadding = 8.0;
+  static const double _headerHeight = 52.0;
+  static const double _headerVerticalPadding = 16.0;
+  static const double _daysOfWeekHeight = 16.0;
+
   final DateTime focusedDay;
   final DateTime? selectedDay;
   final CalendarFormat calendarFormat;
@@ -30,11 +35,17 @@ class MonthView extends StatelessWidget {
   Widget build(BuildContext context) {
     return LayoutBuilder(
       builder: (context, constraints) {
-        final rowHeight = (constraints.maxHeight - 100) / 6;
+        final rowCount = _computeRowCount(focusedDay);
+        final availableHeight = constraints.maxHeight -
+            (_calendarPadding * 2) -
+            _headerHeight -
+            _headerVerticalPadding -
+            _daysOfWeekHeight;
+        final rowHeight = availableHeight / rowCount;
 
         return Container(
           height: constraints.maxHeight,
-          padding: const EdgeInsets.all(8),
+          padding: const EdgeInsets.all(_calendarPadding),
           child: TableCalendar(
             firstDay: DateTime.utc(2020, 1, 1),
             lastDay: DateTime.utc(2030, 12, 31),
@@ -42,6 +53,7 @@ class MonthView extends StatelessWidget {
             calendarFormat: calendarFormat,
             startingDayOfWeek: StartingDayOfWeek.monday,
             locale: 'fr_FR',
+            daysOfWeekHeight: _daysOfWeekHeight,
             availableCalendarFormats: const {
               CalendarFormat.month: 'Mois',
               CalendarFormat.week: 'Semaine',
@@ -132,10 +144,9 @@ class MonthView extends StatelessWidget {
 
   Widget _buildDayCell(DateTime day, bool isSelected, {bool isToday = false}) {
     final dayEvents = CalendarUtils.getEventsForDay(day, events);
+    final statusCounts = _getStatusCounts(dayEvents);
     final textColor =
         isSelected ? Colors.white : (isToday ? AppColors.rouge : null);
-    final badgeColor = isSelected ? Colors.white : AppColors.rouge;
-    final badgeTextColor = isSelected ? AppColors.rouge : Colors.white;
 
     BoxDecoration decoration;
     if (isSelected) {
@@ -161,56 +172,125 @@ class MonthView extends StatelessWidget {
     return Container(
       margin: const EdgeInsets.all(4),
       decoration: decoration,
-      child: Stack(
+      child: Padding(
-        children: [
+        padding: const EdgeInsets.all(4),
-          Positioned(
+        child: Column(
-            top: 4,
+          crossAxisAlignment: CrossAxisAlignment.start,
-            left: 4,
+          children: [
-            child: Text(
+            Row(
-              day.day.toString(),
+              crossAxisAlignment: CrossAxisAlignment.start,
-              style: TextStyle(color: textColor),
+              children: [
-            ),
+                Text(
-          ),
+                  day.day.toString(),
-          if (dayEvents.isNotEmpty)
+                  style: TextStyle(color: textColor),
-            Positioned(
-              top: 4,
-              right: 4,
-              child: Container(
-                padding: const EdgeInsets.symmetric(horizontal: 6, vertical: 2),
-                decoration: BoxDecoration(
-                  color: badgeColor,
-                  borderRadius: BorderRadius.circular(10),
                 ),
-                child: Text(
+                const SizedBox(width: 4),
-                  dayEvents.length.toString(),
+                Expanded(
-                  style: TextStyle(
+                  child: Align(
-                    color: badgeTextColor,
+                    alignment: Alignment.topRight,
-                    fontSize: 12,
+                    child: Wrap(
-                    fontWeight: FontWeight.bold,
+                      spacing: 4,
+                      runSpacing: 2,
+                      alignment: WrapAlignment.end,
+                      children: _buildStatusBadges(statusCounts),
+                    ),
+                  ),
+                ),
+              ],
+            ),
+            if (dayEvents.isNotEmpty) ...[
+              const SizedBox(height: 4),
+              Expanded(
+                child: SingleChildScrollView(
+                  child: Column(
+                    crossAxisAlignment: CrossAxisAlignment.start,
+                    children: dayEvents
+                        .map((event) => _buildEventItem(event, isSelected, day))
+                        .toList(),
                   ),
                 ),
               ),
-            ),
+            ],
-          if (dayEvents.isNotEmpty)
+          ],
-            Positioned(
+        ),
-              bottom: 2,
-              left: 2,
-              right: 2,
-              top: 28,
-              child: SingleChildScrollView(
-                child: Column(
-                  crossAxisAlignment: CrossAxisAlignment.start,
-                  children: dayEvents
-                      .map((event) => _buildEventItem(event, isSelected, day))
-                      .toList(),
-                ),
-              ),
-            ),
-        ],
       ),
     );
   }
 
+  Map<EventStatus, int> _getStatusCounts(List<EventModel> dayEvents) {
+    final counts = <EventStatus, int>{
+      EventStatus.confirmed: 0,
+      EventStatus.waitingForApproval: 0,
+      EventStatus.canceled: 0,
+    };
+
+    for (final event in dayEvents) {
+      counts[event.status] = (counts[event.status] ?? 0) + 1;
+    }
+
+    return counts;
+  }
+
+  List<Widget> _buildStatusBadges(Map<EventStatus, int> statusCounts) {
+    final badges = <Widget>[];
+
+    void addBadge({
+      required EventStatus status,
+      required Color backgroundColor,
+      required Color textColor,
+      required String tooltipLabel,
+    }) {
+      final count = statusCounts[status] ?? 0;
+      if (count <= 0) {
+        return;
+      }
+
+      badges.add(
+        Tooltip(
+          message: '$count $tooltipLabel',
+          child: Container(
+            padding: const EdgeInsets.symmetric(horizontal: 6, vertical: 2),
+            decoration: BoxDecoration(
+              color: backgroundColor,
+              borderRadius: BorderRadius.circular(999),
+            ),
+            child: Text(
+              count.toString(),
+              style: TextStyle(
+                color: textColor,
+                fontSize: 11,
+                fontWeight: FontWeight.bold,
+              ),
+            ),
+          ),
+        ),
+      );
+    }
+
+    addBadge(
+      status: EventStatus.confirmed,
+      backgroundColor: Colors.green,
+      textColor: Colors.white,
+      tooltipLabel:
+          'validé${(statusCounts[EventStatus.confirmed] ?? 0) > 1 ? 's' : ''}',
+    );
+    addBadge(
+      status: EventStatus.waitingForApproval,
+      backgroundColor: Colors.amber,
+      textColor: Colors.black,
+      tooltipLabel: 'en attente',
+    );
+    addBadge(
+      status: EventStatus.canceled,
+      backgroundColor: Colors.red,
+      textColor: Colors.white,
+      tooltipLabel:
+          'annulé${(statusCounts[EventStatus.canceled] ?? 0) > 1 ? 's' : ''}',
+    );
+
+    return badges;
+  }
+
   Widget _buildEventItem(
       EventModel event, bool isSelected, DateTime currentDay) {
     Color color;
@@ -228,7 +308,6 @@ class MonthView extends StatelessWidget {
         icon = Icons.close;
         break;
       case EventStatus.waitingForApproval:
-      default:
         color = Colors.amber;
         textColor = Colors.black;
         icon = Icons.hourglass_empty;
@@ -243,7 +322,8 @@ class MonthView extends StatelessWidget {
         margin: const EdgeInsets.only(bottom: 2),
         padding: const EdgeInsets.symmetric(horizontal: 4, vertical: 2),
         decoration: BoxDecoration(
-          color: isSelected ? color.withAlpha(220) : color.withOpacity(0.18),
+          color:
+              isSelected ? color.withAlpha(220) : color.withValues(alpha: 0.18),
           borderRadius: BorderRadius.circular(4),
         ),
         child: Row(
@@ -282,4 +362,13 @@ class MonthView extends StatelessWidget {
       ),
     );
   }
+
+  /// Calcule le nombre de rangées affichées pour le mois de [focusedDay]
+  /// (calendrier commençant le lundi : offset = weekday - 1)
+  int _computeRowCount(DateTime focusedDay) {
+    final firstOfMonth = DateTime(focusedDay.year, focusedDay.month, 1);
+    final daysInMonth = DateTime(focusedDay.year, focusedDay.month + 1, 0).day;
+    final offset = (firstOfMonth.weekday - 1) % 7; // 0 = lundi, 6 = dimanche
+    return ((daysInMonth + offset) / 7).ceil();
+  }
 }

em2rp/lib/views/widgets/calendar_widgets/user_filter_dropdown.dart

@@ -132,7 +132,7 @@ class _UserFilterDropdownState extends State<UserFilterDropdown> {
                   ],
                 ),
               );
-            }).toList(),
+            }),
           ],
         ),
       ),

em2rp/lib/views/widgets/common/audio_diagnostic_button.dart

@@ -0,0 +1,147 @@
+import 'package:flutter/material.dart';
+import 'package:web/web.dart' as web;
+import 'package:em2rp/services/audio_feedback_service.dart';
+import 'package:em2rp/services/smart_text_to_speech_service.dart';
+import 'package:em2rp/utils/debug_log.dart';
+
+/// Bouton de diagnostic pour tester l'audio et le TTS
+class AudioDiagnosticButton extends StatelessWidget {
+  const AudioDiagnosticButton({super.key});
+
+  Future<void> _testAudio(BuildContext context) async {
+    try {
+      DebugLog.info('[AudioDiagnostic] ========== AUDIO TEST START ==========');
+      DebugLog.info('[AudioDiagnostic] User Agent: ${web.window.navigator.userAgent}');
+      DebugLog.info('[AudioDiagnostic] Platform: ${web.window.navigator.platform}');
+
+      // Débloquer l'audio
+      DebugLog.info('[AudioDiagnostic] Step 1: Unlocking audio...');
+      await AudioFeedbackService.unlockAudio();
+      await Future.delayed(const Duration(milliseconds: 500));
+
+      // Tester le son de succès
+      DebugLog.info('[AudioDiagnostic] Step 2: Playing success beep...');
+      await AudioFeedbackService.playSuccessBeep();
+      await Future.delayed(const Duration(milliseconds: 1000));
+
+      // Tester le son d'erreur
+      DebugLog.info('[AudioDiagnostic] Step 3: Playing error beep...');
+      await AudioFeedbackService.playErrorBeep();
+
+      DebugLog.info('[AudioDiagnostic] ========== AUDIO TEST END ==========');
+
+      if (context.mounted) {
+        ScaffoldMessenger.of(context).showSnackBar(
+          const SnackBar(
+            content: Text('Test audio terminé - Vérifiez la console (F12)'),
+            backgroundColor: Colors.green,
+            duration: Duration(seconds: 3),
+          ),
+        );
+      }
+    } catch (e) {
+      DebugLog.error('[AudioDiagnostic] Error during audio test', e);
+      if (context.mounted) {
+        ScaffoldMessenger.of(context).showSnackBar(
+          SnackBar(
+            content: Text('Erreur audio: $e'),
+            backgroundColor: Colors.red,
+          ),
+        );
+      }
+    }
+  }
+
+  Future<void> _testTTS(BuildContext context) async {
+    try {
+      DebugLog.info('[AudioDiagnostic] ========== TTS TEST START ==========');
+      DebugLog.info('[AudioDiagnostic] User Agent: ${web.window.navigator.userAgent}');
+      DebugLog.info('[AudioDiagnostic] Platform: ${web.window.navigator.platform}');
+      DebugLog.info('[AudioDiagnostic] Language: ${web.window.navigator.language}');
+
+      await SmartTextToSpeechService.initialize();
+      await Future.delayed(const Duration(milliseconds: 500));
+
+      DebugLog.info('[AudioDiagnostic] Speaking test phrase...');
+      await SmartTextToSpeechService.speak('Test de synthèse vocale. Un, deux, trois.');
+
+      DebugLog.info('[AudioDiagnostic] ========== TTS TEST END ==========');
+
+      if (context.mounted) {
+        ScaffoldMessenger.of(context).showSnackBar(
+          const SnackBar(
+            content: Text('Test TTS terminé - Vérifiez la console (F12)'),
+            backgroundColor: Colors.green,
+            duration: Duration(seconds: 3),
+          ),
+        );
+      }
+    } catch (e) {
+      DebugLog.error('[AudioDiagnostic] Error during TTS test', e);
+      if (context.mounted) {
+        ScaffoldMessenger.of(context).showSnackBar(
+          SnackBar(
+            content: Text('Erreur TTS: $e'),
+            backgroundColor: Colors.red,
+          ),
+        );
+      }
+    }
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return PopupMenuButton<String>(
+      icon: const Icon(Icons.bug_report, color: Colors.grey),
+      tooltip: 'Diagnostic Audio/TTS',
+      onSelected: (value) async {
+        switch (value) {
+          case 'audio':
+            await _testAudio(context);
+            break;
+          case 'tts':
+            await _testTTS(context);
+            break;
+          case 'both':
+            await _testAudio(context);
+            await Future.delayed(const Duration(milliseconds: 1000));
+            await _testTTS(context);
+            break;
+        }
+      },
+      itemBuilder: (context) => [
+        const PopupMenuItem(
+          value: 'audio',
+          child: Row(
+            children: [
+              Icon(Icons.volume_up, size: 20),
+              SizedBox(width: 8),
+              Text('Test Audio'),
+            ],
+          ),
+        ),
+        const PopupMenuItem(
+          value: 'tts',
+          child: Row(
+            children: [
+              Icon(Icons.record_voice_over, size: 20),
+              SizedBox(width: 8),
+              Text('Test TTS'),
+            ],
+          ),
+        ),
+        const PopupMenuItem(
+          value: 'both',
+          child: Row(
+            children: [
+              Icon(Icons.play_circle, size: 20),
+              SizedBox(width: 8),
+              Text('Test Audio + TTS'),
+            ],
+          ),
+        ),
+      ],
+    );
+  }
+}
+

em2rp/lib/views/widgets/data_management/event_statistics_tab.dart

@@ -0,0 +1,715 @@
+import 'package:em2rp/models/event_model.dart';
+import 'package:em2rp/models/event_statistics_models.dart';
+import 'package:em2rp/providers/local_user_provider.dart';
+import 'package:em2rp/services/api_service.dart';
+import 'package:em2rp/services/data_service.dart';
+import 'package:em2rp/services/event_statistics_service.dart';
+import 'package:em2rp/utils/colors.dart';
+import 'package:flutter/material.dart';
+import 'package:intl/intl.dart';
+import 'package:provider/provider.dart';
+
+enum _AmountDisplayMode { ht, ttc }
+
+enum _DatePreset { currentMonth, previousMonth, currentYear, previousYear }
+
+class EventStatisticsTab extends StatefulWidget {
+  const EventStatisticsTab({super.key});
+
+  @override
+  State<EventStatisticsTab> createState() => _EventStatisticsTabState();
+}
+
+class _EventStatisticsTabState extends State<EventStatisticsTab> {
+  final DataService _dataService = DataService(FirebaseFunctionsApiService());
+  final EventStatisticsService _statisticsService =
+      const EventStatisticsService();
+
+  final NumberFormat _currencyFormat =
+      NumberFormat.currency(locale: 'fr_FR', symbol: 'EUR ');
+  final NumberFormat _percentFormat = NumberFormat.percentPattern('fr_FR');
+
+  DateTimeRange _selectedPeriod = _initialPeriod();
+  final Set<String> _selectedEventTypeIds = {};
+  final Set<EventStatus> _selectedStatuses = {
+    EventStatus.confirmed,
+    EventStatus.waitingForApproval,
+  };
+  _AmountDisplayMode _amountDisplayMode = _AmountDisplayMode.ht;
+
+  bool _isLoading = true;
+  String? _errorMessage;
+
+  List<EventModel> _events = [];
+  Map<String, String> _eventTypeNames = {};
+  EventStatisticsSummary _summary = EventStatisticsSummary.empty;
+
+  @override
+  void initState() {
+    super.initState();
+    _loadStatistics();
+  }
+
+  static DateTimeRange _initialPeriod() {
+    final now = DateTime.now();
+    return DateTimeRange(
+      start: DateTime(now.year, now.month, 1),
+      end: DateTime(now.year, now.month + 1, 0, 23, 59, 59),
+    );
+  }
+
+  Future<void> _loadStatistics() async {
+    setState(() {
+      _isLoading = true;
+      _errorMessage = null;
+    });
+
+    try {
+      final localUserProvider =
+          Provider.of<LocalUserProvider>(context, listen: false);
+      final userId = localUserProvider.uid;
+
+      final results = await Future.wait([
+        _dataService.getEvents(userId: userId),
+        _dataService.getEventTypes(),
+      ]);
+
+      final eventsResult = results[0] as Map<String, dynamic>;
+      final eventTypesResult = results[1] as List<Map<String, dynamic>>;
+      final eventsData = eventsResult['events'] as List<Map<String, dynamic>>;
+
+      final parsedEvents = <EventModel>[];
+      for (final eventData in eventsData) {
+        try {
+          parsedEvents
+              .add(EventModel.fromMap(eventData, eventData['id'] as String));
+        } catch (_) {
+          // Ignore malformed rows and continue to keep the dashboard available.
+        }
+      }
+
+      final eventTypeNames = <String, String>{};
+      for (final eventType in eventTypesResult) {
+        final id = (eventType['id'] ?? '').toString();
+        if (id.isEmpty) {
+          continue;
+        }
+        eventTypeNames[id] = (eventType['name'] ?? id).toString();
+      }
+
+      if (!mounted) {
+        return;
+      }
+
+      setState(() {
+        _events = parsedEvents;
+        _eventTypeNames = eventTypeNames;
+        _isLoading = false;
+      });
+
+      _rebuildSummary();
+    } catch (error) {
+      if (!mounted) {
+        return;
+      }
+      setState(() {
+        _isLoading = false;
+        _errorMessage = 'Erreur lors du chargement des statistiques: $error';
+      });
+    }
+  }
+
+  void _rebuildSummary() {
+    final filter = EventStatisticsFilter(
+      period: _selectedPeriod,
+      eventTypeIds: _selectedEventTypeIds,
+      includeCanceled: _selectedStatuses.contains(EventStatus.canceled),
+      selectedStatuses: _selectedStatuses,
+    );
+
+    setState(() {
+      _summary = _statisticsService.buildSummary(
+        events: _events,
+        filter: filter,
+        eventTypeNames: _eventTypeNames,
+      );
+    });
+  }
+
+  Future<void> _selectDateRange() async {
+    final selectedRange = await showDateRangePicker(
+      context: context,
+      firstDate: DateTime(2020),
+      lastDate: DateTime(2035),
+      initialDateRange: _selectedPeriod,
+      locale: const Locale('fr', 'FR'),
+      builder: (context, child) {
+        return Theme(
+          data: Theme.of(context).copyWith(
+            colorScheme: ColorScheme.light(
+              primary: AppColors.rouge,
+              onPrimary: Colors.white,
+            ),
+          ),
+          child: child ?? const SizedBox.shrink(),
+        );
+      },
+    );
+
+    if (selectedRange == null) {
+      return;
+    }
+
+    setState(() {
+      _selectedPeriod = DateTimeRange(
+        start: selectedRange.start,
+        end: DateTime(
+          selectedRange.end.year,
+          selectedRange.end.month,
+          selectedRange.end.day,
+          23,
+          59,
+          59,
+        ),
+      );
+    });
+
+    _rebuildSummary();
+  }
+
+  void _resetFilters() {
+    setState(() {
+      _selectedPeriod = _initialPeriod();
+      _selectedEventTypeIds.clear();
+      _selectedStatuses.clear();
+      _selectedStatuses.addAll({
+        EventStatus.confirmed,
+        EventStatus.waitingForApproval,
+      });
+      _amountDisplayMode = _AmountDisplayMode.ht;
+    });
+    _rebuildSummary();
+  }
+
+  String _formatCurrency(double value) => _currencyFormat.format(value);
+
+  String _formatPercent(double value) => _percentFormat.format(value);
+
+  String get _amountUnitLabel =>
+      _amountDisplayMode == _AmountDisplayMode.ht ? 'HT' : 'TTC';
+
+  double _toDisplayAmount(double htAmount) {
+    if (_amountDisplayMode == _AmountDisplayMode.ttc) {
+      return htAmount * 1.2;
+    }
+    return htAmount;
+  }
+
+  String _formatAmount(double htAmount) =>
+      _formatCurrency(_toDisplayAmount(htAmount));
+
+  String _presetLabel(_DatePreset preset) {
+    switch (preset) {
+      case _DatePreset.currentMonth:
+        return 'Ce mois-ci';
+      case _DatePreset.previousMonth:
+        return 'Mois dernier';
+      case _DatePreset.currentYear:
+        return 'Cette année';
+      case _DatePreset.previousYear:
+        return 'Année dernière';
+    }
+  }
+
+  DateTimeRange _rangeForMonth(int year, int month) {
+    return DateTimeRange(
+      start: DateTime(year, month, 1),
+      end: DateTime(year, month + 1, 0, 23, 59, 59),
+    );
+  }
+
+  DateTimeRange _rangeForYear(int year) {
+    return DateTimeRange(
+      start: DateTime(year, 1, 1),
+      end: DateTime(year, 12, 31, 23, 59, 59),
+    );
+  }
+
+  DateTimeRange _rangeForPreset(_DatePreset preset) {
+    final now = DateTime.now();
+
+    switch (preset) {
+      case _DatePreset.currentMonth:
+        return _rangeForMonth(now.year, now.month);
+      case _DatePreset.previousMonth:
+        return _rangeForMonth(now.year, now.month - 1);
+      case _DatePreset.currentYear:
+        return _rangeForYear(now.year);
+      case _DatePreset.previousYear:
+        return _rangeForYear(now.year - 1);
+    }
+  }
+
+  bool _isPresetSelected(_DatePreset preset) {
+    final presetRange = _rangeForPreset(preset);
+    return _selectedPeriod.start == presetRange.start &&
+        _selectedPeriod.end == presetRange.end;
+  }
+
+  void _applyDatePreset(_DatePreset preset) {
+    setState(() {
+      _selectedPeriod = _rangeForPreset(preset);
+    });
+    _rebuildSummary();
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    if (_isLoading) {
+      return const Center(child: CircularProgressIndicator());
+    }
+
+    if (_errorMessage != null) {
+      return Center(
+        child: Padding(
+          padding: const EdgeInsets.all(24),
+          child: Column(
+            mainAxisSize: MainAxisSize.min,
+            children: [
+              Text(
+                _errorMessage!,
+                textAlign: TextAlign.center,
+                style: const TextStyle(color: Colors.red),
+              ),
+              const SizedBox(height: 12),
+              ElevatedButton.icon(
+                onPressed: _loadStatistics,
+                icon: const Icon(Icons.refresh),
+                label: const Text('Réessayer'),
+              ),
+            ],
+          ),
+        ),
+      );
+    }
+
+    return RefreshIndicator(
+      onRefresh: _loadStatistics,
+      child: ListView(
+        padding: const EdgeInsets.all(16),
+        children: [
+          _buildFiltersCard(),
+          const SizedBox(height: 16),
+          _buildSummaryCards(),
+          const SizedBox(height: 16),
+          _buildByTypeSection(),
+          const SizedBox(height: 16),
+          _buildTopOptionsSection(),
+        ],
+      ),
+    );
+  }
+
+  Widget _buildFiltersCard() {
+    final dateFormat = DateFormat('dd/MM/yyyy');
+
+    return Card(
+      child: Padding(
+        padding: const EdgeInsets.all(16),
+        child: Column(
+          crossAxisAlignment: CrossAxisAlignment.start,
+          children: [
+            Row(
+              children: [
+                const Icon(Icons.filter_alt, color: AppColors.rouge),
+                const SizedBox(width: 8),
+                Text(
+                  'Filtres',
+                  style: Theme.of(context).textTheme.titleMedium?.copyWith(
+                        fontWeight: FontWeight.bold,
+                      ),
+                ),
+                const Spacer(),
+                ToggleButtons(
+                  isSelected: [
+                    _amountDisplayMode == _AmountDisplayMode.ht,
+                    _amountDisplayMode == _AmountDisplayMode.ttc,
+                  ],
+                  onPressed: (index) {
+                    setState(() {
+                      _amountDisplayMode = index == 0
+                          ? _AmountDisplayMode.ht
+                          : _AmountDisplayMode.ttc;
+                    });
+                  },
+                  children: const [
+                    Padding(
+                      padding: EdgeInsets.symmetric(horizontal: 8),
+                      child: Text('HT'),
+                    ),
+                    Padding(
+                      padding: EdgeInsets.symmetric(horizontal: 8),
+                      child: Text('TTC'),
+                    ),
+                  ],
+                ),
+                const SizedBox(width: 8),
+                TextButton.icon(
+                  onPressed: _resetFilters,
+                  icon: const Icon(Icons.restart_alt),
+                  label: const Text('Réinitialiser'),
+                ),
+              ],
+            ),
+            const SizedBox(height: 12),
+            Wrap(
+              spacing: 8,
+              runSpacing: 8,
+              crossAxisAlignment: WrapCrossAlignment.center,
+              children: [
+                OutlinedButton.icon(
+                  onPressed: _selectDateRange,
+                  icon: const Icon(Icons.date_range),
+                  label: Text(
+                    '${dateFormat.format(_selectedPeriod.start)} - ${dateFormat.format(_selectedPeriod.end)}',
+                  ),
+                ),
+                ..._DatePreset.values.map(
+                  (preset) => ChoiceChip(
+                    label: Text(_presetLabel(preset)),
+                    selected: _isPresetSelected(preset),
+                    onSelected: (_) => _applyDatePreset(preset),
+                  ),
+                ),
+              ],
+            ),
+            const SizedBox(height: 12),
+            const Text(
+              'Statuts d\'événements',
+              style: TextStyle(fontWeight: FontWeight.w600),
+            ),
+            const SizedBox(height: 8),
+            Wrap(
+              spacing: 8,
+              runSpacing: 8,
+              children: [
+                FilterChip(
+                  label: const Text('Validés'),
+                  selected: _selectedStatuses.contains(EventStatus.confirmed),
+                  onSelected: (value) {
+                    setState(() {
+                      if (value) {
+                        _selectedStatuses.add(EventStatus.confirmed);
+                      } else {
+                        _selectedStatuses.remove(EventStatus.confirmed);
+                      }
+                    });
+                    _rebuildSummary();
+                  },
+                ),
+                FilterChip(
+                  label: const Text('En attente'),
+                  selected: _selectedStatuses.contains(EventStatus.waitingForApproval),
+                  onSelected: (value) {
+                    setState(() {
+                      if (value) {
+                        _selectedStatuses.add(EventStatus.waitingForApproval);
+                      } else {
+                        _selectedStatuses.remove(EventStatus.waitingForApproval);
+                      }
+                    });
+                    _rebuildSummary();
+                  },
+                ),
+                FilterChip(
+                  label: const Text('Annulés'),
+                  selected: _selectedStatuses.contains(EventStatus.canceled),
+                  onSelected: (value) {
+                    setState(() {
+                      if (value) {
+                        _selectedStatuses.add(EventStatus.canceled);
+                      } else {
+                        _selectedStatuses.remove(EventStatus.canceled);
+                      }
+                    });
+                    _rebuildSummary();
+                  },
+                ),
+              ],
+            ),
+            if (_eventTypeNames.isNotEmpty) ...[
+              const SizedBox(height: 12),
+              const Text(
+                'Types d\'événements',
+                style: TextStyle(fontWeight: FontWeight.w600),
+              ),
+              const SizedBox(height: 8),
+              Wrap(
+                spacing: 8,
+                runSpacing: 8,
+                children: _eventTypeNames.entries.map((entry) {
+                  final selected = _selectedEventTypeIds.contains(entry.key);
+                  return FilterChip(
+                    label: Text(entry.value),
+                    selected: selected,
+                    onSelected: (value) {
+                      setState(() {
+                        if (value) {
+                          _selectedEventTypeIds.add(entry.key);
+                        } else {
+                          _selectedEventTypeIds.remove(entry.key);
+                        }
+                      });
+                      _rebuildSummary();
+                    },
+                  );
+                }).toList(),
+              ),
+            ],
+          ],
+        ),
+      ),
+    );
+  }
+
+  Widget _buildSummaryCards() {
+    final metrics = <_MetricConfig>[
+      _MetricConfig(
+        title: 'Total événements',
+        value: _summary.totalEvents.toString(),
+        subtitle: 'Sur la période sélectionnée',
+        icon: Icons.event,
+      ),
+      _MetricConfig(
+        title: 'Montant total',
+        value: _formatAmount(_summary.totalAmount),
+        subtitle: 'Base + options ($_amountUnitLabel)',
+        icon: Icons.account_balance_wallet,
+      ),
+      _MetricConfig(
+        title: 'Montant validé',
+        value: _formatAmount(_summary.validatedAmount),
+        subtitle: '${_summary.validatedEvents} événement(s) ($_amountUnitLabel)',
+        icon: Icons.verified,
+      ),
+      _MetricConfig(
+        title: 'Montant non validé',
+        value: _formatAmount(_summary.pendingAmount),
+        subtitle: '${_summary.pendingEvents} événement(s) ($_amountUnitLabel)',
+        icon: Icons.hourglass_top,
+      ),
+      _MetricConfig(
+        title: 'Montant annulé',
+        value: _formatAmount(_summary.canceledAmount),
+        subtitle: '${_summary.canceledEvents} événement(s) ($_amountUnitLabel)',
+        icon: Icons.cancel,
+      ),
+      _MetricConfig(
+        title: 'Panier moyen',
+        value: _formatAmount(_summary.averageAmount),
+        subtitle: 'Par événement ($_amountUnitLabel)',
+        icon: Icons.trending_up,
+      ),
+      _MetricConfig(
+        title: 'Panier médian',
+        value: _formatAmount(_summary.medianAmount),
+        subtitle: 'Par événement ($_amountUnitLabel)',
+        icon: Icons.timeline,
+      ),
+      _MetricConfig(
+        title: 'Pourcentage de validation',
+        value: _formatPercent(_summary.validationRate),
+        subtitle:
+            '${_summary.validatedEvents} validés sur ${_summary.totalEvents}',
+        icon: Icons.pie_chart,
+      ),
+      _MetricConfig(
+        title: 'Base vs options',
+        value:
+            '${_formatPercent(_summary.baseContributionRate)} / ${_formatPercent(_summary.optionsContributionRate)}',
+        subtitle:
+            'Base: ${_formatAmount(_summary.baseAmount)} - Options: ${_formatAmount(_summary.optionsAmount)}',
+        icon: Icons.stacked_bar_chart,
+      ),
+    ];
+
+    return Column(
+      crossAxisAlignment: CrossAxisAlignment.start,
+      children: [
+        Text(
+          'KPI période',
+          style: Theme.of(context)
+              .textTheme
+              .titleMedium
+              ?.copyWith(fontWeight: FontWeight.bold),
+        ),
+        const SizedBox(height: 12),
+        Wrap(
+          spacing: 12,
+          runSpacing: 12,
+          children: metrics
+              .map(
+                (metric) => _buildMetricCard(
+                  title: metric.title,
+                  value: metric.value,
+                  subtitle: metric.subtitle,
+                  icon: metric.icon,
+                ),
+              )
+              .toList(),
+        ),
+      ],
+    );
+  }
+
+  Widget _buildMetricCard({
+    required String title,
+    required String value,
+    required String subtitle,
+    required IconData icon,
+  }) {
+    return SizedBox(
+      width: 280,
+      child: Card(
+        elevation: 1,
+        child: Padding(
+          padding: const EdgeInsets.all(14),
+          child: Column(
+            crossAxisAlignment: CrossAxisAlignment.start,
+            children: [
+              Row(
+                children: [
+                  Icon(icon, color: AppColors.rouge),
+                  const SizedBox(width: 8),
+                  Expanded(
+                    child: Text(
+                      title,
+                      style: const TextStyle(fontWeight: FontWeight.w600),
+                    ),
+                  ),
+                ],
+              ),
+              const SizedBox(height: 12),
+              Text(
+                value,
+                style:
+                    const TextStyle(fontSize: 18, fontWeight: FontWeight.bold),
+              ),
+              const SizedBox(height: 4),
+              Text(
+                subtitle,
+                style: TextStyle(color: Colors.grey.shade700),
+              ),
+            ],
+          ),
+        ),
+      ),
+    );
+  }
+
+  Widget _buildByTypeSection() {
+    return Card(
+      child: Padding(
+        padding: const EdgeInsets.all(16),
+        child: Column(
+          crossAxisAlignment: CrossAxisAlignment.start,
+          children: [
+            Text(
+              'Répartition par type d\'événement',
+              style: Theme.of(context)
+                  .textTheme
+                  .titleMedium
+                  ?.copyWith(fontWeight: FontWeight.bold),
+            ),
+            const SizedBox(height: 12),
+            if (_summary.byEventType.isEmpty)
+              const Text(
+                  'Aucune donnée pour la période et les filtres sélectionnés.')
+            else
+              SingleChildScrollView(
+                scrollDirection: Axis.horizontal,
+                child: DataTable(
+                  columns: [
+                    const DataColumn(label: Text('Type')),
+                    const DataColumn(label: Text('Nb')),
+                    const DataColumn(label: Text('Validé')),
+                    const DataColumn(label: Text('Non validé')),
+                    const DataColumn(label: Text('Annulé')),
+                    DataColumn(label: Text('Total $_amountUnitLabel')),
+                  ],
+                  rows: _summary.byEventType
+                      .map(
+                        (row) => DataRow(
+                          cells: [
+                            DataCell(Text(row.eventTypeName)),
+                            DataCell(Text(row.totalEvents.toString())),
+                            DataCell(Text(_formatAmount(row.validatedAmount))),
+                            DataCell(Text(_formatAmount(row.pendingAmount))),
+                            DataCell(Text(_formatAmount(row.canceledAmount))),
+                            DataCell(Text(_formatAmount(row.totalAmount))),
+                          ],
+                        ),
+                      )
+                      .toList(),
+                ),
+              ),
+          ],
+        ),
+      ),
+    );
+  }
+
+  Widget _buildTopOptionsSection() {
+    return Card(
+      child: Padding(
+        padding: const EdgeInsets.all(16),
+        child: Column(
+          crossAxisAlignment: CrossAxisAlignment.start,
+          children: [
+            Text(
+              'Top options',
+              style: Theme.of(context)
+                  .textTheme
+                  .titleMedium
+                  ?.copyWith(fontWeight: FontWeight.bold),
+            ),
+            const SizedBox(height: 12),
+            if (_summary.topOptions.isEmpty)
+              const Text('Aucune option valorisée sur la période sélectionnée.')
+            else
+              ..._summary.topOptions.map(
+                (option) => ListTile(
+                  dense: true,
+                  contentPadding: EdgeInsets.zero,
+                  leading: const Icon(Icons.add_chart, color: AppColors.rouge),
+                  title: Text(option.optionLabel),
+                  subtitle: Text(
+                    'Validées ${option.validatedUsageCount} fois',
+                  ),
+                  trailing: Text(
+                    _formatAmount(option.totalAmount),
+                    style: const TextStyle(fontWeight: FontWeight.bold),
+                  ),
+                ),
+              ),
+          ],
+        ),
+      ),
+    );
+  }
+}
+
+class _MetricConfig {
+  final String title;
+  final String value;
+  final String subtitle;
+  final IconData icon;
+
+  const _MetricConfig({
+    required this.title,
+    required this.value,
+    required this.subtitle,
+    required this.icon,
+  });
+}
+

em2rp/lib/views/widgets/event/equipment_conflict_dialog.dart

@@ -241,7 +241,7 @@ class _EquipmentConflictDialogState extends State<EquipmentConflictDialog> {
                                   ],
                                 ),
                               );
-                            }).toList(),
+                            }),
 
                             // Boutons d'action par équipement
                             if (!isRemoved)

em2rp/lib/views/widgets/event/equipment_selection_dialog.dart

@@ -35,7 +35,7 @@ class ContainerConflictInfo {
     if (status == ContainerConflictStatus.complete) {
       return 'Tous les équipements sont déjà utilisés';
     }
-    return '${conflictingEquipmentIds.length}/${totalChildren} équipement(s) déjà utilisé(s)';
+    return '${conflictingEquipmentIds.length}/$totalChildren équipement(s) déjà utilisé(s)';
   }
 }
 
@@ -94,11 +94,11 @@ class _EquipmentSelectionDialogState extends State<EquipmentSelectionDialog> {
 
   Map<String, SelectedItem> _selectedItems = {};
   final ValueNotifier<int> _selectionChangeNotifier = ValueNotifier<int>(0); // Pour notifier les changements de sélection sans setState
-  Map<String, int> _availableQuantities = {}; // Pour consommables
+  final Map<String, int> _availableQuantities = {}; // Pour consommables
-  Map<String, List<ContainerModel>> _recommendedContainers = {}; // Recommandations
+  final Map<String, List<ContainerModel>> _recommendedContainers = {}; // Recommandations
-  Map<String, List<AvailabilityConflict>> _equipmentConflicts = {}; // Conflits de disponibilité (détaillés)
+  final Map<String, List<AvailabilityConflict>> _equipmentConflicts = {}; // Conflits de disponibilité (détaillés)
-  Map<String, ContainerConflictInfo> _containerConflicts = {}; // Conflits des conteneurs
+  final Map<String, ContainerConflictInfo> _containerConflicts = {}; // Conflits des conteneurs
-  Set<String> _expandedContainers = {}; // Conteneurs dépliés dans la liste
+  final Set<String> _expandedContainers = {}; // Conteneurs dépliés dans la liste
 
   // NOUVEAU : IDs en conflit récupérés en batch
   Set<String> _conflictingEquipmentIds = {};
@@ -119,12 +119,12 @@ class _EquipmentSelectionDialogState extends State<EquipmentSelectionDialog> {
   bool _hasMoreContainers = true;
   String? _lastEquipmentId;
   String? _lastContainerId;
-  List<EquipmentModel> _paginatedEquipments = [];
+  final List<EquipmentModel> _paginatedEquipments = [];
-  List<ContainerModel> _paginatedContainers = [];
+  final List<ContainerModel> _paginatedContainers = [];
 
   // Cache pour éviter les rebuilds inutiles
-  List<ContainerModel> _cachedContainers = [];
+  final List<ContainerModel> _cachedContainers = [];
-  List<EquipmentModel> _cachedEquipment = [];
+  final List<EquipmentModel> _cachedEquipment = [];
 
   @override
   void initState() {
@@ -1047,7 +1047,7 @@ class _EquipmentSelectionDialogState extends State<EquipmentSelectionDialog> {
       shape: RoundedRectangleBorder(
         borderRadius: BorderRadius.circular(16),
       ),
-      child: Container(
+      child: SizedBox(
         width: dialogWidth.clamp(600.0, 1200.0),
         height: dialogHeight.clamp(500.0, 900.0),
         child: Column(
@@ -1458,66 +1458,6 @@ class _EquipmentSelectionDialogState extends State<EquipmentSelectionDialog> {
     );
   }
 
-  /// Header de section repliable
-  Widget _buildCollapsibleSectionHeader(
-    String title,
-    IconData icon,
-    int count,
-    bool isExpanded,
-    Function(bool) onToggle,
-  ) {
-    return InkWell(
-      onTap: () => onToggle(!isExpanded),
-      child: Container(
-        padding: const EdgeInsets.symmetric(vertical: 12, horizontal: 12),
-        decoration: BoxDecoration(
-          color: AppColors.rouge.withValues(alpha: 0.1),
-          borderRadius: BorderRadius.circular(8),
-          border: Border.all(
-            color: AppColors.rouge.withValues(alpha: 0.3),
-            width: 1,
-          ),
-        ),
-        child: Row(
-          children: [
-            Icon(
-              isExpanded ? Icons.keyboard_arrow_down : Icons.keyboard_arrow_right,
-              color: AppColors.rouge,
-              size: 24,
-            ),
-            const SizedBox(width: 8),
-            Icon(icon, color: AppColors.rouge, size: 20),
-            const SizedBox(width: 8),
-            Text(
-              title,
-              style: const TextStyle(
-                fontSize: 16,
-                fontWeight: FontWeight.bold,
-                color: AppColors.rouge,
-              ),
-            ),
-            const Spacer(),
-            Container(
-              padding: const EdgeInsets.symmetric(horizontal: 10, vertical: 4),
-              decoration: BoxDecoration(
-                color: AppColors.rouge,
-                borderRadius: BorderRadius.circular(12),
-              ),
-              child: Text(
-                '$count',
-                style: const TextStyle(
-                  color: Colors.white,
-                  fontSize: 13,
-                  fontWeight: FontWeight.bold,
-                ),
-              ),
-            ),
-          ],
-        ),
-      ),
-    );
-  }
-
   Widget _buildEquipmentCard(EquipmentModel equipment, {Key? key}) {
     final isSelected = _selectedItems.containsKey(equipment.id);
     final isConsumable = equipment.category == EquipmentCategory.consumable ||
@@ -1809,7 +1749,7 @@ class _EquipmentSelectionDialogState extends State<EquipmentSelectionDialog> {
   }) {
     final displayQuantity = isSelected ? selectedItem.quantity : 0;
 
-    return Container(
+    return SizedBox(
       width: 120,
       child: Row(
         children: [
@@ -2369,7 +2309,7 @@ class _EquipmentSelectionDialogState extends State<EquipmentSelectionDialog> {
   }
 
   // Cache local pour les équipements des conteneurs
-  Map<String, List<String>> _containerEquipmentCache = {};
+  final Map<String, List<String>> _containerEquipmentCache = {};
 
   Widget _buildSelectedContainerTile(String id, SelectedItem item) {
     final isExpanded = _expandedContainers.contains(id);
@@ -2425,7 +2365,7 @@ class _EquipmentSelectionDialogState extends State<EquipmentSelectionDialog> {
               return _buildSelectedChildEquipmentTile(equipmentId, childItem);
             }
             return const SizedBox.shrink();
-          }).toList(),
+          }),
       ],
     );
   }

em2rp/lib/views/widgets/event/optimized_equipment_card.dart

@@ -1,6 +1,5 @@
 import 'package:flutter/material.dart';
 import 'package:em2rp/models/equipment_model.dart';
-import 'package:em2rp/views/widgets/event/equipment_selection_dialog.dart';
 
 /// Widget optimisé pour une card d'équipement qui ne rebuild que si nécessaire
 class OptimizedEquipmentCard extends StatefulWidget {

em2rp/lib/views/widgets/event_form/event_assigned_equipment_section.dart

@@ -6,12 +6,8 @@ import 'package:em2rp/models/equipment_model.dart';
 import 'package:em2rp/models/container_model.dart';
 import 'package:em2rp/providers/equipment_provider.dart';
 import 'package:em2rp/providers/container_provider.dart';
-import 'package:em2rp/services/data_service.dart';
-import 'package:em2rp/services/api_service.dart';
 import 'package:em2rp/utils/colors.dart';
 import 'package:em2rp/views/widgets/event/equipment_selection_dialog.dart';
-import 'package:em2rp/views/widgets/event/equipment_conflict_dialog.dart';
-import 'package:em2rp/services/event_availability_service.dart';
 
 /// Section pour afficher et gérer le matériel assigné à un événement
 class EventAssignedEquipmentSection extends StatefulWidget {
@@ -38,10 +34,8 @@ class EventAssignedEquipmentSection extends StatefulWidget {
 
 class _EventAssignedEquipmentSectionState extends State<EventAssignedEquipmentSection> {
   bool get _canAddMaterial => widget.startDate != null && widget.endDate != null;
-  final EventAvailabilityService _availabilityService = EventAvailabilityService();
+  final Map<String, EquipmentModel> _equipmentCache = {};
-  final DataService _dataService = DataService(FirebaseFunctionsApiService());
+  final Map<String, ContainerModel> _containerCache = {};
-  Map<String, EquipmentModel> _equipmentCache = {};
-  Map<String, ContainerModel> _containerCache = {};
   bool _isLoading = true;
 
   @override
@@ -67,97 +61,53 @@ class _EventAssignedEquipmentSectionState extends State<EventAssignedEquipmentSe
       final equipmentProvider = context.read<EquipmentProvider>();
       final containerProvider = context.read<ContainerProvider>();
 
-      // 🔧 FIX: Si on a un eventId, utiliser getEventWithDetails pour charger les données complètes
+      DebugLog.info('[EventAssignedEquipmentSection] Loading caches from assigned lists');
-      if (widget.eventId != null && widget.eventId!.isNotEmpty) {
-        DebugLog.info('[EventAssignedEquipmentSection] Loading event with details: ${widget.eventId}');
 
-        final result = await _dataService.getEventWithDetails(widget.eventId!);
+      // Toujours partir des données locales du formulaire pour éviter les décalages visuels.
-        final equipmentsMap = result['equipments'] as Map<String, dynamic>;
+      final equipmentIds = widget.assignedEquipment.map((eq) => eq.equipmentId).toList();
-        final containersMap = result['containers'] as Map<String, dynamic>;
+      final containers = await containerProvider.getContainersByIds(widget.assignedContainers);
 
-        DebugLog.info('[EventAssignedEquipmentSection] Loaded ${equipmentsMap.length} equipments and ${containersMap.length} containers with details');
+      final childEquipmentIds = <String>[];
+      for (final container in containers) {
+        childEquipmentIds.addAll(container.equipmentIds);
+      }
 
-        // Construire les caches à partir des données reçues
+      final allEquipmentIds = <String>{...equipmentIds, ...childEquipmentIds}.toList();
-        _equipmentCache.clear();
+      final equipment = await equipmentProvider.getEquipmentsByIds(allEquipmentIds);
-        _containerCache.clear();
 
-        // Remplir le cache d'équipements
+      _equipmentCache.clear();
-        equipmentsMap.forEach((id, data) {
+      _containerCache.clear();
-          try {
-            _equipmentCache[id] = EquipmentModel.fromMap(data as Map<String, dynamic>, id);
-          } catch (e) {
-            DebugLog.error('[EventAssignedEquipmentSection] Error parsing equipment $id', e);
-          }
-        });
 
-        // Remplir le cache de containers
+      for (final eq in widget.assignedEquipment) {
-        containersMap.forEach((id, data) {
+        final equipmentItem = equipment.firstWhere(
-          try {
+          (e) => e.id == eq.equipmentId,
-            _containerCache[id] = ContainerModel.fromMap(data as Map<String, dynamic>, id);
+          orElse: () => EquipmentModel(
-          } catch (e) {
+            id: eq.equipmentId,
-            DebugLog.error('[EventAssignedEquipmentSection] Error parsing container $id', e);
+            name: 'Équipement inconnu',
-          }
+            category: EquipmentCategory.other,
-        });
+            status: EquipmentStatus.available,
+            maintenanceIds: [],
+            createdAt: DateTime.now(),
+            updatedAt: DateTime.now(),
+          ),
+        );
+        _equipmentCache[eq.equipmentId] = equipmentItem;
+      }
 
-        DebugLog.info('[EventAssignedEquipmentSection] Caches populated: ${_equipmentCache.length} equipments, ${_containerCache.length} containers');
+      for (final containerId in widget.assignedContainers) {
-
+        final container = containers.firstWhere(
-      } else {
+          (c) => c.id == containerId,
-        // Mode création d'événement : charger via les providers
+          orElse: () => ContainerModel(
-        DebugLog.info('[EventAssignedEquipmentSection] Loading via providers (creation mode)');
+            id: containerId,
-
+            name: 'Conteneur inconnu',
-        // Extraire les IDs des équipements assignés
+            type: ContainerType.flightCase,
-        final equipmentIds = widget.assignedEquipment
+            status: EquipmentStatus.available,
-            .map((eq) => eq.equipmentId)
+            equipmentIds: [],
-            .toList();
+            updatedAt: DateTime.now(),
-
+            createdAt: DateTime.now(),
-        // Charger les conteneurs
+          ),
-        final containers = await containerProvider.getContainersByIds(widget.assignedContainers);
+        );
-
+        _containerCache[containerId] = container;
-        // Extraire les IDs des équipements enfants des containers
-        final childEquipmentIds = <String>[];
-        for (var container in containers) {
-          childEquipmentIds.addAll(container.equipmentIds);
-        }
-
-        // Combiner les IDs des équipements assignés + enfants des containers
-        final allEquipmentIds = <String>{...equipmentIds, ...childEquipmentIds}.toList();
-
-        // Charger TOUS les équipements nécessaires
-        final equipment = await equipmentProvider.getEquipmentsByIds(allEquipmentIds);
-
-        // Créer le cache des équipements
-        for (var eq in widget.assignedEquipment) {
-          final equipmentItem = equipment.firstWhere(
-            (e) => e.id == eq.equipmentId,
-            orElse: () => EquipmentModel(
-              id: eq.equipmentId,
-              name: 'Équipement inconnu',
-              category: EquipmentCategory.other,
-              status: EquipmentStatus.available,
-              maintenanceIds: [],
-              createdAt: DateTime.now(),
-              updatedAt: DateTime.now(),
-            ),
-          );
-          _equipmentCache[eq.equipmentId] = equipmentItem;
-        }
-
-        // Créer le cache des conteneurs
-        for (var containerId in widget.assignedContainers) {
-          final container = containers.firstWhere(
-            (c) => c.id == containerId,
-            orElse: () => ContainerModel(
-              id: containerId,
-              name: 'Conteneur inconnu',
-              type: ContainerType.flightCase,
-              status: EquipmentStatus.available,
-              equipmentIds: [],
-              updatedAt: DateTime.now(),
-              createdAt: DateTime.now(),
-            ),
-          );
-          _containerCache[containerId] = container;
-        }
       }
     } catch (e) {
       DebugLog.error('[EventAssignedEquipmentSection] Error loading equipment and containers', e);
@@ -263,9 +213,6 @@ class _EventAssignedEquipmentSectionState extends State<EventAssignedEquipmentSe
     
     // Notifier le changement
     widget.onChanged(updatedEquipment, updatedContainers);
-    
-    // Recharger le cache
-    await _loadEquipmentAndContainers();
   }
 
   void _removeEquipment(String equipmentId) {
@@ -491,7 +438,7 @@ class _EventAssignedEquipmentSectionState extends State<EventAssignedEquipmentSe
                     ...widget.assignedContainers.map((containerId) {
                       final container = _containerCache[containerId];
                       return _buildContainerItem(container);
-                    }).toList(),
+                    }),
                     const SizedBox(height: 16),
                   ],
 
@@ -508,7 +455,7 @@ class _EventAssignedEquipmentSectionState extends State<EventAssignedEquipmentSe
                     ..._getStandaloneEquipment().map((eq) {
                       final equipment = _equipmentCache[eq.equipmentId];
                       return _buildEquipmentItem(equipment, eq);
-                    }).toList(),
+                    }),
                   ],
                 ],
               ),
@@ -520,7 +467,14 @@ class _EventAssignedEquipmentSectionState extends State<EventAssignedEquipmentSe
 
   Widget _buildContainerItem(ContainerModel? container) {
     if (container == null) {
-      return const SizedBox.shrink();
+      return const Card(
+        margin: EdgeInsets.only(bottom: 8),
+        child: ListTile(
+          leading: Icon(Icons.inventory_2, color: Colors.grey),
+          title: Text('Conteneur inconnu'),
+          subtitle: Text('Données du conteneur indisponibles'),
+        ),
+      );
     }
 
     return Card(
@@ -597,7 +551,7 @@ class _EventAssignedEquipmentSectionState extends State<EventAssignedEquipmentSe
                           ],
                         ),
                       );
-                    }).toList(),
+                    }),
                   ],
                 ),
               );
@@ -610,7 +564,24 @@ class _EventAssignedEquipmentSectionState extends State<EventAssignedEquipmentSe
 
   Widget _buildEquipmentItem(EquipmentModel? equipment, EventEquipment eventEq) {
     if (equipment == null) {
-      return const SizedBox.shrink();
+      return Card(
+        margin: const EdgeInsets.only(bottom: 8),
+        child: ListTile(
+          leading: const CircleAvatar(
+            backgroundColor: Color(0xFFE0E0E0),
+            child: Icon(Icons.inventory_2, color: Colors.grey),
+          ),
+          title: Text(
+            eventEq.equipmentId,
+            style: const TextStyle(fontWeight: FontWeight.bold),
+          ),
+          subtitle: const Text('Équipement indisponible dans le cache local'),
+          trailing: IconButton(
+            icon: const Icon(Icons.delete, color: Colors.red),
+            onPressed: () => _removeEquipment(eventEq.equipmentId),
+          ),
+        ),
+      );
     }
 
     final isConsumable = equipment.category == EquipmentCategory.consumable ||

em2rp/lib/views/widgets/event_form/event_basic_info_section.dart

@@ -1,5 +1,4 @@
 import 'package:flutter/material.dart';
-import 'package:flutter/services.dart';
 import 'package:intl/intl.dart';
 import 'package:em2rp/models/event_type_model.dart';
 import 'package:em2rp/views/widgets/event_form/price_ht_ttc_fields.dart';

em2rp/lib/views/widgets/inputs/option_selector_widget.dart

@@ -12,8 +12,7 @@ class OptionSelectorWidget extends StatefulWidget {
   final bool isMobile;
   final String? eventType;
 
-  const OptionSelectorWidget({
+  const OptionSelectorWidget({super.key,
-    Key? key,
     this.eventType,
     required this.selectedOptions,
     required this.onChanged,

em2rp/lib/views/widgets/nav/main_drawer.dart

@@ -11,6 +11,7 @@ import 'package:flutter/material.dart';
 import 'package:em2rp/views/widgets/image/profile_picture.dart';
 import 'package:provider/provider.dart';
 import 'package:em2rp/utils/permission_gate.dart';
+import 'package:em2rp/views/event_statistics_page.dart';
 
 class MainDrawer extends StatelessWidget {
   final String currentPage;
@@ -132,6 +133,24 @@ class MainDrawer extends StatelessWidget {
                   },
                 ),
               ),
+              PermissionGate(
+                requiredPermissions: const ['generate_reports'],
+                child: ListTile(
+                  leading: const Icon(Icons.bar_chart),
+                  title: const Text('Statistiques evenements'),
+                  selected: currentPage == '/event_statistics',
+                  selectedColor: AppColors.rouge,
+                  onTap: () {
+                    Navigator.pop(context);
+                    Navigator.pushReplacement(
+                      context,
+                      MaterialPageRoute(
+                        builder: (context) => const EventStatisticsPage(),
+                      ),
+                    );
+                  },
+                ),
+              ),
               ExpansionTileTheme(
                 data: const ExpansionTileThemeData(
                   iconColor: AppColors.noir,

em2rp/lib/views/widgets/notification_preferences_widget.dart

@@ -210,7 +210,7 @@ class _NotificationPreferencesWidgetState extends State<NotificationPreferencesW
       ),
       value: value,
       onChanged: _isSaving ? null : onChanged, // Désactiver pendant sauvegarde
-      activeColor: Theme.of(context).primaryColor,
+      activeThumbColor: Theme.of(context).primaryColor,
       inactiveThumbColor: Colors.grey.shade400, // Couleur visible quand OFF
       inactiveTrackColor: Colors.grey.shade300, // Track visible quand OFF
       contentPadding: EdgeInsets.zero,

em2rp/pubspec.yaml

@@ -23,7 +23,7 @@ dependencies:
 
   # UI Core
   cupertino_icons: ^1.0.2
-  google_fonts: ^6.1.0
+  google_fonts: ^8.0.2
   flutter_svg: ^2.2.1
   cached_network_image: ^3.3.1
   flutter_slidable: ^4.0.0
@@ -37,7 +37,7 @@ dependencies:
 
   # Storage & Files
   path_provider: ^2.1.2
-  flutter_secure_storage: ^9.0.0
+  flutter_secure_storage: ^10.0.0
   file_picker: ^10.1.9
   image_picker: ^1.1.2
   flutter_dropzone: ^4.2.1
@@ -47,7 +47,7 @@ dependencies:
   pdf: ^3.10.7
   printing: ^5.11.1
   qr_flutter: ^4.1.0
-  mobile_scanner: ^5.2.3
+  mobile_scanner: ^7.2.0
 
   # Network & API
   http: ^1.1.2
@@ -59,11 +59,8 @@ dependencies:
   share_plus: ^12.0.1
 
   # Notifications
-  flutter_local_notifications: ^19.2.1
+  flutter_local_notifications: ^20.1.0
 
-  # Audio & TTS
-  audioplayers: ^6.1.0
-  flutter_tts: ^4.2.0
 
   # Export/Import
   csv: ^6.0.0

em2rp/web/test_audio_tts.js

@@ -0,0 +1,71 @@
+*// Script de test pour valider l'audio et le TTS dans la console du navigateur
+// À copier-coller dans la console pour diagnostic
+
+console.log('========== TEST AUDIO ET TTS ==========');
+
+// Test 1 : Vérifier les voix disponibles
+console.log('\n1️⃣ Test des voix de synthèse :');
+const synth = window.speechSynthesis;
+const voices = synth.getVoices();
+
+console.log(`   ✓ Nombre de voix : ${voices.length}`);
+
+const frenchVoices = voices.filter(v => v.lang.startsWith('fr'));
+console.log(`   ✓ Voix françaises : ${frenchVoices.length}`);
+
+if (frenchVoices.length > 0) {
+  console.log('   ✓ Voix françaises disponibles :');
+  frenchVoices.forEach(v => {
+    console.log(`      - ${v.name} (${v.lang}) ${v.localService ? 'LOCAL' : 'REMOTE'}`);
+  });
+} else {
+  console.warn('   ⚠ AUCUNE voix française trouvée !');
+}
+
+// Test 2 : Tester le TTS
+console.log('\n2️⃣ Test du TTS (dans 1 seconde) :');
+setTimeout(() => {
+  const utterance = new SpeechSynthesisUtterance('Test de synthèse vocale');
+  utterance.lang = 'fr-FR';
+  utterance.rate = 0.7;
+  utterance.pitch = 0.7;
+  utterance.volume = 1.0;
+
+  if (frenchVoices.length > 0) {
+    utterance.voice = frenchVoices[0];
+    console.log(`   ✓ Utilisation de la voix : ${frenchVoices[0].name}`);
+  }
+
+  utterance.onstart = () => console.log('   ✓ TTS démarré');
+  utterance.onend = () => console.log('   ✓ TTS terminé');
+  utterance.onerror = (e) => console.error('   ✗ Erreur TTS:', e);
+
+  synth.speak(utterance);
+  console.log('   → Lecture en cours...');
+}, 1000);
+
+// Test 3 : Tester l'audio (dans 3 secondes)
+console.log('\n3️⃣ Test de l\'audio (dans 3 secondes) :');
+setTimeout(() => {
+  const audio = new Audio('assets/assets/sounds/ok.mp3');
+  audio.volume = 1.0;
+
+  audio.onloadeddata = () => console.log('   ✓ Audio chargé');
+  audio.onplay = () => console.log('   ✓ Audio en lecture');
+  audio.onended = () => console.log('   ✓ Audio terminé');
+  audio.onerror = (e) => {
+    console.error('   ✗ Erreur audio:', audio.error);
+    console.error('   ✗ Code erreur:', audio.error?.code);
+    console.error('   ✗ Message:', audio.error?.message);
+  };
+
+  audio.play().then(() => {
+    console.log('   → Lecture audio démarrée');
+  }).catch(e => {
+    console.error('   ✗ Échec du play():', e);
+  });
+}, 3000);
+
+console.log('\n⏳ Tests en cours... Attendez les résultats ci-dessus');
+console.log('========================================\n');
+

em2rp/web/version.json

@@ -1,7 +1,7 @@
 {
-  "version": "1.1.7",
+  "version": "1.1.18",
   "updateUrl": "https://app.em2events.fr",
   "forceUpdate": true,
-  "releaseNotes": "Ajout de la gestion des maintenance et synthèse vocale",
+  "releaseNotes": "Fix BUG  : Ajout equipement à un evenement existant, boutons de modification de statut d'un evenement ne fonctionnaient pas. Refonte legere de la page calendrier.",
-  "timestamp": "2026-02-24T12:39:57.675Z"
+  "timestamp": "2026-03-12T20:11:54.548Z"
 }