commit 8a728a612e4c452265be218239020890202b6da2
Author: G2ondele <g2ondele@gmail.com>
Date:   Mon Dec 1 10:56:37 2025 +0100

    Initial commit du projet Flutter

diff --git a/.gitignore b/.gitignore
new file mode 100644
index 0000000..e3dafe1
--- /dev/null
+++ b/.gitignore
@@ -0,0 +1,45 @@
+# Miscellaneous
+*.class
+*.log
+*.pyc
+*.swp
+.DS_Store
+.atom/
+.build/
+.buildlog/
+.history
+.svn/
+.swiftpm/
+migrate_working_dir/
+
+# IntelliJ related
+*.iml
+*.ipr
+*.iws
+.idea/
+
+# The .vscode folder contains launch configuration and tasks you configure in
+# VS Code which you may wish to be included in version control, so this line
+# is commented out by default.
+#.vscode/
+
+# Flutter/Dart/Pub related
+**/doc/api/
+**/ios/Flutter/.last_build_id
+.dart_tool/
+.flutter-plugins
+.flutter-plugins-dependencies
+.pub-cache/
+.pub/
+/build/
+
+# Symbolication related
+app.*.symbols
+
+# Obfuscation related
+app.*.map.json
+
+# Android Studio will place build artifacts here
+/android/app/debug
+/android/app/profile
+/android/app/release
diff --git a/.metadata b/.metadata
new file mode 100644
index 0000000..b9fd747
--- /dev/null
+++ b/.metadata
@@ -0,0 +1,30 @@
+# This file tracks properties of this Flutter project.
+# Used by Flutter tool to assess capabilities and perform upgrades etc.
+#
+# This file should be version controlled and should not be manually edited.
+
+version:
+  revision: "adc901062556672b4138e18a4dc62a4be8f4b3c2"
+  channel: "stable"
+
+project_type: app
+
+# Tracks metadata for the flutter migrate command
+migration:
+  platforms:
+    - platform: root
+      create_revision: adc901062556672b4138e18a4dc62a4be8f4b3c2
+      base_revision: adc901062556672b4138e18a4dc62a4be8f4b3c2
+    - platform: ios
+      create_revision: adc901062556672b4138e18a4dc62a4be8f4b3c2
+      base_revision: adc901062556672b4138e18a4dc62a4be8f4b3c2
+
+  # User provided section
+
+  # List of Local paths (relative to this file) that should be
+  # ignored by the migrate tool.
+  #
+  # Files that are not part of the templates will be ignored by default.
+  unmanaged_files:
+    - 'lib/main.dart'
+    - 'ios/Runner.xcodeproj/project.pbxproj'
diff --git a/README.md b/README.md
new file mode 100644
index 0000000..6aa76f6
--- /dev/null
+++ b/README.md
@@ -0,0 +1,16 @@
+# wtpe
+
+A new Flutter project.
+
+## Getting Started
+
+This project is a starting point for a Flutter application.
+
+A few resources to get you started if this is your first Flutter project:
+
+- [Lab: Write your first Flutter app](https://docs.flutter.dev/get-started/codelab)
+- [Cookbook: Useful Flutter samples](https://docs.flutter.dev/cookbook)
+
+For help getting started with Flutter development, view the
+[online documentation](https://docs.flutter.dev/), which offers tutorials,
+samples, guidance on mobile development, and a full API reference.
diff --git a/analysis_options.yaml b/analysis_options.yaml
new file mode 100644
index 0000000..d4e0f0c
--- /dev/null
+++ b/analysis_options.yaml
@@ -0,0 +1,28 @@
+# This file configures the analyzer, which statically analyzes Dart code to
+# check for errors, warnings, and lints.
+#
+# The issues identified by the analyzer are surfaced in the UI of Dart-enabled
+# IDEs (https://dart.dev/tools#ides-and-editors). The analyzer can also be
+# invoked from the command line by running `flutter analyze`.
+
+# The following line activates a set of recommended lints for Flutter apps,
+# packages, and plugins designed to encourage good coding practices.
+include: package:flutter_lints/flutter.yaml
+
+linter:
+  # The lint rules applied to this project can be customized in the
+  # section below to disable rules from the `package:flutter_lints/flutter.yaml`
+  # included above or to enable additional rules. A list of all available lints
+  # and their documentation is published at https://dart.dev/lints.
+  #
+  # Instead of disabling a lint rule for the entire project in the
+  # section below, it can also be suppressed for a single line of code
+  # or a specific dart file by using the `// ignore: name_of_lint` and
+  # `// ignore_for_file: name_of_lint` syntax on the line or in the file
+  # producing the lint.
+  rules:
+    # avoid_print: false  # Uncomment to disable the `avoid_print` rule
+    # prefer_single_quotes: true  # Uncomment to enable the `prefer_single_quotes` rule
+
+# Additional information about this file can be found at
+# https://dart.dev/guides/language/analysis-options
diff --git a/android/.gitignore b/android/.gitignore
new file mode 100644
index 0000000..c908258
--- /dev/null
+++ b/android/.gitignore
@@ -0,0 +1,14 @@
+gradle-wrapper.jar
+/.gradle
+/captures/
+/gradlew
+/gradlew.bat
+/local.properties
+GeneratedPluginRegistrant.java
+.cxx/
+
+# Remember to never publicly share your keystore.
+# See https://flutter.dev/to/reference-keystore
+key.properties
+**/*.keystore
+**/*.jks
diff --git a/android/app/build.gradle.kts b/android/app/build.gradle.kts
new file mode 100644
index 0000000..64c0e73
--- /dev/null
+++ b/android/app/build.gradle.kts
@@ -0,0 +1,44 @@
+plugins {
+    id("com.android.application")
+    id("kotlin-android")
+    // The Flutter Gradle Plugin must be applied after the Android and Kotlin Gradle plugins.
+    id("dev.flutter.flutter-gradle-plugin")
+}
+
+android {
+    namespace = "com.example.wtpe"
+    compileSdk = flutter.compileSdkVersion
+    ndkVersion ="27.0.12077973"
+
+    compileOptions {
+        sourceCompatibility = JavaVersion.VERSION_11
+        targetCompatibility = JavaVersion.VERSION_11
+    }
+
+    kotlinOptions {
+        jvmTarget = JavaVersion.VERSION_11.toString()
+    }
+
+    defaultConfig {
+        // TODO: Specify your own unique Application ID (https://developer.android.com/studio/build/application-id.html).
+        applicationId = "com.example.wtpe"
+        // You can update the following values to match your application needs.
+        // For more information, see: https://flutter.dev/to/review-gradle-config.
+        minSdk = flutter.minSdkVersion
+        targetSdk = flutter.targetSdkVersion
+        versionCode = flutter.versionCode
+        versionName = flutter.versionName
+    }
+
+    buildTypes {
+        release {
+            // TODO: Add your own signing config for the release build.
+            // Signing with the debug keys for now, so `flutter run --release` works.
+            signingConfig = signingConfigs.getByName("debug")
+        }
+    }
+}
+
+flutter {
+    source = "../.."
+}
diff --git a/android/app/src/debug/AndroidManifest.xml b/android/app/src/debug/AndroidManifest.xml
new file mode 100644
index 0000000..8ffe024
--- /dev/null
+++ b/android/app/src/debug/AndroidManifest.xml
@@ -0,0 +1,7 @@
+<manifest xmlns:android="http://schemas.android.com/apk/res/android">
+    <!-- The INTERNET permission is required for development. Specifically,
+         the Flutter tool needs it to communicate with the running application
+         to allow setting breakpoints, to provide hot reload, etc.
+    -->
+    <uses-permission android:name="android.permission.INTERNET"/>
+</manifest>
diff --git a/android/app/src/main/AndroidManifest.xml b/android/app/src/main/AndroidManifest.xml
new file mode 100644
index 0000000..9049d08
--- /dev/null
+++ b/android/app/src/main/AndroidManifest.xml
@@ -0,0 +1,60 @@
+<manifest xmlns:android="http://schemas.android.com/apk/res/android"
+    xmlns:tools="http://schemas.android.com/tools"
+    package="com.example.wtpe">
+
+    <!-- Permissions nécessaires pour l'application -->
+    <uses-permission android:name="android.permission.INTERNET" />
+    <uses-permission android:name="android.permission.ACCESS_WIFI_STATE" />
+    <uses-permission android:name="android.permission.CHANGE_WIFI_STATE" />
+    <uses-permission android:name="android.permission.ACCESS_NETWORK_STATE" />
+
+    <!-- Fusion des deux <queries> -->
+    <queries>
+        <package android:name="com.whatsapp" />
+        <package android:name="com.whatsapp.w4b" />
+        <intent>
+            <action android:name="android.intent.action.VIEW" />
+            <data android:scheme="https" />
+        </intent>
+        <intent>
+            <action android:name="android.settings.WIFI_SETTINGS" />
+        </intent>
+        <intent>
+            <action android:name="android.settings.SETTINGS" />
+        </intent>
+        <intent>
+            <action android:name="android.intent.action.PROCESS_TEXT"/>
+            <data android:mimeType="text/plain"/>
+        </intent>
+    </queries>
+
+    <application
+        android:label="wtpe"
+        android:name="${applicationName}"
+        android:testOnly="true"
+        android:icon="@mipmap/ic_launcher">
+
+        <activity
+            android:name=".MainActivity"
+            android:exported="true"
+            android:launchMode="singleTop"
+            android:theme="@style/LaunchTheme"
+            android:configChanges="orientation|keyboardHidden|keyboard|screenSize|smallestScreenSize|locale|layoutDirection|fontScale|screenLayout|density|uiMode"
+            android:hardwareAccelerated="true"
+            android:windowSoftInputMode="adjustResize">
+
+            <meta-data
+                android:name="io.flutter.embedding.android.NormalTheme"
+                android:resource="@style/NormalTheme" />
+
+            <intent-filter>
+                <action android:name="android.intent.action.MAIN"/>
+                <category android:name="android.intent.category.LAUNCHER"/>
+            </intent-filter>
+        </activity>
+
+        <meta-data
+            android:name="flutterEmbedding"
+            android:value="2" />
+    </application>
+</manifest>
diff --git a/android/app/src/main/kotlin/com/example/wtpe/BootReceiver.kt b/android/app/src/main/kotlin/com/example/wtpe/BootReceiver.kt
new file mode 100644
index 0000000..894a96a
--- /dev/null
+++ b/android/app/src/main/kotlin/com/example/wtpe/BootReceiver.kt
@@ -0,0 +1,25 @@
+package com.example.wtpe
+
+import android.content.BroadcastReceiver
+import android.content.Context
+import android.content.Intent
+import android.util.Log
+
+class BootReceiver : BroadcastReceiver() {
+    
+    override fun onReceive(context: Context, intent: Intent) {
+        if (Intent.ACTION_BOOT_COMPLETED == intent.action || 
+            "android.intent.action.QUICKBOOT_POWERON" == intent.action) {
+            
+            Log.d("BootReceiver", "WTPE - Démarrage détecté, lancement de l'application")
+            
+            val startIntent = Intent(context, MainActivity::class.java).apply {
+                addFlags(Intent.FLAG_ACTIVITY_NEW_TASK)
+                addFlags(Intent.FLAG_ACTIVITY_CLEAR_TOP)
+                addFlags(Intent.FLAG_ACTIVITY_SINGLE_TOP)
+            }
+            
+            context.startActivity(startIntent)
+        }
+    }
+}
\ No newline at end of file
diff --git a/android/app/src/main/kotlin/com/example/wtpe/DeviceAdminReceiver.kt b/android/app/src/main/kotlin/com/example/wtpe/DeviceAdminReceiver.kt
new file mode 100644
index 0000000..390c929
--- /dev/null
+++ b/android/app/src/main/kotlin/com/example/wtpe/DeviceAdminReceiver.kt
@@ -0,0 +1,29 @@
+package com.example.wtpe
+
+import android.app.admin.DeviceAdminReceiver
+import android.content.Context
+import android.content.Intent
+import android.util.Log
+
+class DeviceAdminReceiver : DeviceAdminReceiver() {
+    
+    override fun onEnabled(context: Context, intent: Intent) {
+        super.onEnabled(context, intent)
+        Log.d("DeviceAdmin", "WTPE Device Admin activé")
+    }
+
+    override fun onDisabled(context: Context, intent: Intent) {
+        super.onDisabled(context, intent)
+        Log.d("DeviceAdmin", "WTPE Device Admin désactivé")
+    }
+
+    override fun onLockTaskModeEntering(context: Context, intent: Intent, pkg: String) {
+        super.onLockTaskModeEntering(context, intent, pkg)
+        Log.d("DeviceAdmin", "WTPE - Entrée en mode Lock Task: $pkg")
+    }
+
+    override fun onLockTaskModeExiting(context: Context, intent: Intent) {
+        super.onLockTaskModeExiting(context, intent)
+        Log.d("DeviceAdmin", "WTPE - Sortie du mode Lock Task")
+    }
+} 
\ No newline at end of file
diff --git a/android/app/src/main/kotlin/com/example/wtpe/MainActivity.kt b/android/app/src/main/kotlin/com/example/wtpe/MainActivity.kt
new file mode 100644
index 0000000..480f733
--- /dev/null
+++ b/android/app/src/main/kotlin/com/example/wtpe/MainActivity.kt
@@ -0,0 +1,617 @@
+package com.example.wtpe
+
+import android.app.ActivityManager
+import android.app.admin.DevicePolicyManager
+import android.content.ComponentName
+import android.content.Context
+import android.content.Intent
+import android.content.pm.PackageManager
+import android.graphics.PixelFormat
+import android.net.Uri
+import android.os.Build
+import android.os.Bundle
+import android.provider.Settings
+import android.view.Gravity
+import android.view.View
+import android.view.WindowManager
+import android.view.WindowManager.LayoutParams
+import androidx.annotation.NonNull
+import io.flutter.embedding.android.FlutterActivity
+import io.flutter.embedding.engine.FlutterEngine
+import io.flutter.plugin.common.MethodChannel
+
+class MainActivity : FlutterActivity() {
+    private val CHANNEL = "com.wortis.agent/settings"
+    private val KIOSK_CHANNEL = "kiosk_mode"
+    
+    private lateinit var devicePolicyManager: DevicePolicyManager
+    private lateinit var compName: ComponentName
+    private var overlayView: View? = null
+    private var isKioskModeActive = true
+
+    override fun configureFlutterEngine(@NonNull flutterEngine: FlutterEngine) {
+        super.configureFlutterEngine(flutterEngine)
+        
+        devicePolicyManager = getSystemService(Context.DEVICE_POLICY_SERVICE) as DevicePolicyManager
+        compName = ComponentName(this, DeviceAdminReceiver::class.java)
+        
+        // Configuration du mode kiosque au démarrage
+        enableKioskMode()
+
+        // Ajoutez cette méthode au canal CHANNEL dans configureFlutterEngine :
+MethodChannel(flutterEngine.dartExecutor.binaryMessenger, CHANNEL).setMethodCallHandler { call, result ->
+    when (call.method) {
+        // ... vos autres méthodes ...
+        
+        "forceRestartKiosk" -> {
+            // Méthode pour forcer le retour en mode kiosque
+            if (devicePolicyManager.isDeviceOwnerApp(packageName)) {
+                enableAdvancedKioskMode()
+            } else {
+                enableKioskMode()
+            }
+            result.success("Kiosk mode restarted")
+        }
+        
+        else -> {
+            result.notImplemented()
+        }
+    }
+}
+        
+        // Canal principal pour les paramètres système
+        MethodChannel(flutterEngine.dartExecutor.binaryMessenger, CHANNEL).setMethodCallHandler { call, result ->
+            when (call.method) {
+                "openWifiSettings" -> {
+                    openWifiSettings()
+                    result.success("WiFi settings opened")
+                }
+                "openSettings" -> {
+                    openSettings()
+                    result.success("Settings opened")
+                }
+                        // ============= AJOUTER CES MÉTHODES =============
+                "enableKioskMode" -> {
+                    enableKioskMode()
+                    result.success("Kiosk mode enabled")
+                }
+                "exitKioskMode" -> {
+                    exitKioskMode()
+                    result.success("Kiosk mode disabled")
+                }
+                // ============= FIN AJOUT =============
+                "setBrightness" -> {
+                    val brightness = call.argument<Double>("brightness") ?: 0.5
+                    setBrightness(brightness.toFloat())
+                    result.success("Brightness set to ${(brightness * 100).toInt()}%")
+                }
+                "getSystemBrightness" -> {
+                    val brightness = getSystemBrightness()
+                    result.success(brightness.toDouble())
+                }
+                "openWhatsApp" -> {
+                    val opened = openWhatsApp()
+                    if (opened) {
+                        result.success("WhatsApp opened")
+                    } else {
+                        result.error("WHATSAPP_ERROR", "WhatsApp not installed or error opening", null)
+                    }
+                }
+                else -> {
+                    result.notImplemented()
+                }
+            }
+        }
+        
+        // Canal pour le mode kiosque avancé
+        MethodChannel(flutterEngine.dartExecutor.binaryMessenger, KIOSK_CHANNEL).setMethodCallHandler { call, result ->
+            when (call.method) {
+                "enableKioskMode" -> {
+                    enableAdvancedKioskMode()
+                    result.success(null)
+                }
+                "disableKioskMode" -> {
+                    disableAdvancedKioskMode()
+                    result.success(null)
+                }
+                "isDeviceOwner" -> {
+                    result.success(devicePolicyManager.isDeviceOwnerApp(packageName))
+                }
+                "requestDeviceAdmin" -> {
+                    requestDeviceAdmin()
+                    result.success(null)
+                }
+                "hideNavigationBar" -> {
+                    hideSystemUI()
+                    result.success(null)
+                }
+                "enableStatusBarExpansion" -> {
+                    enableStatusBarExpansion(call.argument<Boolean>("enable") ?: false)
+                    result.success(null)
+                }
+                "preventStatusBarExpansion" -> {
+                    preventStatusBarExpansion()
+                    result.success(null)
+                }
+                "exitKioskMode" -> {
+                    exitKioskMode()
+                    result.success("Kiosk mode disabled")
+                }
+                else -> {
+                    result.notImplemented()
+                }
+            }
+        }
+    }
+
+    override fun onCreate(savedInstanceState: Bundle?) {
+        super.onCreate(savedInstanceState)
+        
+        // Configuration de la fenêtre pour le mode kiosque avancé
+        window.setFlags(
+            WindowManager.LayoutParams.FLAG_FULLSCREEN or
+            WindowManager.LayoutParams.FLAG_LAYOUT_NO_LIMITS or
+            WindowManager.LayoutParams.FLAG_SECURE,
+            WindowManager.LayoutParams.FLAG_FULLSCREEN or
+            WindowManager.LayoutParams.FLAG_LAYOUT_NO_LIMITS or
+            WindowManager.LayoutParams.FLAG_SECURE
+        )
+        
+        // Masquer immédiatement tous les éléments système
+        hideSystemUI()
+        preventStatusBarExpansion()
+        
+        // Créer un overlay pour bloquer les gestes système
+        createSystemOverlay()
+        
+        // Activer le mode kiosque avancé si on est Device Owner
+        if (devicePolicyManager.isDeviceOwnerApp(packageName)) {
+            enableAdvancedKioskMode()
+        } else {
+            enableKioskMode()
+        }
+    }
+
+// Modifiez onResume pour réactiver automatiquement le mode kiosque :
+override fun onResume() {
+    super.onResume()
+    
+    // Délai pour permettre à l'utilisateur de revenir depuis les paramètres
+    android.os.Handler(android.os.Looper.getMainLooper()).postDelayed({
+        if (isKioskModeActive) {
+            hideSystemUI()
+            preventStatusBarExpansion()
+            
+            if (devicePolicyManager.isDeviceOwnerApp(packageName)) {
+                // Vérifier si on doit relancer le Lock Task
+                val activityManager = getSystemService(Context.ACTIVITY_SERVICE) as ActivityManager
+                if (!activityManager.isInLockTaskMode) {
+                    enableAdvancedKioskMode()
+                    android.util.Log.d("MainActivity", "Lock Task réactivé depuis onResume")
+                }
+            } else {
+                enableKioskMode()
+            }
+        }
+    }, 1000) // Délai de 1 seconde
+}
+
+    override fun onWindowFocusChanged(hasFocus: Boolean) {
+        super.onWindowFocusChanged(hasFocus)
+        if (hasFocus && isKioskModeActive) {
+            hideSystemUI()
+        }
+    }
+
+    private fun createSystemOverlay() {
+        if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.M) {
+            try {
+                if (Settings.canDrawOverlays(this)) {
+                    val windowManager = getSystemService(Context.WINDOW_SERVICE) as WindowManager
+                    
+                    // Créer un overlay invisible au-dessus de la barre de statut
+                    overlayView = View(this)
+                    overlayView?.setBackgroundColor(android.graphics.Color.TRANSPARENT)
+                    
+                    val layoutParams = if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.O) {
+                        LayoutParams(
+                            LayoutParams.MATCH_PARENT,
+                            getStatusBarHeight(),
+                            LayoutParams.TYPE_APPLICATION_OVERLAY,
+                            LayoutParams.FLAG_NOT_TOUCHABLE or 
+                            LayoutParams.FLAG_LAYOUT_IN_SCREEN or
+                            LayoutParams.FLAG_FULLSCREEN,
+                            PixelFormat.TRANSLUCENT
+                        )
+                    } else {
+                        LayoutParams(
+                            LayoutParams.MATCH_PARENT,
+                            getStatusBarHeight(),
+                            LayoutParams.TYPE_SYSTEM_OVERLAY,
+                            LayoutParams.FLAG_NOT_TOUCHABLE or 
+                            LayoutParams.FLAG_LAYOUT_IN_SCREEN or
+                            LayoutParams.FLAG_FULLSCREEN,
+                            PixelFormat.TRANSLUCENT
+                        )
+                    }
+                    
+                    layoutParams.gravity = Gravity.TOP
+                    windowManager.addView(overlayView, layoutParams)
+                }
+            } catch (e: Exception) {
+                e.printStackTrace()
+            }
+        }
+    }
+
+    private fun getStatusBarHeight(): Int {
+        var result = 0
+        val resourceId = resources.getIdentifier("status_bar_height", "dimen", "android")
+        if (resourceId > 0) {
+            result = resources.getDimensionPixelSize(resourceId)
+        }
+        return result
+    }
+
+    private fun hideSystemUI() {
+        if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.KITKAT) {
+            window.decorView.systemUiVisibility = (
+                View.SYSTEM_UI_FLAG_LAYOUT_STABLE
+                or View.SYSTEM_UI_FLAG_LAYOUT_HIDE_NAVIGATION
+                or View.SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN
+                or View.SYSTEM_UI_FLAG_HIDE_NAVIGATION
+                or View.SYSTEM_UI_FLAG_FULLSCREEN
+                or View.SYSTEM_UI_FLAG_LOW_PROFILE
+                or View.SYSTEM_UI_FLAG_IMMERSIVE_STICKY
+            )
+        }
+        
+        // Configuration supplémentaire pour Android 11+
+        if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.R) {
+            window.setDecorFitsSystemWindows(false)
+        }
+        
+        // Masquer les barres système
+        if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP) {
+            window.statusBarColor = android.graphics.Color.TRANSPARENT
+            window.navigationBarColor = android.graphics.Color.TRANSPARENT
+        }
+    }
+
+    private fun enableKioskMode() {
+        try {
+            isKioskModeActive = true
+            
+            if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.KITKAT) {
+                window.decorView.systemUiVisibility = (
+                    View.SYSTEM_UI_FLAG_IMMERSIVE_STICKY
+                    or View.SYSTEM_UI_FLAG_HIDE_NAVIGATION
+                    or View.SYSTEM_UI_FLAG_FULLSCREEN
+                    or View.SYSTEM_UI_FLAG_LAYOUT_HIDE_NAVIGATION
+                    or View.SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN
+                    or View.SYSTEM_UI_FLAG_LAYOUT_STABLE
+                )
+            }
+            
+            // Empêcher l'extinction de l'écran
+            window.addFlags(WindowManager.LayoutParams.FLAG_KEEP_SCREEN_ON)
+            
+            // Masquer la barre de navigation pour les écrans avec encoche
+            if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.P) {
+                window.attributes.layoutInDisplayCutoutMode = 
+                    WindowManager.LayoutParams.LAYOUT_IN_DISPLAY_CUTOUT_MODE_SHORT_EDGES
+            }
+            
+        } catch (e: Exception) {
+            e.printStackTrace()
+        }
+    }
+
+    private fun enableAdvancedKioskMode() {
+        if (devicePolicyManager.isDeviceOwnerApp(packageName)) {
+            try {
+                isKioskModeActive = true
+                val packages = arrayOf(packageName)
+                devicePolicyManager.setLockTaskPackages(compName, packages)
+                startLockTask()
+                
+                // Désactiver la barre de statut si Device Owner
+                if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.M) {
+                    devicePolicyManager.setStatusBarDisabled(compName, true)
+                }
+                
+                // Appliquer aussi les configurations de base
+                enableKioskMode()
+            } catch (e: Exception) {
+                e.printStackTrace()
+                // Fallback vers le mode kiosque de base
+                enableKioskMode()
+            }
+        } else {
+            // Si pas Device Owner, utiliser le mode kiosque de base
+            enableKioskMode()
+        }
+    }
+
+    private fun disableAdvancedKioskMode() {
+        if (devicePolicyManager.isDeviceOwnerApp(packageName)) {
+            try {
+                stopLockTask()
+                
+                // Réactiver la barre de statut
+                if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.M) {
+                    devicePolicyManager.setStatusBarDisabled(compName, false)
+                }
+                
+                exitKioskMode()
+            } catch (e: Exception) {
+                e.printStackTrace()
+                exitKioskMode()
+            }
+        } else {
+            exitKioskMode()
+        }
+    }
+
+    private fun exitKioskMode() {
+        try {
+            isKioskModeActive = false
+            
+            // Restaurer l'UI normale
+            window.decorView.systemUiVisibility = View.SYSTEM_UI_FLAG_VISIBLE
+            
+            // Permettre l'extinction automatique de l'écran
+            window.clearFlags(WindowManager.LayoutParams.FLAG_KEEP_SCREEN_ON)
+            
+        } catch (e: Exception) {
+            e.printStackTrace()
+        }
+    }
+
+    private fun setBrightness(brightness: Float) {
+        try {
+            runOnUiThread {
+                val layoutParams = window.attributes
+                layoutParams.screenBrightness = brightness.coerceIn(0.0f, 1.0f)
+                window.attributes = layoutParams
+            }
+            
+            // Log pour debug
+            android.util.Log.d("MainActivity", "Luminosité réglée à: ${(brightness * 100).toInt()}%")
+            
+        } catch (e: Exception) {
+            android.util.Log.e("MainActivity", "Erreur réglage luminosité: ${e.message}")
+            e.printStackTrace()
+        }
+    }
+
+    private fun getSystemBrightness(): Float {
+        return try {
+            val currentBrightness = window.attributes.screenBrightness
+            if (currentBrightness >= 0) {
+                android.util.Log.d("MainActivity", "Luminosité actuelle: ${(currentBrightness * 100).toInt()}%")
+                currentBrightness
+            } else {
+                0.5f
+            }
+        } catch (e: Exception) {
+            android.util.Log.e("MainActivity", "Erreur lecture luminosité: ${e.message}")
+            0.5f
+        }
+    }
+
+    
+private fun openWhatsApp(): Boolean {
+    return try {
+        // Sortir du Lock Task si on est Device Owner
+        if (devicePolicyManager.isDeviceOwnerApp(packageName)) {
+            try {
+                stopLockTask()
+                android.util.Log.d("MainActivity", "Lock Task arrêté pour WhatsApp")
+            } catch (e: Exception) {
+                android.util.Log.e("MainActivity", "Erreur arrêt Lock Task: ${e.message}")
+            }
+        }
+        
+        // Désactiver le mode kiosque temporairement
+        exitKioskMode()
+        
+        val packageManager = packageManager
+        
+        // Essayer WhatsApp Business EN PREMIER
+        var intent = packageManager.getLaunchIntentForPackage("com.whatsapp.w4b")
+        
+        if (intent != null) {
+            intent.addFlags(Intent.FLAG_ACTIVITY_NEW_TASK or Intent.FLAG_ACTIVITY_CLEAR_TOP)
+            startActivity(intent)
+            android.util.Log.d("MainActivity", "WhatsApp Business ouvert")
+            return true
+        }
+        
+        // Fallback vers WhatsApp normal
+        intent = packageManager.getLaunchIntentForPackage("com.whatsapp")
+        if (intent != null) {
+            intent.addFlags(Intent.FLAG_ACTIVITY_NEW_TASK or Intent.FLAG_ACTIVITY_CLEAR_TOP)
+            startActivity(intent)
+            android.util.Log.d("MainActivity", "WhatsApp normal ouvert")
+            return true
+        }
+        
+        // Si aucun WhatsApp installé, ouvrir le Play Store pour WhatsApp Business
+        try {
+            val playStoreIntent = Intent(Intent.ACTION_VIEW).apply {
+                data = Uri.parse("market://details?id=com.whatsapp.w4b")
+                addFlags(Intent.FLAG_ACTIVITY_NEW_TASK)
+            }
+            startActivity(playStoreIntent)
+            return true
+        } catch (e: Exception) {
+            val webIntent = Intent(Intent.ACTION_VIEW).apply {
+                data = Uri.parse("https://play.google.com/store/apps/details?id=com.whatsapp.w4b")
+                addFlags(Intent.FLAG_ACTIVITY_NEW_TASK)
+            }
+            startActivity(webIntent)
+            return true
+        }
+        
+    } catch (e: Exception) {
+        android.util.Log.e("MainActivity", "Erreur ouverture WhatsApp: ${e.message}")
+        e.printStackTrace()
+        // Réactiver le mode kiosque en cas d'erreur
+        enableKioskMode()
+        false
+    }
+}
+
+
+    private fun openWifiSettings() {
+        try {
+            // Sortir du Lock Task si on est Device Owner
+            if (devicePolicyManager.isDeviceOwnerApp(packageName)) {
+                try {
+                    stopLockTask()
+                    android.util.Log.d("MainActivity", "Lock Task arrêté pour WiFi")
+                } catch (e: Exception) {
+                    android.util.Log.e("MainActivity", "Erreur arrêt Lock Task: ${e.message}")
+                }
+            }
+            
+            // Désactiver le mode kiosque temporairement
+            exitKioskMode()
+            
+            // Essayer d'ouvrir directement les paramètres WiFi
+            val intent = Intent(Settings.ACTION_WIFI_SETTINGS).apply {
+                addFlags(Intent.FLAG_ACTIVITY_NEW_TASK or Intent.FLAG_ACTIVITY_CLEAR_TOP)
+            }
+            startActivity(intent)
+            
+            android.util.Log.d("MainActivity", "Paramètres WiFi ouverts")
+            
+        } catch (e: Exception) {
+            android.util.Log.e("MainActivity", "Erreur ouverture WiFi: ${e.message}")
+            e.printStackTrace()
+            // Fallback vers les paramètres généraux
+            openSettings()
+        }
+    }
+
+
+private fun openSettings() {
+    try {
+        // Sortir du Lock Task si on est Device Owner
+        if (devicePolicyManager.isDeviceOwnerApp(packageName)) {
+            try {
+                stopLockTask()
+            } catch (e: Exception) {
+                android.util.Log.e("MainActivity", "Erreur arrêt Lock Task: ${e.message}")
+            }
+        }
+        
+        // Désactiver le mode kiosque temporairement
+        exitKioskMode()
+        
+        val intent = Intent(Settings.ACTION_SETTINGS).apply {
+            addFlags(Intent.FLAG_ACTIVITY_NEW_TASK or Intent.FLAG_ACTIVITY_CLEAR_TOP)
+        }
+        startActivity(intent)
+        
+    } catch (e: Exception) {
+        e.printStackTrace()
+        // Réactiver le mode kiosque en cas d'erreur
+        enableKioskMode()
+    }
+}
+
+    private fun requestDeviceAdmin() {
+        val intent = Intent(DevicePolicyManager.ACTION_ADD_DEVICE_ADMIN).apply {
+            putExtra(DevicePolicyManager.EXTRA_DEVICE_ADMIN, compName)
+            putExtra(DevicePolicyManager.EXTRA_ADD_EXPLANATION, 
+                "Cette application nécessite des privilèges d'administrateur pour fonctionner en mode kiosque.")
+        }
+        startActivityForResult(intent, 1)
+    }
+    
+    private fun preventStatusBarExpansion() {
+        if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.M) {
+            try {
+                // Empêcher l'expansion de la barre de statut
+                val service = getSystemService(Context.STATUS_BAR_SERVICE)
+                val statusbarManager = Class.forName("android.app.StatusBarManager")
+                val expand = statusbarManager.getMethod("collapsePanels")
+                expand.invoke(service)
+                
+                // Désactiver les notifications pour cette app si Device Owner
+                if (devicePolicyManager.isDeviceOwnerApp(packageName)) {
+                    devicePolicyManager.setStatusBarDisabled(compName, true)
+                }
+            } catch (e: Exception) {
+                e.printStackTrace()
+            }
+        }
+    }
+    
+    private fun enableStatusBarExpansion(enable: Boolean) {
+        if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.M && devicePolicyManager.isDeviceOwnerApp(packageName)) {
+            try {
+                devicePolicyManager.setStatusBarDisabled(compName, !enable)
+            } catch (e: Exception) {
+                e.printStackTrace()
+            }
+        }
+    }
+
+    @Deprecated("Deprecated in Java")
+    override fun onBackPressed() {
+        // Désactiver le bouton retour en mode kiosque uniquement
+        if (isKioskModeActive) {
+            // Permettre le bouton retour pour la navigation dans l'app en mode kiosque avancé
+            if (devicePolicyManager.isDeviceOwnerApp(packageName)) {
+                super.onBackPressed()
+            }
+            // Sinon, ne rien faire pour empêcher la sortie
+        } else {
+            // Permettre la navigation normale quand pas en mode kiosque
+            super.onBackPressed()
+        }
+    }
+    
+    override fun onUserLeaveHint() {
+        super.onUserLeaveHint()
+        // Ne forcer le retour que si en mode kiosque
+        if (isKioskModeActive) {
+            try {
+                val intent = Intent(this, MainActivity::class.java).apply {
+                    addFlags(Intent.FLAG_ACTIVITY_NEW_TASK or Intent.FLAG_ACTIVITY_CLEAR_TOP)
+                }
+                startActivity(intent)
+            } catch (e: Exception) {
+                e.printStackTrace()
+            }
+        }
+    }
+    
+    override fun onPause() {
+        super.onPause()
+        // Ramener immédiatement l'app au premier plan en mode kiosque avancé seulement
+        if (isKioskModeActive && devicePolicyManager.isDeviceOwnerApp(packageName)) {
+            val intent = Intent(this, MainActivity::class.java).apply {
+                addFlags(Intent.FLAG_ACTIVITY_REORDER_TO_FRONT)
+                addFlags(Intent.FLAG_ACTIVITY_NEW_TASK)
+            }
+            startActivity(intent)
+        }
+    }
+
+    override fun onDestroy() {
+        super.onDestroy()
+        // Supprimer l'overlay si il existe
+        if (overlayView != null) {
+            try {
+                val windowManager = getSystemService(Context.WINDOW_SERVICE) as WindowManager
+                windowManager.removeView(overlayView)
+            } catch (e: Exception) {
+                e.printStackTrace()
+            }
+        }
+    }
+}
\ No newline at end of file
diff --git a/android/app/src/main/res/drawable-v21/launch_background.xml b/android/app/src/main/res/drawable-v21/launch_background.xml
new file mode 100644
index 0000000..1cb7aa2
--- /dev/null
+++ b/android/app/src/main/res/drawable-v21/launch_background.xml
@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Modify this file to customize your launch splash screen -->
+<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
+    <item android:drawable="?android:colorBackground" />
+
+    <!-- You can insert your own image assets here -->
+    <!-- <item>
+        <bitmap
+            android:gravity="center"
+            android:src="@mipmap/launch_image" />
+    </item> -->
+</layer-list>
diff --git a/android/app/src/main/res/drawable/launch_background.xml b/android/app/src/main/res/drawable/launch_background.xml
new file mode 100644
index 0000000..8403758
--- /dev/null
+++ b/android/app/src/main/res/drawable/launch_background.xml
@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Modify this file to customize your launch splash screen -->
+<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
+    <item android:drawable="@android:color/white" />
+
+    <!-- You can insert your own image assets here -->
+    <!-- <item>
+        <bitmap
+            android:gravity="center"
+            android:src="@mipmap/launch_image" />
+    </item> -->
+</layer-list>
diff --git a/android/app/src/main/res/mipmap-hdpi/ic_launcher.png b/android/app/src/main/res/mipmap-hdpi/ic_launcher.png
new file mode 100644
index 0000000..db77bb4
Binary files /dev/null and b/android/app/src/main/res/mipmap-hdpi/ic_launcher.png differ
diff --git a/android/app/src/main/res/mipmap-mdpi/ic_launcher.png b/android/app/src/main/res/mipmap-mdpi/ic_launcher.png
new file mode 100644
index 0000000..17987b7
Binary files /dev/null and b/android/app/src/main/res/mipmap-mdpi/ic_launcher.png differ
diff --git a/android/app/src/main/res/mipmap-xhdpi/ic_launcher.png b/android/app/src/main/res/mipmap-xhdpi/ic_launcher.png
new file mode 100644
index 0000000..09d4391
Binary files /dev/null and b/android/app/src/main/res/mipmap-xhdpi/ic_launcher.png differ
diff --git a/android/app/src/main/res/mipmap-xxhdpi/ic_launcher.png b/android/app/src/main/res/mipmap-xxhdpi/ic_launcher.png
new file mode 100644
index 0000000..d5f1c8d
Binary files /dev/null and b/android/app/src/main/res/mipmap-xxhdpi/ic_launcher.png differ
diff --git a/android/app/src/main/res/mipmap-xxxhdpi/ic_launcher.png b/android/app/src/main/res/mipmap-xxxhdpi/ic_launcher.png
new file mode 100644
index 0000000..4d6372e
Binary files /dev/null and b/android/app/src/main/res/mipmap-xxxhdpi/ic_launcher.png differ
diff --git a/android/app/src/main/res/values-night/styles.xml b/android/app/src/main/res/values-night/styles.xml
new file mode 100644
index 0000000..360a160
--- /dev/null
+++ b/android/app/src/main/res/values-night/styles.xml
@@ -0,0 +1,18 @@
+<?xml version="1.0" encoding="utf-8"?>
+<resources>
+    <!-- Theme applied to the Android Window while the process is starting when the OS's Dark Mode setting is on -->
+    <style name="LaunchTheme" parent="@android:style/Theme.Black.NoTitleBar">
+        <!-- Show a splash screen on the activity. Automatically removed when
+             the Flutter engine draws its first frame -->
+        <item name="android:windowBackground">@drawable/launch_background</item>
+    </style>
+    <!-- Theme applied to the Android Window as soon as the process has started.
+         This theme determines the color of the Android Window while your
+         Flutter UI initializes, as well as behind your Flutter UI while its
+         running.
+
+         This Theme is only used starting with V2 of Flutter's Android embedding. -->
+    <style name="NormalTheme" parent="@android:style/Theme.Black.NoTitleBar">
+        <item name="android:windowBackground">?android:colorBackground</item>
+    </style>
+</resources>
diff --git a/android/app/src/main/res/values/styles.xml b/android/app/src/main/res/values/styles.xml
new file mode 100644
index 0000000..5fac679
--- /dev/null
+++ b/android/app/src/main/res/values/styles.xml
@@ -0,0 +1,18 @@
+<?xml version="1.0" encoding="utf-8"?>
+<resources>
+    <!-- Theme applied to the Android Window while the process is starting when the OS's Dark Mode setting is off -->
+    <style name="LaunchTheme" parent="@android:style/Theme.Light.NoTitleBar">
+        <!-- Show a splash screen on the activity. Automatically removed when
+             the Flutter engine draws its first frame -->
+        <item name="android:windowBackground">@drawable/launch_background</item>
+    </style>
+    <!-- Theme applied to the Android Window as soon as the process has started.
+         This theme determines the color of the Android Window while your
+         Flutter UI initializes, as well as behind your Flutter UI while its
+         running.
+
+         This Theme is only used starting with V2 of Flutter's Android embedding. -->
+    <style name="NormalTheme" parent="@android:style/Theme.Light.NoTitleBar">
+        <item name="android:windowBackground">?android:colorBackground</item>
+    </style>
+</resources>
diff --git a/android/app/src/main/res/xml/device_admin.xml b/android/app/src/main/res/xml/device_admin.xml
new file mode 100644
index 0000000..b7edfc4
--- /dev/null
+++ b/android/app/src/main/res/xml/device_admin.xml
@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="utf-8"?>
+<device-admin xmlns:android="http://schemas.android.com/apk/res/android">
+    <uses-policies>
+        <limit-password />
+        <watch-login />
+        <reset-password />
+        <force-lock />
+        <wipe-data />
+        <expire-password />
+        <encrypted-storage />
+        <disable-camera />
+        <disable-keyguard />
+    </uses-policies>
+</device-admin> 
\ No newline at end of file
diff --git a/android/app/src/profile/AndroidManifest.xml b/android/app/src/profile/AndroidManifest.xml
new file mode 100644
index 0000000..8ffe024
--- /dev/null
+++ b/android/app/src/profile/AndroidManifest.xml
@@ -0,0 +1,7 @@
+<manifest xmlns:android="http://schemas.android.com/apk/res/android">
+    <!-- The INTERNET permission is required for development. Specifically,
+         the Flutter tool needs it to communicate with the running application
+         to allow setting breakpoints, to provide hot reload, etc.
+    -->
+    <uses-permission android:name="android.permission.INTERNET"/>
+</manifest>
diff --git a/android/build.gradle.kts b/android/build.gradle.kts
new file mode 100644
index 0000000..2f2f3f0
--- /dev/null
+++ b/android/build.gradle.kts
@@ -0,0 +1,21 @@
+allprojects {
+    repositories {
+        google()
+        mavenCentral()
+    }
+}
+
+val newBuildDir: Directory = rootProject.layout.buildDirectory.dir("../../build").get()
+rootProject.layout.buildDirectory.value(newBuildDir)
+
+subprojects {
+    val newSubprojectBuildDir: Directory = newBuildDir.dir(project.name)
+    project.layout.buildDirectory.value(newSubprojectBuildDir)
+}
+subprojects {
+    project.evaluationDependsOn(":app")
+}
+
+tasks.register<Delete>("clean") {
+    delete(rootProject.layout.buildDirectory)
+}
diff --git a/android/gradle.properties b/android/gradle.properties
new file mode 100644
index 0000000..b7cda7b
--- /dev/null
+++ b/android/gradle.properties
@@ -0,0 +1,3 @@
+org.gradle.jvmargs=-Xmx8G -XX:MaxMetaspaceSize=4G -XX:ReservedCodeCacheSize=512m -XX:+HeapDumpOnOutOfMemoryError
+android.useAndroidX=true
+android.enableJetifier=true
diff --git a/android/gradle/wrapper/gradle-wrapper.properties b/android/gradle/wrapper/gradle-wrapper.properties
new file mode 100644
index 0000000..f3a0fb3
--- /dev/null
+++ b/android/gradle/wrapper/gradle-wrapper.properties
@@ -0,0 +1,5 @@
+distributionBase=GRADLE_USER_HOME
+distributionPath=wrapper/dists
+zipStoreBase=GRADLE_USER_HOME
+zipStorePath=wrapper/dists
+distributionUrl=https\://services.gradle.org/distributions/gradle-8.10.2-all.zip
diff --git a/android/settings.gradle.kts b/android/settings.gradle.kts
new file mode 100644
index 0000000..b1e6962
--- /dev/null
+++ b/android/settings.gradle.kts
@@ -0,0 +1,25 @@
+pluginManagement {
+    val flutterSdkPath = run {
+        val properties = java.util.Properties()
+        file("local.properties").inputStream().use { properties.load(it) }
+        val flutterSdkPath = properties.getProperty("flutter.sdk")
+        require(flutterSdkPath != null) { "flutter.sdk not set in local.properties" }
+        flutterSdkPath
+    }
+
+    includeBuild("$flutterSdkPath/packages/flutter_tools/gradle")
+
+    repositories {
+        google()
+        mavenCentral()
+        gradlePluginPortal()
+    }
+}
+
+plugins {
+    id("dev.flutter.flutter-plugin-loader") version "1.0.0"
+    id("com.android.application") version "8.7.0" apply false
+    id("org.jetbrains.kotlin.android") version "2.1.0" apply false
+}
+
+include(":app")
diff --git a/assets/images/wortis_logo_white.png b/assets/images/wortis_logo_white.png
new file mode 100644
index 0000000..a71960e
Binary files /dev/null and b/assets/images/wortis_logo_white.png differ
diff --git a/devtools_options.yaml b/devtools_options.yaml
new file mode 100644
index 0000000..fa0b357
--- /dev/null
+++ b/devtools_options.yaml
@@ -0,0 +1,3 @@
+description: This file stores settings for Dart & Flutter DevTools.
+documentation: https://docs.flutter.dev/tools/devtools/extensions#configure-extension-enablement-states
+extensions:
diff --git a/ios/.gitignore b/ios/.gitignore
new file mode 100644
index 0000000..ad322bc
--- /dev/null
+++ b/ios/.gitignore
@@ -0,0 +1,34 @@
+**/dgph
+*.mode1v3
+*.mode2v3
+*.moved-aside
+*.pbxuser
+*.perspectivev3
+**/*sync/
+.sconsign.dblite
+.tags*
+**/.vagrant/
+**/DerivedData/
+Icon?
+**/Pods/
+**/.symlinks/
+profile
+xcuserdata
+**/.generated/
+Flutter/App.framework
+Flutter/Flutter.framework
+Flutter/Flutter.podspec
+Flutter/Generated.xcconfig
+Flutter/ephemeral/
+Flutter/app.flx
+Flutter/app.zip
+Flutter/flutter_assets/
+Flutter/flutter_export_environment.sh
+ServiceDefinitions.json
+Runner/GeneratedPluginRegistrant.*
+
+# Exceptions to above rules.
+!default.mode1v3
+!default.mode2v3
+!default.pbxuser
+!default.perspectivev3
diff --git a/ios/Flutter/AppFrameworkInfo.plist b/ios/Flutter/AppFrameworkInfo.plist
new file mode 100644
index 0000000..1dc6cf7
--- /dev/null
+++ b/ios/Flutter/AppFrameworkInfo.plist
@@ -0,0 +1,26 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
+<plist version="1.0">
+<dict>
+  <key>CFBundleDevelopmentRegion</key>
+  <string>en</string>
+  <key>CFBundleExecutable</key>
+  <string>App</string>
+  <key>CFBundleIdentifier</key>
+  <string>io.flutter.flutter.app</string>
+  <key>CFBundleInfoDictionaryVersion</key>
+  <string>6.0</string>
+  <key>CFBundleName</key>
+  <string>App</string>
+  <key>CFBundlePackageType</key>
+  <string>FMWK</string>
+  <key>CFBundleShortVersionString</key>
+  <string>1.0</string>
+  <key>CFBundleSignature</key>
+  <string>????</string>
+  <key>CFBundleVersion</key>
+  <string>1.0</string>
+  <key>MinimumOSVersion</key>
+  <string>13.0</string>
+</dict>
+</plist>
diff --git a/ios/Flutter/Debug.xcconfig b/ios/Flutter/Debug.xcconfig
new file mode 100644
index 0000000..dfd2626
--- /dev/null
+++ b/ios/Flutter/Debug.xcconfig
@@ -0,0 +1,2 @@
+#include? "Pods/Target Support Files/Pods-Runner/Pods-Runner.debug.xcconfig"
+#include "Generated.xcconfig"
diff --git a/ios/Flutter/Release.xcconfig b/ios/Flutter/Release.xcconfig
new file mode 100644
index 0000000..a97381a
--- /dev/null
+++ b/ios/Flutter/Release.xcconfig
@@ -0,0 +1,2 @@
+#include? "Pods/Target Support Files/Pods-Runner/Pods-Runner.release.xcconfig"
+#include "Generated.xcconfig"
diff --git a/ios/Podfile b/ios/Podfile
new file mode 100644
index 0000000..620e46e
--- /dev/null
+++ b/ios/Podfile
@@ -0,0 +1,43 @@
+# Uncomment this line to define a global platform for your project
+# platform :ios, '13.0'
+
+# CocoaPods analytics sends network stats synchronously affecting flutter build latency.
+ENV['COCOAPODS_DISABLE_STATS'] = 'true'
+
+project 'Runner', {
+  'Debug' => :debug,
+  'Profile' => :release,
+  'Release' => :release,
+}
+
+def flutter_root
+  generated_xcode_build_settings_path = File.expand_path(File.join('..', 'Flutter', 'Generated.xcconfig'), __FILE__)
+  unless File.exist?(generated_xcode_build_settings_path)
+    raise "#{generated_xcode_build_settings_path} must exist. If you're running pod install manually, make sure flutter pub get is executed first"
+  end
+
+  File.foreach(generated_xcode_build_settings_path) do |line|
+    matches = line.match(/FLUTTER_ROOT\=(.*)/)
+    return matches[1].strip if matches
+  end
+  raise "FLUTTER_ROOT not found in #{generated_xcode_build_settings_path}. Try deleting Generated.xcconfig, then run flutter pub get"
+end
+
+require File.expand_path(File.join('packages', 'flutter_tools', 'bin', 'podhelper'), flutter_root)
+
+flutter_ios_podfile_setup
+
+target 'Runner' do
+  use_frameworks!
+
+  flutter_install_all_ios_pods File.dirname(File.realpath(__FILE__))
+  target 'RunnerTests' do
+    inherit! :search_paths
+  end
+end
+
+post_install do |installer|
+  installer.pods_project.targets.each do |target|
+    flutter_additional_ios_build_settings(target)
+  end
+end
diff --git a/ios/Podfile.lock b/ios/Podfile.lock
new file mode 100644
index 0000000..c998ba5
--- /dev/null
+++ b/ios/Podfile.lock
@@ -0,0 +1,60 @@
+PODS:
+  - connectivity_plus (0.0.1):
+    - Flutter
+    - ReachabilitySwift
+  - device_info_plus (0.0.1):
+    - Flutter
+  - Flutter (1.0.0)
+  - permission_handler_apple (9.3.0):
+    - Flutter
+  - ReachabilitySwift (5.2.4)
+  - shared_preferences_foundation (0.0.1):
+    - Flutter
+    - FlutterMacOS
+  - url_launcher_ios (0.0.1):
+    - Flutter
+  - wifi_iot (0.0.1):
+    - Flutter
+
+DEPENDENCIES:
+  - connectivity_plus (from `.symlinks/plugins/connectivity_plus/ios`)
+  - device_info_plus (from `.symlinks/plugins/device_info_plus/ios`)
+  - Flutter (from `Flutter`)
+  - permission_handler_apple (from `.symlinks/plugins/permission_handler_apple/ios`)
+  - shared_preferences_foundation (from `.symlinks/plugins/shared_preferences_foundation/darwin`)
+  - url_launcher_ios (from `.symlinks/plugins/url_launcher_ios/ios`)
+  - wifi_iot (from `.symlinks/plugins/wifi_iot/ios`)
+
+SPEC REPOS:
+  trunk:
+    - ReachabilitySwift
+
+EXTERNAL SOURCES:
+  connectivity_plus:
+    :path: ".symlinks/plugins/connectivity_plus/ios"
+  device_info_plus:
+    :path: ".symlinks/plugins/device_info_plus/ios"
+  Flutter:
+    :path: Flutter
+  permission_handler_apple:
+    :path: ".symlinks/plugins/permission_handler_apple/ios"
+  shared_preferences_foundation:
+    :path: ".symlinks/plugins/shared_preferences_foundation/darwin"
+  url_launcher_ios:
+    :path: ".symlinks/plugins/url_launcher_ios/ios"
+  wifi_iot:
+    :path: ".symlinks/plugins/wifi_iot/ios"
+
+SPEC CHECKSUMS:
+  connectivity_plus: 07c49e96d7fc92bc9920617b83238c4d178b446a
+  device_info_plus: c6fb39579d0f423935b0c9ce7ee2f44b71b9fce6
+  Flutter: cabc95a1d2626b1b06e7179b784ebcf0c0cde467
+  permission_handler_apple: 9878588469a2b0d0fc1e048d9f43605f92e6cec2
+  ReachabilitySwift: 32793e867593cfc1177f5d16491e3a197d2fccda
+  shared_preferences_foundation: fcdcbc04712aee1108ac7fda236f363274528f78
+  url_launcher_ios: 5334b05cef931de560670eeae103fd3e431ac3fe
+  wifi_iot: b5aafd6f9b52f8a357383a1deabab45f31cd602d
+
+PODFILE CHECKSUM: 3c63482e143d1b91d2d2560aee9fb04ecc74ac7e
+
+COCOAPODS: 1.16.2
diff --git a/ios/Runner.xcodeproj/project.pbxproj b/ios/Runner.xcodeproj/project.pbxproj
new file mode 100644
index 0000000..a4765d5
--- /dev/null
+++ b/ios/Runner.xcodeproj/project.pbxproj
@@ -0,0 +1,746 @@
+// !$*UTF8*$!
+{
+	archiveVersion = 1;
+	classes = {
+	};
+	objectVersion = 54;
+	objects = {
+
+/* Begin PBXBuildFile section */
+		1498D2341E8E89220040F4C2 /* GeneratedPluginRegistrant.m in Sources */ = {isa = PBXBuildFile; fileRef = 1498D2331E8E89220040F4C2 /* GeneratedPluginRegistrant.m */; };
+		331C808B294A63AB00263BE5 /* RunnerTests.swift in Sources */ = {isa = PBXBuildFile; fileRef = 331C807B294A618700263BE5 /* RunnerTests.swift */; };
+		3B3967161E833CAA004F5970 /* AppFrameworkInfo.plist in Resources */ = {isa = PBXBuildFile; fileRef = 3B3967151E833CAA004F5970 /* AppFrameworkInfo.plist */; };
+		74858FAF1ED2DC5600515810 /* AppDelegate.swift in Sources */ = {isa = PBXBuildFile; fileRef = 74858FAE1ED2DC5600515810 /* AppDelegate.swift */; };
+		97C146FC1CF9000F007C117D /* Main.storyboard in Resources */ = {isa = PBXBuildFile; fileRef = 97C146FA1CF9000F007C117D /* Main.storyboard */; };
+		97C146FE1CF9000F007C117D /* Assets.xcassets in Resources */ = {isa = PBXBuildFile; fileRef = 97C146FD1CF9000F007C117D /* Assets.xcassets */; };
+		97C147011CF9000F007C117D /* LaunchScreen.storyboard in Resources */ = {isa = PBXBuildFile; fileRef = 97C146FF1CF9000F007C117D /* LaunchScreen.storyboard */; };
+		B895CECD046E00290D6217E1 /* Pods_RunnerTests.framework in Frameworks */ = {isa = PBXBuildFile; fileRef = E7CA508A0C6BB08473D87CA9 /* Pods_RunnerTests.framework */; };
+		FF27D0F8433199F9DD19C699 /* Pods_Runner.framework in Frameworks */ = {isa = PBXBuildFile; fileRef = 360B028F110497A0F038EB3A /* Pods_Runner.framework */; };
+/* End PBXBuildFile section */
+
+/* Begin PBXContainerItemProxy section */
+		331C8085294A63A400263BE5 /* PBXContainerItemProxy */ = {
+			isa = PBXContainerItemProxy;
+			containerPortal = 97C146E61CF9000F007C117D /* Project object */;
+			proxyType = 1;
+			remoteGlobalIDString = 97C146ED1CF9000F007C117D;
+			remoteInfo = Runner;
+		};
+/* End PBXContainerItemProxy section */
+
+/* Begin PBXCopyFilesBuildPhase section */
+		9705A1C41CF9048500538489 /* Embed Frameworks */ = {
+			isa = PBXCopyFilesBuildPhase;
+			buildActionMask = 2147483647;
+			dstPath = "";
+			dstSubfolderSpec = 10;
+			files = (
+			);
+			name = "Embed Frameworks";
+			runOnlyForDeploymentPostprocessing = 0;
+		};
+/* End PBXCopyFilesBuildPhase section */
+
+/* Begin PBXFileReference section */
+		0235224B225D42AA7D06F707 /* Pods-RunnerTests.profile.xcconfig */ = {isa = PBXFileReference; includeInIndex = 1; lastKnownFileType = text.xcconfig; name = "Pods-RunnerTests.profile.xcconfig"; path = "Target Support Files/Pods-RunnerTests/Pods-RunnerTests.profile.xcconfig"; sourceTree = "<group>"; };
+		09F3BFBA64DB728ECE3E15FC /* Pods-Runner.profile.xcconfig */ = {isa = PBXFileReference; includeInIndex = 1; lastKnownFileType = text.xcconfig; name = "Pods-Runner.profile.xcconfig"; path = "Target Support Files/Pods-Runner/Pods-Runner.profile.xcconfig"; sourceTree = "<group>"; };
+		1498D2321E8E86230040F4C2 /* GeneratedPluginRegistrant.h */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.c.h; path = GeneratedPluginRegistrant.h; sourceTree = "<group>"; };
+		1498D2331E8E89220040F4C2 /* GeneratedPluginRegistrant.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = GeneratedPluginRegistrant.m; sourceTree = "<group>"; };
+		1FF10AB1C5D17217EA36132A /* Pods-Runner.release.xcconfig */ = {isa = PBXFileReference; includeInIndex = 1; lastKnownFileType = text.xcconfig; name = "Pods-Runner.release.xcconfig"; path = "Target Support Files/Pods-Runner/Pods-Runner.release.xcconfig"; sourceTree = "<group>"; };
+		331C807B294A618700263BE5 /* RunnerTests.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = RunnerTests.swift; sourceTree = "<group>"; };
+		331C8081294A63A400263BE5 /* RunnerTests.xctest */ = {isa = PBXFileReference; explicitFileType = wrapper.cfbundle; includeInIndex = 0; path = RunnerTests.xctest; sourceTree = BUILT_PRODUCTS_DIR; };
+		360B028F110497A0F038EB3A /* Pods_Runner.framework */ = {isa = PBXFileReference; explicitFileType = wrapper.framework; includeInIndex = 0; path = Pods_Runner.framework; sourceTree = BUILT_PRODUCTS_DIR; };
+		3B3967151E833CAA004F5970 /* AppFrameworkInfo.plist */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = text.plist.xml; name = AppFrameworkInfo.plist; path = Flutter/AppFrameworkInfo.plist; sourceTree = "<group>"; };
+		497EB272EB768463661EEF55 /* Pods-RunnerTests.debug.xcconfig */ = {isa = PBXFileReference; includeInIndex = 1; lastKnownFileType = text.xcconfig; name = "Pods-RunnerTests.debug.xcconfig"; path = "Target Support Files/Pods-RunnerTests/Pods-RunnerTests.debug.xcconfig"; sourceTree = "<group>"; };
+		5BD8746531B8353A4EF87CAF /* Pods-Runner.debug.xcconfig */ = {isa = PBXFileReference; includeInIndex = 1; lastKnownFileType = text.xcconfig; name = "Pods-Runner.debug.xcconfig"; path = "Target Support Files/Pods-Runner/Pods-Runner.debug.xcconfig"; sourceTree = "<group>"; };
+		74858FAD1ED2DC5600515810 /* Runner-Bridging-Header.h */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.c.h; path = "Runner-Bridging-Header.h"; sourceTree = "<group>"; };
+		74858FAE1ED2DC5600515810 /* AppDelegate.swift */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.swift; path = AppDelegate.swift; sourceTree = "<group>"; };
+		79C528EB1D9C6A1E837111AD /* Pods-RunnerTests.release.xcconfig */ = {isa = PBXFileReference; includeInIndex = 1; lastKnownFileType = text.xcconfig; name = "Pods-RunnerTests.release.xcconfig"; path = "Target Support Files/Pods-RunnerTests/Pods-RunnerTests.release.xcconfig"; sourceTree = "<group>"; };
+		7AFA3C8E1D35360C0083082E /* Release.xcconfig */ = {isa = PBXFileReference; lastKnownFileType = text.xcconfig; name = Release.xcconfig; path = Flutter/Release.xcconfig; sourceTree = "<group>"; };
+		9740EEB21CF90195004384FC /* Debug.xcconfig */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = text.xcconfig; name = Debug.xcconfig; path = Flutter/Debug.xcconfig; sourceTree = "<group>"; };
+		9740EEB31CF90195004384FC /* Generated.xcconfig */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = text.xcconfig; name = Generated.xcconfig; path = Flutter/Generated.xcconfig; sourceTree = "<group>"; };
+		97C146EE1CF9000F007C117D /* Runner.app */ = {isa = PBXFileReference; explicitFileType = wrapper.application; includeInIndex = 0; path = Runner.app; sourceTree = BUILT_PRODUCTS_DIR; };
+		97C146FB1CF9000F007C117D /* Base */ = {isa = PBXFileReference; lastKnownFileType = file.storyboard; name = Base; path = Base.lproj/Main.storyboard; sourceTree = "<group>"; };
+		97C146FD1CF9000F007C117D /* Assets.xcassets */ = {isa = PBXFileReference; lastKnownFileType = folder.assetcatalog; path = Assets.xcassets; sourceTree = "<group>"; };
+		97C147001CF9000F007C117D /* Base */ = {isa = PBXFileReference; lastKnownFileType = file.storyboard; name = Base; path = Base.lproj/LaunchScreen.storyboard; sourceTree = "<group>"; };
+		97C147021CF9000F007C117D /* Info.plist */ = {isa = PBXFileReference; lastKnownFileType = text.plist.xml; path = Info.plist; sourceTree = "<group>"; };
+		E7CA508A0C6BB08473D87CA9 /* Pods_RunnerTests.framework */ = {isa = PBXFileReference; explicitFileType = wrapper.framework; includeInIndex = 0; path = Pods_RunnerTests.framework; sourceTree = BUILT_PRODUCTS_DIR; };
+/* End PBXFileReference section */
+
+/* Begin PBXFrameworksBuildPhase section */
+		97C146EB1CF9000F007C117D /* Frameworks */ = {
+			isa = PBXFrameworksBuildPhase;
+			buildActionMask = 2147483647;
+			files = (
+				FF27D0F8433199F9DD19C699 /* Pods_Runner.framework in Frameworks */,
+			);
+			runOnlyForDeploymentPostprocessing = 0;
+		};
+		D00D2F41D8147D197DD14523 /* Frameworks */ = {
+			isa = PBXFrameworksBuildPhase;
+			buildActionMask = 2147483647;
+			files = (
+				B895CECD046E00290D6217E1 /* Pods_RunnerTests.framework in Frameworks */,
+			);
+			runOnlyForDeploymentPostprocessing = 0;
+		};
+/* End PBXFrameworksBuildPhase section */
+
+/* Begin PBXGroup section */
+		2D2A65B32617AF073B1312DC /* Pods */ = {
+			isa = PBXGroup;
+			children = (
+				5BD8746531B8353A4EF87CAF /* Pods-Runner.debug.xcconfig */,
+				1FF10AB1C5D17217EA36132A /* Pods-Runner.release.xcconfig */,
+				09F3BFBA64DB728ECE3E15FC /* Pods-Runner.profile.xcconfig */,
+				497EB272EB768463661EEF55 /* Pods-RunnerTests.debug.xcconfig */,
+				79C528EB1D9C6A1E837111AD /* Pods-RunnerTests.release.xcconfig */,
+				0235224B225D42AA7D06F707 /* Pods-RunnerTests.profile.xcconfig */,
+			);
+			name = Pods;
+			path = Pods;
+			sourceTree = "<group>";
+		};
+		331C8082294A63A400263BE5 /* RunnerTests */ = {
+			isa = PBXGroup;
+			children = (
+				331C807B294A618700263BE5 /* RunnerTests.swift */,
+			);
+			path = RunnerTests;
+			sourceTree = "<group>";
+		};
+		9740EEB11CF90186004384FC /* Flutter */ = {
+			isa = PBXGroup;
+			children = (
+				3B3967151E833CAA004F5970 /* AppFrameworkInfo.plist */,
+				9740EEB21CF90195004384FC /* Debug.xcconfig */,
+				7AFA3C8E1D35360C0083082E /* Release.xcconfig */,
+				9740EEB31CF90195004384FC /* Generated.xcconfig */,
+			);
+			name = Flutter;
+			sourceTree = "<group>";
+		};
+		97C146E51CF9000F007C117D = {
+			isa = PBXGroup;
+			children = (
+				9740EEB11CF90186004384FC /* Flutter */,
+				97C146F01CF9000F007C117D /* Runner */,
+				97C146EF1CF9000F007C117D /* Products */,
+				331C8082294A63A400263BE5 /* RunnerTests */,
+				2D2A65B32617AF073B1312DC /* Pods */,
+				DC831A6E4073695EE3E6CB36 /* Frameworks */,
+			);
+			sourceTree = "<group>";
+		};
+		97C146EF1CF9000F007C117D /* Products */ = {
+			isa = PBXGroup;
+			children = (
+				97C146EE1CF9000F007C117D /* Runner.app */,
+				331C8081294A63A400263BE5 /* RunnerTests.xctest */,
+			);
+			name = Products;
+			sourceTree = "<group>";
+		};
+		97C146F01CF9000F007C117D /* Runner */ = {
+			isa = PBXGroup;
+			children = (
+				97C146FA1CF9000F007C117D /* Main.storyboard */,
+				97C146FD1CF9000F007C117D /* Assets.xcassets */,
+				97C146FF1CF9000F007C117D /* LaunchScreen.storyboard */,
+				97C147021CF9000F007C117D /* Info.plist */,
+				1498D2321E8E86230040F4C2 /* GeneratedPluginRegistrant.h */,
+				1498D2331E8E89220040F4C2 /* GeneratedPluginRegistrant.m */,
+				74858FAE1ED2DC5600515810 /* AppDelegate.swift */,
+				74858FAD1ED2DC5600515810 /* Runner-Bridging-Header.h */,
+			);
+			path = Runner;
+			sourceTree = "<group>";
+		};
+		DC831A6E4073695EE3E6CB36 /* Frameworks */ = {
+			isa = PBXGroup;
+			children = (
+				360B028F110497A0F038EB3A /* Pods_Runner.framework */,
+				E7CA508A0C6BB08473D87CA9 /* Pods_RunnerTests.framework */,
+			);
+			name = Frameworks;
+			sourceTree = "<group>";
+		};
+/* End PBXGroup section */
+
+/* Begin PBXNativeTarget section */
+		331C8080294A63A400263BE5 /* RunnerTests */ = {
+			isa = PBXNativeTarget;
+			buildConfigurationList = 331C8087294A63A400263BE5 /* Build configuration list for PBXNativeTarget "RunnerTests" */;
+			buildPhases = (
+				601EA6CA18A9EAE41CD37F6E /* [CP] Check Pods Manifest.lock */,
+				331C807D294A63A400263BE5 /* Sources */,
+				331C807F294A63A400263BE5 /* Resources */,
+				D00D2F41D8147D197DD14523 /* Frameworks */,
+			);
+			buildRules = (
+			);
+			dependencies = (
+				331C8086294A63A400263BE5 /* PBXTargetDependency */,
+			);
+			name = RunnerTests;
+			productName = RunnerTests;
+			productReference = 331C8081294A63A400263BE5 /* RunnerTests.xctest */;
+			productType = "com.apple.product-type.bundle.unit-test";
+		};
+		97C146ED1CF9000F007C117D /* Runner */ = {
+			isa = PBXNativeTarget;
+			buildConfigurationList = 97C147051CF9000F007C117D /* Build configuration list for PBXNativeTarget "Runner" */;
+			buildPhases = (
+				0972CA5AFEBA5C5A79667FE7 /* [CP] Check Pods Manifest.lock */,
+				9740EEB61CF901F6004384FC /* Run Script */,
+				97C146EA1CF9000F007C117D /* Sources */,
+				97C146EB1CF9000F007C117D /* Frameworks */,
+				97C146EC1CF9000F007C117D /* Resources */,
+				9705A1C41CF9048500538489 /* Embed Frameworks */,
+				3B06AD1E1E4923F5004D2608 /* Thin Binary */,
+				96AB7D58981E6B28931F38B0 /* [CP] Embed Pods Frameworks */,
+				2969FEDEC51FFCFF0A7A46D5 /* [CP] Copy Pods Resources */,
+			);
+			buildRules = (
+			);
+			dependencies = (
+			);
+			name = Runner;
+			productName = Runner;
+			productReference = 97C146EE1CF9000F007C117D /* Runner.app */;
+			productType = "com.apple.product-type.application";
+		};
+/* End PBXNativeTarget section */
+
+/* Begin PBXProject section */
+		97C146E61CF9000F007C117D /* Project object */ = {
+			isa = PBXProject;
+			attributes = {
+				BuildIndependentTargetsInParallel = YES;
+				LastUpgradeCheck = 1510;
+				ORGANIZATIONNAME = "";
+				TargetAttributes = {
+					331C8080294A63A400263BE5 = {
+						CreatedOnToolsVersion = 14.0;
+						TestTargetID = 97C146ED1CF9000F007C117D;
+					};
+					97C146ED1CF9000F007C117D = {
+						CreatedOnToolsVersion = 7.3.1;
+						LastSwiftMigration = 1100;
+					};
+				};
+			};
+			buildConfigurationList = 97C146E91CF9000F007C117D /* Build configuration list for PBXProject "Runner" */;
+			compatibilityVersion = "Xcode 9.3";
+			developmentRegion = en;
+			hasScannedForEncodings = 0;
+			knownRegions = (
+				en,
+				Base,
+			);
+			mainGroup = 97C146E51CF9000F007C117D;
+			productRefGroup = 97C146EF1CF9000F007C117D /* Products */;
+			projectDirPath = "";
+			projectRoot = "";
+			targets = (
+				97C146ED1CF9000F007C117D /* Runner */,
+				331C8080294A63A400263BE5 /* RunnerTests */,
+			);
+		};
+/* End PBXProject section */
+
+/* Begin PBXResourcesBuildPhase section */
+		331C807F294A63A400263BE5 /* Resources */ = {
+			isa = PBXResourcesBuildPhase;
+			buildActionMask = 2147483647;
+			files = (
+			);
+			runOnlyForDeploymentPostprocessing = 0;
+		};
+		97C146EC1CF9000F007C117D /* Resources */ = {
+			isa = PBXResourcesBuildPhase;
+			buildActionMask = 2147483647;
+			files = (
+				97C147011CF9000F007C117D /* LaunchScreen.storyboard in Resources */,
+				3B3967161E833CAA004F5970 /* AppFrameworkInfo.plist in Resources */,
+				97C146FE1CF9000F007C117D /* Assets.xcassets in Resources */,
+				97C146FC1CF9000F007C117D /* Main.storyboard in Resources */,
+			);
+			runOnlyForDeploymentPostprocessing = 0;
+		};
+/* End PBXResourcesBuildPhase section */
+
+/* Begin PBXShellScriptBuildPhase section */
+		0972CA5AFEBA5C5A79667FE7 /* [CP] Check Pods Manifest.lock */ = {
+			isa = PBXShellScriptBuildPhase;
+			buildActionMask = 2147483647;
+			files = (
+			);
+			inputFileListPaths = (
+			);
+			inputPaths = (
+				"${PODS_PODFILE_DIR_PATH}/Podfile.lock",
+				"${PODS_ROOT}/Manifest.lock",
+			);
+			name = "[CP] Check Pods Manifest.lock";
+			outputFileListPaths = (
+			);
+			outputPaths = (
+				"$(DERIVED_FILE_DIR)/Pods-Runner-checkManifestLockResult.txt",
+			);
+			runOnlyForDeploymentPostprocessing = 0;
+			shellPath = /bin/sh;
+			shellScript = "diff \"${PODS_PODFILE_DIR_PATH}/Podfile.lock\" \"${PODS_ROOT}/Manifest.lock\" > /dev/null\nif [ $? != 0 ] ; then\n    # print error to STDERR\n    echo \"error: The sandbox is not in sync with the Podfile.lock. Run 'pod install' or update your CocoaPods installation.\" >&2\n    exit 1\nfi\n# This output is used by Xcode 'outputs' to avoid re-running this script phase.\necho \"SUCCESS\" > \"${SCRIPT_OUTPUT_FILE_0}\"\n";
+			showEnvVarsInLog = 0;
+		};
+		2969FEDEC51FFCFF0A7A46D5 /* [CP] Copy Pods Resources */ = {
+			isa = PBXShellScriptBuildPhase;
+			buildActionMask = 2147483647;
+			files = (
+			);
+			inputFileListPaths = (
+				"${PODS_ROOT}/Target Support Files/Pods-Runner/Pods-Runner-resources-${CONFIGURATION}-input-files.xcfilelist",
+			);
+			name = "[CP] Copy Pods Resources";
+			outputFileListPaths = (
+				"${PODS_ROOT}/Target Support Files/Pods-Runner/Pods-Runner-resources-${CONFIGURATION}-output-files.xcfilelist",
+			);
+			runOnlyForDeploymentPostprocessing = 0;
+			shellPath = /bin/sh;
+			shellScript = "\"${PODS_ROOT}/Target Support Files/Pods-Runner/Pods-Runner-resources.sh\"\n";
+			showEnvVarsInLog = 0;
+		};
+		3B06AD1E1E4923F5004D2608 /* Thin Binary */ = {
+			isa = PBXShellScriptBuildPhase;
+			alwaysOutOfDate = 1;
+			buildActionMask = 2147483647;
+			files = (
+			);
+			inputPaths = (
+				"${TARGET_BUILD_DIR}/${INFOPLIST_PATH}",
+			);
+			name = "Thin Binary";
+			outputPaths = (
+			);
+			runOnlyForDeploymentPostprocessing = 0;
+			shellPath = /bin/sh;
+			shellScript = "/bin/sh \"$FLUTTER_ROOT/packages/flutter_tools/bin/xcode_backend.sh\" embed_and_thin";
+		};
+		601EA6CA18A9EAE41CD37F6E /* [CP] Check Pods Manifest.lock */ = {
+			isa = PBXShellScriptBuildPhase;
+			buildActionMask = 2147483647;
+			files = (
+			);
+			inputFileListPaths = (
+			);
+			inputPaths = (
+				"${PODS_PODFILE_DIR_PATH}/Podfile.lock",
+				"${PODS_ROOT}/Manifest.lock",
+			);
+			name = "[CP] Check Pods Manifest.lock";
+			outputFileListPaths = (
+			);
+			outputPaths = (
+				"$(DERIVED_FILE_DIR)/Pods-RunnerTests-checkManifestLockResult.txt",
+			);
+			runOnlyForDeploymentPostprocessing = 0;
+			shellPath = /bin/sh;
+			shellScript = "diff \"${PODS_PODFILE_DIR_PATH}/Podfile.lock\" \"${PODS_ROOT}/Manifest.lock\" > /dev/null\nif [ $? != 0 ] ; then\n    # print error to STDERR\n    echo \"error: The sandbox is not in sync with the Podfile.lock. Run 'pod install' or update your CocoaPods installation.\" >&2\n    exit 1\nfi\n# This output is used by Xcode 'outputs' to avoid re-running this script phase.\necho \"SUCCESS\" > \"${SCRIPT_OUTPUT_FILE_0}\"\n";
+			showEnvVarsInLog = 0;
+		};
+		96AB7D58981E6B28931F38B0 /* [CP] Embed Pods Frameworks */ = {
+			isa = PBXShellScriptBuildPhase;
+			buildActionMask = 2147483647;
+			files = (
+			);
+			inputFileListPaths = (
+				"${PODS_ROOT}/Target Support Files/Pods-Runner/Pods-Runner-frameworks-${CONFIGURATION}-input-files.xcfilelist",
+			);
+			name = "[CP] Embed Pods Frameworks";
+			outputFileListPaths = (
+				"${PODS_ROOT}/Target Support Files/Pods-Runner/Pods-Runner-frameworks-${CONFIGURATION}-output-files.xcfilelist",
+			);
+			runOnlyForDeploymentPostprocessing = 0;
+			shellPath = /bin/sh;
+			shellScript = "\"${PODS_ROOT}/Target Support Files/Pods-Runner/Pods-Runner-frameworks.sh\"\n";
+			showEnvVarsInLog = 0;
+		};
+		9740EEB61CF901F6004384FC /* Run Script */ = {
+			isa = PBXShellScriptBuildPhase;
+			alwaysOutOfDate = 1;
+			buildActionMask = 2147483647;
+			files = (
+			);
+			inputPaths = (
+			);
+			name = "Run Script";
+			outputPaths = (
+			);
+			runOnlyForDeploymentPostprocessing = 0;
+			shellPath = /bin/sh;
+			shellScript = "/bin/sh \"$FLUTTER_ROOT/packages/flutter_tools/bin/xcode_backend.sh\" build";
+		};
+/* End PBXShellScriptBuildPhase section */
+
+/* Begin PBXSourcesBuildPhase section */
+		331C807D294A63A400263BE5 /* Sources */ = {
+			isa = PBXSourcesBuildPhase;
+			buildActionMask = 2147483647;
+			files = (
+				331C808B294A63AB00263BE5 /* RunnerTests.swift in Sources */,
+			);
+			runOnlyForDeploymentPostprocessing = 0;
+		};
+		97C146EA1CF9000F007C117D /* Sources */ = {
+			isa = PBXSourcesBuildPhase;
+			buildActionMask = 2147483647;
+			files = (
+				74858FAF1ED2DC5600515810 /* AppDelegate.swift in Sources */,
+				1498D2341E8E89220040F4C2 /* GeneratedPluginRegistrant.m in Sources */,
+			);
+			runOnlyForDeploymentPostprocessing = 0;
+		};
+/* End PBXSourcesBuildPhase section */
+
+/* Begin PBXTargetDependency section */
+		331C8086294A63A400263BE5 /* PBXTargetDependency */ = {
+			isa = PBXTargetDependency;
+			target = 97C146ED1CF9000F007C117D /* Runner */;
+			targetProxy = 331C8085294A63A400263BE5 /* PBXContainerItemProxy */;
+		};
+/* End PBXTargetDependency section */
+
+/* Begin PBXVariantGroup section */
+		97C146FA1CF9000F007C117D /* Main.storyboard */ = {
+			isa = PBXVariantGroup;
+			children = (
+				97C146FB1CF9000F007C117D /* Base */,
+			);
+			name = Main.storyboard;
+			sourceTree = "<group>";
+		};
+		97C146FF1CF9000F007C117D /* LaunchScreen.storyboard */ = {
+			isa = PBXVariantGroup;
+			children = (
+				97C147001CF9000F007C117D /* Base */,
+			);
+			name = LaunchScreen.storyboard;
+			sourceTree = "<group>";
+		};
+/* End PBXVariantGroup section */
+
+/* Begin XCBuildConfiguration section */
+		249021D3217E4FDB00AE95B9 /* Profile */ = {
+			isa = XCBuildConfiguration;
+			buildSettings = {
+				ALWAYS_SEARCH_USER_PATHS = NO;
+				ASSETCATALOG_COMPILER_GENERATE_SWIFT_ASSET_SYMBOL_EXTENSIONS = YES;
+				CLANG_ANALYZER_NONNULL = YES;
+				CLANG_CXX_LANGUAGE_STANDARD = "gnu++0x";
+				CLANG_CXX_LIBRARY = "libc++";
+				CLANG_ENABLE_MODULES = YES;
+				CLANG_ENABLE_OBJC_ARC = YES;
+				CLANG_WARN_BLOCK_CAPTURE_AUTORELEASING = YES;
+				CLANG_WARN_BOOL_CONVERSION = YES;
+				CLANG_WARN_COMMA = YES;
+				CLANG_WARN_CONSTANT_CONVERSION = YES;
+				CLANG_WARN_DEPRECATED_OBJC_IMPLEMENTATIONS = YES;
+				CLANG_WARN_DIRECT_OBJC_ISA_USAGE = YES_ERROR;
+				CLANG_WARN_EMPTY_BODY = YES;
+				CLANG_WARN_ENUM_CONVERSION = YES;
+				CLANG_WARN_INFINITE_RECURSION = YES;
+				CLANG_WARN_INT_CONVERSION = YES;
+				CLANG_WARN_NON_LITERAL_NULL_CONVERSION = YES;
+				CLANG_WARN_OBJC_IMPLICIT_RETAIN_SELF = YES;
+				CLANG_WARN_OBJC_LITERAL_CONVERSION = YES;
+				CLANG_WARN_OBJC_ROOT_CLASS = YES_ERROR;
+				CLANG_WARN_RANGE_LOOP_ANALYSIS = YES;
+				CLANG_WARN_STRICT_PROTOTYPES = YES;
+				CLANG_WARN_SUSPICIOUS_MOVE = YES;
+				CLANG_WARN_UNREACHABLE_CODE = YES;
+				CLANG_WARN__DUPLICATE_METHOD_MATCH = YES;
+				"CODE_SIGN_IDENTITY[sdk=iphoneos*]" = "iPhone Developer";
+				COPY_PHASE_STRIP = NO;
+				DEBUG_INFORMATION_FORMAT = "dwarf-with-dsym";
+				ENABLE_NS_ASSERTIONS = NO;
+				ENABLE_STRICT_OBJC_MSGSEND = YES;
+				ENABLE_USER_SCRIPT_SANDBOXING = NO;
+				GCC_C_LANGUAGE_STANDARD = gnu99;
+				GCC_NO_COMMON_BLOCKS = YES;
+				GCC_WARN_64_TO_32_BIT_CONVERSION = YES;
+				GCC_WARN_ABOUT_RETURN_TYPE = YES_ERROR;
+				GCC_WARN_UNDECLARED_SELECTOR = YES;
+				GCC_WARN_UNINITIALIZED_AUTOS = YES_AGGRESSIVE;
+				GCC_WARN_UNUSED_FUNCTION = YES;
+				GCC_WARN_UNUSED_VARIABLE = YES;
+				IPHONEOS_DEPLOYMENT_TARGET = 13.0;
+				MTL_ENABLE_DEBUG_INFO = NO;
+				SDKROOT = iphoneos;
+				SUPPORTED_PLATFORMS = iphoneos;
+				TARGETED_DEVICE_FAMILY = "1,2";
+				VALIDATE_PRODUCT = YES;
+			};
+			name = Profile;
+		};
+		249021D4217E4FDB00AE95B9 /* Profile */ = {
+			isa = XCBuildConfiguration;
+			baseConfigurationReference = 7AFA3C8E1D35360C0083082E /* Release.xcconfig */;
+			buildSettings = {
+				ASSETCATALOG_COMPILER_APPICON_NAME = AppIcon;
+				CLANG_ENABLE_MODULES = YES;
+				CURRENT_PROJECT_VERSION = "$(FLUTTER_BUILD_NUMBER)";
+				ENABLE_BITCODE = NO;
+				INFOPLIST_FILE = Runner/Info.plist;
+				LD_RUNPATH_SEARCH_PATHS = (
+					"$(inherited)",
+					"@executable_path/Frameworks",
+				);
+				PRODUCT_BUNDLE_IDENTIFIER = com.example.wtpe;
+				PRODUCT_NAME = "$(TARGET_NAME)";
+				SWIFT_OBJC_BRIDGING_HEADER = "Runner/Runner-Bridging-Header.h";
+				SWIFT_VERSION = 5.0;
+				VERSIONING_SYSTEM = "apple-generic";
+			};
+			name = Profile;
+		};
+		331C8088294A63A400263BE5 /* Debug */ = {
+			isa = XCBuildConfiguration;
+			baseConfigurationReference = 497EB272EB768463661EEF55 /* Pods-RunnerTests.debug.xcconfig */;
+			buildSettings = {
+				BUNDLE_LOADER = "$(TEST_HOST)";
+				CODE_SIGN_STYLE = Automatic;
+				CURRENT_PROJECT_VERSION = 1;
+				GENERATE_INFOPLIST_FILE = YES;
+				MARKETING_VERSION = 1.0;
+				PRODUCT_BUNDLE_IDENTIFIER = com.example.wtpe.RunnerTests;
+				PRODUCT_NAME = "$(TARGET_NAME)";
+				SWIFT_ACTIVE_COMPILATION_CONDITIONS = DEBUG;
+				SWIFT_OPTIMIZATION_LEVEL = "-Onone";
+				SWIFT_VERSION = 5.0;
+				TEST_HOST = "$(BUILT_PRODUCTS_DIR)/Runner.app/$(BUNDLE_EXECUTABLE_FOLDER_PATH)/Runner";
+			};
+			name = Debug;
+		};
+		331C8089294A63A400263BE5 /* Release */ = {
+			isa = XCBuildConfiguration;
+			baseConfigurationReference = 79C528EB1D9C6A1E837111AD /* Pods-RunnerTests.release.xcconfig */;
+			buildSettings = {
+				BUNDLE_LOADER = "$(TEST_HOST)";
+				CODE_SIGN_STYLE = Automatic;
+				CURRENT_PROJECT_VERSION = 1;
+				GENERATE_INFOPLIST_FILE = YES;
+				MARKETING_VERSION = 1.0;
+				PRODUCT_BUNDLE_IDENTIFIER = com.example.wtpe.RunnerTests;
+				PRODUCT_NAME = "$(TARGET_NAME)";
+				SWIFT_VERSION = 5.0;
+				TEST_HOST = "$(BUILT_PRODUCTS_DIR)/Runner.app/$(BUNDLE_EXECUTABLE_FOLDER_PATH)/Runner";
+			};
+			name = Release;
+		};
+		331C808A294A63A400263BE5 /* Profile */ = {
+			isa = XCBuildConfiguration;
+			baseConfigurationReference = 0235224B225D42AA7D06F707 /* Pods-RunnerTests.profile.xcconfig */;
+			buildSettings = {
+				BUNDLE_LOADER = "$(TEST_HOST)";
+				CODE_SIGN_STYLE = Automatic;
+				CURRENT_PROJECT_VERSION = 1;
+				GENERATE_INFOPLIST_FILE = YES;
+				MARKETING_VERSION = 1.0;
+				PRODUCT_BUNDLE_IDENTIFIER = com.example.wtpe.RunnerTests;
+				PRODUCT_NAME = "$(TARGET_NAME)";
+				SWIFT_VERSION = 5.0;
+				TEST_HOST = "$(BUILT_PRODUCTS_DIR)/Runner.app/$(BUNDLE_EXECUTABLE_FOLDER_PATH)/Runner";
+			};
+			name = Profile;
+		};
+		97C147031CF9000F007C117D /* Debug */ = {
+			isa = XCBuildConfiguration;
+			buildSettings = {
+				ALWAYS_SEARCH_USER_PATHS = NO;
+				ASSETCATALOG_COMPILER_GENERATE_SWIFT_ASSET_SYMBOL_EXTENSIONS = YES;
+				CLANG_ANALYZER_NONNULL = YES;
+				CLANG_CXX_LANGUAGE_STANDARD = "gnu++0x";
+				CLANG_CXX_LIBRARY = "libc++";
+				CLANG_ENABLE_MODULES = YES;
+				CLANG_ENABLE_OBJC_ARC = YES;
+				CLANG_WARN_BLOCK_CAPTURE_AUTORELEASING = YES;
+				CLANG_WARN_BOOL_CONVERSION = YES;
+				CLANG_WARN_COMMA = YES;
+				CLANG_WARN_CONSTANT_CONVERSION = YES;
+				CLANG_WARN_DEPRECATED_OBJC_IMPLEMENTATIONS = YES;
+				CLANG_WARN_DIRECT_OBJC_ISA_USAGE = YES_ERROR;
+				CLANG_WARN_EMPTY_BODY = YES;
+				CLANG_WARN_ENUM_CONVERSION = YES;
+				CLANG_WARN_INFINITE_RECURSION = YES;
+				CLANG_WARN_INT_CONVERSION = YES;
+				CLANG_WARN_NON_LITERAL_NULL_CONVERSION = YES;
+				CLANG_WARN_OBJC_IMPLICIT_RETAIN_SELF = YES;
+				CLANG_WARN_OBJC_LITERAL_CONVERSION = YES;
+				CLANG_WARN_OBJC_ROOT_CLASS = YES_ERROR;
+				CLANG_WARN_RANGE_LOOP_ANALYSIS = YES;
+				CLANG_WARN_STRICT_PROTOTYPES = YES;
+				CLANG_WARN_SUSPICIOUS_MOVE = YES;
+				CLANG_WARN_UNREACHABLE_CODE = YES;
+				CLANG_WARN__DUPLICATE_METHOD_MATCH = YES;
+				"CODE_SIGN_IDENTITY[sdk=iphoneos*]" = "iPhone Developer";
+				COPY_PHASE_STRIP = NO;
+				DEBUG_INFORMATION_FORMAT = dwarf;
+				ENABLE_STRICT_OBJC_MSGSEND = YES;
+				ENABLE_TESTABILITY = YES;
+				ENABLE_USER_SCRIPT_SANDBOXING = NO;
+				GCC_C_LANGUAGE_STANDARD = gnu99;
+				GCC_DYNAMIC_NO_PIC = NO;
+				GCC_NO_COMMON_BLOCKS = YES;
+				GCC_OPTIMIZATION_LEVEL = 0;
+				GCC_PREPROCESSOR_DEFINITIONS = (
+					"DEBUG=1",
+					"$(inherited)",
+				);
+				GCC_WARN_64_TO_32_BIT_CONVERSION = YES;
+				GCC_WARN_ABOUT_RETURN_TYPE = YES_ERROR;
+				GCC_WARN_UNDECLARED_SELECTOR = YES;
+				GCC_WARN_UNINITIALIZED_AUTOS = YES_AGGRESSIVE;
+				GCC_WARN_UNUSED_FUNCTION = YES;
+				GCC_WARN_UNUSED_VARIABLE = YES;
+				IPHONEOS_DEPLOYMENT_TARGET = 13.0;
+				MTL_ENABLE_DEBUG_INFO = YES;
+				ONLY_ACTIVE_ARCH = YES;
+				SDKROOT = iphoneos;
+				TARGETED_DEVICE_FAMILY = "1,2";
+			};
+			name = Debug;
+		};
+		97C147041CF9000F007C117D /* Release */ = {
+			isa = XCBuildConfiguration;
+			buildSettings = {
+				ALWAYS_SEARCH_USER_PATHS = NO;
+				ASSETCATALOG_COMPILER_GENERATE_SWIFT_ASSET_SYMBOL_EXTENSIONS = YES;
+				CLANG_ANALYZER_NONNULL = YES;
+				CLANG_CXX_LANGUAGE_STANDARD = "gnu++0x";
+				CLANG_CXX_LIBRARY = "libc++";
+				CLANG_ENABLE_MODULES = YES;
+				CLANG_ENABLE_OBJC_ARC = YES;
+				CLANG_WARN_BLOCK_CAPTURE_AUTORELEASING = YES;
+				CLANG_WARN_BOOL_CONVERSION = YES;
+				CLANG_WARN_COMMA = YES;
+				CLANG_WARN_CONSTANT_CONVERSION = YES;
+				CLANG_WARN_DEPRECATED_OBJC_IMPLEMENTATIONS = YES;
+				CLANG_WARN_DIRECT_OBJC_ISA_USAGE = YES_ERROR;
+				CLANG_WARN_EMPTY_BODY = YES;
+				CLANG_WARN_ENUM_CONVERSION = YES;
+				CLANG_WARN_INFINITE_RECURSION = YES;
+				CLANG_WARN_INT_CONVERSION = YES;
+				CLANG_WARN_NON_LITERAL_NULL_CONVERSION = YES;
+				CLANG_WARN_OBJC_IMPLICIT_RETAIN_SELF = YES;
+				CLANG_WARN_OBJC_LITERAL_CONVERSION = YES;
+				CLANG_WARN_OBJC_ROOT_CLASS = YES_ERROR;
+				CLANG_WARN_RANGE_LOOP_ANALYSIS = YES;
+				CLANG_WARN_STRICT_PROTOTYPES = YES;
+				CLANG_WARN_SUSPICIOUS_MOVE = YES;
+				CLANG_WARN_UNREACHABLE_CODE = YES;
+				CLANG_WARN__DUPLICATE_METHOD_MATCH = YES;
+				"CODE_SIGN_IDENTITY[sdk=iphoneos*]" = "iPhone Developer";
+				COPY_PHASE_STRIP = NO;
+				DEBUG_INFORMATION_FORMAT = "dwarf-with-dsym";
+				ENABLE_NS_ASSERTIONS = NO;
+				ENABLE_STRICT_OBJC_MSGSEND = YES;
+				ENABLE_USER_SCRIPT_SANDBOXING = NO;
+				GCC_C_LANGUAGE_STANDARD = gnu99;
+				GCC_NO_COMMON_BLOCKS = YES;
+				GCC_WARN_64_TO_32_BIT_CONVERSION = YES;
+				GCC_WARN_ABOUT_RETURN_TYPE = YES_ERROR;
+				GCC_WARN_UNDECLARED_SELECTOR = YES;
+				GCC_WARN_UNINITIALIZED_AUTOS = YES_AGGRESSIVE;
+				GCC_WARN_UNUSED_FUNCTION = YES;
+				GCC_WARN_UNUSED_VARIABLE = YES;
+				IPHONEOS_DEPLOYMENT_TARGET = 13.0;
+				MTL_ENABLE_DEBUG_INFO = NO;
+				SDKROOT = iphoneos;
+				SUPPORTED_PLATFORMS = iphoneos;
+				SWIFT_COMPILATION_MODE = wholemodule;
+				SWIFT_OPTIMIZATION_LEVEL = "-O";
+				TARGETED_DEVICE_FAMILY = "1,2";
+				VALIDATE_PRODUCT = YES;
+			};
+			name = Release;
+		};
+		97C147061CF9000F007C117D /* Debug */ = {
+			isa = XCBuildConfiguration;
+			baseConfigurationReference = 9740EEB21CF90195004384FC /* Debug.xcconfig */;
+			buildSettings = {
+				ASSETCATALOG_COMPILER_APPICON_NAME = AppIcon;
+				CLANG_ENABLE_MODULES = YES;
+				CURRENT_PROJECT_VERSION = "$(FLUTTER_BUILD_NUMBER)";
+				ENABLE_BITCODE = NO;
+				INFOPLIST_FILE = Runner/Info.plist;
+				LD_RUNPATH_SEARCH_PATHS = (
+					"$(inherited)",
+					"@executable_path/Frameworks",
+				);
+				PRODUCT_BUNDLE_IDENTIFIER = com.example.wtpe;
+				PRODUCT_NAME = "$(TARGET_NAME)";
+				SWIFT_OBJC_BRIDGING_HEADER = "Runner/Runner-Bridging-Header.h";
+				SWIFT_OPTIMIZATION_LEVEL = "-Onone";
+				SWIFT_VERSION = 5.0;
+				VERSIONING_SYSTEM = "apple-generic";
+			};
+			name = Debug;
+		};
+		97C147071CF9000F007C117D /* Release */ = {
+			isa = XCBuildConfiguration;
+			baseConfigurationReference = 7AFA3C8E1D35360C0083082E /* Release.xcconfig */;
+			buildSettings = {
+				ASSETCATALOG_COMPILER_APPICON_NAME = AppIcon;
+				CLANG_ENABLE_MODULES = YES;
+				CURRENT_PROJECT_VERSION = "$(FLUTTER_BUILD_NUMBER)";
+				ENABLE_BITCODE = NO;
+				INFOPLIST_FILE = Runner/Info.plist;
+				LD_RUNPATH_SEARCH_PATHS = (
+					"$(inherited)",
+					"@executable_path/Frameworks",
+				);
+				PRODUCT_BUNDLE_IDENTIFIER = com.example.wtpe;
+				PRODUCT_NAME = "$(TARGET_NAME)";
+				SWIFT_OBJC_BRIDGING_HEADER = "Runner/Runner-Bridging-Header.h";
+				SWIFT_VERSION = 5.0;
+				VERSIONING_SYSTEM = "apple-generic";
+			};
+			name = Release;
+		};
+/* End XCBuildConfiguration section */
+
+/* Begin XCConfigurationList section */
+		331C8087294A63A400263BE5 /* Build configuration list for PBXNativeTarget "RunnerTests" */ = {
+			isa = XCConfigurationList;
+			buildConfigurations = (
+				331C8088294A63A400263BE5 /* Debug */,
+				331C8089294A63A400263BE5 /* Release */,
+				331C808A294A63A400263BE5 /* Profile */,
+			);
+			defaultConfigurationIsVisible = 0;
+			defaultConfigurationName = Release;
+		};
+		97C146E91CF9000F007C117D /* Build configuration list for PBXProject "Runner" */ = {
+			isa = XCConfigurationList;
+			buildConfigurations = (
+				97C147031CF9000F007C117D /* Debug */,
+				97C147041CF9000F007C117D /* Release */,
+				249021D3217E4FDB00AE95B9 /* Profile */,
+			);
+			defaultConfigurationIsVisible = 0;
+			defaultConfigurationName = Release;
+		};
+		97C147051CF9000F007C117D /* Build configuration list for PBXNativeTarget "Runner" */ = {
+			isa = XCConfigurationList;
+			buildConfigurations = (
+				97C147061CF9000F007C117D /* Debug */,
+				97C147071CF9000F007C117D /* Release */,
+				249021D4217E4FDB00AE95B9 /* Profile */,
+			);
+			defaultConfigurationIsVisible = 0;
+			defaultConfigurationName = Release;
+		};
+/* End XCConfigurationList section */
+	};
+	rootObject = 97C146E61CF9000F007C117D /* Project object */;
+}
diff --git a/ios/Runner.xcodeproj/project.xcworkspace/contents.xcworkspacedata b/ios/Runner.xcodeproj/project.xcworkspace/contents.xcworkspacedata
new file mode 100644
index 0000000..c4b79bd
--- /dev/null
+++ b/ios/Runner.xcodeproj/project.xcworkspace/contents.xcworkspacedata
@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<Workspace
+   version = "1.0">
+   <FileRef
+      location = "self:">
+   </FileRef>
+</Workspace>
diff --git a/ios/Runner.xcodeproj/project.xcworkspace/xcshareddata/IDEWorkspaceChecks.plist b/ios/Runner.xcodeproj/project.xcworkspace/xcshareddata/IDEWorkspaceChecks.plist
new file mode 100644
index 0000000..fc6bf80
--- /dev/null
+++ b/ios/Runner.xcodeproj/project.xcworkspace/xcshareddata/IDEWorkspaceChecks.plist
@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
+<plist version="1.0">
+<dict>
+	<key>IDEDidComputeMac32BitWarning</key>
+	<true/>
+</dict>
+</plist>
diff --git a/ios/Runner.xcodeproj/project.xcworkspace/xcshareddata/WorkspaceSettings.xcsettings b/ios/Runner.xcodeproj/project.xcworkspace/xcshareddata/WorkspaceSettings.xcsettings
new file mode 100644
index 0000000..af0309c
--- /dev/null
+++ b/ios/Runner.xcodeproj/project.xcworkspace/xcshareddata/WorkspaceSettings.xcsettings
@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
+<plist version="1.0">
+<dict>
+	<key>PreviewsEnabled</key>
+	<false/>
+</dict>
+</plist>
diff --git a/ios/Runner.xcodeproj/xcshareddata/xcschemes/Runner.xcscheme b/ios/Runner.xcodeproj/xcshareddata/xcschemes/Runner.xcscheme
new file mode 100644
index 0000000..76c9136
--- /dev/null
+++ b/ios/Runner.xcodeproj/xcshareddata/xcschemes/Runner.xcscheme
@@ -0,0 +1,101 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<Scheme
+   LastUpgradeVersion = "1510"
+   version = "1.3">
+   <BuildAction
+      parallelizeBuildables = "YES"
+      buildImplicitDependencies = "YES">
+      <BuildActionEntries>
+         <BuildActionEntry
+            buildForTesting = "YES"
+            buildForRunning = "YES"
+            buildForProfiling = "YES"
+            buildForArchiving = "YES"
+            buildForAnalyzing = "YES">
+            <BuildableReference
+               BuildableIdentifier = "primary"
+               BlueprintIdentifier = "97C146ED1CF9000F007C117D"
+               BuildableName = "Runner.app"
+               BlueprintName = "Runner"
+               ReferencedContainer = "container:Runner.xcodeproj">
+            </BuildableReference>
+         </BuildActionEntry>
+      </BuildActionEntries>
+   </BuildAction>
+   <TestAction
+      buildConfiguration = "Debug"
+      selectedDebuggerIdentifier = "Xcode.DebuggerFoundation.Debugger.LLDB"
+      selectedLauncherIdentifier = "Xcode.DebuggerFoundation.Launcher.LLDB"
+      customLLDBInitFile = "$(SRCROOT)/Flutter/ephemeral/flutter_lldbinit"
+      shouldUseLaunchSchemeArgsEnv = "YES">
+      <MacroExpansion>
+         <BuildableReference
+            BuildableIdentifier = "primary"
+            BlueprintIdentifier = "97C146ED1CF9000F007C117D"
+            BuildableName = "Runner.app"
+            BlueprintName = "Runner"
+            ReferencedContainer = "container:Runner.xcodeproj">
+         </BuildableReference>
+      </MacroExpansion>
+      <Testables>
+         <TestableReference
+            skipped = "NO"
+            parallelizable = "YES">
+            <BuildableReference
+               BuildableIdentifier = "primary"
+               BlueprintIdentifier = "331C8080294A63A400263BE5"
+               BuildableName = "RunnerTests.xctest"
+               BlueprintName = "RunnerTests"
+               ReferencedContainer = "container:Runner.xcodeproj">
+            </BuildableReference>
+         </TestableReference>
+      </Testables>
+   </TestAction>
+   <LaunchAction
+      buildConfiguration = "Debug"
+      selectedDebuggerIdentifier = "Xcode.DebuggerFoundation.Debugger.LLDB"
+      selectedLauncherIdentifier = "Xcode.DebuggerFoundation.Launcher.LLDB"
+      customLLDBInitFile = "$(SRCROOT)/Flutter/ephemeral/flutter_lldbinit"
+      launchStyle = "0"
+      useCustomWorkingDirectory = "NO"
+      ignoresPersistentStateOnLaunch = "NO"
+      debugDocumentVersioning = "YES"
+      debugServiceExtension = "internal"
+      enableGPUValidationMode = "1"
+      allowLocationSimulation = "YES">
+      <BuildableProductRunnable
+         runnableDebuggingMode = "0">
+         <BuildableReference
+            BuildableIdentifier = "primary"
+            BlueprintIdentifier = "97C146ED1CF9000F007C117D"
+            BuildableName = "Runner.app"
+            BlueprintName = "Runner"
+            ReferencedContainer = "container:Runner.xcodeproj">
+         </BuildableReference>
+      </BuildableProductRunnable>
+   </LaunchAction>
+   <ProfileAction
+      buildConfiguration = "Profile"
+      shouldUseLaunchSchemeArgsEnv = "YES"
+      savedToolIdentifier = ""
+      useCustomWorkingDirectory = "NO"
+      debugDocumentVersioning = "YES">
+      <BuildableProductRunnable
+         runnableDebuggingMode = "0">
+         <BuildableReference
+            BuildableIdentifier = "primary"
+            BlueprintIdentifier = "97C146ED1CF9000F007C117D"
+            BuildableName = "Runner.app"
+            BlueprintName = "Runner"
+            ReferencedContainer = "container:Runner.xcodeproj">
+         </BuildableReference>
+      </BuildableProductRunnable>
+   </ProfileAction>
+   <AnalyzeAction
+      buildConfiguration = "Debug">
+   </AnalyzeAction>
+   <ArchiveAction
+      buildConfiguration = "Release"
+      revealArchiveInOrganizer = "YES">
+   </ArchiveAction>
+</Scheme>
diff --git a/ios/Runner.xcworkspace/contents.xcworkspacedata b/ios/Runner.xcworkspace/contents.xcworkspacedata
new file mode 100644
index 0000000..21a3cc1
--- /dev/null
+++ b/ios/Runner.xcworkspace/contents.xcworkspacedata
@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<Workspace
+   version = "1.0">
+   <FileRef
+      location = "group:Runner.xcodeproj">
+   </FileRef>
+   <FileRef
+      location = "group:Pods/Pods.xcodeproj">
+   </FileRef>
+</Workspace>
diff --git a/ios/Runner.xcworkspace/xcshareddata/IDEWorkspaceChecks.plist b/ios/Runner.xcworkspace/xcshareddata/IDEWorkspaceChecks.plist
new file mode 100644
index 0000000..fc6bf80
--- /dev/null
+++ b/ios/Runner.xcworkspace/xcshareddata/IDEWorkspaceChecks.plist
@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
+<plist version="1.0">
+<dict>
+	<key>IDEDidComputeMac32BitWarning</key>
+	<true/>
+</dict>
+</plist>
diff --git a/ios/Runner.xcworkspace/xcshareddata/WorkspaceSettings.xcsettings b/ios/Runner.xcworkspace/xcshareddata/WorkspaceSettings.xcsettings
new file mode 100644
index 0000000..af0309c
--- /dev/null
+++ b/ios/Runner.xcworkspace/xcshareddata/WorkspaceSettings.xcsettings
@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
+<plist version="1.0">
+<dict>
+	<key>PreviewsEnabled</key>
+	<false/>
+</dict>
+</plist>
diff --git a/ios/Runner/AppDelegate.swift b/ios/Runner/AppDelegate.swift
new file mode 100644
index 0000000..8be1cec
--- /dev/null
+++ b/ios/Runner/AppDelegate.swift
@@ -0,0 +1,13 @@
+import Flutter
+import UIKit
+
+@main
+@objc class AppDelegate: FlutterAppDelegate {
+  override func application(
+    _ application: UIApplication,
+    didFinishLaunchingWithOptions launchOptions: [UIApplication.LaunchOptionsKey: Any]?
+  ) -> Bool {
+    GeneratedPluginRegistrant.register(with: self)
+    return super.application(application, didFinishLaunchingWithOptions: launchOptions)
+  }
+}
diff --git a/ios/Runner/Assets.xcassets/AppIcon.appiconset/Contents.json b/ios/Runner/Assets.xcassets/AppIcon.appiconset/Contents.json
new file mode 100644
index 0000000..1950fd8
--- /dev/null
+++ b/ios/Runner/Assets.xcassets/AppIcon.appiconset/Contents.json
@@ -0,0 +1,122 @@
+{
+  "images" : [
+    {
+      "size" : "20x20",
+      "idiom" : "iphone",
+      "filename" : "Icon-App-20x20@2x.png",
+      "scale" : "2x"
+    },
+    {
+      "size" : "20x20",
+      "idiom" : "iphone",
+      "filename" : "Icon-App-20x20@3x.png",
+      "scale" : "3x"
+    },
+    {
+      "size" : "29x29",
+      "idiom" : "iphone",
+      "filename" : "Icon-App-29x29@1x.png",
+      "scale" : "1x"
+    },
+    {
+      "size" : "29x29",
+      "idiom" : "iphone",
+      "filename" : "Icon-App-29x29@2x.png",
+      "scale" : "2x"
+    },
+    {
+      "size" : "29x29",
+      "idiom" : "iphone",
+      "filename" : "Icon-App-29x29@3x.png",
+      "scale" : "3x"
+    },
+    {
+      "size" : "40x40",
+      "idiom" : "iphone",
+      "filename" : "Icon-App-40x40@2x.png",
+      "scale" : "2x"
+    },
+    {
+      "size" : "40x40",
+      "idiom" : "iphone",
+      "filename" : "Icon-App-40x40@3x.png",
+      "scale" : "3x"
+    },
+    {
+      "size" : "60x60",
+      "idiom" : "iphone",
+      "filename" : "Icon-App-60x60@2x.png",
+      "scale" : "2x"
+    },
+    {
+      "size" : "60x60",
+      "idiom" : "iphone",
+      "filename" : "Icon-App-60x60@3x.png",
+      "scale" : "3x"
+    },
+    {
+      "size" : "20x20",
+      "idiom" : "ipad",
+      "filename" : "Icon-App-20x20@1x.png",
+      "scale" : "1x"
+    },
+    {
+      "size" : "20x20",
+      "idiom" : "ipad",
+      "filename" : "Icon-App-20x20@2x.png",
+      "scale" : "2x"
+    },
+    {
+      "size" : "29x29",
+      "idiom" : "ipad",
+      "filename" : "Icon-App-29x29@1x.png",
+      "scale" : "1x"
+    },
+    {
+      "size" : "29x29",
+      "idiom" : "ipad",
+      "filename" : "Icon-App-29x29@2x.png",
+      "scale" : "2x"
+    },
+    {
+      "size" : "40x40",
+      "idiom" : "ipad",
+      "filename" : "Icon-App-40x40@1x.png",
+      "scale" : "1x"
+    },
+    {
+      "size" : "40x40",
+      "idiom" : "ipad",
+      "filename" : "Icon-App-40x40@2x.png",
+      "scale" : "2x"
+    },
+    {
+      "size" : "76x76",
+      "idiom" : "ipad",
+      "filename" : "Icon-App-76x76@1x.png",
+      "scale" : "1x"
+    },
+    {
+      "size" : "76x76",
+      "idiom" : "ipad",
+      "filename" : "Icon-App-76x76@2x.png",
+      "scale" : "2x"
+    },
+    {
+      "size" : "83.5x83.5",
+      "idiom" : "ipad",
+      "filename" : "Icon-App-83.5x83.5@2x.png",
+      "scale" : "2x"
+    },
+    {
+      "size" : "1024x1024",
+      "idiom" : "ios-marketing",
+      "filename" : "Icon-App-1024x1024@1x.png",
+      "scale" : "1x"
+    }
+  ],
+  "info" : {
+    "version" : 1,
+    "author" : "xcode"
+  }
+}
diff --git a/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-1024x1024@1x.png b/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-1024x1024@1x.png
new file mode 100644
index 0000000..dc9ada4
Binary files /dev/null and b/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-1024x1024@1x.png differ
diff --git a/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-20x20@1x.png b/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-20x20@1x.png
new file mode 100644
index 0000000..7353c41
Binary files /dev/null and b/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-20x20@1x.png differ
diff --git a/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-20x20@2x.png b/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-20x20@2x.png
new file mode 100644
index 0000000..797d452
Binary files /dev/null and b/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-20x20@2x.png differ
diff --git a/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-20x20@3x.png b/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-20x20@3x.png
new file mode 100644
index 0000000..6ed2d93
Binary files /dev/null and b/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-20x20@3x.png differ
diff --git a/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-29x29@1x.png b/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-29x29@1x.png
new file mode 100644
index 0000000..4cd7b00
Binary files /dev/null and b/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-29x29@1x.png differ
diff --git a/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-29x29@2x.png b/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-29x29@2x.png
new file mode 100644
index 0000000..fe73094
Binary files /dev/null and b/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-29x29@2x.png differ
diff --git a/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-29x29@3x.png b/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-29x29@3x.png
new file mode 100644
index 0000000..321773c
Binary files /dev/null and b/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-29x29@3x.png differ
diff --git a/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-40x40@1x.png b/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-40x40@1x.png
new file mode 100644
index 0000000..797d452
Binary files /dev/null and b/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-40x40@1x.png differ
diff --git a/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-40x40@2x.png b/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-40x40@2x.png
new file mode 100644
index 0000000..502f463
Binary files /dev/null and b/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-40x40@2x.png differ
diff --git a/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-40x40@3x.png b/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-40x40@3x.png
new file mode 100644
index 0000000..0ec3034
Binary files /dev/null and b/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-40x40@3x.png differ
diff --git a/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-60x60@2x.png b/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-60x60@2x.png
new file mode 100644
index 0000000..0ec3034
Binary files /dev/null and b/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-60x60@2x.png differ
diff --git a/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-60x60@3x.png b/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-60x60@3x.png
new file mode 100644
index 0000000..e9f5fea
Binary files /dev/null and b/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-60x60@3x.png differ
diff --git a/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-76x76@1x.png b/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-76x76@1x.png
new file mode 100644
index 0000000..84ac32a
Binary files /dev/null and b/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-76x76@1x.png differ
diff --git a/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-76x76@2x.png b/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-76x76@2x.png
new file mode 100644
index 0000000..8953cba
Binary files /dev/null and b/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-76x76@2x.png differ
diff --git a/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-83.5x83.5@2x.png b/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-83.5x83.5@2x.png
new file mode 100644
index 0000000..0467bf1
Binary files /dev/null and b/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-83.5x83.5@2x.png differ
diff --git a/ios/Runner/Assets.xcassets/LaunchImage.imageset/Contents.json b/ios/Runner/Assets.xcassets/LaunchImage.imageset/Contents.json
new file mode 100644
index 0000000..d08a4de
--- /dev/null
+++ b/ios/Runner/Assets.xcassets/LaunchImage.imageset/Contents.json
@@ -0,0 +1,23 @@
+{
+  "images" : [
+    {
+      "idiom" : "universal",
+      "filename" : "LaunchImage.png",
+      "scale" : "1x"
+    },
+    {
+      "idiom" : "universal",
+      "filename" : "LaunchImage@2x.png",
+      "scale" : "2x"
+    },
+    {
+      "idiom" : "universal",
+      "filename" : "LaunchImage@3x.png",
+      "scale" : "3x"
+    }
+  ],
+  "info" : {
+    "version" : 1,
+    "author" : "xcode"
+  }
+}
diff --git a/ios/Runner/Assets.xcassets/LaunchImage.imageset/LaunchImage.png b/ios/Runner/Assets.xcassets/LaunchImage.imageset/LaunchImage.png
new file mode 100644
index 0000000..9da19ea
Binary files /dev/null and b/ios/Runner/Assets.xcassets/LaunchImage.imageset/LaunchImage.png differ
diff --git a/ios/Runner/Assets.xcassets/LaunchImage.imageset/LaunchImage@2x.png b/ios/Runner/Assets.xcassets/LaunchImage.imageset/LaunchImage@2x.png
new file mode 100644
index 0000000..9da19ea
Binary files /dev/null and b/ios/Runner/Assets.xcassets/LaunchImage.imageset/LaunchImage@2x.png differ
diff --git a/ios/Runner/Assets.xcassets/LaunchImage.imageset/LaunchImage@3x.png b/ios/Runner/Assets.xcassets/LaunchImage.imageset/LaunchImage@3x.png
new file mode 100644
index 0000000..9da19ea
Binary files /dev/null and b/ios/Runner/Assets.xcassets/LaunchImage.imageset/LaunchImage@3x.png differ
diff --git a/ios/Runner/Assets.xcassets/LaunchImage.imageset/README.md b/ios/Runner/Assets.xcassets/LaunchImage.imageset/README.md
new file mode 100644
index 0000000..65a94b5
--- /dev/null
+++ b/ios/Runner/Assets.xcassets/LaunchImage.imageset/README.md
@@ -0,0 +1,5 @@
+# Launch Screen Assets
+
+You can customize the launch screen with your own desired assets by replacing the image files in this directory.
+
+You can also do it by opening your Flutter project's Xcode project with `open ios/Runner.xcworkspace`, selecting `Runner/Assets.xcassets` in the Project Navigator and dropping in the desired images.
\ No newline at end of file
diff --git a/ios/Runner/Base.lproj/LaunchScreen.storyboard b/ios/Runner/Base.lproj/LaunchScreen.storyboard
new file mode 100644
index 0000000..497371e
--- /dev/null
+++ b/ios/Runner/Base.lproj/LaunchScreen.storyboard
@@ -0,0 +1,37 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<document type="com.apple.InterfaceBuilder3.CocoaTouch.Storyboard.XIB" version="3.0" toolsVersion="12121" systemVersion="16G29" targetRuntime="iOS.CocoaTouch" propertyAccessControl="none" useAutolayout="YES" launchScreen="YES" colorMatched="YES" initialViewController="01J-lp-oVM">
+    <dependencies>
+        <deployment identifier="iOS"/>
+        <plugIn identifier="com.apple.InterfaceBuilder.IBCocoaTouchPlugin" version="12089"/>
+    </dependencies>
+    <scenes>
+        <!--View Controller-->
+        <scene sceneID="EHf-IW-A2E">
+            <objects>
+                <viewController id="01J-lp-oVM" sceneMemberID="viewController">
+                    <layoutGuides>
+                        <viewControllerLayoutGuide type="top" id="Ydg-fD-yQy"/>
+                        <viewControllerLayoutGuide type="bottom" id="xbc-2k-c8Z"/>
+                    </layoutGuides>
+                    <view key="view" contentMode="scaleToFill" id="Ze5-6b-2t3">
+                        <autoresizingMask key="autoresizingMask" widthSizable="YES" heightSizable="YES"/>
+                        <subviews>
+                            <imageView opaque="NO" clipsSubviews="YES" multipleTouchEnabled="YES" contentMode="center" image="LaunchImage" translatesAutoresizingMaskIntoConstraints="NO" id="YRO-k0-Ey4">
+                            </imageView>
+                        </subviews>
+                        <color key="backgroundColor" red="1" green="1" blue="1" alpha="1" colorSpace="custom" customColorSpace="sRGB"/>
+                        <constraints>
+                            <constraint firstItem="YRO-k0-Ey4" firstAttribute="centerX" secondItem="Ze5-6b-2t3" secondAttribute="centerX" id="1a2-6s-vTC"/>
+                            <constraint firstItem="YRO-k0-Ey4" firstAttribute="centerY" secondItem="Ze5-6b-2t3" secondAttribute="centerY" id="4X2-HB-R7a"/>
+                        </constraints>
+                    </view>
+                </viewController>
+                <placeholder placeholderIdentifier="IBFirstResponder" id="iYj-Kq-Ea1" userLabel="First Responder" sceneMemberID="firstResponder"/>
+            </objects>
+            <point key="canvasLocation" x="53" y="375"/>
+        </scene>
+    </scenes>
+    <resources>
+        <image name="LaunchImage" width="168" height="185"/>
+    </resources>
+</document>
diff --git a/ios/Runner/Base.lproj/Main.storyboard b/ios/Runner/Base.lproj/Main.storyboard
new file mode 100644
index 0000000..bbb83ca
--- /dev/null
+++ b/ios/Runner/Base.lproj/Main.storyboard
@@ -0,0 +1,26 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<document type="com.apple.InterfaceBuilder3.CocoaTouch.Storyboard.XIB" version="3.0" toolsVersion="10117" systemVersion="15F34" targetRuntime="iOS.CocoaTouch" propertyAccessControl="none" useAutolayout="YES" useTraitCollections="YES" initialViewController="BYZ-38-t0r">
+    <dependencies>
+        <deployment identifier="iOS"/>
+        <plugIn identifier="com.apple.InterfaceBuilder.IBCocoaTouchPlugin" version="10085"/>
+    </dependencies>
+    <scenes>
+        <!--Flutter View Controller-->
+        <scene sceneID="tne-QT-ifu">
+            <objects>
+                <viewController id="BYZ-38-t0r" customClass="FlutterViewController" sceneMemberID="viewController">
+                    <layoutGuides>
+                        <viewControllerLayoutGuide type="top" id="y3c-jy-aDJ"/>
+                        <viewControllerLayoutGuide type="bottom" id="wfy-db-euE"/>
+                    </layoutGuides>
+                    <view key="view" contentMode="scaleToFill" id="8bC-Xf-vdC">
+                        <rect key="frame" x="0.0" y="0.0" width="600" height="600"/>
+                        <autoresizingMask key="autoresizingMask" widthSizable="YES" heightSizable="YES"/>
+                        <color key="backgroundColor" white="1" alpha="1" colorSpace="custom" customColorSpace="calibratedWhite"/>
+                    </view>
+                </viewController>
+                <placeholder placeholderIdentifier="IBFirstResponder" id="dkx-z0-nzr" sceneMemberID="firstResponder"/>
+            </objects>
+        </scene>
+    </scenes>
+</document>
diff --git a/ios/Runner/Info.plist b/ios/Runner/Info.plist
new file mode 100644
index 0000000..6875be3
--- /dev/null
+++ b/ios/Runner/Info.plist
@@ -0,0 +1,49 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
+<plist version="1.0">
+<dict>
+	<key>CFBundleDevelopmentRegion</key>
+	<string>$(DEVELOPMENT_LANGUAGE)</string>
+	<key>CFBundleDisplayName</key>
+	<string>Wtpe</string>
+	<key>CFBundleExecutable</key>
+	<string>$(EXECUTABLE_NAME)</string>
+	<key>CFBundleIdentifier</key>
+	<string>$(PRODUCT_BUNDLE_IDENTIFIER)</string>
+	<key>CFBundleInfoDictionaryVersion</key>
+	<string>6.0</string>
+	<key>CFBundleName</key>
+	<string>wtpe</string>
+	<key>CFBundlePackageType</key>
+	<string>APPL</string>
+	<key>CFBundleShortVersionString</key>
+	<string>$(FLUTTER_BUILD_NAME)</string>
+	<key>CFBundleSignature</key>
+	<string>????</string>
+	<key>CFBundleVersion</key>
+	<string>$(FLUTTER_BUILD_NUMBER)</string>
+	<key>LSRequiresIPhoneOS</key>
+	<true/>
+	<key>UILaunchStoryboardName</key>
+	<string>LaunchScreen</string>
+	<key>UIMainStoryboardFile</key>
+	<string>Main</string>
+	<key>UISupportedInterfaceOrientations</key>
+	<array>
+		<string>UIInterfaceOrientationPortrait</string>
+		<string>UIInterfaceOrientationLandscapeLeft</string>
+		<string>UIInterfaceOrientationLandscapeRight</string>
+	</array>
+	<key>UISupportedInterfaceOrientations~ipad</key>
+	<array>
+		<string>UIInterfaceOrientationPortrait</string>
+		<string>UIInterfaceOrientationPortraitUpsideDown</string>
+		<string>UIInterfaceOrientationLandscapeLeft</string>
+		<string>UIInterfaceOrientationLandscapeRight</string>
+	</array>
+	<key>CADisableMinimumFrameDurationOnPhone</key>
+	<true/>
+	<key>UIApplicationSupportsIndirectInputEvents</key>
+	<true/>
+</dict>
+</plist>
diff --git a/ios/Runner/Runner-Bridging-Header.h b/ios/Runner/Runner-Bridging-Header.h
new file mode 100644
index 0000000..fae207f
--- /dev/null
+++ b/ios/Runner/Runner-Bridging-Header.h
@@ -0,0 +1 @@
+#import "GeneratedPluginRegistrant.h"
diff --git a/ios/RunnerTests/RunnerTests.swift b/ios/RunnerTests/RunnerTests.swift
new file mode 100644
index 0000000..4d206de
--- /dev/null
+++ b/ios/RunnerTests/RunnerTests.swift
@@ -0,0 +1,12 @@
+import Flutter
+import UIKit
+import XCTest
+
+class RunnerTests: XCTestCase {
+
+  func testExample() {
+    // If you add code to the Runner application, consider adding tests here.
+    // See https://developer.apple.com/documentation/xctest for more information about using XCTest.
+  }
+
+}
diff --git a/lib/controllers/services_controller.dart b/lib/controllers/services_controller.dart
new file mode 100644
index 0000000..89a8fc3
--- /dev/null
+++ b/lib/controllers/services_controller.dart
@@ -0,0 +1,184 @@
+import 'package:flutter/material.dart';
+import '../models/service_model.dart';
+import '../services/wortis_api_service.dart';
+
+class ServicesController extends ChangeNotifier {
+  final WortisApiService _apiService = WortisApiService();
+
+  List<WortisService> _allServices = [];
+  Map<String, List<WortisService>> _servicesBySector = {};
+  bool _isLoading = false;
+  String? _error;
+  String _searchQuery = '';
+  String _selectedSector = 'Tous';
+
+  // Ordre de priorité des secteurs (index 0 = plus haute priorité)
+  static const List<String> _sectorPriority = [
+    'Service Public',
+    // Ajoutez d'autres secteurs selon vos besoins
+  ];
+
+  // Getters
+  List<WortisService> get allServices => _allServices;
+  Map<String, List<WortisService>> get servicesBySector => _servicesBySector;
+  bool get isLoading => _isLoading;
+  String? get error => _error;
+  String get searchQuery => _searchQuery;
+  String get selectedSector => _selectedSector;
+
+  List<String> get sectors => ['Tous', ..._servicesBySector.keys];
+
+  // Méthode pour obtenir la priorité d'un secteur
+  int _getSectorPriority(String sector) {
+    final normalizedSector = sector.toLowerCase();
+    for (int i = 0; i < _sectorPriority.length; i++) {
+      if (_sectorPriority[i].toLowerCase() == normalizedSector) {
+        return i;
+      }
+    }
+    return _sectorPriority
+        .length; // Secteurs non listés ont la priorité la plus basse
+  }
+
+  // Méthode pour trier les services par secteur prioritaire et rang
+  List<WortisService> _sortServicesByPriority(List<WortisService> services) {
+    final List<WortisService> sortedServices = List.from(services);
+
+    sortedServices.sort((a, b) {
+      // D'abord, comparer par priorité de secteur
+      final priorityA = _getSectorPriority(a.secteurActivite);
+      final priorityB = _getSectorPriority(b.secteurActivite);
+
+      if (priorityA != priorityB) {
+        return priorityA.compareTo(priorityB);
+      }
+
+      // Si même secteur, trier par rang
+      if (a.rang != null && b.rang != null) {
+        return a.rang!.compareTo(b.rang!);
+      }
+      // Si seulement le premier a un rang, il passe en premier
+      else if (a.rang != null && b.rang == null) {
+        return -1;
+      }
+      // Si seulement le deuxième a un rang, il passe en premier
+      else if (a.rang == null && b.rang != null) {
+        return 1;
+      }
+      // Si aucun n'a de rang, trier par nom alphabétiquement
+      else {
+        return a.name.compareTo(b.name);
+      }
+    });
+
+    return sortedServices;
+  }
+
+  // Services filtrés selon la recherche et le secteur avec tri par priorité
+  List<WortisService> get filteredServices {
+    List<WortisService> services;
+
+    if (_selectedSector == 'Tous') {
+      services = _allServices;
+    } else {
+      services = _servicesBySector[_selectedSector] ?? [];
+    }
+
+    if (_searchQuery.isNotEmpty) {
+      services =
+          services.where((service) {
+            final name = service.name.toLowerCase();
+            final description = service.description.toLowerCase();
+            final sector = service.secteurActivite.toLowerCase();
+            final query = _searchQuery.toLowerCase();
+
+            return name.contains(query) ||
+                description.contains(query) ||
+                sector.contains(query);
+          }).toList();
+    }
+
+    // Appliquer le tri par priorité de secteur et rang
+    return _sortServicesByPriority(services);
+  }
+
+  // Charger les services depuis l'API
+  Future<void> loadServices() async {
+    _isLoading = true;
+    _error = null;
+    notifyListeners();
+
+    try {
+      _allServices = await _apiService.getServices();
+
+      // Trier tous les services par priorité dès le chargement
+      _allServices = _sortServicesByPriority(_allServices);
+
+      _servicesBySector = _apiService.groupServicesBySector(_allServices);
+
+      // Trier les services dans chaque secteur
+      _servicesBySector.forEach((key, value) {
+        _servicesBySector[key] = _sortServicesByPriority(value);
+      });
+
+      _error = null;
+    } catch (e) {
+      _error = e.toString();
+      _allServices = [];
+      _servicesBySector = {};
+    } finally {
+      _isLoading = false;
+      notifyListeners();
+    }
+  }
+
+  // Rafraîchir les services
+  Future<void> refreshServices() async {
+    await loadServices();
+  }
+
+  // Mettre à jour la recherche
+  void updateSearchQuery(String query) {
+    _searchQuery = query;
+    notifyListeners();
+  }
+
+  // Changer le secteur sélectionné
+  void selectSector(String sector) {
+    _selectedSector = sector;
+    notifyListeners();
+  }
+
+  // Vider la recherche
+  void clearSearch() {
+    _searchQuery = '';
+    notifyListeners();
+  }
+
+  // Obtenir un service par ID
+  WortisService? getServiceById(String id) {
+    try {
+      return _allServices.firstWhere((service) => service.id == id);
+    } catch (e) {
+      return null;
+    }
+  }
+
+  // Obtenir les services actifs uniquement avec tri par priorité
+  List<WortisService> get activeServices {
+    final active = _allServices.where((service) => service.status).toList();
+    return _sortServicesByPriority(active);
+  }
+
+  // Obtenir le nombre de services par secteur
+  Map<String, int> get servicesCountBySector {
+    Map<String, int> count = {};
+    for (var entry in _servicesBySector.entries) {
+      count[entry.key] = entry.value.length;
+    }
+    return count;
+  }
+
+  // Méthode pour modifier l'ordre de priorité des secteurs si nécessaire
+  static List<String> get sectorPriority => List.from(_sectorPriority);
+}
diff --git a/lib/index.html b/lib/index.html
new file mode 100644
index 0000000..9a6f78f
--- /dev/null
+++ b/lib/index.html
@@ -0,0 +1,1340 @@
+<!DOCTYPE html>
+<html lang="fr">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Dashboard Admin TPE - Wortis</title>
+    <style>
+        * {
+            margin: 0;
+            padding: 0;
+            box-sizing: border-box;
+        }
+
+        :root {
+            --primary: #2563eb;
+            --primary-dark: #1e40af;
+            --success: #10b981;
+            --warning: #f59e0b;
+            --danger: #ef4444;
+            --dark: #1e293b;
+            --light: #f8fafc;
+            --border: #e2e8f0;
+            --text: #334155;
+            --text-light: #64748b;
+        }
+
+        body {
+            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
+            background: var(--light);
+            color: var(--text);
+            line-height: 1.6;
+        }
+
+        .container {
+            display: flex;
+            min-height: 100vh;
+        }
+
+        /* Sidebar */
+        .sidebar {
+            width: 260px;
+            background: var(--dark);
+            color: white;
+            padding: 20px 0;
+            position: fixed;
+            height: 100vh;
+            overflow-y: auto;
+            transition: transform 0.3s;
+        }
+
+        .sidebar.hidden {
+            transform: translateX(-100%);
+        }
+
+        .logo {
+            padding: 0 20px 20px;
+            border-bottom: 1px solid rgba(255,255,255,0.1);
+            margin-bottom: 20px;
+        }
+
+        .logo h2 {
+            font-size: 24px;
+            color: white;
+        }
+
+        .logo p {
+            font-size: 12px;
+            color: rgba(255,255,255,0.6);
+        }
+
+        .nav-menu {
+            list-style: none;
+        }
+
+        .nav-item {
+            padding: 12px 20px;
+            cursor: pointer;
+            transition: all 0.3s;
+            display: flex;
+            align-items: center;
+            gap: 12px;
+            border-left: 3px solid transparent;
+        }
+
+        .nav-item:hover {
+            background: rgba(255,255,255,0.1);
+            border-left-color: var(--primary);
+        }
+
+        .nav-item.active {
+            background: rgba(37,99,235,0.2);
+            border-left-color: var(--primary);
+        }
+
+        .nav-item span {
+            font-size: 20px;
+        }
+
+        /* Main Content */
+        .main-content {
+            flex: 1;
+            margin-left: 260px;
+            padding: 20px;
+            transition: margin-left 0.3s;
+        }
+
+        .main-content.expanded {
+            margin-left: 0;
+        }
+
+        /* Header */
+        .header {
+            background: white;
+            padding: 20px;
+            border-radius: 10px;
+            box-shadow: 0 2px 4px rgba(0,0,0,0.1);
+            margin-bottom: 20px;
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+        }
+
+        .header h1 {
+            font-size: 28px;
+            color: var(--dark);
+        }
+
+        .header-actions {
+            display: flex;
+            gap: 10px;
+            align-items: center;
+        }
+
+        .btn {
+            padding: 10px 20px;
+            border: none;
+            border-radius: 6px;
+            cursor: pointer;
+            font-size: 14px;
+            font-weight: 500;
+            transition: all 0.3s;
+            display: inline-flex;
+            align-items: center;
+            gap: 8px;
+        }
+
+        .btn-primary {
+            background: var(--primary);
+            color: white;
+        }
+
+        .btn-primary:hover {
+            background: var(--primary-dark);
+        }
+
+        .btn-success {
+            background: var(--success);
+            color: white;
+        }
+
+        .btn-danger {
+            background: var(--danger);
+            color: white;
+        }
+
+        .btn-secondary {
+            background: var(--border);
+            color: var(--text);
+        }
+
+        /* Stats Cards */
+        .stats-grid {
+            display: grid;
+            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
+            gap: 20px;
+            margin-bottom: 20px;
+        }
+
+        .stat-card {
+            background: white;
+            padding: 20px;
+            border-radius: 10px;
+            box-shadow: 0 2px 4px rgba(0,0,0,0.1);
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+        }
+
+        .stat-info h3 {
+            font-size: 14px;
+            color: var(--text-light);
+            margin-bottom: 5px;
+        }
+
+        .stat-info p {
+            font-size: 28px;
+            font-weight: bold;
+            color: var(--dark);
+        }
+
+        .stat-icon {
+            width: 60px;
+            height: 60px;
+            border-radius: 10px;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            font-size: 30px;
+        }
+
+        .stat-icon.blue { background: rgba(37,99,235,0.1); color: var(--primary); }
+        .stat-icon.green { background: rgba(16,185,129,0.1); color: var(--success); }
+        .stat-icon.orange { background: rgba(245,158,11,0.1); color: var(--warning); }
+        .stat-icon.red { background: rgba(239,68,68,0.1); color: var(--danger); }
+
+        /* Content Sections */
+        .content-section {
+            background: white;
+            padding: 20px;
+            border-radius: 10px;
+            box-shadow: 0 2px 4px rgba(0,0,0,0.1);
+            margin-bottom: 20px;
+            display: none;
+        }
+
+        .content-section.active {
+            display: block;
+        }
+
+        .section-header {
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            margin-bottom: 20px;
+            padding-bottom: 15px;
+            border-bottom: 2px solid var(--border);
+        }
+
+        .section-header h2 {
+            font-size: 22px;
+            color: var(--dark);
+        }
+
+        /* Search and Filters */
+        .filters {
+            display: flex;
+            gap: 10px;
+            margin-bottom: 20px;
+            flex-wrap: wrap;
+        }
+
+        .search-box {
+            flex: 1;
+            min-width: 250px;
+            padding: 10px 15px;
+            border: 1px solid var(--border);
+            border-radius: 6px;
+            font-size: 14px;
+        }
+
+        .filter-select {
+            padding: 10px 15px;
+            border: 1px solid var(--border);
+            border-radius: 6px;
+            font-size: 14px;
+            cursor: pointer;
+        }
+
+        /* Table */
+        .table-container {
+            overflow-x: auto;
+        }
+
+        table {
+            width: 100%;
+            border-collapse: collapse;
+        }
+
+        th {
+            background: var(--light);
+            padding: 12px;
+            text-align: left;
+            font-weight: 600;
+            color: var(--dark);
+            border-bottom: 2px solid var(--border);
+        }
+
+        td {
+            padding: 12px;
+            border-bottom: 1px solid var(--border);
+        }
+
+        tr:hover {
+            background: var(--light);
+        }
+
+        .badge {
+            padding: 4px 10px;
+            border-radius: 20px;
+            font-size: 12px;
+            font-weight: 500;
+        }
+
+        .badge.active { background: rgba(16,185,129,0.1); color: var(--success); }
+        .badge.inactive { background: rgba(239,68,68,0.1); color: var(--danger); }
+        .badge.pending { background: rgba(245,158,11,0.1); color: var(--warning); }
+        .badge.completed { background: rgba(16,185,129,0.1); color: var(--success); }
+        .badge.agent { background: rgba(37,99,235,0.1); color: var(--primary); }
+        .badge.enterprise { background: rgba(139,92,246,0.1); color: #8b5cf6; }
+
+        /* Modal */
+        .modal {
+            display: none;
+            position: fixed;
+            top: 0;
+            left: 0;
+            width: 100%;
+            height: 100%;
+            background: rgba(0,0,0,0.5);
+            z-index: 1000;
+            align-items: center;
+            justify-content: center;
+        }
+
+        .modal.active {
+            display: flex;
+        }
+
+        .modal-content {
+            background: white;
+            padding: 30px;
+            border-radius: 10px;
+            max-width: 500px;
+            width: 90%;
+            max-height: 80vh;
+            overflow-y: auto;
+        }
+
+        .modal-header {
+            margin-bottom: 20px;
+        }
+
+        .modal-header h3 {
+            font-size: 22px;
+            color: var(--dark);
+        }
+
+        .form-group {
+            margin-bottom: 15px;
+        }
+
+        .form-group label {
+            display: block;
+            margin-bottom: 5px;
+            font-weight: 500;
+            color: var(--dark);
+        }
+
+        .form-group input,
+        .form-group select,
+        .form-group textarea {
+            width: 100%;
+            padding: 10px;
+            border: 1px solid var(--border);
+            border-radius: 6px;
+            font-size: 14px;
+        }
+
+        .modal-actions {
+            display: flex;
+            gap: 10px;
+            margin-top: 20px;
+        }
+
+        /* Loading */
+        .loading {
+            text-align: center;
+            padding: 40px;
+            color: var(--text-light);
+        }
+
+        .spinner {
+            width: 40px;
+            height: 40px;
+            border: 4px solid var(--border);
+            border-top-color: var(--primary);
+            border-radius: 50%;
+            animation: spin 1s linear infinite;
+            margin: 0 auto 20px;
+        }
+
+        @keyframes spin {
+            to { transform: rotate(360deg); }
+        }
+
+        /* Responsive */
+        @media (max-width: 768px) {
+            .sidebar {
+                transform: translateX(-100%);
+            }
+            
+            .sidebar.visible {
+                transform: translateX(0);
+            }
+
+            .main-content {
+                margin-left: 0;
+            }
+
+            .stats-grid {
+                grid-template-columns: 1fr;
+            }
+
+            .filters {
+                flex-direction: column;
+            }
+        }
+
+        /* Action buttons in table */
+        .action-btns {
+            display: flex;
+            gap: 5px;
+        }
+
+        .btn-sm {
+            padding: 5px 10px;
+            font-size: 12px;
+        }
+
+        /* Pagination */
+        .pagination {
+            display: flex;
+            justify-content: center;
+            gap: 5px;
+            margin-top: 20px;
+        }
+
+        .page-btn {
+            padding: 8px 12px;
+            border: 1px solid var(--border);
+            background: white;
+            cursor: pointer;
+            border-radius: 4px;
+        }
+
+        .page-btn.active {
+            background: var(--primary);
+            color: white;
+            border-color: var(--primary);
+        }
+
+        .toggle-sidebar {
+            display: none;
+            background: var(--primary);
+            color: white;
+            border: none;
+            padding: 10px;
+            cursor: pointer;
+            border-radius: 6px;
+        }
+
+        @media (max-width: 768px) {
+            .toggle-sidebar {
+                display: block;
+            }
+        }
+    </style>
+</head>
+<body>
+    <div class="container">
+        <!-- Sidebar -->
+        <aside class="sidebar" id="sidebar">
+            <div class="logo">
+                <h2>🏦 TPE Admin</h2>
+                <p>Tableau de bord</p>
+            </div>
+            <ul class="nav-menu">
+                <li class="nav-item active" data-section="dashboard">
+                    <span>📊</span> Dashboard
+                </li>
+                <li class="nav-item" data-section="agents">
+                    <span>👥</span> Agents
+                </li>
+                <li class="nav-item" data-section="enterprises">
+                    <span>🏢</span> Entreprises
+                </li>
+                <li class="nav-item" data-section="transactions">
+                    <span>💳</span> Transactions
+                </li>
+                <li class="nav-item" data-section="recharges">
+                    <span>💰</span> Recharges
+                </li>
+                <li class="nav-item" data-section="services">
+                    <span>⚙️</span> Services
+                </li>
+            </ul>
+        </aside>
+
+        <!-- Main Content -->
+        <main class="main-content" id="mainContent">
+            <!-- Header -->
+            <div class="header">
+                <div>
+                    <button class="toggle-sidebar" onclick="toggleSidebar()">☰</button>
+                    <h1 id="pageTitle">Dashboard</h1>
+                </div>
+                <div class="header-actions">
+                    <button class="btn btn-primary" onclick="refreshData()">🔄 Actualiser</button>
+                </div>
+            </div>
+
+            <!-- Dashboard Section -->
+            <section class="content-section active" id="dashboard">
+                <div class="stats-grid" id="statsGrid">
+                    <div class="loading">
+                        <div class="spinner"></div>
+                        <p>Chargement des statistiques...</p>
+                    </div>
+                </div>
+            </section>
+
+            <!-- Agents Section -->
+            <section class="content-section" id="agents">
+                <div class="section-header">
+                    <h2>Gestion des Agents</h2>
+                    <button class="btn btn-primary" onclick="openModal('createAgent')">+ Nouvel Agent</button>
+                </div>
+                <div class="filters">
+                    <input type="text" class="search-box" placeholder="🔍 Rechercher un agent..." onkeyup="searchAgents(this.value)">
+                    <select class="filter-select" onchange="filterAgents(this.value)">
+                        <option value="">Tous les statuts</option>
+                        <option value="active">Actif</option>
+                        <option value="inactive">Inactif</option>
+                        <option value="blocked">Bloqué</option>
+                    </select>
+                    <select class="filter-select" onchange="filterAgentType(this.value)">
+                        <option value="">Tous les types</option>
+                        <option value="agent">Agent individuel</option>
+                        <option value="enterprise_member">Membre entreprise</option>
+                    </select>
+                </div>
+                <div class="table-container">
+                    <table id="agentsTable">
+                        <thead>
+                            <tr>
+                                <th>ID Agent</th>
+                                <th>Nom</th>
+                                <th>Type</th>
+                                <th>Solde</th>
+                                <th>Statut</th>
+                                <th>Date création</th>
+                                <th>Actions</th>
+                            </tr>
+                        </thead>
+                        <tbody id="agentsTableBody">
+                            <tr><td colspan="7" class="loading">Chargement...</td></tr>
+                        </tbody>
+                    </table>
+                </div>
+                <div class="pagination" id="agentsPagination"></div>
+            </section>
+
+            <!-- Enterprises Section -->
+            <section class="content-section" id="enterprises">
+                <div class="section-header">
+                    <h2>Gestion des Entreprises</h2>
+                    <button class="btn btn-primary" onclick="openModal('createEnterprise')">+ Nouvelle Entreprise</button>
+                </div>
+                <div class="filters">
+                    <input type="text" class="search-box" placeholder="🔍 Rechercher une entreprise...">
+                    <select class="filter-select">
+                        <option value="">Tous les statuts</option>
+                        <option value="active">Active</option>
+                        <option value="inactive">Inactive</option>
+                    </select>
+                </div>
+                <div class="table-container">
+                    <table>
+                        <thead>
+                            <tr>
+                                <th>ID</th>
+                                <th>Nom</th>
+                                <th>Email</th>
+                                <th>Solde</th>
+                                <th>Membres</th>
+                                <th>Transactions</th>
+                                <th>Statut</th>
+                                <th>Actions</th>
+                            </tr>
+                        </thead>
+                        <tbody id="enterprisesTableBody">
+                            <tr><td colspan="8" class="loading">Chargement...</td></tr>
+                        </tbody>
+                    </table>
+                </div>
+            </section>
+
+            <!-- Transactions Section -->
+            <section class="content-section" id="transactions">
+                <div class="section-header">
+                    <h2>Historique des Transactions</h2>
+                    <button class="btn btn-secondary" onclick="exportTransactions()">📥 Exporter</button>
+                </div>
+                <div class="filters">
+                    <input type="text" class="search-box" placeholder="🔍 Rechercher...">
+                    <input type="date" class="filter-select" onchange="filterByDate()">
+                    <select class="filter-select">
+                        <option value="">Tous les services</option>
+                        <option value="Internet">Internet</option>
+                        <option value="Pelisa">Pelisa</option>
+                        <option value="E2C">E2C</option>
+                    </select>
+                </div>
+                <div class="table-container">
+                    <table>
+                        <thead>
+                            <tr>
+                                <th>ID Transaction</th>
+                                <th>Agent</th>
+                                <th>Service</th>
+                                <th>Montant</th>
+                                <th>Commission</th>
+                                <th>Statut</th>
+                                <th>Date</th>
+                                <th>Actions</th>
+                            </tr>
+                        </thead>
+                        <tbody id="transactionsTableBody">
+                            <tr><td colspan="8" class="loading">Chargement...</td></tr>
+                        </tbody>
+                    </table>
+                </div>
+            </section>
+
+            <!-- Recharges Section -->
+            <section class="content-section" id="recharges">
+                <div class="section-header">
+                    <h2>Demandes de Recharge</h2>
+                </div>
+                <div class="filters">
+                    <select class="filter-select" onchange="filterRecharges(this.value)">
+                        <option value="">Tous</option>
+                        <option value="pending">En attente</option>
+                        <option value="approved">Approuvée</option>
+                        <option value="rejected">Rejetée</option>
+                    </select>
+                </div>
+                <div class="table-container">
+                    <table>
+                        <thead>
+                            <tr>
+                                <th>ID</th>
+                                <th>Agent/Entreprise</th>
+                                <th>Type</th>
+                                <th>Montant</th>
+                                <th>Statut</th>
+                                <th>Date demande</th>
+                                <th>Actions</th>
+                            </tr>
+                        </thead>
+                        <tbody id="rechargesTableBody">
+                            <tr><td colspan="7" class="loading">Chargement...</td></tr>
+                        </tbody>
+                    </table>
+                </div>
+            </section>
+
+            <!-- Services Section -->
+            <section class="content-section" id="services">
+                <div class="section-header">
+                    <h2>Gestion des Services</h2>
+                    <button class="btn btn-primary" onclick="openModal('createService')">+ Nouveau Service</button>
+                </div>
+                <div class="table-container">
+                    <table>
+                        <thead>
+                            <tr>
+                                <th>Service</th>
+                                <th>Description</th>
+                                <th>Rang</th>
+                                <th>Statut</th>
+                                <th>Actions</th>
+                            </tr>
+                        </thead>
+                        <tbody id="servicesTableBody">
+                            <tr><td colspan="5" class="loading">Chargement...</td></tr>
+                        </tbody>
+                    </table>
+                </div>
+            </section>
+        </main>
+    </div>
+
+    <!-- Modal: Create Agent -->
+    <div class="modal" id="createAgentModal">
+        <div class="modal-content">
+            <div class="modal-header">
+                <h3>Créer un Nouvel Agent</h3>
+            </div>
+            <form onsubmit="createAgent(event)">
+                <div class="form-group">
+                    <label>Nom complet *</label>
+                    <input type="text" name="nom" required>
+                </div>
+                <div class="form-group">
+                    <label>Téléphone</label>
+                    <input type="tel" name="telephone">
+                </div>
+                <div class="form-group">
+                    <label>Email</label>
+                    <input type="email" name="email">
+                </div>
+                <div class="form-group">
+                    <label>PIN (6 chiffres minimum) *</label>
+                    <input type="password" name="pin" minlength="6" required>
+                </div>
+                <div class="form-group">
+                    <label>Rôle</label>
+                    <select name="role">
+                        <option value="agent">Agent</option>
+                        <option value="admin">Admin</option>
+                    </select>
+                </div>
+                <div class="modal-actions">
+                    <button type="button" class="btn btn-secondary" onclick="closeModal('createAgent')">Annuler</button>
+                    <button type="submit" class="btn btn-primary">Créer l'agent</button>
+                </div>
+            </form>
+        </div>
+    </div>
+
+    <!-- Modal: Create Enterprise -->
+    <div class="modal" id="createEnterpriseModal">
+        <div class="modal-content">
+            <div class="modal-header">
+                <h3>Créer une Nouvelle Entreprise</h3>
+            </div>
+            <form onsubmit="createEnterprise(event)">
+                <div class="form-group">
+                    <label>Nom de l'entreprise *</label>
+                    <input type="text" name="nom_entreprise" required>
+                </div>
+                <div class="form-group">
+                    <label>Email *</label>
+                    <input type="email" name="email_entreprise" required>
+                </div>
+                <div class="form-group">
+                    <label>Téléphone *</label>
+                    <input type="tel" name="telephone_entreprise" required>
+                </div>
+                <div class="form-group">
+                    <label>Adresse</label>
+                    <input type="text" name="adresse">
+                </div>
+                <div class="form-group">
+                    <label>Secteur d'activité</label>
+                    <input type="text" name="secteur_activite">
+                </div>
+                <div class="modal-actions">
+                    <button type="button" class="btn btn-secondary" onclick="closeModal('createEnterprise')">Annuler</button>
+                    <button type="submit" class="btn btn-primary">Créer l'entreprise</button>
+                </div>
+            </form>
+        </div>
+    </div>
+
+    <!-- Modal: Recharge Agent -->
+    <div class="modal" id="rechargeModal">
+        <div class="modal-content">
+            <div class="modal-header">
+                <h3>Recharger le Solde</h3>
+            </div>
+            <form onsubmit="rechargeAgent(event)">
+                <input type="hidden" name="agent_id" id="rechargeAgentId">
+                <div class="form-group">
+                    <label>Agent</label>
+                    <input type="text" id="rechargeAgentName" readonly>
+                </div>
+                <div class="form-group">
+                    <label>Montant (FCFA) *</label>
+                    <input type="number" name="montant" min="100" required>
+                </div>
+                <div class="modal-actions">
+                    <button type="button" class="btn btn-secondary" onclick="closeModal('recharge')">Annuler</button>
+                    <button type="submit" class="btn btn-success">Recharger</button>
+                </div>
+            </form>
+        </div>
+    </div>
+
+    <script>
+        const API_URL = 'https://api.live.wortis.cg/tpe';
+        let currentPage = 1;
+        let currentFilter = {};
+
+        // Toggle Sidebar
+        function toggleSidebar() {
+            document.getElementById('sidebar').classList.toggle('visible');
+        }
+
+        // Navigation
+        document.querySelectorAll('.nav-item').forEach(item => {
+            item.addEventListener('click', () => {
+                const section = item.dataset.section;
+                
+                // Update active nav
+                document.querySelectorAll('.nav-item').forEach(i => i.classList.remove('active'));
+                item.classList.add('active');
+                
+                // Update active section
+                document.querySelectorAll('.content-section').forEach(s => s.classList.remove('active'));
+                document.getElementById(section).classList.add('active');
+                
+                // Update title
+                const titles = {
+                    'dashboard': 'Dashboard',
+                    'agents': 'Gestion des Agents',
+                    'enterprises': 'Gestion des Entreprises',
+                    'transactions': 'Historique des Transactions',
+                    'recharges': 'Demandes de Recharge',
+                    'services': 'Gestion des Services'
+                };
+                document.getElementById('pageTitle').textContent = titles[section];
+                
+                // Load data
+                loadSectionData(section);
+            });
+        });
+
+        // Load Section Data
+        async function loadSectionData(section) {
+            switch(section) {
+                case 'dashboard':
+                    await loadDashboard();
+                    break;
+                case 'agents':
+                    await loadAgents();
+                    break;
+                case 'enterprises':
+                    await loadEnterprises();
+                    break;
+                case 'transactions':
+                    await loadTransactions();
+                    break;
+                case 'recharges':
+                    await loadRecharges();
+                    break;
+                case 'services':
+                    await loadServices();
+                    break;
+            }
+        }
+
+        // Load Dashboard
+        async function loadDashboard() {
+            try {
+                const response = await fetch(`${API_URL}/admin/system/stats`);
+                const data = await response.json();
+                
+                if (data.success) {
+                    const stats = data.stats;
+                    document.getElementById('statsGrid').innerHTML = `
+                        <div class="stat-card">
+                            <div class="stat-info">
+                                <h3>Agents Actifs</h3>
+                                <p>${stats.active_agents || 0}</p>
+                            </div>
+                            <div class="stat-icon blue">👥</div>
+                        </div>
+                        <div class="stat-card">
+                            <div class="stat-info">
+                                <h3>Entreprises</h3>
+                                <p>${stats.total_enterprises || 0}</p>
+                            </div>
+                            <div class="stat-icon green">🏢</div>
+                        </div>
+                        <div class="stat-card">
+                            <div class="stat-info">
+                                <h3>Transactions (Aujourd'hui)</h3>
+                                <p>${stats.daily_transactions || 0}</p>
+                            </div>
+                            <div class="stat-icon orange">💳</div>
+                        </div>
+                        <div class="stat-card">
+                            <div class="stat-info">
+                                <h3>Volume Total</h3>
+                                <p>${formatMoney(stats.total_volume || 0)}</p>
+                            </div>
+                            <div class="stat-icon blue">💰</div>
+                        </div>
+                        <div class="stat-card">
+                            <div class="stat-info">
+                                <h3>Commissions Totales</h3>
+                                <p>${formatMoney(stats.total_commissions || 0)}</p>
+                            </div>
+                            <div class="stat-icon green">📈</div>
+                        </div>
+                        <div class="stat-card">
+                            <div class="stat-info">
+                                <h3>Taux de Succès</h3>
+                                <p>${stats.success_rate || 0}%</p>
+                            </div>
+                            <div class="stat-icon green">✅</div>
+                        </div>
+                        <div class="stat-card">
+                            <div class="stat-info">
+                                <h3>Recharges en Attente</h3>
+                                <p>${stats.pending_recharges || 0}</p>
+                            </div>
+                            <div class="stat-icon orange">⏳</div>
+                        </div>
+                        <div class="stat-card">
+                            <div class="stat-info">
+                                <h3>Membres Entreprise</h3>
+                                <p>${stats.total_enterprise_members || 0}</p>
+                            </div>
+                            <div class="stat-icon blue">👔</div>
+                        </div>
+                    `;
+                }
+            } catch (error) {
+                console.error('Erreur chargement dashboard:', error);
+                showNotification('Erreur de chargement des statistiques', 'error');
+            }
+        }
+
+        // Load Agents
+        async function loadAgents(page = 1) {
+            try {
+                const response = await fetch(`${API_URL}/admin/agents?page=${page}&limit=50`);
+                const data = await response.json();
+                
+                if (data.success) {
+                    const tbody = document.getElementById('agentsTableBody');
+                    tbody.innerHTML = data.agents.map(agent => `
+                        <tr>
+                            <td><strong>${agent.agent_id}</strong></td>
+                            <td>${agent.nom}</td>
+                            <td><span class="badge ${agent.type === 'enterprise_member' ? 'enterprise' : 'agent'}">${agent.type === 'enterprise_member' ? 'Entreprise' : 'Individuel'}</span></td>
+                            <td><strong>${formatMoney(agent.solde || 0)}</strong></td>
+                            <td><span class="badge ${agent.status || 'active'}">${getStatusLabel(agent.status || 'active')}</span></td>
+                            <td>${formatDate(agent.created_at)}</td>
+                            <td>
+                                <div class="action-btns">
+                                    <button class="btn btn-sm btn-primary" onclick="viewAgent('${agent.agent_id}')">👁️</button>
+                                    <button class="btn btn-sm btn-success" onclick="openRechargeModal('${agent.agent_id}', '${agent.nom}')">💰</button>
+                                    <button class="btn btn-sm btn-danger" onclick="toggleAgentStatus('${agent.agent_id}', '${agent.status}')">🔒</button>
+                                </div>
+                            </td>
+                        </tr>
+                    `).join('');
+                    
+                    // Update pagination
+                    updatePagination('agents', data.pagination);
+                }
+            } catch (error) {
+                console.error('Erreur chargement agents:', error);
+                showNotification('Erreur de chargement des agents', 'error');
+            }
+        }
+
+        // Load Enterprises
+        async function loadEnterprises() {
+            try {
+                const response = await fetch(`${API_URL}/enterprises`);
+                const data = await response.json();
+                
+                if (data.success) {
+                    const tbody = document.getElementById('enterprisesTableBody');
+                    tbody.innerHTML = data.enterprises.map(ent => `
+                        <tr>
+                            <td><strong>${ent.enterprise_id}</strong></td>
+                            <td>${ent.nom_entreprise}</td>
+                            <td>${ent.email_entreprise}</td>
+                            <td><strong>${formatMoney(ent.solde_entreprise || 0)}</strong></td>
+                            <td>${ent.total_members || 0}</td>
+                            <td>${ent.total_transactions || 0}</td>
+                            <td><span class="badge ${ent.status}">${getStatusLabel(ent.status)}</span></td>
+                            <td>
+                                <div class="action-btns">
+                                    <button class="btn btn-sm btn-primary" onclick="viewEnterprise('${ent.enterprise_id}')">👁️</button>
+                                    <button class="btn btn-sm btn-success" onclick="rechargeEnterprise('${ent.enterprise_id}')">💰</button>
+                                    <button class="btn btn-sm btn-secondary" onclick="viewMembers('${ent.enterprise_id}')">👥</button>
+                                </div>
+                            </td>
+                        </tr>
+                    `).join('');
+                }
+            } catch (error) {
+                console.error('Erreur chargement entreprises:', error);
+                showNotification('Erreur de chargement des entreprises', 'error');
+            }
+        }
+
+        // Load Transactions
+        async function loadTransactions() {
+            try {
+                // Pour l'instant, on affiche un message
+                const tbody = document.getElementById('transactionsTableBody');
+                tbody.innerHTML = `
+                    <tr>
+                        <td colspan="8" style="text-align: center; padding: 40px;">
+                            <p style="font-size: 18px; color: var(--text-light);">
+                                📊 Pour voir les transactions d'un agent spécifique,<br>
+                                utilisez l'endpoint: /tpe/agent/{agent_id}/transactions
+                            </p>
+                        </td>
+                    </tr>
+                `;
+            } catch (error) {
+                console.error('Erreur chargement transactions:', error);
+            }
+        }
+
+        // Load Recharges
+        async function loadRecharges() {
+            try {
+                const response = await fetch(`${API_URL}/recharge/get_recharges`);
+                const data = await response.json();
+                
+                if (data.success) {
+                    const tbody = document.getElementById('rechargesTableBody');
+                    tbody.innerHTML = data.all_recharges.map(recharge => `
+                        <tr>
+                            <td>${recharge._id.$oid.substring(0, 8)}...</td>
+                            <td><strong>${recharge.agent_id || recharge.enterprise_id}</strong></td>
+                            <td><span class="badge ${recharge.type === 'enterprise_recharge' ? 'enterprise' : 'agent'}">${recharge.type === 'enterprise_recharge' ? 'Entreprise' : 'Agent'}</span></td>
+                            <td><strong>${formatMoney(recharge.montant)}</strong></td>
+                            <td><span class="badge ${recharge.status}">${getStatusLabel(recharge.status)}</span></td>
+                            <td>${formatDate(recharge.created_at)}</td>
+                            <td>
+                                ${recharge.status === 'pending' ? `
+                                    <div class="action-btns">
+                                        <button class="btn btn-sm btn-success" onclick="approveRecharge('${recharge._id.$oid}', '${recharge.agent_id}')">✅ Approuver</button>
+                                        <button class="btn btn-sm btn-danger" onclick="rejectRecharge('${recharge._id.$oid}')">❌ Rejeter</button>
+                                    </div>
+                                ` : `<span class="badge ${recharge.status}">${getStatusLabel(recharge.status)}</span>`}
+                            </td>
+                        </tr>
+                    `).join('');
+                }
+            } catch (error) {
+                console.error('Erreur chargement recharges:', error);
+                showNotification('Erreur de chargement des recharges', 'error');
+            }
+        }
+
+        // Load Services
+        async function loadServices() {
+            try {
+                const response = await fetch(`${API_URL}/get_services_tpe`);
+                const data = await response.json();
+                
+                if (data.all_services) {
+                    const tbody = document.getElementById('servicesTableBody');
+                    tbody.innerHTML = data.all_services.map(service => `
+                        <tr>
+                            <td><strong>${service.service_name || service.name}</strong></td>
+                            <td>${service.description || 'N/A'}</td>
+                            <td>${service.rang || 'N/A'}</td>
+                            <td><span class="badge active">Actif</span></td>
+                            <td>
+                                <div class="action-btns">
+                                    <button class="btn btn-sm btn-primary">✏️ Modifier</button>
+                                </div>
+                            </td>
+                        </tr>
+                    `).join('');
+                }
+            } catch (error) {
+                console.error('Erreur chargement services:', error);
+                showNotification('Erreur de chargement des services', 'error');
+            }
+        }
+
+        // Create Agent
+        async function createAgent(event) {
+            event.preventDefault();
+            const formData = new FormData(event.target);
+            const data = Object.fromEntries(formData);
+            
+            try {
+                const response = await fetch(`${API_URL}/users/register`, {
+                    method: 'POST',
+                    headers: { 'Content-Type': 'application/json' },
+                    body: JSON.stringify(data)
+                });
+                
+                const result = await response.json();
+                
+                if (result.success) {
+                    showNotification(`Agent créé avec succès! ID: ${result.generated_agent_id}`, 'success');
+                    closeModal('createAgent');
+                    loadAgents();
+                } else {
+                    showNotification(result.message, 'error');
+                }
+            } catch (error) {
+                showNotification('Erreur lors de la création de l\'agent', 'error');
+            }
+        }
+
+        // Create Enterprise
+        async function createEnterprise(event) {
+            event.preventDefault();
+            const formData = new FormData(event.target);
+            const data = Object.fromEntries(formData);
+            
+            try {
+                const response = await fetch(`${API_URL}/enterprise/create`, {
+                    method: 'POST',
+                    headers: { 'Content-Type': 'application/json' },
+                    body: JSON.stringify(data)
+                });
+                
+                const result = await response.json();
+                
+                if (result.success) {
+                    showNotification(`Entreprise créée avec succès! ID: ${result.enterprise.enterprise_id}`, 'success');
+                    closeModal('createEnterprise');
+                    loadEnterprises();
+                } else {
+                    showNotification(result.message, 'error');
+                }
+            } catch (error) {
+                showNotification('Erreur lors de la création de l\'entreprise', 'error');
+            }
+        }
+
+        // Recharge Agent
+        function openRechargeModal(agentId, agentName) {
+            document.getElementById('rechargeAgentId').value = agentId;
+            document.getElementById('rechargeAgentName').value = `${agentId} - ${agentName}`;
+            document.getElementById('rechargeModal').classList.add('active');
+        }
+
+        async function rechargeAgent(event) {
+            event.preventDefault();
+            const formData = new FormData(event.target);
+            const agentId = formData.get('agent_id');
+            const montant = formData.get('montant');
+            
+            try {
+                const response = await fetch(`${API_URL}/agent/${agentId}/recharge`, {
+                    method: 'POST',
+                    headers: { 'Content-Type': 'application/json' },
+                    body: JSON.stringify({ montant: parseFloat(montant) })
+                });
+                
+                const result = await response.json();
+                
+                if (result.success) {
+                    showNotification(`Recharge de ${formatMoney(montant)} effectuée avec succès!`, 'success');
+                    closeModal('recharge');
+                    loadAgents();
+                } else {
+                    showNotification(result.message, 'error');
+                }
+            } catch (error) {
+                showNotification('Erreur lors de la recharge', 'error');
+            }
+        }
+
+        // Approve Recharge
+        async function approveRecharge(rechargeId, agentId) {
+            if (!confirm('Confirmer l\'approbation de cette recharge?')) return;
+            
+            const pin = prompt('Entrez votre PIN pour approuver:');
+            if (!pin) return;
+            
+            try {
+                const response = await fetch(`${API_URL}/recharge/approve/${rechargeId}/agent/${agentId}`, {
+                    method: 'PUT',
+                    headers: { 'Content-Type': 'application/json' },
+                    body: JSON.stringify({ 
+                        pin: pin,
+                        approved_by: 'admin'
+                    })
+                });
+                
+                const result = await response.json();
+                
+                if (result.success) {
+                    showNotification('Recharge approuvée avec succès!', 'success');
+                    loadRecharges();
+                } else {
+                    showNotification(result.message, 'error');
+                }
+            } catch (error) {
+                showNotification('Erreur lors de l\'approbation', 'error');
+            }
+        }
+
+        // View Agent Details
+        async function viewAgent(agentId) {
+            try {
+                const response = await fetch(`${API_URL}/agent/${agentId}/balance`);
+                const data = await response.json();
+                
+                if (data.success) {
+                    alert(`
+Détails de l'Agent
+━━━━━━━━━━━━━━━━━━━━
+ID: ${data.agent_id}
+Nom: ${data.nom}
+Type: ${data.type === 'enterprise_member' ? 'Membre Entreprise' : 'Agent Individuel'}
+Solde: ${formatMoney(data.solde)} FCFA
+Transactions: ${data.total_transactions}
+Commissions: ${formatMoney(data.total_commission)} FCFA
+                    `);
+                }
+            } catch (error) {
+                showNotification('Erreur lors de la récupération des détails', 'error');
+            }
+        }
+
+        // View Enterprise Details
+        async function viewEnterprise(enterpriseId) {
+            try {
+                const response = await fetch(`${API_URL}/enterprise/${enterpriseId}/balance`);
+                const data = await response.json();
+                
+                if (data.success) {
+                    alert(`
+Détails de l'Entreprise
+━━━━━━━━━━━━━━━━━━━━━━━
+ID: ${data.enterprise_id}
+Nom: ${data.nom_entreprise}
+Solde: ${formatMoney(data.solde_entreprise)} FCFA
+Membres: ${data.total_members}
+Transactions: ${data.statistics.total_transactions}
+Volume Total: ${formatMoney(data.statistics.total_volume)} FCFA
+Commissions: ${formatMoney(data.statistics.total_commissions)} FCFA
+                    `);
+                }
+            } catch (error) {
+                showNotification('Erreur lors de la récupération des détails', 'error');
+            }
+        }
+
+        // Modal Functions
+        function openModal(modalName) {
+            document.getElementById(`${modalName}Modal`).classList.add('active');
+        }
+
+        function closeModal(modalName) {
+            document.getElementById(`${modalName}Modal`).classList.remove('active');
+        }
+
+        // Utility Functions
+        function formatMoney(amount) {
+            return new Intl.NumberFormat('fr-FR').format(amount) + ' FCFA';
+        }
+
+        function formatDate(dateString) {
+            if (!dateString) return 'N/A';
+            const date = new Date(dateString);
+            return date.toLocaleDateString('fr-FR', { 
+                day: '2-digit', 
+                month: '2-digit', 
+                year: 'numeric',
+                hour: '2-digit',
+                minute: '2-digit'
+            });
+        }
+
+        function getStatusLabel(status) {
+            const labels = {
+                'active': 'Actif',
+                'inactive': 'Inactif',
+                'blocked': 'Bloqué',
+                'pending': 'En attente',
+                'approved': 'Approuvée',
+                'rejected': 'Rejetée',
+                'completed': 'Complétée'
+            };
+            return labels[status] || status;
+        }
+
+        function showNotification(message, type = 'info') {
+            alert(message); // Simplification - vous pouvez implémenter un meilleur système de notification
+        }
+
+        function updatePagination(section, paginationData) {
+            const container = document.getElementById(`${section}Pagination`);
+            if (!container || !paginationData) return;
+            
+            let html = '';
+            for (let i = 1; i <= paginationData.pages; i++) {
+                html += `<button class="page-btn ${i === paginationData.page ? 'active' : ''}" onclick="loadAgents(${i})">${i}</button>`;
+            }
+            container.innerHTML = html;
+        }
+
+        function refreshData() {
+            const activeSection = document.querySelector('.content-section.active').id;
+            loadSectionData(activeSection);
+            showNotification('Données actualisées', 'success');
+        }
+
+        function searchAgents(query) {
+            // Implementation de la recherche
+            console.log('Recherche:', query);
+        }
+
+        function filterAgents(status) {
+            currentFilter.status = status;
+            loadAgents();
+        }
+
+        function filterAgentType(type) {
+            currentFilter.type = type;
+            loadAgents();
+        }
+
+        function filterRecharges(status) {
+            // Implémenter le filtre
+            loadRecharges();
+        }
+
+        function exportTransactions() {
+            showNotification('Fonctionnalité d\'export en cours de développement', 'info');
+        }
+
+        // Close modal on outside click
+        document.querySelectorAll('.modal').forEach(modal => {
+            modal.addEventListener('click', (e) => {
+                if (e.target === modal) {
+                    modal.classList.remove('active');
+                }
+            });
+        });
+
+        // Initialize
+        document.addEventListener('DOMContentLoaded', () => {
+            loadDashboard();
+        });
+    </script>
+</body>
+</html>
\ No newline at end of file
diff --git a/lib/main.dart b/lib/main.dart
new file mode 100644
index 0000000..b8c28aa
--- /dev/null
+++ b/lib/main.dart
@@ -0,0 +1,1134 @@
+import 'package:flutter/material.dart';
+import 'package:flutter/services.dart';
+import 'package:provider/provider.dart';
+import 'package:wtpe/pages/role_navigator.dart';
+import 'package:wtpe/pages/session_manager.dart';
+import 'pages/splash_screen.dart';
+import 'dart:convert';
+import 'package:http/http.dart' as http;
+import '../widgets/responsive_helper.dart';
+import 'services/connectivity_service.dart';
+
+final GlobalKey<NavigatorState> navigatorKey = GlobalKey<NavigatorState>();
+
+// =================== MODÈLE SERVICE (INCHANGÉ) ===================
+class WortisService {
+  final int? rang;
+  final String id;
+  final String name;
+  final String description;
+  final String secteurActivite;
+  final String typeService;
+  final String icon;
+  final String? banner;
+  final bool status;
+  final String? linkView;
+
+  WortisService({
+    required this.id,
+    this.rang,
+    required this.name,
+    required this.description,
+    required this.secteurActivite,
+    required this.typeService,
+    required this.icon,
+    this.banner,
+    required this.status,
+    this.linkView,
+  });
+
+  factory WortisService.fromJson(Map<String, dynamic> json) {
+    return WortisService(
+      id: json['_id'] ?? '',
+      name: json['name'] ?? '',
+      description: json['description'] ?? '',
+      secteurActivite: json['SecteurActivite'] ?? '',
+      typeService: json['Type_Service'] ?? '',
+      icon: json['icon'] ?? 'apps',
+      banner: json['banner'],
+      status: json['status'] ?? false,
+      linkView: json['link_view'],
+    );
+  }
+
+  IconData get flutterIcon {
+    switch (icon.toLowerCase()) {
+      case 'movie':
+        return Icons.movie;
+      case 'phone':
+        return Icons.phone;
+      case 'wifi':
+        return Icons.wifi;
+      case 'flash_on':
+        return Icons.flash_on;
+      case 'water_drop':
+        return Icons.water_drop;
+      case 'account_balance_wallet':
+        return Icons.account_balance_wallet;
+      case 'tv':
+        return Icons.tv;
+      case 'security':
+        return Icons.security;
+      case 'send':
+        return Icons.send;
+      default:
+        return Icons.apps;
+    }
+  }
+
+  Color get sectorColor {
+    switch (secteurActivite.toLowerCase()) {
+      case 'billetterie':
+        return Color(0xFF9C27B0);
+      case 'mobile money':
+        return Color(0xFFFF9800);
+      case 'télécommunications':
+      case 'telecommunication':
+        return Color(0xFF2196F3);
+      case 'électricité & eau':
+      case 'electricite':
+        return Color(0xFF4CAF50);
+      case 'services financiers':
+        return Color(0xFFFF6600);
+      case 'transport':
+        return Color(0xFF607D8B);
+      default:
+        return Color(0xFF006699);
+    }
+  }
+
+  get logo => null;
+}
+
+// =================== MODÈLE UTILISATEUR ÉTENDU ===================
+class User {
+  final String id;
+  final String nom;
+  final String agentId;
+  final String role;
+  final DateTime dateCreation;
+  final String type; // 'agent' ou 'enterprise_member'
+  final Enterprise? enterprise; // Nullable pour les agents individuels
+
+  User({
+    required this.id,
+    required this.nom,
+    required this.agentId,
+    required this.role,
+    required this.dateCreation,
+    this.type = 'agent',
+    this.enterprise,
+  });
+
+  factory User.fromJson(Map<String, dynamic> json) {
+    return User(
+      id: json['id'] ?? '',
+      nom: json['nom'] ?? '',
+      agentId: json['agent_id'] ?? '',
+      role: json['role'] ?? 'agent',
+      dateCreation:
+          json['date_creation'] != null
+              ? DateTime.parse(json['date_creation'])
+              : DateTime.now(),
+      type: json['type'] ?? 'agent',
+      enterprise:
+          json['enterprise'] != null
+              ? Enterprise.fromJson(json['enterprise'])
+              : null,
+    );
+  }
+
+  Map<String, dynamic> toJson() {
+    return {
+      'id': id,
+      'nom': nom,
+      'agent_id': agentId,
+      'role': role,
+      'date_creation': dateCreation.toIso8601String(),
+      'type': type,
+      'enterprise': enterprise?.toJson(),
+    };
+  }
+
+  bool get isEnterpriseMember => type == 'enterprise_member';
+  bool get isIndividualAgent => type == 'agent';
+}
+
+// ===== Dans main.dart - Mettre à jour la classe Enterprise =====
+
+// ===== CORRIGER LA CLASSE Enterprise =====
+
+class Enterprise {
+  final String id;
+  final String nomEntreprise;
+  final String? numeroRegistreCommerce;
+  final String? adresse;
+  final String? telephone;
+  final String? email;
+  final double soldeEntreprise;
+  final List<String> membresIds;
+  final DateTime dateCreation;
+  final int nombreMembres;
+  final String? domaineActivite;
+
+  // AJOUTER ces propriétés manquantes
+  final String enterpriseId; // Pour compatibilité
+  final String status;
+
+  Enterprise({
+    required this.id,
+    required this.nomEntreprise,
+    this.numeroRegistreCommerce,
+    this.adresse,
+    this.telephone,
+    this.email,
+    required this.soldeEntreprise,
+    required this.membresIds,
+    required this.dateCreation,
+    required this.nombreMembres,
+    this.domaineActivite,
+    String? enterpriseId, // NOUVEAU
+    String? status, // NOUVEAU
+  }) : enterpriseId = enterpriseId ?? id,
+       status = status ?? 'active';
+
+  factory Enterprise.fromJson(Map<String, dynamic> json) {
+    return Enterprise(
+      id: json['_id'] ?? json['id'] ?? '',
+      nomEntreprise: json['nom_entreprise'] ?? json['nomEntreprise'] ?? '',
+      numeroRegistreCommerce:
+          json['numero_registre_commerce'] ?? json['numeroRegistreCommerce'],
+      adresse: json['adresse'],
+      telephone: json['telephone'],
+      email: json['email'],
+      soldeEntreprise:
+          (json['solde_entreprise'] ?? json['soldeEntreprise'] ?? 0.0)
+              .toDouble(),
+      membresIds: List<String>.from(
+        json['membres_ids'] ?? json['membresIds'] ?? [],
+      ),
+      dateCreation:
+          json['date_creation'] != null
+              ? DateTime.parse(json['date_creation'])
+              : json['dateCreation'] != null
+              ? DateTime.parse(json['dateCreation'])
+              : DateTime.now(),
+      nombreMembres:
+          json['nombre_membres'] ??
+          json['nombreMembres'] ??
+          (json['membres_ids'] as List?)?.length ??
+          (json['membresIds'] as List?)?.length ??
+          1,
+      domaineActivite:
+          json['domaine_activite'] ??
+          json['domaineActivite'] ??
+          json['secteur_activite'] ??
+          json['secteurActivite'],
+      enterpriseId: json['enterprise_id'] ?? json['enterpriseId'], // NOUVEAU
+      status: json['status'] ?? 'active', // NOUVEAU
+    );
+  }
+
+  Map<String, dynamic> toJson() {
+    return {
+      'id': id,
+      'enterprise_id': enterpriseId,
+      'nom_entreprise': nomEntreprise,
+      'numero_registre_commerce': numeroRegistreCommerce,
+      'adresse': adresse,
+      'telephone': telephone,
+      'email': email,
+      'solde_entreprise': soldeEntreprise,
+      'membres_ids': membresIds,
+      'date_creation': dateCreation.toIso8601String(),
+      'nombre_membres': nombreMembres,
+      'domaine_activite': domaineActivite,
+      'status': status,
+    };
+  }
+
+  Enterprise copyWith({
+    String? id,
+    String? nomEntreprise,
+    String? numeroRegistreCommerce,
+    String? adresse,
+    String? telephone,
+    String? email,
+    double? soldeEntreprise,
+    List<String>? membresIds,
+    DateTime? dateCreation,
+    int? nombreMembres,
+    String? domaineActivite,
+    String? enterpriseId,
+    String? status,
+  }) {
+    return Enterprise(
+      id: id ?? this.id,
+      nomEntreprise: nomEntreprise ?? this.nomEntreprise,
+      numeroRegistreCommerce:
+          numeroRegistreCommerce ?? this.numeroRegistreCommerce,
+      adresse: adresse ?? this.adresse,
+      telephone: telephone ?? this.telephone,
+      email: email ?? this.email,
+      soldeEntreprise: soldeEntreprise ?? this.soldeEntreprise,
+      membresIds: membresIds ?? this.membresIds,
+      dateCreation: dateCreation ?? this.dateCreation,
+      nombreMembres: nombreMembres ?? this.nombreMembres,
+      domaineActivite: domaineActivite ?? this.domaineActivite,
+      enterpriseId: enterpriseId ?? this.enterpriseId,
+      status: status ?? this.status,
+    );
+  }
+}
+
+// =================== SERVICE API (INCHANGÉ) ===================
+class WortisApiService {
+  static const String baseUrl = 'https://api.live.wortis.cg/tpe';
+
+  static final WortisApiService _instance = WortisApiService._internal();
+  factory WortisApiService() => _instance;
+  WortisApiService._internal();
+
+  Future<List<WortisService>> getServices() async {
+    try {
+      final response = await http
+          .get(
+            Uri.parse('$baseUrl/get_services_tpe'),
+            headers: {
+              'Content-Type': 'application/json',
+              'Accept': 'application/json',
+            },
+          )
+          .timeout(Duration(seconds: 30));
+
+      if (response.statusCode == 200) {
+        final Map<String, dynamic> jsonData = json.decode(response.body);
+        final List<dynamic> servicesJson = jsonData['all_services'] ?? [];
+
+        return servicesJson
+            .map((serviceJson) => WortisService.fromJson(serviceJson))
+            .toList();
+      } else {
+        throw Exception('Erreur API: ${response.statusCode}');
+      }
+    } catch (e) {
+      print('Erreur lors de la récupération des services: $e');
+      throw Exception('Impossible de récupérer les services: $e');
+    }
+  }
+
+  Map<String, List<WortisService>> groupServicesBySector(
+    List<WortisService> services,
+  ) {
+    Map<String, List<WortisService>> grouped = {};
+
+    for (var service in services) {
+      String sector = service.secteurActivite;
+      if (grouped[sector] == null) {
+        grouped[sector] = [];
+      }
+      grouped[sector]!.add(service);
+    }
+
+    return grouped;
+  }
+}
+
+// =================== CONTROLLER SERVICES (INCHANGÉ) ===================
+class ServicesController extends ChangeNotifier {
+  final WortisApiService _apiService = WortisApiService();
+
+  List<WortisService> _allServices = [];
+  Map<String, List<WortisService>> _servicesBySector = {};
+  bool _isLoading = false;
+  String? _error;
+  String _searchQuery = '';
+  String _selectedSector = 'Tous';
+
+  List<WortisService> get allServices => _allServices;
+  Map<String, List<WortisService>> get servicesBySector => _servicesBySector;
+  bool get isLoading => _isLoading;
+  String? get error => _error;
+  String get searchQuery => _searchQuery;
+  String get selectedSector => _selectedSector;
+
+  List<String> get sectors => ['Tous', ..._servicesBySector.keys];
+
+  List<WortisService> get filteredServices {
+    List<WortisService> services;
+
+    if (_selectedSector == 'Tous') {
+      services = _allServices;
+    } else {
+      services = _servicesBySector[_selectedSector] ?? [];
+    }
+
+    if (_searchQuery.isEmpty) {
+      return services;
+    }
+
+    return services.where((service) {
+      final name = service.name.toLowerCase();
+      final description = service.description.toLowerCase();
+      final sector = service.secteurActivite.toLowerCase();
+      final query = _searchQuery.toLowerCase();
+
+      return name.contains(query) ||
+          description.contains(query) ||
+          sector.contains(query);
+    }).toList();
+  }
+
+  Future<void> loadServices() async {
+    _isLoading = true;
+    _error = null;
+    notifyListeners();
+
+    try {
+      _allServices = await _apiService.getServices();
+      _servicesBySector = _apiService.groupServicesBySector(_allServices);
+      _error = null;
+    } catch (e) {
+      _error = e.toString();
+      _allServices = [];
+      _servicesBySector = {};
+    } finally {
+      _isLoading = false;
+      notifyListeners();
+    }
+  }
+
+  Future<void> refreshServices() async {
+    await loadServices();
+  }
+
+  void updateSearchQuery(String query) {
+    _searchQuery = query;
+    notifyListeners();
+  }
+
+  void selectSector(String sector) {
+    _selectedSector = sector;
+    notifyListeners();
+  }
+
+  void clearSearch() {
+    _searchQuery = '';
+    notifyListeners();
+  }
+
+  List<WortisService> get activeServices {
+    return _allServices.where((service) => service.status).toList();
+  }
+
+  Map<String, int> get servicesCountBySector {
+    Map<String, int> count = {};
+    for (var entry in _servicesBySector.entries) {
+      count[entry.key] = entry.value.length;
+    }
+    return count;
+  }
+}
+
+// =================== AUTH CONTROLLER AVEC SUPPORT ENTREPRISE ===================
+class AuthController extends ChangeNotifier {
+  bool _isLoading = false;
+  bool _isLoggedIn = false;
+  String? _agentId;
+  String? _agentName;
+  String? _pinkey;
+  String? _role;
+  String? _errorMessage;
+  String? _token;
+  double _balance = 0.0;
+  Map<String, dynamic>? _currentUser;
+  DateTime? _lastLoginDate;
+  String? _lastWorkingEndpoint;
+
+  // ===== NOUVEAUX ATTRIBUTS POUR ENTREPRISE =====
+  String? _accountType; // 'agent' ou 'enterprise_member'
+  Enterprise? _enterprise;
+  double? _enterpriseBalance;
+  String? _balanceSource; // 'personal' ou 'enterprise'
+
+  static const String baseUrl = 'https://api.live.wortis.cg/tpe';
+
+  static const Map<String, String> apiHeaders = {
+    'Content-Type': 'application/json',
+    'Accept': 'application/json',
+  };
+
+  // Getters existants
+  bool get isLoading => _isLoading;
+  bool get isLoggedIn => _isLoggedIn;
+  String? get agentId => _agentId;
+  String? get pinkey => _pinkey;
+  String? get agentName => _agentName;
+  String? get role => _role;
+  String? get errorMessage => _errorMessage;
+  double get balance => _balance;
+  Map<String, dynamic>? get currentUser => _currentUser;
+  DateTime? get lastLoginDate => _lastLoginDate;
+
+  // ===== NOUVEAUX GETTERS POUR ENTREPRISE =====
+  String get accountType => _accountType ?? 'agent';
+  Enterprise? get enterprise => _enterprise;
+  double? get enterpriseBalance => _enterpriseBalance;
+  String get balanceSource => _balanceSource ?? 'personal';
+  bool get isEnterpriseMember => _accountType == 'enterprise_member';
+  bool get isIndividualAgent => _accountType == 'agent';
+
+  // Retourne le solde à utiliser selon le type de compte
+  double get activeBalance {
+    if (isEnterpriseMember && _enterpriseBalance != null) {
+      return _enterpriseBalance!;
+    }
+    return _balance;
+  }
+
+  void _setLoading(bool loading) {
+    _isLoading = loading;
+    notifyListeners();
+  }
+
+  void _setError(String? error) {
+    _errorMessage = error;
+    notifyListeners();
+  }
+
+  Future<bool> testApiConnection() async {
+    try {
+      final response = await http
+          .get(Uri.parse('$baseUrl/get_services_tpe'), headers: apiHeaders)
+          .timeout(Duration(seconds: 5));
+
+      return response.statusCode == 200;
+    } catch (e) {
+      print('Erreur test connexion API: $e');
+      return false;
+    }
+  }
+
+  Future<Map<String, dynamic>> _loginWithApi(
+    String agentId,
+    String pin,
+    bool isSessionLogin,
+  ) async {
+    List<String> possibleEndpoints = [
+      '$baseUrl/login',
+      '$baseUrl/auth/login',
+      '$baseUrl/auth_agent',
+      '$baseUrl/authenticate',
+      '$baseUrl/agent/login',
+      '$baseUrl/tpe/auth',
+    ];
+
+    if (_lastWorkingEndpoint != null) {
+      possibleEndpoints.remove(_lastWorkingEndpoint);
+      possibleEndpoints.insert(0, _lastWorkingEndpoint!);
+    }
+
+    Map<String, dynamic> body;
+    if (isSessionLogin) {
+      print('Connexion avec token de session');
+      String? savedPin = await SessionManager().getPIN();
+      body = {'agent_id': agentId, 'pin': savedPin ?? pin};
+    } else {
+      print('Connexion avec PIN');
+      body = {'agent_id': agentId, 'pin': pin};
+    }
+
+    for (String endpoint in possibleEndpoints) {
+      try {
+        print('Tentative avec endpoint: $endpoint');
+
+        final response = await http
+            .post(
+              Uri.parse(endpoint),
+              headers: apiHeaders,
+              body: jsonEncode(body),
+            )
+            .timeout(Duration(seconds: 8));
+
+        print('Réponse API ($endpoint): ${response.statusCode}');
+
+        if (response.statusCode == 200) {
+          final data = jsonDecode(response.body);
+          _lastWorkingEndpoint = endpoint;
+          print('✅ Connexion réussie avec $endpoint');
+          return data;
+        } else if (response.statusCode == 404) {
+          print('Endpoint $endpoint non trouvé');
+          continue;
+        } else if (response.statusCode == 401 || response.statusCode == 403) {
+          print('Authentification échouée sur $endpoint');
+          return {'success': false, 'message': 'Identifiants incorrects'};
+        } else {
+          print('Erreur $endpoint: ${response.statusCode}');
+          continue;
+        }
+      } catch (e) {
+        print('Erreur réseau $endpoint: $e');
+        continue;
+      }
+    }
+
+    return {
+      'success': false,
+      'message': 'Service d\'authentification indisponible',
+    };
+  }
+
+  Future<bool> login(
+    String agentId,
+    String pin, [
+    bool isSessionLogin = false,
+  ]) async {
+    _setLoading(true);
+    _setError(null);
+
+    try {
+      print('🔐 Tentative de connexion pour: $agentId');
+
+      bool apiConnected = await testApiConnection();
+
+      if (apiConnected) {
+        print('✅ API disponible, connexion en ligne');
+        final response = await _loginWithApi(agentId, pin, isSessionLogin);
+
+        if (response['success'] == true ||
+            response.containsKey('user') ||
+            response.containsKey('agent_id') ||
+            response.containsKey('token')) {
+          await _setUserData(response, agentId);
+
+          final session = SessionManager();
+          await session.saveSession(
+            _agentId!,
+            token: _token,
+            role: _role,
+            pinkey: pin,
+          );
+
+          // Log selon le type de compte
+          if (isEnterpriseMember) {
+            print('✅ Connexion membre entreprise réussie');
+            print('   - Entreprise: ${_enterprise?.nomEntreprise}');
+            print('   - Solde entreprise: ${_enterpriseBalance} FCFA');
+            print('   - Solde personnel: $_balance FCFA');
+          } else {
+            print('✅ Connexion agent individuel réussie');
+            print('   - Solde: $_balance FCFA');
+          }
+
+          _setLoading(false);
+          return true;
+        } else {
+          _setError(response['message'] ?? 'Identifiants incorrects');
+          print('❌ Erreur API: ${response['message']}');
+        }
+      } else {
+        print('⚠️  API non disponible');
+        _setError('Service temporairement indisponible');
+      }
+    } catch (e) {
+      _setError('Erreur de connexion: ${e.toString()}');
+      print('❌ Exception login: $e');
+    }
+
+    _setLoading(false);
+    return false;
+  }
+
+  /// ===== MÉTHODE AMÉLIORÉE POUR GÉRER LES DONNÉES ENTREPRISE =====
+  Future<void> _setUserData(
+    Map<String, dynamic> response,
+    String agentId,
+  ) async {
+    _isLoggedIn = true;
+    _lastLoginDate = DateTime.now();
+
+    try {
+      if (response.containsKey('user') && response['user'] != null) {
+        _currentUser = response['user'];
+        _agentId = _currentUser?['agent_id']?.toString() ?? agentId;
+        _agentName = _currentUser?['nom']?.toString() ?? 'Agent $_agentId';
+        _pinkey = _currentUser?['pin']?.toString();
+        _role = _currentUser?['role']?.toString() ?? 'agent';
+        _balance = _parseDouble(_currentUser?['solde']) ?? 0.0;
+        _token =
+            _currentUser?['token']?.toString() ?? response['token']?.toString();
+
+        // Gestion du type de compte
+        _accountType = _currentUser?['type']?.toString() ?? 'agent';
+        _balanceSource =
+            _accountType == 'enterprise_member' ? 'enterprise' : 'personal';
+
+        // Extraction des données entreprise
+        if (_currentUser?['enterprise'] != null) {
+          try {
+            _enterprise = Enterprise.fromJson(_currentUser!['enterprise']);
+            _enterpriseBalance = _enterprise?.soldeEntreprise;
+
+            print('📊 Données entreprise chargées:');
+            print('   - ID: ${_enterprise?.enterpriseId}');
+            print('   - Nom: ${_enterprise?.nomEntreprise}');
+            print('   - Solde: ${_enterpriseBalance} FCFA');
+            print('   - Membres: ${_enterprise?.nombreMembres}');
+            print(
+              '   - Secteur: ${_enterprise?.domaineActivite ?? "Non spécifié"}',
+            );
+          } catch (e) {
+            print('⚠️ Erreur parsing entreprise: $e');
+            _enterprise = null;
+            _enterpriseBalance = null;
+          }
+        }
+      } else {
+        _agentId = response['agent_id']?.toString() ?? agentId;
+        _agentName = response['nom']?.toString() ?? 'Agent $_agentId';
+        _pinkey = response['pin']?.toString();
+        _role = response['role']?.toString() ?? 'agent';
+        _balance = _parseDouble(response['solde']) ?? 0.0;
+        _token = response['token']?.toString();
+        _accountType = response['type']?.toString() ?? 'agent';
+
+        // Gestion entreprise au niveau racine
+        if (response['enterprise'] != null) {
+          try {
+            _enterprise = Enterprise.fromJson(response['enterprise']);
+            _enterpriseBalance = _enterprise?.soldeEntreprise;
+            _balanceSource = 'enterprise';
+          } catch (e) {
+            print('⚠️ Erreur parsing entreprise (racine): $e');
+          }
+        }
+
+        _currentUser = {
+          'agent_id': _agentId,
+          'nom': _agentName,
+          'pin': _pinkey,
+          'role': _role,
+          'solde': _balance,
+          'token': _token,
+          'type': _accountType,
+          'enterprise': _enterprise?.toJson(),
+        };
+      }
+
+      // Valeurs par défaut si non définies
+      _agentId ??= agentId;
+      _agentName ??= 'Agent $_agentId';
+      _role ??= 'agent';
+      _accountType ??= 'agent';
+      _token ??= 'temp_token_${DateTime.now().millisecondsSinceEpoch}';
+    } catch (e) {
+      print('❌ Erreur configuration données utilisateur: $e');
+      print('Stack trace: ${StackTrace.current}');
+
+      // Fallback sécurisé
+      _agentId = agentId;
+      _agentName = 'Agent $agentId';
+      _role = 'agent';
+      _balance = 0.0;
+      _accountType = 'agent';
+      _token = 'fallback_token_${DateTime.now().millisecondsSinceEpoch}';
+      _enterprise = null;
+      _enterpriseBalance = null;
+
+      _currentUser = {
+        'agent_id': _agentId,
+        'nom': _agentName,
+        'role': _role,
+        'solde': _balance,
+        'token': _token,
+        'type': _accountType,
+      };
+    }
+  }
+
+  double? _parseDouble(dynamic value) {
+    if (value == null) return null;
+    if (value is double) return value;
+    if (value is int) return value.toDouble();
+    if (value is String) {
+      try {
+        return double.parse(value);
+      } catch (e) {
+        return null;
+      }
+    }
+    return null;
+  }
+
+  Future<bool> checkLoginStatus(BuildContext context) async {
+    _setLoading(true);
+
+    try {
+      final session = SessionManager();
+      bool hasSession = await session.isLoggedIn();
+
+      if (hasSession) {
+        String? savedUserId = await session.getUserId();
+        String? savedToken = await session.getToken();
+        String? savedRole = await session.getRole();
+        String? savedPin = await session.getPIN();
+
+        if (savedUserId != null && savedPin != null && savedRole != null) {
+          print(
+            'Session trouvée pour $savedUserId, tentative de reconnexion...',
+          );
+
+          bool reconnected = await login(savedUserId, savedPin, true);
+
+          if (reconnected) {
+            print('✅ Reconnexion automatique réussie');
+
+            WidgetsBinding.instance.addPostFrameCallback((_) {
+              RoleNavigator.navigateByRole(context, _role!);
+            });
+
+            _setLoading(false);
+            return true;
+          } else {
+            print('❌ Échec de la reconnexion, suppression de la session');
+            await session.clearSession();
+          }
+        }
+      }
+    } catch (e) {
+      print('❌ Erreur vérification session: $e');
+    }
+
+    _setLoading(false);
+    return false;
+  }
+
+  /// ===== NOUVELLE MÉTHODE: RAFRAÎCHIR TOUS LES SOLDES =====
+  Future<void> refreshBalance() async {
+    if (_agentId != null) {
+      try {
+        final response = await http.get(
+          Uri.parse('$baseUrl/agent/$_agentId/balance'),
+          headers: apiHeaders,
+        );
+
+        if (response.statusCode == 200) {
+          final data = jsonDecode(response.body);
+          if (data['success']) {
+            // Solde personnel
+            _balance = _parseDouble(data['solde']) ?? 0.0;
+
+            // Solde entreprise si applicable
+            if (data['enterprise'] != null) {
+              _enterpriseBalance = _parseDouble(
+                data['enterprise']['solde_entreprise'],
+              );
+            }
+
+            notifyListeners();
+            print(
+              '✅ Soldes mis à jour - Personnel: $_balance, Entreprise: $_enterpriseBalance',
+            );
+          }
+        }
+      } catch (e) {
+        print('❌ Erreur actualisation solde: $e');
+      }
+    }
+  }
+
+  Future<void> logout() async {
+    print('Déconnexion de $_agentName');
+
+    _isLoggedIn = false;
+    _agentId = null;
+    _agentName = null;
+    _pinkey = null;
+    _role = null;
+    _balance = 0.0;
+    _errorMessage = null;
+    _currentUser = null;
+    _lastLoginDate = null;
+    _token = null;
+
+    // Réinitialiser les données entreprise
+    _accountType = null;
+    _enterprise = null;
+    _enterpriseBalance = null;
+    _balanceSource = null;
+
+    await SessionManager().clearSession();
+    notifyListeners();
+  }
+
+  /// ===== MÉTHODES AMÉLIORÉES POUR GÉRER LES SOLDES =====
+  void updateBalance(double newBalance) {
+    if (isEnterpriseMember) {
+      // Mise à jour du solde entreprise
+      if (newBalance != _enterpriseBalance) {
+        _enterpriseBalance = newBalance;
+        if (_enterprise != null) {
+          _enterprise = _enterprise!.copyWith(soldeEntreprise: newBalance);
+        }
+        notifyListeners();
+      }
+    } else {
+      // Mise à jour du solde personnel
+      if (newBalance != _balance) {
+        _balance = newBalance;
+        if (_currentUser != null) {
+          _currentUser!['solde'] = newBalance;
+        }
+        notifyListeners();
+      }
+    }
+  }
+
+  void debitBalance(double amount) {
+    if (amount <= 0) return;
+
+    if (isEnterpriseMember && _enterpriseBalance != null) {
+      // Débiter le solde entreprise
+      if (amount <= _enterpriseBalance!) {
+        _enterpriseBalance = _enterpriseBalance! - amount;
+        notifyListeners();
+      }
+    } else {
+      // Débiter le solde personnel
+      if (amount <= _balance) {
+        _balance -= amount;
+        if (_currentUser != null) {
+          _currentUser!['solde'] = _balance;
+        }
+        notifyListeners();
+      }
+    }
+  }
+
+  void creditBalance(double amount) {
+    if (amount <= 0) return;
+
+    if (isEnterpriseMember && _enterpriseBalance != null) {
+      // Créditer le solde entreprise
+      _enterpriseBalance = _enterpriseBalance! + amount;
+      notifyListeners();
+    } else {
+      // Créditer le solde personnel
+      _balance += amount;
+      if (_currentUser != null) {
+        _currentUser!['solde'] = _balance;
+      }
+      notifyListeners();
+    }
+  }
+
+  bool hasSufficientBalance(double requiredAmount) {
+    return activeBalance >= requiredAmount;
+  }
+
+  void clearError() {
+    _setError(null);
+  }
+
+  /// ===== NOUVELLE MÉTHODE: OBTENIR LES INFOS DE BALANCE =====
+  Map<String, dynamic> getBalanceInfo() {
+    return {
+      'account_type': accountType,
+      'is_enterprise_member': isEnterpriseMember,
+      'personal_balance': _balance,
+      'enterprise_balance': _enterpriseBalance,
+      'active_balance': activeBalance,
+      'balance_source': balanceSource,
+      'enterprise_name': _enterprise?.nomEntreprise,
+      'enterprise_id': _enterprise?.enterpriseId,
+    };
+  }
+}
+
+// =================== MAIN APP ===================
+void main() async {
+  WidgetsFlutterBinding.ensureInitialized();
+
+  await SystemChrome.setPreferredOrientations([
+    DeviceOrientation.portraitUp,
+    DeviceOrientation.portraitDown,
+  ]);
+
+  ResponsiveHelper.enableAllOrientations();
+
+  SystemChrome.setSystemUIOverlayStyle(
+    SystemUiOverlayStyle(
+      statusBarColor: Colors.transparent,
+      statusBarIconBrightness: Brightness.light,
+      systemNavigationBarColor: Color(0xFF006699),
+      systemNavigationBarIconBrightness: Brightness.light,
+    ),
+  );
+
+  ConnectivityService.setNavigatorKey(navigatorKey);
+
+  runApp(WortisApp());
+}
+
+class WortisApp extends StatefulWidget {
+  static const Color primaryColor = Color(0xFF006699);
+  static const Color secondaryColor = Color(0xFF0088CC);
+  static const Color accentColor = Color(0xFFFF6B35);
+  static const Color backgroundColor = Color(0xFFF8FAFC);
+  static const Color surfaceColor = Colors.white;
+  static const Color errorColor = Color(0xFFE53E3E);
+
+  const WortisApp({super.key});
+
+  @override
+  State<WortisApp> createState() => _WortisAppState();
+}
+
+class _WortisAppState extends State<WortisApp> with WidgetsBindingObserver {
+  final ConnectivityService _connectivityService = ConnectivityService();
+
+  @override
+  void initState() {
+    super.initState();
+    WidgetsBinding.instance.addObserver(this);
+
+    print('✅ WortisApp initialisé avec support entreprise');
+
+    WidgetsBinding.instance.addPostFrameCallback((_) {
+      print('🌐 Démarrage de la surveillance de connectivité');
+      _connectivityService.startMonitoring();
+    });
+  }
+
+  @override
+  void dispose() {
+    _connectivityService.dispose();
+    WidgetsBinding.instance.removeObserver(this);
+    super.dispose();
+  }
+
+  @override
+  void didChangeAppLifecycleState(AppLifecycleState state) {
+    super.didChangeAppLifecycleState(state);
+
+    if (state == AppLifecycleState.resumed) {
+      print('📱 App au premier plan, vérification de connectivité');
+      _connectivityService.checkConnectivity();
+    }
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return MultiProvider(
+      providers: [
+        ChangeNotifierProvider(create: (_) => AuthController()),
+        ChangeNotifierProvider(create: (_) => ServicesController()),
+        ChangeNotifierProvider<ConnectivityService>.value(
+          value: _connectivityService,
+        ),
+      ],
+      child: MaterialApp(
+        title: 'Wortis Agent',
+        debugShowCheckedModeBanner: false,
+        navigatorKey: navigatorKey,
+        theme: _buildAppTheme(),
+        home: SplashScreen(),
+        builder: (context, child) {
+          return MediaQuery(
+            data: MediaQuery.of(
+              context,
+            ).copyWith(textScaler: TextScaler.linear(1.0)),
+            child: child!,
+          );
+        },
+      ),
+    );
+  }
+
+  ThemeData _buildAppTheme() {
+    return ThemeData(
+      primarySwatch: _createMaterialColor(WortisApp.primaryColor),
+      primaryColor: WortisApp.primaryColor,
+      scaffoldBackgroundColor: WortisApp.backgroundColor,
+
+      appBarTheme: AppBarTheme(
+        backgroundColor: WortisApp.primaryColor,
+        foregroundColor: Colors.white,
+        elevation: 0,
+        centerTitle: true,
+        titleTextStyle: TextStyle(
+          fontSize: 18,
+          fontWeight: FontWeight.w600,
+          color: Colors.white,
+        ),
+        systemOverlayStyle: SystemUiOverlayStyle.light,
+      ),
+
+      elevatedButtonTheme: ElevatedButtonThemeData(
+        style: ElevatedButton.styleFrom(
+          backgroundColor: WortisApp.primaryColor,
+          foregroundColor: Colors.white,
+          padding: EdgeInsets.symmetric(horizontal: 24, vertical: 12),
+          shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(8)),
+          elevation: 2,
+          textStyle: TextStyle(fontSize: 16, fontWeight: FontWeight.w600),
+        ),
+      ),
+
+      inputDecorationTheme: InputDecorationTheme(
+        border: OutlineInputBorder(
+          borderRadius: BorderRadius.circular(8),
+          borderSide: BorderSide(color: Colors.grey.shade300),
+        ),
+        focusedBorder: OutlineInputBorder(
+          borderRadius: BorderRadius.circular(8),
+          borderSide: BorderSide(color: WortisApp.primaryColor, width: 2),
+        ),
+        errorBorder: OutlineInputBorder(
+          borderRadius: BorderRadius.circular(8),
+          borderSide: BorderSide(color: WortisApp.errorColor),
+        ),
+        contentPadding: EdgeInsets.symmetric(horizontal: 16, vertical: 12),
+        filled: true,
+        fillColor: WortisApp.surfaceColor,
+      ),
+
+      snackBarTheme: SnackBarThemeData(
+        backgroundColor: Colors.grey.shade800,
+        contentTextStyle: TextStyle(color: Colors.white),
+        shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(8)),
+        behavior: SnackBarBehavior.floating,
+      ),
+
+      // cardTheme: CardTheme(
+      //   elevation: 2,
+      //   shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(12)),
+      //   clipBehavior: Clip.antiAlias,
+      // ),
+      visualDensity: VisualDensity.adaptivePlatformDensity,
+      useMaterial3: true,
+    );
+  }
+
+  MaterialColor _createMaterialColor(Color color) {
+    List strengths = <double>[.05];
+    Map<int, Color> swatch = <int, Color>{};
+    final int r = color.red, g = color.green, b = color.blue;
+
+    for (int i = 1; i < 10; i++) {
+      strengths.add(0.1 * i);
+    }
+
+    for (var strength in strengths) {
+      final double ds = 0.5 - strength;
+      swatch[(strength * 1000).round()] = Color.fromRGBO(
+        r + ((ds < 0 ? r : (255 - r)) * ds).round(),
+        g + ((ds < 0 ? g : (255 - g)) * ds).round(),
+        b + ((ds < 0 ? b : (255 - b)) * ds).round(),
+        1,
+      );
+    }
+    return MaterialColor(color.value, swatch);
+  }
+}
diff --git a/lib/models/service_model.dart b/lib/models/service_model.dart
new file mode 100644
index 0000000..f5b4615
--- /dev/null
+++ b/lib/models/service_model.dart
@@ -0,0 +1,178 @@
+// Dans ../models/service_model.dart
+
+import 'package:flutter/material.dart';
+
+class WortisService {
+  final String id;
+  final String name;
+  final String description;
+  final String secteurActivite;
+  final bool status;
+  final String? icon;
+  final String? banner;
+  final String? linkView;
+  final String? typeService;
+  final String? boutonList;
+  final String? buttonService;
+  final String? error400;
+  final String? error500;
+  final String? titeDescription;
+  final int? rang; // ← Ajoutez cette ligne
+
+  WortisService({
+    required this.id,
+    required this.name,
+    required this.description,
+    required this.secteurActivite,
+    required this.status,
+    this.icon,
+    this.banner,
+    this.linkView,
+    this.typeService,
+    this.boutonList,
+    this.buttonService,
+    this.error400,
+    this.error500,
+    this.titeDescription,
+    this.rang, // ← Ajoutez cette ligne
+  });
+
+  factory WortisService.fromJson(Map<String, dynamic> json) {
+    return WortisService(
+      id: json['_id'] ?? '',
+      name: json['name'] ?? '',
+      description: json['description'] ?? '',
+      secteurActivite: json['SecteurActivite'] ?? '',
+      status: json['status'] ?? false,
+      icon: json['icon'],
+      banner: json['banner'],
+      linkView: json['link_view'],
+      typeService: json['Type_Service'],
+      boutonList: json['bouton_list'],
+      buttonService: json['button_service'],
+      error400: json['error_400'],
+      error500: json['error_500'],
+      titeDescription: json['tite_description'],
+      rang: json['rang'] as int?, // ← Ajoutez cette ligne
+    );
+  }
+
+  Map<String, dynamic> toJson() {
+    return {
+      '_id': id,
+      'name': name,
+      'description': description,
+      'SecteurActivite': secteurActivite,
+      'status': status,
+      'icon': icon,
+      'banner': banner,
+      'link_view': linkView,
+      'Type_Service': typeService,
+      'bouton_list': boutonList,
+      'button_service': buttonService,
+      'error_400': error400,
+      'error_500': error500,
+      'tite_description': titeDescription,
+      'rang': rang, // ← Ajoutez cette ligne
+    };
+  }
+
+  // Getter pour l'icône Flutter (vous pouvez garder votre logique existante)
+  IconData get flutterIcon {
+    switch (icon?.toLowerCase()) {
+      case 'movie':
+        return Icons.movie;
+      case 'car':
+        return Icons.directions_car;
+      case 'shopping':
+        return Icons.shopping_cart;
+      case 'food':
+        return Icons.restaurant;
+      case 'hotel':
+        return Icons.hotel;
+      case 'transport':
+        return Icons.directions_bus;
+      case 'health':
+        return Icons.local_hospital;
+      case 'education':
+        return Icons.school;
+      case 'finance':
+        return Icons.account_balance;
+      default:
+        return Icons.miscellaneous_services;
+    }
+  }
+
+  // Getter pour la couleur du secteur (vous pouvez garder votre logique existante)
+  Color get sectorColor {
+    switch (secteurActivite.toLowerCase()) {
+      case 'billetterie':
+        return Color(0xFF6B46C1);
+      case 'transport':
+        return Color(0xFF059669);
+      case 'restauration':
+        return Color(0xFFDC2626);
+      case 'hébergement':
+        return Color(0xFF2563EB);
+      case 'finance':
+        return Color(0xFF7C2D12);
+      case 'santé':
+        return Color(0xFF0891B2);
+      case 'éducation':
+        return Color(0xFF7C3AED);
+      default:
+        return Color(0xFF6B7280);
+    }
+  }
+
+  // Méthode copyWith pour créer une copie avec des modifications
+  WortisService copyWith({
+    String? id,
+    String? name,
+    String? description,
+    String? secteurActivite,
+    bool? status,
+    String? icon,
+    String? banner,
+    String? linkView,
+    String? typeService,
+    String? boutonList,
+    String? buttonService,
+    String? error400,
+    String? error500,
+    String? titeDescription,
+    int? rang,
+  }) {
+    return WortisService(
+      id: id ?? this.id,
+      name: name ?? this.name,
+      description: description ?? this.description,
+      secteurActivite: secteurActivite ?? this.secteurActivite,
+      status: status ?? this.status,
+      icon: icon ?? this.icon,
+      banner: banner ?? this.banner,
+      linkView: linkView ?? this.linkView,
+      typeService: typeService ?? this.typeService,
+      boutonList: boutonList ?? this.boutonList,
+      buttonService: buttonService ?? this.buttonService,
+      error400: error400 ?? this.error400,
+      error500: error500 ?? this.error500,
+      titeDescription: titeDescription ?? this.titeDescription,
+      rang: rang ?? this.rang,
+    );
+  }
+
+  @override
+  String toString() {
+    return 'WortisService(id: $id, name: $name, secteur: $secteurActivite, status: $status, rang: $rang)';
+  }
+
+  @override
+  bool operator ==(Object other) {
+    if (identical(this, other)) return true;
+    return other is WortisService && other.id == id;
+  }
+
+  @override
+  int get hashCode => id.hashCode;
+}
diff --git a/lib/pages/admin_dashboard.dart b/lib/pages/admin_dashboard.dart
new file mode 100644
index 0000000..4f79c78
--- /dev/null
+++ b/lib/pages/admin_dashboard.dart
@@ -0,0 +1,2832 @@
+// ===== lib/pages/admin_dashboard.dart =====
+import 'dart:convert';
+import 'package:flutter/material.dart';
+import 'package:http/http.dart' as http;
+import 'package:provider/provider.dart';
+import '../main.dart';
+import '../widgets/wortis_logo.dart';
+import 'login.dart';
+
+// ===== CONFIGURATION API =====
+const String baseUrl = 'https://api.live.wortis.cg/tpe';
+const String apiBaseUrl = '$baseUrl/api';
+const Map<String, String> apiHeaders = {
+  'Content-Type': 'application/json',
+  'Accept': 'application/json',
+};
+
+// ===== COULEURS GLOBALES =====
+class AdminColors {
+  static const Color primary = Color(0xFFE53E3E);
+  static const Color secondary = Color(0xFF006699);
+  static const Color accent = Color(0xFFFF6B35);
+  static const Color background = Color(0xFFF8FAFC);
+  static const Color surface = Colors.white;
+  static const Color success = Color(0xFF38A169);
+  static const Color warning = Color(0xFFF59E0B);
+  static const Color error = Color(0xFFE53E3E);
+  static const Color info = Color(0xFF3182CE);
+}
+
+// ===== ADMIN DASHBOARD =====
+class AdminDashboard extends StatefulWidget {
+  const AdminDashboard({super.key});
+
+  @override
+  State<AdminDashboard> createState() => _AdminDashboardState();
+}
+
+class _AdminDashboardState extends State<AdminDashboard>
+    with SingleTickerProviderStateMixin {
+  late AnimationController _animationController;
+  late Animation<double> _fadeAnimation;
+
+  bool _isLoading = false;
+  int _selectedIndex = 0;
+
+  // Données du dashboard
+  Map<String, dynamic> _systemStats = {};
+  List<Map<String, dynamic>> _recentActivities = [];
+  List<Map<String, dynamic>> _agents = [];
+  List<Map<String, dynamic>> _allRecharges = [];
+  List<Map<String, dynamic>> _allTransactions = [];
+  Map<String, dynamic> _rechargeStats = {};
+  Map<String, dynamic> _transactionStats = {};
+
+  @override
+  void initState() {
+    super.initState();
+    _setupAnimations();
+    _loadDashboardData();
+  }
+
+  @override
+  void dispose() {
+    _animationController.dispose();
+    super.dispose();
+  }
+
+  void _setupAnimations() {
+    _animationController = AnimationController(
+      duration: const Duration(milliseconds: 1000),
+      vsync: this,
+    );
+
+    _fadeAnimation = Tween<double>(begin: 0.0, end: 1.0).animate(
+      CurvedAnimation(parent: _animationController, curve: Curves.easeOut),
+    );
+
+    _animationController.forward();
+  }
+
+  // ===== MÉTHODES API =====
+  Future<void> _loadDashboardData() async {
+    setState(() {
+      _isLoading = true;
+    });
+
+    try {
+      await Future.wait([
+        _loadSystemStats(),
+        _loadRecentActivities(),
+        _loadAgents(),
+        _loadAllRecharges(),
+        _loadAllTransactions(), // Ajoutez cette ligne
+        _loadRechargeStats(), // Ajoutez cette ligne
+        _loadTransactionStats(), // Ajoutez cette ligne
+      ]);
+    } catch (e) {
+      print('❌ Erreur chargement dashboard admin: $e');
+      _showSnackBar('Erreur lors du chargement des données', AdminColors.error);
+    } finally {
+      setState(() {
+        _isLoading = false;
+      });
+    }
+  }
+
+  Future<void> _loadSystemStats() async {
+    try {
+      final response = await http.get(
+        Uri.parse('$baseUrl/admin/system/stats'),
+        headers: apiHeaders,
+      );
+
+      if (response.statusCode == 200) {
+        final data = jsonDecode(response.body);
+        if (data['success'] == true) {
+          setState(() {
+            _systemStats = data['stats'] ?? {};
+          });
+        }
+      }
+    } catch (e) {
+      print('❌ Erreur stats système: $e');
+      // Données par défaut en cas d'erreur
+      setState(() {
+        _systemStats = {
+          'active_agents': 247,
+          'daily_transactions': 1543,
+          'total_volume': 45200000.0,
+          'total_commissions': 2100000.0,
+          'success_rate': 98.5,
+          'pending_recharges': 12,
+        };
+      });
+    }
+  }
+
+  Future<void> _loadRecentActivities() async {
+    try {
+      final response = await http.get(
+        Uri.parse('$baseUrl/admin/activities/recent'),
+        headers: apiHeaders,
+      );
+
+      if (response.statusCode == 200) {
+        final data = jsonDecode(response.body);
+        if (data['success'] == true) {
+          setState(() {
+            _recentActivities = List<Map<String, dynamic>>.from(
+              data['activities'] ?? [],
+            );
+          });
+        }
+      }
+    } catch (e) {
+      print('❌ Erreur activités récentes: $e');
+      // Données par défaut
+      setState(() {
+        _recentActivities = [
+          {
+            'type': 'agent_created',
+            'title': 'Nouvel agent créé',
+            'description': 'AGENT1245 - Jean Martin',
+            'icon': 'person_add',
+            'color': 'green',
+            'time': '2min',
+            'created_at':
+                DateTime.now()
+                    .subtract(const Duration(minutes: 2))
+                    .toIso8601String(),
+          },
+          {
+            'type': 'recharge_approved',
+            'title': 'Recharge validée',
+            'description': 'AGENT0987 - 50,000 F',
+            'icon': 'check_circle',
+            'color': 'blue',
+            'time': '5min',
+            'created_at':
+                DateTime.now()
+                    .subtract(const Duration(minutes: 5))
+                    .toIso8601String(),
+          },
+        ];
+      });
+    }
+  }
+
+  Future<void> _loadAgents() async {
+    try {
+      final response = await http.get(
+        Uri.parse('$baseUrl/admin/agents'),
+        headers: apiHeaders,
+      );
+
+      if (response.statusCode == 200) {
+        final data = jsonDecode(response.body);
+        if (data['success'] == true) {
+          setState(() {
+            _agents = List<Map<String, dynamic>>.from(data['agents'] ?? []);
+          });
+        }
+      }
+    } catch (e) {
+      print('❌ Erreur chargement agents: $e');
+    }
+  }
+
+  Future<void> _loadAllRecharges() async {
+    try {
+      final response = await http.get(
+        Uri.parse('$baseUrl/recharge/get_recharges'),
+        headers: apiHeaders,
+      );
+
+      if (response.statusCode == 200) {
+        final data = jsonDecode(response.body);
+        setState(() {
+          _allRecharges = List<Map<String, dynamic>>.from(
+            data['all_recharges'] ?? [],
+          );
+        });
+      }
+    } catch (e) {
+      print('❌ Erreur chargement recharges: $e');
+    }
+  }
+
+  Future<void> _loadAllTransactions() async {
+    try {
+      final response = await http.get(
+        Uri.parse('$baseUrl/admin/transactions'),
+        headers: apiHeaders,
+      );
+
+      if (response.statusCode == 200) {
+        final data = jsonDecode(response.body);
+        setState(() {
+          _allTransactions = List<Map<String, dynamic>>.from(
+            data['transactions'] ?? [],
+          );
+        });
+      }
+    } catch (e) {
+      print('❌ Erreur chargement transactions: $e');
+    }
+  }
+
+  Future<void> _loadRechargeStats() async {
+    try {
+      final response = await http.get(
+        Uri.parse('$baseUrl/admin/recharges/stats'),
+        headers: apiHeaders,
+      );
+
+      if (response.statusCode == 200) {
+        final data = jsonDecode(response.body);
+        setState(() {
+          _rechargeStats = data['stats'] ?? {};
+        });
+      }
+    } catch (e) {
+      print('❌ Erreur stats recharges: $e');
+    }
+  }
+
+  Future<void> _loadTransactionStats() async {
+    try {
+      final response = await http.get(
+        Uri.parse('$baseUrl/admin/transactions/stats'),
+        headers: apiHeaders,
+      );
+
+      if (response.statusCode == 200) {
+        final data = jsonDecode(response.body);
+        setState(() {
+          _transactionStats = data['stats'] ?? {};
+        });
+      }
+    } catch (e) {
+      print('❌ Erreur stats transactions: $e');
+    }
+  }
+
+  Future<void> _createAgent(Map<String, String> agentData) async {
+    try {
+      final response = await http.post(
+        Uri.parse('$baseUrl/admin/agents/create'),
+        headers: apiHeaders,
+        body: jsonEncode(agentData),
+      );
+
+      if (response.statusCode == 201) {
+        final data = jsonDecode(response.body);
+        if (data['success'] == true) {
+          _showSnackBar('Agent créé avec succès', AdminColors.success);
+          _loadAgents();
+        } else {
+          _showSnackBar(
+            data['message'] ?? 'Erreur lors de la création',
+            AdminColors.error,
+          );
+        }
+      } else {
+        _showSnackBar(
+          'Erreur lors de la création de l\'agent',
+          AdminColors.error,
+        );
+      }
+    } catch (e) {
+      print('❌ Erreur création agent: $e');
+      _showSnackBar('Erreur de connexion', AdminColors.error);
+    }
+  }
+
+  Future<void> _updateAgentStatus(String agentId, String status) async {
+    try {
+      final response = await http.put(
+        Uri.parse('$baseUrl/admin/agents/$agentId/status'),
+        headers: apiHeaders,
+        body: jsonEncode({
+          'status': status,
+          'updated_by':
+              Provider.of<AuthController>(context, listen: false).agentId,
+        }),
+      );
+
+      if (response.statusCode == 200) {
+        final data = jsonDecode(response.body);
+        if (data['success'] == true) {
+          _showSnackBar('Statut agent mis à jour', AdminColors.success);
+          _loadAgents();
+        } else {
+          _showSnackBar(
+            data['message'] ?? 'Erreur mise à jour',
+            AdminColors.error,
+          );
+        }
+      }
+    } catch (e) {
+      print('❌ Erreur mise à jour statut: $e');
+      _showSnackBar('Erreur de connexion', AdminColors.error);
+    }
+  }
+
+  Future<void> _exportData(String type) async {
+    try {
+      final response = await http.get(
+        Uri.parse('$baseUrl/admin/export/$type'),
+        headers: apiHeaders,
+      );
+
+      if (response.statusCode == 200) {
+        _showSnackBar('Export $type généré avec succès', AdminColors.success);
+      } else {
+        _showSnackBar('Erreur lors de l\'export', AdminColors.error);
+      }
+    } catch (e) {
+      print('❌ Erreur export: $e');
+      _showSnackBar('Erreur de connexion', AdminColors.error);
+    }
+  }
+
+  // ===== MÉTHODES UI =====
+  void _logout() async {
+    final result = await showDialog<bool>(
+      context: context,
+      builder: (BuildContext context) {
+        return AlertDialog(
+          shape: RoundedRectangleBorder(
+            borderRadius: BorderRadius.circular(16),
+          ),
+          title: const Row(
+            children: [
+              Icon(Icons.logout, color: AdminColors.primary),
+              SizedBox(width: 12),
+              Text('Déconnexion'),
+            ],
+          ),
+          content: const Text('Êtes-vous sûr de vouloir vous déconnecter ?'),
+          actions: [
+            TextButton(
+              onPressed: () => Navigator.of(context).pop(false),
+              child: const Text('Annuler'),
+            ),
+            ElevatedButton(
+              onPressed: () => Navigator.of(context).pop(true),
+              style: ElevatedButton.styleFrom(
+                backgroundColor: AdminColors.primary,
+                foregroundColor: Colors.white,
+              ),
+              child: const Text('Déconnexion'),
+            ),
+          ],
+        );
+      },
+    );
+
+    if (result == true) {
+      final authController = Provider.of<AuthController>(
+        context,
+        listen: false,
+      );
+      await authController.logout();
+      if (mounted) {
+        Navigator.of(context).pushAndRemoveUntil(
+          MaterialPageRoute(builder: (context) => const LoginPage()),
+          (route) => false,
+        );
+      }
+    }
+  }
+
+  void _showSnackBar(String message, Color color) {
+    ScaffoldMessenger.of(context).showSnackBar(
+      SnackBar(
+        content: Text(message),
+        backgroundColor: color,
+        behavior: SnackBarBehavior.floating,
+        shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(8)),
+      ),
+    );
+  }
+
+  void _showCreateAgentDialog() {
+    final nameController = TextEditingController();
+    final phoneController = TextEditingController();
+    final emailController = TextEditingController();
+    final typeController = TextEditingController(text: 'agent');
+
+    showDialog(
+      context: context,
+      builder:
+          (context) => AlertDialog(
+            shape: RoundedRectangleBorder(
+              borderRadius: BorderRadius.circular(16),
+            ),
+            title: const Row(
+              children: [
+                Icon(Icons.person_add, color: AdminColors.secondary),
+                SizedBox(width: 8),
+                Text('Créer un agent'),
+              ],
+            ),
+            content: SingleChildScrollView(
+              child: Column(
+                mainAxisSize: MainAxisSize.min,
+                children: [
+                  TextField(
+                    controller: nameController,
+                    decoration: const InputDecoration(
+                      labelText: 'Nom complet',
+                      border: OutlineInputBorder(),
+                      prefixIcon: Icon(Icons.person),
+                    ),
+                  ),
+                  const SizedBox(height: 16),
+                  TextField(
+                    controller: phoneController,
+                    keyboardType: TextInputType.phone,
+                    decoration: const InputDecoration(
+                      labelText: 'Téléphone',
+                      border: OutlineInputBorder(),
+                      prefixIcon: Icon(Icons.phone),
+                    ),
+                  ),
+                  const SizedBox(height: 16),
+                  TextField(
+                    controller: emailController,
+                    keyboardType: TextInputType.emailAddress,
+                    decoration: const InputDecoration(
+                      labelText: 'Email',
+                      border: OutlineInputBorder(),
+                      prefixIcon: Icon(Icons.email),
+                    ),
+                  ),
+                  const SizedBox(height: 16),
+                  DropdownButtonFormField<String>(
+                    value: typeController.text,
+                    decoration: const InputDecoration(
+                      labelText: 'Type d\'agent',
+                      border: OutlineInputBorder(),
+                      prefixIcon: Icon(Icons.category),
+                    ),
+                    items: const [
+                      DropdownMenuItem(
+                        value: 'agent',
+                        child: Text('Agent standard'),
+                      ),
+                      DropdownMenuItem(
+                        value: 'rechargeur',
+                        child: Text('Rechargeur'),
+                      ),
+                      DropdownMenuItem(
+                        value: 'admin',
+                        child: Text('Administrateur'),
+                      ),
+                    ],
+                    onChanged:
+                        (value) => typeController.text = value ?? 'agent',
+                  ),
+                ],
+              ),
+            ),
+            actions: [
+              TextButton(
+                onPressed: () => Navigator.pop(context),
+                child: const Text('Annuler'),
+              ),
+              ElevatedButton(
+                onPressed: () {
+                  Navigator.pop(context);
+                  _createAgent({
+                    'nom': nameController.text,
+                    'telephone': phoneController.text,
+                    'email': emailController.text,
+                    'type': typeController.text,
+                  });
+                },
+                style: ElevatedButton.styleFrom(
+                  backgroundColor: AdminColors.secondary,
+                  foregroundColor: Colors.white,
+                ),
+                child: const Text('Créer'),
+              ),
+            ],
+          ),
+    );
+  }
+
+  void _showAgentDetails(Map<String, dynamic> agent) {
+    showDialog(
+      context: context,
+      builder:
+          (context) => Dialog(
+            shape: RoundedRectangleBorder(
+              borderRadius: BorderRadius.circular(20),
+            ),
+            child: SizedBox(
+              width: MediaQuery.of(context).size.width * 0.95,
+              height: MediaQuery.of(context).size.height * 0.85,
+              child: Column(
+                children: [
+                  // Header avec avatar et infos principales
+                  Container(
+                    padding: const EdgeInsets.all(24),
+                    decoration: BoxDecoration(
+                      gradient: LinearGradient(
+                        colors: [
+                          AdminColors.secondary,
+                          AdminColors.secondary.withOpacity(0.8),
+                        ],
+                      ),
+                      borderRadius: const BorderRadius.only(
+                        topLeft: Radius.circular(20),
+                        topRight: Radius.circular(20),
+                      ),
+                    ),
+                    child: Row(
+                      children: [
+                        Container(
+                          width: 80,
+                          height: 80,
+                          decoration: BoxDecoration(
+                            color: Colors.white.withOpacity(0.2),
+                            borderRadius: BorderRadius.circular(20),
+                            border: Border.all(
+                              color: Colors.white.withOpacity(0.3),
+                              width: 2,
+                            ),
+                          ),
+                          child: const Icon(
+                            Icons.person,
+                            size: 40,
+                            color: Colors.white,
+                          ),
+                        ),
+                        const SizedBox(width: 20),
+                        Expanded(
+                          child: Column(
+                            crossAxisAlignment: CrossAxisAlignment.start,
+                            children: [
+                              Text(
+                                agent['nom'] ?? 'Nom non disponible',
+                                style: const TextStyle(
+                                  fontSize: 24,
+                                  fontWeight: FontWeight.bold,
+                                  color: Colors.white,
+                                ),
+                              ),
+                              const SizedBox(height: 4),
+                              Text(
+                                'ID: ${agent['agent_id'] ?? 'N/A'}',
+                                style: TextStyle(
+                                  fontSize: 16,
+                                  color: Colors.white.withOpacity(0.9),
+                                ),
+                              ),
+                              const SizedBox(height: 8),
+                              Container(
+                                padding: const EdgeInsets.symmetric(
+                                  horizontal: 12,
+                                  vertical: 6,
+                                ),
+                                decoration: BoxDecoration(
+                                  color: Colors.white.withOpacity(0.2),
+                                  borderRadius: BorderRadius.circular(12),
+                                ),
+                                child: Text(
+                                  '${agent['type'] ?? 'agent'}'.toUpperCase(),
+                                  style: const TextStyle(
+                                    fontSize: 12,
+                                    fontWeight: FontWeight.w600,
+                                    color: Colors.white,
+                                  ),
+                                ),
+                              ),
+                            ],
+                          ),
+                        ),
+                        IconButton(
+                          onPressed: () => Navigator.pop(context),
+                          icon: const Icon(
+                            Icons.close,
+                            color: Colors.white,
+                            size: 28,
+                          ),
+                        ),
+                      ],
+                    ),
+                  ),
+
+                  // Contenu scrollable
+                  Expanded(
+                    child: SingleChildScrollView(
+                      padding: const EdgeInsets.all(24),
+                      child: Column(
+                        crossAxisAlignment: CrossAxisAlignment.start,
+                        children: [
+                          // Statistiques rapides
+                          Row(
+                            children: [
+                              Expanded(
+                                child: _buildAgentStatCard(
+                                  'Solde',
+                                  '${(agent['solde'] ?? 0).toStringAsFixed(0)} F',
+                                  Icons.account_balance_wallet,
+                                  AdminColors.success,
+                                ),
+                              ),
+                              const SizedBox(width: 12),
+                              Expanded(
+                                child: _buildAgentStatCard(
+                                  'Transactions',
+                                  '${agent['total_transactions'] ?? 0}',
+                                  Icons.receipt_long,
+                                  AdminColors.info,
+                                ),
+                              ),
+                              const SizedBox(width: 12),
+                              Expanded(
+                                child: _buildAgentStatCard(
+                                  'Commissions',
+                                  '${(agent['total_commissions'] ?? 0).toStringAsFixed(0)} F',
+                                  Icons.monetization_on,
+                                  AdminColors.accent,
+                                ),
+                              ),
+                            ],
+                          ),
+
+                          const SizedBox(height: 24),
+
+                          // Informations détaillées
+                          const Text(
+                            'Informations détaillées',
+                            style: TextStyle(
+                              fontSize: 18,
+                              fontWeight: FontWeight.bold,
+                              color: Colors.black87,
+                            ),
+                          ),
+                          const SizedBox(height: 16),
+
+                          _buildDetailCard([
+                            _buildDetailRow(
+                              'Nom complet',
+                              agent['nom'] ?? 'N/A',
+                            ),
+                            _buildDetailRow(
+                              'ID Agent',
+                              agent['agent_id'] ?? 'N/A',
+                            ),
+                            _buildDetailRow(
+                              'Téléphone',
+                              agent['telephone'] ?? 'N/A',
+                            ),
+                            _buildDetailRow(
+                              'Email',
+                              agent['email'] ?? 'Non renseigné',
+                            ),
+                            _buildDetailRow('Type', agent['role'] ?? 'agent'),
+                            _buildDetailRow(
+                              'Statut',
+                              agent['status'] ?? 'active',
+                            ),
+                            _buildDetailRow(
+                              'Membre depuis',
+                              agent['created_at'] != null
+                                  ? _formatDuration(
+                                    DateTime.parse(agent['created_at']),
+                                  )
+                                  : 'Non disponible',
+                            ),
+                            _buildDetailRow(
+                              'Dernière connexion',
+                              agent['last_login'] != null
+                                  ? _formatDate(agent['last_login'])
+                                  : 'Jamais connecté',
+                            ),
+                            _buildDetailRow(
+                              'Dernière activité',
+                              agent['updated_at'] != null
+                                  ? _formatDate(agent['updated_at']?['\$date'])
+                                  : 'Non disponible',
+                            ),
+                          ]),
+
+                          const SizedBox(height: 24),
+
+                          // Actions
+                          Row(
+                            children: [
+                              Expanded(
+                                child: ElevatedButton.icon(
+                                  onPressed: () {
+                                    Navigator.pop(context);
+                                    _updateAgentStatus(
+                                      agent['agent_id'],
+                                      agent['status'] == 'active'
+                                          ? 'inactive'
+                                          : 'active',
+                                    );
+                                  },
+                                  icon: Icon(
+                                    agent['status'] == 'active'
+                                        ? Icons.block
+                                        : Icons.check_circle,
+                                  ),
+                                  label: Text(
+                                    agent['status'] == 'active'
+                                        ? 'Désactiver'
+                                        : 'Activer',
+                                  ),
+                                  style: ElevatedButton.styleFrom(
+                                    backgroundColor:
+                                        agent['status'] == 'active'
+                                            ? AdminColors.error
+                                            : AdminColors.success,
+                                    foregroundColor: Colors.white,
+                                    padding: const EdgeInsets.symmetric(
+                                      vertical: 16,
+                                    ),
+                                  ),
+                                ),
+                              ),
+                              const SizedBox(width: 12),
+                              Expanded(
+                                child: ElevatedButton.icon(
+                                  onPressed:
+                                      () => _showSnackBar(
+                                        'Modification agent - En développement',
+                                        AdminColors.info,
+                                      ),
+                                  icon: const Icon(Icons.edit),
+                                  label: const Text('Modifier'),
+                                  style: ElevatedButton.styleFrom(
+                                    backgroundColor: AdminColors.secondary,
+                                    foregroundColor: Colors.white,
+                                    padding: const EdgeInsets.symmetric(
+                                      vertical: 16,
+                                    ),
+                                  ),
+                                ),
+                              ),
+                            ],
+                          ),
+                        ],
+                      ),
+                    ),
+                  ),
+                ],
+              ),
+            ),
+          ),
+    );
+  }
+
+  Widget _buildAgentStatCard(
+    String title,
+    String value,
+    IconData icon,
+    Color color,
+  ) {
+    return Container(
+      padding: const EdgeInsets.all(16),
+      decoration: BoxDecoration(
+        color: color.withOpacity(0.1),
+        borderRadius: BorderRadius.circular(12),
+        border: Border.all(color: color.withOpacity(0.2)),
+      ),
+      child: Column(
+        children: [
+          Icon(icon, color: color, size: 24),
+          const SizedBox(height: 8),
+          Text(
+            value,
+            style: TextStyle(
+              fontSize: 16,
+              fontWeight: FontWeight.bold,
+              color: color,
+            ),
+            textAlign: TextAlign.center,
+          ),
+          Text(
+            title,
+            style: const TextStyle(fontSize: 12, color: Colors.grey),
+            textAlign: TextAlign.center,
+          ),
+        ],
+      ),
+    );
+  }
+
+  Widget _buildDetailCard(List<Widget> children) {
+    return Container(
+      padding: const EdgeInsets.all(20),
+      decoration: BoxDecoration(
+        color: Colors.grey[50],
+        borderRadius: BorderRadius.circular(12),
+        border: Border.all(color: Colors.grey[200]!),
+      ),
+      child: Column(children: children),
+    );
+  }
+
+  String _formatDuration(DateTime createdAt) {
+    final duration = DateTime.now().difference(createdAt);
+    if (duration.inDays > 365) {
+      return '${(duration.inDays / 365).floor()} an${(duration.inDays / 365).floor() > 1 ? 's' : ''}';
+    } else if (duration.inDays > 30) {
+      return '${(duration.inDays / 30).floor()} mois';
+    } else {
+      return '${duration.inDays} jour${duration.inDays > 1 ? 's' : ''}';
+    }
+  }
+
+  Widget _buildDetailRow(String label, String value) {
+    return Padding(
+      padding: const EdgeInsets.symmetric(vertical: 8),
+      child: Row(
+        crossAxisAlignment: CrossAxisAlignment.start,
+        children: [
+          SizedBox(
+            width: 100,
+            child: Text(
+              '$label:',
+              style: const TextStyle(
+                fontWeight: FontWeight.w600,
+                color: Colors.grey,
+              ),
+            ),
+          ),
+          Expanded(
+            child: Text(
+              value,
+              style: const TextStyle(fontWeight: FontWeight.w500),
+            ),
+          ),
+        ],
+      ),
+    );
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return Scaffold(
+      backgroundColor: AdminColors.background,
+      body: FadeTransition(
+        opacity: _fadeAnimation,
+        child: SafeArea(
+          child: RefreshIndicator(
+            onRefresh: _loadDashboardData,
+            child: SingleChildScrollView(
+              physics: const AlwaysScrollableScrollPhysics(),
+              padding: const EdgeInsets.all(20),
+              child: Column(
+                crossAxisAlignment: CrossAxisAlignment.start,
+                children: [
+                  _buildHeader(),
+                  const SizedBox(height: 30),
+                  _buildNavigationTabs(),
+                  const SizedBox(height: 20),
+                  if (_isLoading)
+                    const Center(child: CircularProgressIndicator())
+                  else
+                    _buildTabContent(),
+                ],
+              ),
+            ),
+          ),
+        ),
+      ),
+    );
+  }
+
+  Widget _buildHeader() {
+    return Container(
+      padding: const EdgeInsets.all(24),
+      decoration: BoxDecoration(
+        gradient: LinearGradient(
+          begin: Alignment.topLeft,
+          end: Alignment.bottomRight,
+          colors: [AdminColors.primary, AdminColors.primary.withOpacity(0.8)],
+        ),
+        borderRadius: BorderRadius.circular(20),
+        boxShadow: [
+          BoxShadow(
+            color: AdminColors.primary.withOpacity(0.3),
+            blurRadius: 15,
+            offset: const Offset(0, 8),
+          ),
+        ],
+      ),
+      child: Consumer<AuthController>(
+        builder: (context, authController, child) {
+          return Row(
+            children: [
+              const WortisLogoWidget(
+                size: 60,
+                isWhite: true,
+                withShadow: false,
+              ),
+              const SizedBox(width: 16),
+              Expanded(
+                child: Column(
+                  crossAxisAlignment: CrossAxisAlignment.start,
+                  children: [
+                    Row(
+                      children: [
+                        const Icon(
+                          Icons.admin_panel_settings,
+                          color: Colors.white,
+                          size: 20,
+                        ),
+                        const SizedBox(width: 8),
+                        Text(
+                          'PANNEAU ADMIN',
+                          style: TextStyle(
+                            color: Colors.white.withOpacity(0.9),
+                            fontSize: 14,
+                            fontWeight: FontWeight.w500,
+                          ),
+                        ),
+                      ],
+                    ),
+                    const SizedBox(height: 4),
+                    Text(
+                      authController.agentName ?? 'Administrateur',
+                      style: const TextStyle(
+                        color: Colors.white,
+                        fontSize: 20,
+                        fontWeight: FontWeight.bold,
+                      ),
+                    ),
+                    const SizedBox(height: 8),
+                    Text(
+                      'ID: ${authController.agentId ?? "ADMIN"}',
+                      style: TextStyle(
+                        color: Colors.white.withOpacity(0.8),
+                        fontSize: 12,
+                      ),
+                    ),
+                  ],
+                ),
+              ),
+              IconButton(
+                onPressed: _logout,
+                icon: const Icon(Icons.logout, color: Colors.white),
+                tooltip: 'Déconnexion',
+              ),
+            ],
+          );
+        },
+      ),
+    );
+  }
+
+  Widget _buildNavigationTabs() {
+    final tabs = [
+      {'title': 'Vue d\'ensemble', 'icon': Icons.dashboard},
+      {'title': 'Agents', 'icon': Icons.people},
+      {'title': 'Recharges', 'icon': Icons.account_balance_wallet},
+      {
+        'title': 'Transactions',
+        'icon': Icons.receipt_long,
+      }, // Ajoutez cet onglet
+      {'title': 'Rapports', 'icon': Icons.bar_chart},
+    ];
+
+    return Container(
+      height: 60,
+      decoration: BoxDecoration(
+        color: AdminColors.surface,
+        borderRadius: BorderRadius.circular(15),
+        boxShadow: [
+          BoxShadow(
+            color: Colors.black.withOpacity(0.05),
+            blurRadius: 10,
+            offset: const Offset(0, 2),
+          ),
+        ],
+      ),
+      child: Row(
+        children:
+            tabs.asMap().entries.map((entry) {
+              final index = entry.key;
+              final tab = entry.value;
+              final isSelected = _selectedIndex == index;
+
+              return Expanded(
+                child: GestureDetector(
+                  onTap: () => setState(() => _selectedIndex = index),
+                  child: Container(
+                    decoration: BoxDecoration(
+                      color:
+                          isSelected
+                              ? AdminColors.primary.withOpacity(0.1)
+                              : Colors.transparent,
+                      borderRadius: BorderRadius.circular(12),
+                    ),
+                    margin: const EdgeInsets.all(4),
+                    child: Column(
+                      mainAxisAlignment: MainAxisAlignment.center,
+                      children: [
+                        Icon(
+                          tab['icon'] as IconData,
+                          color:
+                              isSelected
+                                  ? AdminColors.primary
+                                  : Colors.grey[600],
+                          size: 20,
+                        ),
+                        const SizedBox(height: 4),
+                        Text(
+                          tab['title'] as String,
+                          style: TextStyle(
+                            fontSize: 10,
+                            fontWeight:
+                                isSelected ? FontWeight.w600 : FontWeight.w400,
+                            color:
+                                isSelected
+                                    ? AdminColors.primary
+                                    : Colors.grey[600],
+                          ),
+                          textAlign: TextAlign.center,
+                        ),
+                      ],
+                    ),
+                  ),
+                ),
+              );
+            }).toList(),
+      ),
+    );
+  }
+
+  Widget _buildTabContent() {
+    switch (_selectedIndex) {
+      case 0:
+        return _buildOverviewTab();
+      case 1:
+        return _buildAgentsTab();
+      case 2:
+        return _buildRechargesTab();
+      case 3:
+        return _buildTransactionsTab(); // Ajoutez cette ligne
+      case 4: // Changez de 3 à 4
+        return _buildReportsTab();
+      default:
+        return _buildOverviewTab();
+    }
+  }
+
+  Widget _buildOverviewTab() {
+    return Column(
+      crossAxisAlignment: CrossAxisAlignment.start,
+      children: [
+        _buildStatsOverview(),
+        const SizedBox(height: 30),
+        _buildQuickActions(),
+        const SizedBox(height: 30),
+        _buildRecentActivity(),
+      ],
+    );
+  }
+
+  Widget _buildStatsOverview() {
+    return Column(
+      crossAxisAlignment: CrossAxisAlignment.start,
+      children: [
+        const Text(
+          'Vue d\'ensemble du système',
+          style: TextStyle(
+            fontSize: 20,
+            fontWeight: FontWeight.bold,
+            color: Colors.black87,
+          ),
+        ),
+        const SizedBox(height: 16),
+        Row(
+          children: [
+            Expanded(
+              child: _buildStatCard(
+                'Agents actifs',
+                '${_systemStats['active_agents'] ?? 0}',
+                Icons.people,
+                AdminColors.secondary,
+              ),
+            ),
+            const SizedBox(width: 12),
+            Expanded(
+              child: _buildStatCard(
+                'Transactions/jour',
+                '${_systemStats['daily_transactions'] ?? 0}',
+                Icons.trending_up,
+                AdminColors.success,
+              ),
+            ),
+          ],
+        ),
+        const SizedBox(height: 12),
+        Row(
+          children: [
+            Expanded(
+              child: _buildStatCard(
+                'Volume total',
+                '${((_systemStats['total_volume'] ?? 0.0) / 1000000).toStringAsFixed(1)}M F',
+                Icons.monetization_on,
+                AdminColors.warning,
+              ),
+            ),
+            const SizedBox(width: 12),
+            Expanded(
+              child: _buildStatCard(
+                'Taux de réussite',
+                '${(_systemStats['success_rate'] ?? 0.0).toStringAsFixed(1)}%',
+                Icons.check_circle,
+                AdminColors.primary,
+              ),
+            ),
+          ],
+        ),
+      ],
+    );
+  }
+
+  Widget _buildStatCard(
+    String title,
+    String value,
+    IconData icon,
+    Color color,
+  ) {
+    return Container(
+      padding: const EdgeInsets.all(16),
+      decoration: BoxDecoration(
+        color: AdminColors.surface,
+        borderRadius: BorderRadius.circular(16),
+        border: Border.all(color: color.withOpacity(0.1)),
+        boxShadow: [
+          BoxShadow(
+            color: color.withOpacity(0.08),
+            blurRadius: 10,
+            offset: const Offset(0, 4),
+          ),
+        ],
+      ),
+      child: Column(
+        crossAxisAlignment: CrossAxisAlignment.start,
+        children: [
+          Row(
+            mainAxisAlignment: MainAxisAlignment.spaceBetween,
+            children: [
+              Icon(icon, color: color, size: 24),
+              const Text(
+                '↗ +12%',
+                style: TextStyle(
+                  fontSize: 11,
+                  color: Colors.green,
+                  fontWeight: FontWeight.w600,
+                ),
+              ),
+            ],
+          ),
+          const SizedBox(height: 12),
+          Text(
+            value,
+            style: TextStyle(
+              fontSize: 18,
+              fontWeight: FontWeight.bold,
+              color: color,
+            ),
+          ),
+          const SizedBox(height: 4),
+          Text(
+            title,
+            style: TextStyle(
+              fontSize: 12,
+              color: Colors.grey[600],
+              fontWeight: FontWeight.w500,
+            ),
+          ),
+        ],
+      ),
+    );
+  }
+
+  Widget _buildQuickActions() {
+    return Column(
+      crossAxisAlignment: CrossAxisAlignment.start,
+      children: [
+        const Text(
+          'Actions rapides',
+          style: TextStyle(
+            fontSize: 20,
+            fontWeight: FontWeight.bold,
+            color: Colors.black87,
+          ),
+        ),
+        const SizedBox(height: 16),
+        GridView.count(
+          shrinkWrap: true,
+          physics: const NeverScrollableScrollPhysics(),
+          crossAxisCount: 2,
+          crossAxisSpacing: 16,
+          mainAxisSpacing: 16,
+          childAspectRatio: 1.3,
+          children: [
+            _buildActionCard(
+              'Créer un agent',
+              'Nouveau compte agent',
+              Icons.person_add,
+              AdminColors.secondary,
+              onTap: _showCreateAgentDialog,
+            ),
+            _buildActionCard(
+              'Export données',
+              'Télécharger rapports',
+              Icons.download,
+              AdminColors.info,
+              onTap: () => _showExportDialog(),
+            ),
+            _buildActionCard(
+              'Statistiques',
+              'Analyses détaillées',
+              Icons.analytics,
+              AdminColors.success,
+            ),
+            _buildActionCard(
+              'Configuration',
+              'Paramètres système',
+              Icons.settings,
+              AdminColors.primary,
+            ),
+          ],
+        ),
+      ],
+    );
+  }
+
+  Widget _buildActionCard(
+    String title,
+    String subtitle,
+    IconData icon,
+    Color color, {
+    VoidCallback? onTap,
+  }) {
+    return GestureDetector(
+      onTap:
+          onTap ??
+          () => _showSnackBar(
+            '$title - Fonction en développement',
+            AdminColors.info,
+          ),
+      child: Container(
+        padding: const EdgeInsets.all(16),
+        decoration: BoxDecoration(
+          color: AdminColors.surface,
+          borderRadius: BorderRadius.circular(16),
+          border: Border.all(color: color.withOpacity(0.2)),
+          boxShadow: [
+            BoxShadow(
+              color: color.withOpacity(0.1),
+              blurRadius: 10,
+              offset: const Offset(0, 4),
+            ),
+          ],
+        ),
+        child: Column(
+          crossAxisAlignment: CrossAxisAlignment.start,
+          mainAxisAlignment: MainAxisAlignment.center,
+          children: [
+            Icon(icon, color: color, size: 32),
+            const SizedBox(height: 12),
+            Text(
+              title,
+              style: const TextStyle(
+                fontSize: 14,
+                fontWeight: FontWeight.bold,
+                color: Colors.black87,
+              ),
+            ),
+            const SizedBox(height: 4),
+            Text(
+              subtitle,
+              style: TextStyle(fontSize: 11, color: Colors.grey[600]),
+            ),
+          ],
+        ),
+      ),
+    );
+  }
+
+  Widget _buildRecentActivity() {
+    return Container(
+      padding: const EdgeInsets.all(20),
+      decoration: BoxDecoration(
+        color: AdminColors.surface,
+        borderRadius: BorderRadius.circular(16),
+        boxShadow: [
+          BoxShadow(
+            color: Colors.black.withOpacity(0.05),
+            blurRadius: 10,
+            offset: const Offset(0, 4),
+          ),
+        ],
+      ),
+      child: Column(
+        crossAxisAlignment: CrossAxisAlignment.start,
+        children: [
+          const Text(
+            'Activité récente',
+            style: TextStyle(
+              fontSize: 18,
+              fontWeight: FontWeight.bold,
+              color: Colors.black87,
+            ),
+          ),
+          const SizedBox(height: 16),
+          if (_recentActivities.isEmpty)
+            const Center(
+              child: Padding(
+                padding: EdgeInsets.all(20),
+                child: Text(
+                  'Aucune activité récente',
+                  style: TextStyle(color: Colors.grey),
+                ),
+              ),
+            )
+          else
+            ..._recentActivities.map(
+              (activity) => _buildActivityItem(
+                activity['title'] ?? '',
+                activity['description'] ?? '',
+                _getIconFromString(activity['icon'] ?? 'info'),
+                _getColorFromString(activity['color'] ?? 'grey'),
+                activity['time'] ?? '',
+              ),
+            ),
+        ],
+      ),
+    );
+  }
+
+  Widget _buildActivityItem(
+    String title,
+    String subtitle,
+    IconData icon,
+    Color color,
+    String time,
+  ) {
+    return Padding(
+      padding: const EdgeInsets.symmetric(vertical: 8),
+      child: Row(
+        children: [
+          Container(
+            width: 40,
+            height: 40,
+            decoration: BoxDecoration(
+              color: color.withOpacity(0.1),
+              borderRadius: BorderRadius.circular(10),
+            ),
+            child: Icon(icon, color: color, size: 20),
+          ),
+          const SizedBox(width: 12),
+          Expanded(
+            child: Column(
+              crossAxisAlignment: CrossAxisAlignment.start,
+              children: [
+                Text(
+                  title,
+                  style: const TextStyle(
+                    fontSize: 14,
+                    fontWeight: FontWeight.w600,
+                    color: Colors.black87,
+                  ),
+                ),
+                Text(
+                  subtitle,
+                  style: TextStyle(fontSize: 12, color: Colors.grey[600]),
+                ),
+              ],
+            ),
+          ),
+          Text(time, style: TextStyle(fontSize: 11, color: Colors.grey[500])),
+        ],
+      ),
+    );
+  }
+
+  Widget _buildAgentsTab() {
+    return Column(
+      crossAxisAlignment: CrossAxisAlignment.start,
+      children: [
+        Row(
+          mainAxisAlignment: MainAxisAlignment.spaceBetween,
+          children: [
+            const Text(
+              'Gestion des agents',
+              style: TextStyle(
+                fontSize: 20,
+                fontWeight: FontWeight.bold,
+                color: Colors.black87,
+              ),
+            ),
+            ElevatedButton.icon(
+              onPressed: _showCreateAgentDialog,
+              icon: const Icon(Icons.add, size: 18),
+              label: const Text('Nouvel agent'),
+              style: ElevatedButton.styleFrom(
+                backgroundColor: AdminColors.secondary,
+                foregroundColor: Colors.white,
+              ),
+            ),
+          ],
+        ),
+        const SizedBox(height: 16),
+        Container(
+          padding: const EdgeInsets.all(16),
+          decoration: BoxDecoration(
+            color: AdminColors.surface,
+            borderRadius: BorderRadius.circular(16),
+            boxShadow: [
+              BoxShadow(
+                color: Colors.black.withOpacity(0.05),
+                blurRadius: 10,
+                offset: const Offset(0, 4),
+              ),
+            ],
+          ),
+          child: Column(
+            children: [
+              Row(
+                children: [
+                  Expanded(
+                    child: TextField(
+                      decoration: InputDecoration(
+                        hintText: 'Rechercher un agent...',
+                        prefixIcon: const Icon(Icons.search),
+                        border: OutlineInputBorder(
+                          borderRadius: BorderRadius.circular(8),
+                        ),
+                        contentPadding: const EdgeInsets.symmetric(
+                          horizontal: 16,
+                          vertical: 12,
+                        ),
+                      ),
+                    ),
+                  ),
+                  const SizedBox(width: 12),
+                  Container(
+                    padding: const EdgeInsets.symmetric(
+                      horizontal: 12,
+                      vertical: 8,
+                    ),
+                    decoration: BoxDecoration(
+                      color: AdminColors.secondary.withOpacity(0.1),
+                      borderRadius: BorderRadius.circular(8),
+                    ),
+                    child: Text(
+                      '${_agents.length} agents',
+                      style: const TextStyle(
+                        fontWeight: FontWeight.w600,
+                        color: AdminColors.secondary,
+                      ),
+                    ),
+                  ),
+                ],
+              ),
+              const SizedBox(height: 16),
+              if (_agents.isEmpty)
+                const Center(
+                  child: Padding(
+                    padding: EdgeInsets.all(40),
+                    child: Column(
+                      children: [
+                        Icon(
+                          Icons.people_outline,
+                          size: 64,
+                          color: Colors.grey,
+                        ),
+                        SizedBox(height: 16),
+                        Text(
+                          'Aucun agent trouvé',
+                          style: TextStyle(fontSize: 16, color: Colors.grey),
+                        ),
+                      ],
+                    ),
+                  ),
+                )
+              else
+                ListView.builder(
+                  shrinkWrap: true,
+                  physics: const NeverScrollableScrollPhysics(),
+                  itemCount: _agents.length,
+                  itemBuilder: (context, index) {
+                    final agent = _agents[index];
+                    return _buildAgentCard(agent);
+                  },
+                ),
+            ],
+          ),
+        ),
+      ],
+    );
+  }
+
+  Widget _buildAgentCard(Map<String, dynamic> agent) {
+    final status = agent['status'] ?? 'active';
+    final statusColor =
+        status == 'active' ? AdminColors.success : AdminColors.error;
+
+    return Container(
+      margin: const EdgeInsets.only(bottom: 12),
+      padding: const EdgeInsets.all(16),
+      decoration: BoxDecoration(
+        color: Colors.grey[50],
+        borderRadius: BorderRadius.circular(12),
+        border: Border.all(color: Colors.grey[200]!),
+      ),
+      child: Row(
+        children: [
+          Container(
+            width: 50,
+            height: 50,
+            decoration: BoxDecoration(
+              color: statusColor.withOpacity(0.1),
+              borderRadius: BorderRadius.circular(12),
+            ),
+            child: Icon(
+              status == 'active' ? Icons.person : Icons.person_off,
+              color: statusColor,
+              size: 24,
+            ),
+          ),
+          const SizedBox(width: 16),
+          Expanded(
+            child: Column(
+              crossAxisAlignment: CrossAxisAlignment.start,
+              children: [
+                Row(
+                  children: [
+                    Expanded(
+                      child: Text(
+                        agent['nom'] ?? 'Nom non disponible',
+                        style: const TextStyle(
+                          fontSize: 16,
+                          fontWeight: FontWeight.bold,
+                          color: Colors.black87,
+                        ),
+                      ),
+                    ),
+                    Container(
+                      padding: const EdgeInsets.symmetric(
+                        horizontal: 8,
+                        vertical: 4,
+                      ),
+                      decoration: BoxDecoration(
+                        color: statusColor.withOpacity(0.1),
+                        borderRadius: BorderRadius.circular(12),
+                      ),
+                      child: Text(
+                        status.toUpperCase(),
+                        style: TextStyle(
+                          fontSize: 10,
+                          color: statusColor,
+                          fontWeight: FontWeight.w600,
+                        ),
+                      ),
+                    ),
+                  ],
+                ),
+                const SizedBox(height: 4),
+                Text(
+                  'ID: ${agent['agent_id'] ?? 'N/A'} • ${agent['role'] ?? 'agent'}',
+                  style: TextStyle(fontSize: 12, color: Colors.grey[600]),
+                ),
+                const SizedBox(height: 4),
+                Text(
+                  'Solde: ${(agent['solde'] ?? 0).toStringAsFixed(0)} F',
+                  style: const TextStyle(
+                    fontSize: 14,
+                    fontWeight: FontWeight.w600,
+                    color: AdminColors.secondary,
+                  ),
+                ),
+              ],
+            ),
+          ),
+          const SizedBox(width: 12),
+          IconButton(
+            onPressed: () => _showAgentDetails(agent),
+            icon: const Icon(Icons.visibility, color: AdminColors.secondary),
+            tooltip: 'Voir détails',
+          ),
+        ],
+      ),
+    );
+  }
+
+  Widget _buildRechargesTab() {
+    // Grouper les recharges par rechargeur
+    final rechargesByRechargeur = <String, List<Map<String, dynamic>>>{};
+    for (final recharge in _allRecharges) {
+      final rechargeur =
+          recharge['approved_by'] ?? recharge['rejected_by'] ?? 'Non assigné';
+      if (!rechargesByRechargeur.containsKey(rechargeur)) {
+        rechargesByRechargeur[rechargeur] = [];
+      }
+      rechargesByRechargeur[rechargeur]!.add(recharge);
+    }
+
+    return Column(
+      crossAxisAlignment: CrossAxisAlignment.start,
+      children: [
+        Row(
+          mainAxisAlignment: MainAxisAlignment.spaceBetween,
+          children: [
+            const Text(
+              'Supervision des recharges',
+              style: TextStyle(
+                fontSize: 20,
+                fontWeight: FontWeight.bold,
+                color: Colors.black87,
+              ),
+            ),
+            Container(
+              padding: const EdgeInsets.symmetric(horizontal: 12, vertical: 6),
+              decoration: BoxDecoration(
+                color: AdminColors.secondary.withOpacity(0.1),
+                borderRadius: BorderRadius.circular(12),
+              ),
+              child: Text(
+                '${rechargesByRechargeur.length} rechargeurs',
+                style: const TextStyle(
+                  fontWeight: FontWeight.w600,
+                  color: AdminColors.secondary,
+                ),
+              ),
+            ),
+          ],
+        ),
+        const SizedBox(height: 16),
+
+        // Statistiques globales recharges
+        _buildRechargeGlobalStats(),
+
+        const SizedBox(height: 20),
+
+        // Liste des rechargeurs
+        Container(
+          padding: const EdgeInsets.all(20),
+          decoration: BoxDecoration(
+            color: AdminColors.surface,
+            borderRadius: BorderRadius.circular(16),
+            boxShadow: [
+              BoxShadow(
+                color: Colors.black.withOpacity(0.05),
+                blurRadius: 10,
+                offset: const Offset(0, 4),
+              ),
+            ],
+          ),
+          child: Column(
+            crossAxisAlignment: CrossAxisAlignment.start,
+            children: [
+              const Text(
+                'Recharges par rechargeur',
+                style: TextStyle(
+                  fontSize: 18,
+                  fontWeight: FontWeight.bold,
+                  color: Colors.black87,
+                ),
+              ),
+              const SizedBox(height: 16),
+
+              if (rechargesByRechargeur.isEmpty)
+                const Center(
+                  child: Text(
+                    'Aucune recharge trouvée',
+                    style: TextStyle(color: Colors.grey),
+                  ),
+                )
+              else
+                ...rechargesByRechargeur.entries.map(
+                  (entry) => _buildRechargeurCard(entry.key, entry.value),
+                ),
+            ],
+          ),
+        ),
+      ],
+    );
+  }
+
+  Widget _buildRechargeGlobalStats() {
+    final totalAmount = _allRecharges.fold<double>(
+      0.0,
+      (sum, r) =>
+          sum + (double.tryParse(r['montant']?.toString() ?? '0') ?? 0.0),
+    );
+
+    final successfulRecharges =
+        _allRecharges
+            .where((r) => ['approved', 'completed'].contains(r['status']))
+            .toList();
+
+    final successAmount = successfulRecharges.fold<double>(
+      0.0,
+      (sum, r) =>
+          sum + (double.tryParse(r['montant']?.toString() ?? '0') ?? 0.0),
+    );
+
+    final successRate =
+        _allRecharges.isNotEmpty
+            ? (successfulRecharges.length / _allRecharges.length * 100)
+            : 0.0;
+
+    return Row(
+      children: [
+        Expanded(
+          child: _buildRechargeStatCard(
+            'Volume total',
+            '${(totalAmount / 1000000).toStringAsFixed(1)}M F',
+            Icons.monetization_on,
+            AdminColors.secondary,
+          ),
+        ),
+        const SizedBox(width: 12),
+        Expanded(
+          child: _buildRechargeStatCard(
+            'Volume réussi',
+            '${(successAmount / 1000000).toStringAsFixed(1)}M F',
+            Icons.check_circle,
+            AdminColors.success,
+          ),
+        ),
+        const SizedBox(width: 12),
+        Expanded(
+          child: _buildRechargeStatCard(
+            'Taux de réussite',
+            '${successRate.toStringAsFixed(1)}%',
+            Icons.trending_up,
+            AdminColors.info,
+          ),
+        ),
+      ],
+    );
+  }
+
+  Widget _buildRechargeurCard(
+    String rechargeur,
+    List<Map<String, dynamic>> recharges,
+  ) {
+    final successfulRecharges =
+        recharges
+            .where((r) => ['approved', 'completed'].contains(r['status']))
+            .toList();
+
+    final totalAmount = successfulRecharges.fold<double>(
+      0.0,
+      (sum, r) =>
+          sum + (double.tryParse(r['montant']?.toString() ?? '0') ?? 0.0),
+    );
+
+    return Container(
+      margin: const EdgeInsets.only(bottom: 16),
+      decoration: BoxDecoration(
+        color: Colors.grey[50],
+        borderRadius: BorderRadius.circular(12),
+        border: Border.all(color: Colors.grey[200]!),
+      ),
+      child: ExpansionTile(
+        title: Row(
+          children: [
+            Container(
+              width: 40,
+              height: 40,
+              decoration: BoxDecoration(
+                color: AdminColors.secondary.withOpacity(0.1),
+                borderRadius: BorderRadius.circular(10),
+              ),
+              child: const Icon(
+                Icons.person,
+                color: AdminColors.secondary,
+                size: 20,
+              ),
+            ),
+            const SizedBox(width: 12),
+            Expanded(
+              child: Column(
+                crossAxisAlignment: CrossAxisAlignment.start,
+                children: [
+                  Text(
+                    rechargeur,
+                    style: const TextStyle(
+                      fontSize: 16,
+                      fontWeight: FontWeight.w600,
+                      color: Colors.black87,
+                    ),
+                  ),
+                  Text(
+                    '${recharges.length} recharges • ${totalAmount.toStringAsFixed(0)} F réussis',
+                    style: TextStyle(fontSize: 12, color: Colors.grey[600]),
+                  ),
+                ],
+              ),
+            ),
+          ],
+        ),
+        children:
+            recharges
+                .map((recharge) => _buildRechargeListItem(recharge))
+                .toList(),
+      ),
+    );
+  }
+
+  Widget _buildRechargeListItem(Map<String, dynamic> recharge) {
+    final status = recharge['status'] ?? '';
+    final statusColor = _getRechargeStatusColor(status);
+
+    return Container(
+      padding: const EdgeInsets.symmetric(horizontal: 16, vertical: 8),
+      child: Row(
+        children: [
+          Container(
+            width: 30,
+            height: 30,
+            decoration: BoxDecoration(
+              color: statusColor.withOpacity(0.1),
+              borderRadius: BorderRadius.circular(8),
+            ),
+            child: Icon(
+              _getRechargeStatusIcon(status),
+              color: statusColor,
+              size: 16,
+            ),
+          ),
+          const SizedBox(width: 12),
+          Expanded(
+            child: Column(
+              crossAxisAlignment: CrossAxisAlignment.start,
+              children: [
+                Text(
+                  'Agent ${recharge['agent_id'] ?? 'N/A'}',
+                  style: const TextStyle(
+                    fontSize: 14,
+                    fontWeight: FontWeight.w500,
+                  ),
+                ),
+                Text(
+                  '${recharge['montant'] ?? 0} F • ${_formatDate(recharge['created_at'])}',
+                  style: TextStyle(fontSize: 12, color: Colors.grey[600]),
+                ),
+              ],
+            ),
+          ),
+          Container(
+            padding: const EdgeInsets.symmetric(horizontal: 8, vertical: 4),
+            decoration: BoxDecoration(
+              color: statusColor.withOpacity(0.1),
+              borderRadius: BorderRadius.circular(8),
+            ),
+            child: Text(
+              status.toUpperCase(),
+              style: TextStyle(
+                fontSize: 10,
+                color: statusColor,
+                fontWeight: FontWeight.w600,
+              ),
+            ),
+          ),
+        ],
+      ),
+    );
+  }
+
+  Widget _buildTransactionsTab() {
+    // Grouper les transactions par service
+    final transactionsByService = <String, List<Map<String, dynamic>>>{};
+    for (final transaction in _allTransactions) {
+      final service = transaction['service_name'] ?? 'Service inconnu';
+      if (!transactionsByService.containsKey(service)) {
+        transactionsByService[service] = [];
+      }
+      transactionsByService[service]!.add(transaction);
+    }
+
+    return Column(
+      crossAxisAlignment: CrossAxisAlignment.start,
+      children: [
+        Row(
+          mainAxisAlignment: MainAxisAlignment.spaceBetween,
+          children: [
+            const Text(
+              'Gestion des transactions',
+              style: TextStyle(
+                fontSize: 20,
+                fontWeight: FontWeight.bold,
+                color: Colors.black87,
+              ),
+            ),
+            Container(
+              padding: const EdgeInsets.symmetric(horizontal: 12, vertical: 6),
+              decoration: BoxDecoration(
+                color: AdminColors.info.withOpacity(0.1),
+                borderRadius: BorderRadius.circular(12),
+              ),
+              child: Text(
+                '${transactionsByService.length} services',
+                style: const TextStyle(
+                  fontWeight: FontWeight.w600,
+                  color: AdminColors.info,
+                ),
+              ),
+            ),
+          ],
+        ),
+        const SizedBox(height: 16),
+
+        // Statistiques globales transactions
+        _buildTransactionGlobalStats(),
+
+        const SizedBox(height: 20),
+
+        // Liste des services
+        Container(
+          padding: const EdgeInsets.all(20),
+          decoration: BoxDecoration(
+            color: AdminColors.surface,
+            borderRadius: BorderRadius.circular(16),
+            boxShadow: [
+              BoxShadow(
+                color: Colors.black.withOpacity(0.05),
+                blurRadius: 10,
+                offset: const Offset(0, 4),
+              ),
+            ],
+          ),
+          child: Column(
+            crossAxisAlignment: CrossAxisAlignment.start,
+            children: [
+              const Text(
+                'Transactions par service',
+                style: TextStyle(
+                  fontSize: 18,
+                  fontWeight: FontWeight.bold,
+                  color: Colors.black87,
+                ),
+              ),
+              const SizedBox(height: 16),
+
+              if (transactionsByService.isEmpty)
+                const Center(
+                  child: Text(
+                    'Aucune transaction trouvée',
+                    style: TextStyle(color: Colors.grey),
+                  ),
+                )
+              else
+                ...transactionsByService.entries.map(
+                  (entry) => _buildServiceCard(entry.key, entry.value),
+                ),
+            ],
+          ),
+        ),
+      ],
+    );
+  }
+
+  Widget _buildTransactionGlobalStats() {
+    final successfulTransactions =
+        _allTransactions.where((t) => t['status'] == 'completed').toList();
+
+    print(successfulTransactions);
+
+    final totalVolume = successfulTransactions.fold<double>(
+      0.0,
+      (sum, t) =>
+          sum + (double.tryParse(t['montant']?.toString() ?? '0') ?? 0.0),
+    );
+
+    final totalCommissions = successfulTransactions.fold<double>(
+      0.0,
+      (sum, t) =>
+          sum +
+          (double.tryParse(t['commission_agent']?.toString() ?? '0') ?? 0.0),
+    );
+
+    final successRate =
+        _allTransactions.isNotEmpty
+            ? (successfulTransactions.length / _allTransactions.length * 100)
+            : 0.0;
+
+    return Row(
+      children: [
+        Expanded(
+          child: _buildTransactionStatCard(
+            'Volume total',
+            '${(totalVolume / 1000000).toStringAsFixed(1)}M F',
+            Icons.monetization_on,
+            AdminColors.secondary,
+          ),
+        ),
+        const SizedBox(width: 12),
+        Expanded(
+          child: _buildTransactionStatCard(
+            'Commissions',
+            '${((totalVolume * 0.66) / 100000).toStringAsFixed(0)}k F',
+            Icons.account_balance,
+            AdminColors.accent,
+          ),
+        ),
+        const SizedBox(width: 12),
+        Expanded(
+          child: _buildTransactionStatCard(
+            'Taux de réussite',
+            '${successRate.toStringAsFixed(1)}%',
+            Icons.trending_up,
+            AdminColors.success,
+          ),
+        ),
+      ],
+    );
+  }
+
+  Widget _buildServiceCard(
+    String service,
+    List<Map<String, dynamic>> transactions,
+  ) {
+    final successfulTransactions =
+        transactions.where((t) => t['status'] == 'completed').toList();
+
+    final totalVolume = successfulTransactions.fold<double>(
+      0.0,
+      (sum, t) =>
+          sum + (double.tryParse(t['montant']?.toString() ?? '0') ?? 0.0),
+    );
+
+    Color serviceColor = AdminColors.info;
+    IconData serviceIcon = Icons.widgets;
+
+    if (service.toLowerCase().contains('internet')) {
+      serviceColor = AdminColors.secondary;
+      serviceIcon = Icons.wifi;
+    } else if (service.toLowerCase().contains('électricité') ||
+        service.toLowerCase().contains('eneo')) {
+      serviceColor = AdminColors.warning;
+      serviceIcon = Icons.electrical_services;
+    } else if (service.toLowerCase().contains('eau')) {
+      serviceColor = AdminColors.info;
+      serviceIcon = Icons.water_drop;
+    }
+
+    return Container(
+      margin: const EdgeInsets.only(bottom: 16),
+      decoration: BoxDecoration(
+        color: Colors.grey[50],
+        borderRadius: BorderRadius.circular(12),
+        border: Border.all(color: Colors.grey[200]!),
+      ),
+      child: ExpansionTile(
+        title: Row(
+          children: [
+            Container(
+              width: 40,
+              height: 40,
+              decoration: BoxDecoration(
+                color: serviceColor.withOpacity(0.1),
+                borderRadius: BorderRadius.circular(10),
+              ),
+              child: Icon(serviceIcon, color: serviceColor, size: 20),
+            ),
+            const SizedBox(width: 12),
+            Expanded(
+              child: Column(
+                crossAxisAlignment: CrossAxisAlignment.start,
+                children: [
+                  Text(
+                    service,
+                    style: const TextStyle(
+                      fontSize: 16,
+                      fontWeight: FontWeight.w600,
+                      color: Colors.black87,
+                    ),
+                  ),
+                  Text(
+                    '${transactions.length} transactions • ${totalVolume.toStringAsFixed(0)} F',
+                    style: TextStyle(fontSize: 12, color: Colors.grey[600]),
+                  ),
+                ],
+              ),
+            ),
+          ],
+        ),
+        children:
+            transactions
+                .take(10)
+                .map((transaction) => _buildTransactionListItem(transaction))
+                .toList(),
+      ),
+    );
+  }
+
+  Widget _buildTransactionListItem(Map<String, dynamic> transaction) {
+    final status = transaction['status'] ?? '';
+    final statusColor = _getTransactionStatusColor(status);
+
+    return Container(
+      padding: const EdgeInsets.symmetric(horizontal: 16, vertical: 8),
+      child: Row(
+        children: [
+          Container(
+            width: 30,
+            height: 30,
+            decoration: BoxDecoration(
+              color: statusColor.withOpacity(0.1),
+              borderRadius: BorderRadius.circular(8),
+            ),
+            child: Icon(
+              _getTransactionStatusIcon(status),
+              color: statusColor,
+              size: 16,
+            ),
+          ),
+          const SizedBox(width: 12),
+          Expanded(
+            child: Column(
+              crossAxisAlignment: CrossAxisAlignment.start,
+              children: [
+                Text(
+                  'Agent ${transaction['agent_id'] ?? 'N/A'}',
+                  style: const TextStyle(
+                    fontSize: 14,
+                    fontWeight: FontWeight.w500,
+                  ),
+                ),
+                Text(
+                  '${transaction['montant'] ?? 0} F • ${_formatDate(transaction['created_at'])}',
+                  style: TextStyle(fontSize: 12, color: Colors.grey[600]),
+                ),
+              ],
+            ),
+          ),
+          Container(
+            padding: const EdgeInsets.symmetric(horizontal: 8, vertical: 4),
+            decoration: BoxDecoration(
+              color: statusColor.withOpacity(0.1),
+              borderRadius: BorderRadius.circular(8),
+            ),
+            child: Text(
+              status.toUpperCase(),
+              style: TextStyle(
+                fontSize: 10,
+                color: statusColor,
+                fontWeight: FontWeight.w600,
+              ),
+            ),
+          ),
+        ],
+      ),
+    );
+  }
+
+  Widget _buildTransactionStatCard(
+    String title,
+    String value,
+    IconData icon,
+    Color color,
+  ) {
+    return Container(
+      padding: const EdgeInsets.all(12),
+      decoration: BoxDecoration(
+        color: AdminColors.surface,
+        borderRadius: BorderRadius.circular(12),
+        border: Border.all(color: color.withOpacity(0.2)),
+        boxShadow: [
+          BoxShadow(
+            color: color.withOpacity(0.1),
+            blurRadius: 8,
+            offset: const Offset(0, 2),
+          ),
+        ],
+      ),
+      child: Column(
+        children: [
+          Icon(icon, color: color, size: 20),
+          const SizedBox(height: 8),
+          Text(
+            value,
+            style: TextStyle(
+              fontSize: 14,
+              fontWeight: FontWeight.bold,
+              color: color,
+            ),
+          ),
+          Text(
+            title,
+            style: TextStyle(fontSize: 9, color: Colors.grey[600]),
+            textAlign: TextAlign.center,
+          ),
+        ],
+      ),
+    );
+  }
+
+  Widget _buildTransactionCard(Map<String, dynamic> transaction) {
+    final status = transaction['status'] ?? '';
+    final statusColor = _getTransactionStatusColor(status);
+
+    return Container(
+      margin: const EdgeInsets.only(bottom: 12),
+      padding: const EdgeInsets.all(16),
+      decoration: BoxDecoration(
+        color: statusColor.withOpacity(0.05),
+        borderRadius: BorderRadius.circular(12),
+        border: Border.all(color: statusColor.withOpacity(0.2)),
+      ),
+      child: Row(
+        children: [
+          Container(
+            width: 40,
+            height: 40,
+            decoration: BoxDecoration(
+              color: statusColor.withOpacity(0.1),
+              borderRadius: BorderRadius.circular(10),
+            ),
+            child: Icon(
+              _getTransactionStatusIcon(status),
+              color: statusColor,
+              size: 20,
+            ),
+          ),
+          const SizedBox(width: 16),
+          Expanded(
+            child: Column(
+              crossAxisAlignment: CrossAxisAlignment.start,
+              children: [
+                Row(
+                  children: [
+                    Expanded(
+                      child: Text(
+                        'Agent ${transaction['agent_id'] ?? 'N/A'}',
+                        style: const TextStyle(
+                          fontSize: 14,
+                          fontWeight: FontWeight.w600,
+                          color: Colors.black87,
+                        ),
+                      ),
+                    ),
+                    Container(
+                      padding: const EdgeInsets.symmetric(
+                        horizontal: 8,
+                        vertical: 4,
+                      ),
+                      decoration: BoxDecoration(
+                        color: statusColor.withOpacity(0.1),
+                        borderRadius: BorderRadius.circular(8),
+                      ),
+                      child: Text(
+                        status.toUpperCase(),
+                        style: TextStyle(
+                          fontSize: 10,
+                          color: statusColor,
+                          fontWeight: FontWeight.w600,
+                        ),
+                      ),
+                    ),
+                  ],
+                ),
+                const SizedBox(height: 4),
+                Text(
+                  'Service: ${transaction['service_name'] ?? 'N/A'}',
+                  style: TextStyle(fontSize: 12, color: Colors.grey[600]),
+                ),
+                Text(
+                  'Montant: ${transaction['montant'] ?? 0} F',
+                  style: const TextStyle(
+                    fontSize: 13,
+                    fontWeight: FontWeight.w500,
+                    color: AdminColors.secondary,
+                  ),
+                ),
+                if (transaction['created_at'] != null)
+                  Text(
+                    'Date: ${_formatDate(transaction['created_at'])}',
+                    style: TextStyle(fontSize: 11, color: Colors.grey[600]),
+                  ),
+              ],
+            ),
+          ),
+        ],
+      ),
+    );
+  }
+
+  Widget _buildRechargeStatCard(
+    String title,
+    String value,
+    IconData icon,
+    Color color,
+  ) {
+    return Container(
+      padding: const EdgeInsets.all(12),
+      decoration: BoxDecoration(
+        color: AdminColors.surface,
+        borderRadius: BorderRadius.circular(12),
+        border: Border.all(color: color.withOpacity(0.2)),
+        boxShadow: [
+          BoxShadow(
+            color: color.withOpacity(0.1),
+            blurRadius: 8,
+            offset: const Offset(0, 2),
+          ),
+        ],
+      ),
+      child: Column(
+        children: [
+          Icon(icon, color: color, size: 20),
+          const SizedBox(height: 8),
+          Text(
+            value,
+            style: TextStyle(
+              fontSize: 16,
+              fontWeight: FontWeight.bold,
+              color: color,
+            ),
+          ),
+          Text(
+            title,
+            style: TextStyle(fontSize: 10, color: Colors.grey[600]),
+            textAlign: TextAlign.center,
+          ),
+        ],
+      ),
+    );
+  }
+
+  Widget _buildRechargeCard(Map<String, dynamic> recharge) {
+    final status = recharge['status'] ?? '';
+    final statusColor = _getRechargeStatusColor(status);
+
+    return Container(
+      margin: const EdgeInsets.only(bottom: 12),
+      padding: const EdgeInsets.all(16),
+      decoration: BoxDecoration(
+        color: statusColor.withOpacity(0.05),
+        borderRadius: BorderRadius.circular(12),
+        border: Border.all(color: statusColor.withOpacity(0.2)),
+      ),
+      child: Row(
+        children: [
+          Container(
+            width: 40,
+            height: 40,
+            decoration: BoxDecoration(
+              color: statusColor.withOpacity(0.1),
+              borderRadius: BorderRadius.circular(10),
+            ),
+            child: Icon(
+              _getRechargeStatusIcon(status),
+              color: statusColor,
+              size: 20,
+            ),
+          ),
+          const SizedBox(width: 16),
+          Expanded(
+            child: Column(
+              crossAxisAlignment: CrossAxisAlignment.start,
+              children: [
+                Row(
+                  children: [
+                    Expanded(
+                      child: Text(
+                        'Agent ${recharge['agent_id'] ?? 'N/A'}',
+                        style: const TextStyle(
+                          fontSize: 14,
+                          fontWeight: FontWeight.w600,
+                          color: Colors.black87,
+                        ),
+                      ),
+                    ),
+                    Container(
+                      padding: const EdgeInsets.symmetric(
+                        horizontal: 8,
+                        vertical: 4,
+                      ),
+                      decoration: BoxDecoration(
+                        color: statusColor.withOpacity(0.1),
+                        borderRadius: BorderRadius.circular(8),
+                      ),
+                      child: Text(
+                        status.toUpperCase(),
+                        style: TextStyle(
+                          fontSize: 10,
+                          color: statusColor,
+                          fontWeight: FontWeight.w600,
+                        ),
+                      ),
+                    ),
+                  ],
+                ),
+                const SizedBox(height: 4),
+                Text(
+                  'Montant: ${recharge['montant'] ?? 0} F',
+                  style: const TextStyle(
+                    fontSize: 13,
+                    fontWeight: FontWeight.w500,
+                    color: AdminColors.secondary,
+                  ),
+                ),
+                if (recharge['created_at'] != null)
+                  Text(
+                    'Créé: ${_formatDate(recharge['created_at'])}',
+                    style: TextStyle(fontSize: 11, color: Colors.grey[600]),
+                  ),
+              ],
+            ),
+          ),
+        ],
+      ),
+    );
+  }
+
+  Widget _buildReportsTab() {
+    return Column(
+      crossAxisAlignment: CrossAxisAlignment.start,
+      children: [
+        const Text(
+          'Rapports et analyses',
+          style: TextStyle(
+            fontSize: 20,
+            fontWeight: FontWeight.bold,
+            color: Colors.black87,
+          ),
+        ),
+        const SizedBox(height: 16),
+        Row(
+          children: [
+            Expanded(
+              child: _buildReportCard(
+                'Rapport financier',
+                'Transactions et revenus',
+                Icons.monetization_on,
+                AdminColors.success,
+                onTap: () => _exportData('financial'),
+              ),
+            ),
+            const SizedBox(width: 12),
+            Expanded(
+              child: _buildReportCard(
+                'Rapport agents',
+                'Performance des agents',
+                Icons.people,
+                AdminColors.secondary,
+                onTap: () => _exportData('agents'),
+              ),
+            ),
+          ],
+        ),
+        const SizedBox(height: 12),
+        Row(
+          children: [
+            Expanded(
+              child: _buildReportCard(
+                'Rapport recharges',
+                'Historique complet',
+                Icons.account_balance_wallet,
+                AdminColors.warning,
+                onTap: () => _exportData('recharges'),
+              ),
+            ),
+            const SizedBox(width: 12),
+            Expanded(
+              child: _buildReportCard(
+                'Rapport système',
+                'Logs et performances',
+                Icons.computer,
+                AdminColors.info,
+                onTap: () => _exportData('system'),
+              ),
+            ),
+          ],
+        ),
+        const SizedBox(height: 20),
+        Container(
+          padding: const EdgeInsets.all(20),
+          decoration: BoxDecoration(
+            color: AdminColors.surface,
+            borderRadius: BorderRadius.circular(16),
+            boxShadow: [
+              BoxShadow(
+                color: Colors.black.withOpacity(0.05),
+                blurRadius: 10,
+                offset: const Offset(0, 4),
+              ),
+            ],
+          ),
+          child: Column(
+            crossAxisAlignment: CrossAxisAlignment.start,
+            children: [
+              const Text(
+                'Statistiques détaillées',
+                style: TextStyle(
+                  fontSize: 18,
+                  fontWeight: FontWeight.bold,
+                  color: Colors.black87,
+                ),
+              ),
+              const SizedBox(height: 16),
+              _buildDetailedStats(),
+            ],
+          ),
+        ),
+      ],
+    );
+  }
+
+  Widget _buildReportCard(
+    String title,
+    String subtitle,
+    IconData icon,
+    Color color, {
+    VoidCallback? onTap,
+  }) {
+    return GestureDetector(
+      onTap: onTap,
+      child: Container(
+        padding: const EdgeInsets.all(16),
+        decoration: BoxDecoration(
+          color: AdminColors.surface,
+          borderRadius: BorderRadius.circular(12),
+          border: Border.all(color: color.withOpacity(0.2)),
+          boxShadow: [
+            BoxShadow(
+              color: color.withOpacity(0.1),
+              blurRadius: 8,
+              offset: const Offset(0, 4),
+            ),
+          ],
+        ),
+        child: Column(
+          crossAxisAlignment: CrossAxisAlignment.start,
+          children: [
+            Row(
+              mainAxisAlignment: MainAxisAlignment.spaceBetween,
+              children: [
+                Icon(icon, color: color, size: 24),
+                Icon(Icons.download, color: color.withOpacity(0.7), size: 16),
+              ],
+            ),
+            const SizedBox(height: 12),
+            Text(
+              title,
+              style: const TextStyle(
+                fontSize: 14,
+                fontWeight: FontWeight.bold,
+                color: Colors.black87,
+              ),
+            ),
+            const SizedBox(height: 4),
+            Text(
+              subtitle,
+              style: TextStyle(fontSize: 11, color: Colors.grey[600]),
+            ),
+          ],
+        ),
+      ),
+    );
+  }
+
+  Widget _buildDetailedStats() {
+    return Column(
+      children: [
+        _buildStatRow(
+          'Volume total traité',
+          '${((_systemStats['total_volume'] ?? 0.0) / 1000000).toStringAsFixed(2)} M FCFA',
+        ),
+        _buildStatRow(
+          'Nombre d\'agents',
+          '${_systemStats['active_agents'] ?? 0}',
+        ),
+        _buildStatRow(
+          'Transactions aujourd\'hui',
+          '${_systemStats['daily_transactions'] ?? 0}',
+        ),
+        _buildStatRow(
+          'Taux de réussite',
+          '${(_systemStats['success_rate'] ?? 0.0).toStringAsFixed(1)}%',
+        ),
+        _buildStatRow(
+          'Recharges en attente',
+          '${_systemStats['pending_recharges'] ?? 0}',
+        ),
+        _buildStatRow('Dernière mise à jour', 'Maintenant'),
+      ],
+    );
+  }
+
+  Widget _buildStatRow(String label, String value) {
+    return Padding(
+      padding: const EdgeInsets.symmetric(vertical: 8),
+      child: Row(
+        mainAxisAlignment: MainAxisAlignment.spaceBetween,
+        children: [
+          Text(label, style: TextStyle(fontSize: 14, color: Colors.grey[700])),
+          Text(
+            value,
+            style: const TextStyle(
+              fontSize: 14,
+              fontWeight: FontWeight.w600,
+              color: Colors.black87,
+            ),
+          ),
+        ],
+      ),
+    );
+  }
+
+  void _showExportDialog() {
+    showDialog(
+      context: context,
+      builder:
+          (context) => AlertDialog(
+            shape: RoundedRectangleBorder(
+              borderRadius: BorderRadius.circular(16),
+            ),
+            title: const Row(
+              children: [
+                Icon(Icons.download, color: AdminColors.info),
+                SizedBox(width: 8),
+                Text('Export de données'),
+              ],
+            ),
+            content: Column(
+              mainAxisSize: MainAxisSize.min,
+              children: [
+                const Text('Choisissez le type de données à exporter:'),
+                const SizedBox(height: 16),
+                ListTile(
+                  leading: const Icon(
+                    Icons.monetization_on,
+                    color: AdminColors.success,
+                  ),
+                  title: const Text('Rapport financier'),
+                  subtitle: const Text('Transactions et revenus'),
+                  onTap: () {
+                    Navigator.pop(context);
+                    _exportData('financial');
+                  },
+                ),
+                ListTile(
+                  leading: const Icon(
+                    Icons.people,
+                    color: AdminColors.secondary,
+                  ),
+                  title: const Text('Liste des agents'),
+                  subtitle: const Text('Tous les agents et leurs données'),
+                  onTap: () {
+                    Navigator.pop(context);
+                    _exportData('agents');
+                  },
+                ),
+                ListTile(
+                  leading: const Icon(
+                    Icons.account_balance_wallet,
+                    color: AdminColors.warning,
+                  ),
+                  title: const Text('Historique recharges'),
+                  subtitle: const Text('Toutes les recharges'),
+                  onTap: () {
+                    Navigator.pop(context);
+                    _exportData('recharges');
+                  },
+                ),
+              ],
+            ),
+            actions: [
+              TextButton(
+                onPressed: () => Navigator.pop(context),
+                child: const Text('Annuler'),
+              ),
+            ],
+          ),
+    );
+  }
+
+  // ===== UTILITAIRES =====
+  IconData _getIconFromString(String iconName) {
+    switch (iconName) {
+      case 'person_add':
+        return Icons.person_add;
+      case 'check_circle':
+        return Icons.check_circle;
+      case 'description':
+        return Icons.description;
+      default:
+        return Icons.info;
+    }
+  }
+
+  Color _getColorFromString(String colorName) {
+    switch (colorName) {
+      case 'green':
+        return AdminColors.success;
+      case 'blue':
+        return AdminColors.secondary;
+      case 'orange':
+        return AdminColors.warning;
+      case 'red':
+        return AdminColors.error;
+      default:
+        return Colors.grey;
+    }
+  }
+
+  Color _getRechargeStatusColor(String status) {
+    switch (status) {
+      case 'pending':
+        return AdminColors.warning;
+      case 'approved':
+      case 'completed':
+        return AdminColors.success;
+      case 'rejected':
+        return AdminColors.error;
+      default:
+        return Colors.grey;
+    }
+  }
+
+  IconData _getRechargeStatusIcon(String status) {
+    switch (status) {
+      case 'pending':
+        return Icons.pending;
+      case 'approved':
+      case 'completed':
+        return Icons.check_circle;
+      case 'rejected':
+        return Icons.cancel;
+      default:
+        return Icons.help_outline;
+    }
+  }
+
+  Color _getTransactionStatusColor(String status) {
+    switch (status) {
+      case 'completed':
+        return AdminColors.success;
+      case 'pending':
+        return AdminColors.warning;
+      case 'failed':
+        return AdminColors.error;
+      default:
+        return Colors.grey;
+    }
+  }
+
+  IconData _getTransactionStatusIcon(String status) {
+    switch (status) {
+      case 'completed':
+        return Icons.check_circle;
+      case 'pending':
+        return Icons.pending;
+      case 'failed':
+        return Icons.error;
+      default:
+        return Icons.help_outline;
+    }
+  }
+
+  String _formatDate(String? dateString) {
+    if (dateString == null) return 'N/A';
+    try {
+      final date = DateTime.parse(dateString);
+      final now = DateTime.now();
+      final difference = now.difference(date);
+
+      if (difference.inDays > 0) {
+        return '${difference.inDays}j';
+      } else if (difference.inHours > 0) {
+        return '${difference.inHours}h';
+      } else if (difference.inMinutes > 0) {
+        return '${difference.inMinutes}min';
+      } else {
+        return 'Maintenant';
+      }
+    } catch (e) {
+      return 'N/A';
+    }
+  }
+}
diff --git a/lib/pages/class.dart b/lib/pages/class.dart
new file mode 100644
index 0000000..72f432f
--- /dev/null
+++ b/lib/pages/class.dart
@@ -0,0 +1,840 @@
+// lib/class/class.dart
+import 'package:flutter/material.dart';
+
+/// Gestionnaire de connectivité
+class ConnectivityManager {
+  final BuildContext context;
+
+  ConnectivityManager(this.context);
+
+  /// Initialiser la connectivité
+  void get initConnectivity {
+    print('Initialisation de la connectivité');
+  }
+}
+
+/// Gestionnaire d'overlays personnalisés
+class CustomOverlay {
+  static OverlayEntry? _currentOverlay;
+
+  /// Afficher un message d'erreur
+  static void showError(BuildContext context, {required String message}) {
+    hide();
+
+    ScaffoldMessenger.of(context).showSnackBar(
+      SnackBar(
+        content: Row(
+          children: [
+            Icon(Icons.error, color: Colors.white, size: 20),
+            SizedBox(width: 8),
+            Expanded(
+              child: Text(
+                message,
+                style: TextStyle(color: Colors.white, fontSize: 14),
+              ),
+            ),
+          ],
+        ),
+        backgroundColor: Colors.red,
+        behavior: SnackBarBehavior.floating,
+        shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(8)),
+        duration: Duration(seconds: 4),
+      ),
+    );
+  }
+
+  /// Afficher un message de succès
+  static void showSuccess(BuildContext context, {required String message}) {
+    hide();
+
+    ScaffoldMessenger.of(context).showSnackBar(
+      SnackBar(
+        content: Row(
+          children: [
+            Icon(Icons.check_circle, color: Colors.white, size: 20),
+            SizedBox(width: 8),
+            Expanded(
+              child: Text(
+                message,
+                style: TextStyle(color: Colors.white, fontSize: 14),
+              ),
+            ),
+          ],
+        ),
+        backgroundColor: Colors.green,
+        behavior: SnackBarBehavior.floating,
+        shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(8)),
+        duration: Duration(seconds: 3),
+      ),
+    );
+  }
+
+  /// Afficher un message d'information
+  static void showInfo(BuildContext context, {required String message}) {
+    hide();
+
+    ScaffoldMessenger.of(context).showSnackBar(
+      SnackBar(
+        content: Row(
+          children: [
+            Icon(Icons.info_outline, color: Colors.white, size: 20),
+            SizedBox(width: 8),
+            Expanded(
+              child: Text(
+                message,
+                style: TextStyle(color: Colors.white, fontSize: 14),
+              ),
+            ),
+          ],
+        ),
+        backgroundColor: Color(0xFF006699),
+        behavior: SnackBarBehavior.floating,
+        shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(8)),
+        duration: Duration(seconds: 3),
+      ),
+    );
+  }
+
+  /// Afficher un avertissement
+  static void showWarning(BuildContext context, {required String message}) {
+    hide();
+
+    ScaffoldMessenger.of(context).showSnackBar(
+      SnackBar(
+        content: Row(
+          children: [
+            Icon(Icons.warning_amber, color: Colors.white, size: 20),
+            SizedBox(width: 8),
+            Expanded(
+              child: Text(
+                message,
+                style: TextStyle(color: Colors.white, fontSize: 14),
+              ),
+            ),
+          ],
+        ),
+        backgroundColor: Colors.orange,
+        behavior: SnackBarBehavior.floating,
+        shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(8)),
+        duration: Duration(seconds: 4),
+      ),
+    );
+  }
+
+  /// Afficher un indicateur de chargement
+  static void showLoading(
+    BuildContext context, {
+    String message = 'Chargement...',
+  }) {
+    hide();
+
+    _currentOverlay = OverlayEntry(
+      builder:
+          (context) => Material(
+            color: Colors.black54,
+            child: Center(
+              child: Container(
+                padding: EdgeInsets.all(20),
+                decoration: BoxDecoration(
+                  color: Colors.white,
+                  borderRadius: BorderRadius.circular(12),
+                ),
+                child: Column(
+                  mainAxisSize: MainAxisSize.min,
+                  children: [
+                    CircularProgressIndicator(
+                      valueColor: AlwaysStoppedAnimation<Color>(
+                        Color(0xFF006699),
+                      ),
+                    ),
+                    SizedBox(height: 16),
+                    Text(
+                      message,
+                      style: TextStyle(fontSize: 16, color: Colors.black87),
+                    ),
+                  ],
+                ),
+              ),
+            ),
+          ),
+    );
+
+    Overlay.of(context).insert(_currentOverlay!);
+  }
+
+  /// Masquer l'overlay
+  static void hide() {
+    if (_currentOverlay != null) {
+      _currentOverlay!.remove();
+      _currentOverlay = null;
+    }
+  }
+}
+
+/// Classe utilitaire pour les widgets personnalisés
+class CustomWidgets {
+  /// Créer un champ de saisie stylé
+  static Widget buildStyledTextField({
+    required String label,
+    required String hint,
+    required IconData icon,
+    TextEditingController? controller,
+    bool obscureText = false,
+    String? Function(String?)? validator,
+    void Function(String)? onChanged,
+    bool readOnly = false,
+    VoidCallback? onTap,
+    TextInputType? keyboardType,
+    int? maxLength,
+    String? suffixText,
+    Widget? suffix,
+  }) {
+    return Column(
+      crossAxisAlignment: CrossAxisAlignment.start,
+      children: [
+        Text(
+          label,
+          style: TextStyle(
+            fontSize: 14,
+            fontWeight: FontWeight.w500,
+            color: Color(0xFF2C3E50),
+          ),
+        ),
+        SizedBox(height: 8),
+        TextFormField(
+          controller: controller,
+          validator: validator,
+          obscureText: obscureText,
+          readOnly: readOnly,
+          onTap: onTap,
+          onChanged: onChanged,
+          keyboardType: keyboardType,
+          maxLength: maxLength,
+          decoration: InputDecoration(
+            hintText: hint,
+            prefixIcon: Icon(icon, color: Color(0xFF006699)),
+            suffixText: suffixText,
+            suffix: suffix,
+            filled: true,
+            fillColor: Colors.white,
+            counterText: '',
+            border: OutlineInputBorder(
+              borderRadius: BorderRadius.circular(8),
+              borderSide: BorderSide(color: Color(0xFFE0E7FF)),
+            ),
+            enabledBorder: OutlineInputBorder(
+              borderRadius: BorderRadius.circular(8),
+              borderSide: BorderSide(color: Color(0xFFE0E7FF)),
+            ),
+            focusedBorder: OutlineInputBorder(
+              borderRadius: BorderRadius.circular(8),
+              borderSide: BorderSide(color: Color(0xFF006699), width: 2),
+            ),
+            errorBorder: OutlineInputBorder(
+              borderRadius: BorderRadius.circular(8),
+              borderSide: BorderSide(color: Colors.red),
+            ),
+          ),
+        ),
+      ],
+    );
+  }
+
+  /// Créer un bouton stylé
+  static Widget buildStyledButton({
+    required String text,
+    required VoidCallback onPressed,
+    bool isLoading = false,
+    Color? backgroundColor,
+    Color? textColor,
+    IconData? icon,
+    double? height,
+    double? width,
+    bool enabled = true,
+  }) {
+    return SizedBox(
+      width: width ?? double.infinity,
+      height: height ?? 48,
+      child: ElevatedButton(
+        onPressed: (isLoading || !enabled) ? null : onPressed,
+        style: ElevatedButton.styleFrom(
+          backgroundColor: backgroundColor ?? Color(0xFF006699),
+          foregroundColor: textColor ?? Colors.white,
+          elevation: 2,
+          disabledBackgroundColor: Colors.grey[300],
+          disabledForegroundColor: Colors.grey[600],
+          shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(8)),
+        ),
+        child:
+            isLoading
+                ? SizedBox(
+                  width: 20,
+                  height: 20,
+                  child: CircularProgressIndicator(
+                    strokeWidth: 2,
+                    valueColor: AlwaysStoppedAnimation<Color>(Colors.white),
+                  ),
+                )
+                : Row(
+                  mainAxisAlignment: MainAxisAlignment.center,
+                  mainAxisSize: MainAxisSize.min,
+                  children: [
+                    if (icon != null) ...[
+                      Icon(icon, size: 18),
+                      SizedBox(width: 8),
+                    ],
+                    Text(
+                      text,
+                      style: TextStyle(
+                        fontSize: 16,
+                        fontWeight: FontWeight.w600,
+                      ),
+                    ),
+                  ],
+                ),
+      ),
+    );
+  }
+
+  /// ===== NOUVEAU: Badge de type de compte =====
+  static Widget buildAccountTypeBadge({
+    required bool isEnterprise,
+    double fontSize = 12,
+    EdgeInsets? padding,
+  }) {
+    return Container(
+      padding: padding ?? EdgeInsets.symmetric(horizontal: 12, vertical: 6),
+      decoration: BoxDecoration(
+        color:
+            isEnterprise
+                ? Color(0xFF8B5CF6).withOpacity(0.1)
+                : Color(0xFF006699).withOpacity(0.1),
+        borderRadius: BorderRadius.circular(20),
+        border: Border.all(
+          color:
+              isEnterprise
+                  ? Color(0xFF8B5CF6).withOpacity(0.3)
+                  : Color(0xFF006699).withOpacity(0.3),
+          width: 1,
+        ),
+      ),
+      child: Row(
+        mainAxisSize: MainAxisSize.min,
+        children: [
+          Icon(
+            isEnterprise ? Icons.business : Icons.person,
+            color: isEnterprise ? Color(0xFF8B5CF6) : Color(0xFF006699),
+            size: fontSize + 2,
+          ),
+          SizedBox(width: 6),
+          Text(
+            isEnterprise ? 'Entreprise' : 'Agent',
+            style: TextStyle(
+              color: isEnterprise ? Color(0xFF8B5CF6) : Color(0xFF006699),
+              fontSize: fontSize,
+              fontWeight: FontWeight.w600,
+            ),
+          ),
+        ],
+      ),
+    );
+  }
+
+  /// ===== NOUVEAU: Carte d'information avec icône =====
+  static Widget buildInfoCard({
+    required String title,
+    required String value,
+    required IconData icon,
+    Color? iconColor,
+    Color? backgroundColor,
+    VoidCallback? onTap,
+  }) {
+    return InkWell(
+      onTap: onTap,
+      borderRadius: BorderRadius.circular(12),
+      child: Container(
+        padding: EdgeInsets.all(16),
+        decoration: BoxDecoration(
+          color: backgroundColor ?? Colors.white,
+          borderRadius: BorderRadius.circular(12),
+          border: Border.all(
+            color: (iconColor ?? Color(0xFF006699)).withOpacity(0.2),
+            width: 1,
+          ),
+          boxShadow: [
+            BoxShadow(
+              color: Colors.black.withOpacity(0.05),
+              blurRadius: 10,
+              offset: Offset(0, 4),
+            ),
+          ],
+        ),
+        child: Row(
+          children: [
+            Container(
+              padding: EdgeInsets.all(12),
+              decoration: BoxDecoration(
+                color: (iconColor ?? Color(0xFF006699)).withOpacity(0.1),
+                borderRadius: BorderRadius.circular(10),
+              ),
+              child: Icon(
+                icon,
+                color: iconColor ?? Color(0xFF006699),
+                size: 24,
+              ),
+            ),
+            SizedBox(width: 16),
+            Expanded(
+              child: Column(
+                crossAxisAlignment: CrossAxisAlignment.start,
+                children: [
+                  Text(
+                    title,
+                    style: TextStyle(
+                      fontSize: 12,
+                      color: Colors.grey[600],
+                      fontWeight: FontWeight.w500,
+                    ),
+                  ),
+                  SizedBox(height: 4),
+                  Text(
+                    value,
+                    style: TextStyle(
+                      fontSize: 16,
+                      color: Colors.black87,
+                      fontWeight: FontWeight.bold,
+                    ),
+                    overflow: TextOverflow.ellipsis,
+                  ),
+                ],
+              ),
+            ),
+            if (onTap != null)
+              Icon(Icons.arrow_forward_ios, size: 16, color: Colors.grey[400]),
+          ],
+        ),
+      ),
+    );
+  }
+
+  /// ===== NOUVEAU: Carte de statistique =====
+  static Widget buildStatCard({
+    required String title,
+    required String value,
+    required IconData icon,
+    Color? color,
+    String? subtitle,
+  }) {
+    final cardColor = color ?? Color(0xFF006699);
+
+    return Container(
+      padding: EdgeInsets.all(16),
+      decoration: BoxDecoration(
+        gradient: LinearGradient(
+          begin: Alignment.topLeft,
+          end: Alignment.bottomRight,
+          colors: [cardColor.withOpacity(0.8), cardColor],
+        ),
+        borderRadius: BorderRadius.circular(16),
+        boxShadow: [
+          BoxShadow(
+            color: cardColor.withOpacity(0.3),
+            blurRadius: 10,
+            offset: Offset(0, 4),
+          ),
+        ],
+      ),
+      child: Column(
+        crossAxisAlignment: CrossAxisAlignment.start,
+        children: [
+          Row(
+            mainAxisAlignment: MainAxisAlignment.spaceBetween,
+            children: [
+              Icon(icon, color: Colors.white, size: 32),
+              Container(
+                padding: EdgeInsets.symmetric(horizontal: 8, vertical: 4),
+                decoration: BoxDecoration(
+                  color: Colors.white.withOpacity(0.2),
+                  borderRadius: BorderRadius.circular(12),
+                ),
+                child: Icon(Icons.trending_up, color: Colors.white, size: 16),
+              ),
+            ],
+          ),
+          SizedBox(height: 12),
+          Text(
+            value,
+            style: TextStyle(
+              color: Colors.white,
+              fontSize: 28,
+              fontWeight: FontWeight.bold,
+            ),
+          ),
+          SizedBox(height: 4),
+          Text(
+            title,
+            style: TextStyle(
+              color: Colors.white.withOpacity(0.9),
+              fontSize: 14,
+              fontWeight: FontWeight.w500,
+            ),
+          ),
+          if (subtitle != null) ...[
+            SizedBox(height: 4),
+            Text(
+              subtitle,
+              style: TextStyle(
+                color: Colors.white.withOpacity(0.7),
+                fontSize: 12,
+              ),
+            ),
+          ],
+        ],
+      ),
+    );
+  }
+
+  /// ===== NOUVEAU: Séparateur avec texte =====
+  static Widget buildDividerWithText(String text) {
+    return Row(
+      children: [
+        Expanded(child: Divider(color: Colors.grey[300], thickness: 1)),
+        Padding(
+          padding: EdgeInsets.symmetric(horizontal: 16),
+          child: Text(
+            text,
+            style: TextStyle(
+              color: Colors.grey[600],
+              fontSize: 12,
+              fontWeight: FontWeight.w500,
+            ),
+          ),
+        ),
+        Expanded(child: Divider(color: Colors.grey[300], thickness: 1)),
+      ],
+    );
+  }
+
+  /// ===== NOUVEAU: Liste vide stylée =====
+  static Widget buildEmptyState({
+    required String message,
+    String? subtitle,
+    IconData? icon,
+    VoidCallback? onRefresh,
+  }) {
+    return Center(
+      child: Padding(
+        padding: EdgeInsets.all(24),
+        child: Column(
+          mainAxisAlignment: MainAxisAlignment.center,
+          children: [
+            Icon(
+              icon ?? Icons.inbox_outlined,
+              size: 80,
+              color: Colors.grey[400],
+            ),
+            SizedBox(height: 16),
+            Text(
+              message,
+              style: TextStyle(
+                fontSize: 18,
+                fontWeight: FontWeight.w600,
+                color: Colors.grey[700],
+              ),
+              textAlign: TextAlign.center,
+            ),
+            if (subtitle != null) ...[
+              SizedBox(height: 8),
+              Text(
+                subtitle,
+                style: TextStyle(fontSize: 14, color: Colors.grey[500]),
+                textAlign: TextAlign.center,
+              ),
+            ],
+            if (onRefresh != null) ...[
+              SizedBox(height: 24),
+              ElevatedButton.icon(
+                onPressed: onRefresh,
+                icon: Icon(Icons.refresh),
+                label: Text('Actualiser'),
+                style: ElevatedButton.styleFrom(
+                  backgroundColor: Color(0xFF006699),
+                  foregroundColor: Colors.white,
+                  padding: EdgeInsets.symmetric(horizontal: 24, vertical: 12),
+                  shape: RoundedRectangleBorder(
+                    borderRadius: BorderRadius.circular(20),
+                  ),
+                ),
+              ),
+            ],
+          ],
+        ),
+      ),
+    );
+  }
+
+  /// ===== NOUVEAU: Dialog de confirmation =====
+  static Future<bool> showConfirmDialog({
+    required BuildContext context,
+    required String title,
+    required String message,
+    String confirmText = 'Confirmer',
+    String cancelText = 'Annuler',
+    Color? confirmColor,
+    IconData? icon,
+  }) async {
+    final result = await showDialog<bool>(
+      context: context,
+      builder:
+          (context) => AlertDialog(
+            shape: RoundedRectangleBorder(
+              borderRadius: BorderRadius.circular(16),
+            ),
+            title: Row(
+              children: [
+                if (icon != null) ...[
+                  Icon(icon, color: confirmColor ?? Color(0xFF006699)),
+                  SizedBox(width: 12),
+                ],
+                Expanded(child: Text(title, style: TextStyle(fontSize: 18))),
+              ],
+            ),
+            content: Text(
+              message,
+              style: TextStyle(fontSize: 14, color: Colors.grey[700]),
+            ),
+            actions: [
+              TextButton(
+                onPressed: () => Navigator.of(context).pop(false),
+                child: Text(
+                  cancelText,
+                  style: TextStyle(color: Colors.grey[600]),
+                ),
+              ),
+              ElevatedButton(
+                onPressed: () => Navigator.of(context).pop(true),
+                style: ElevatedButton.styleFrom(
+                  backgroundColor: confirmColor ?? Color(0xFF006699),
+                  foregroundColor: Colors.white,
+                  shape: RoundedRectangleBorder(
+                    borderRadius: BorderRadius.circular(8),
+                  ),
+                ),
+                child: Text(confirmText),
+              ),
+            ],
+          ),
+    );
+
+    return result ?? false;
+  }
+
+  /// ===== NOUVEAU: Badge de statut =====
+  static Widget buildStatusBadge({
+    required String text,
+    required bool isActive,
+    double fontSize = 12,
+  }) {
+    return Container(
+      padding: EdgeInsets.symmetric(horizontal: 12, vertical: 6),
+      decoration: BoxDecoration(
+        color:
+            isActive
+                ? Colors.green.withOpacity(0.1)
+                : Colors.orange.withOpacity(0.1),
+        borderRadius: BorderRadius.circular(20),
+        border: Border.all(
+          color:
+              isActive
+                  ? Colors.green.withOpacity(0.3)
+                  : Colors.orange.withOpacity(0.3),
+          width: 1,
+        ),
+      ),
+      child: Row(
+        mainAxisSize: MainAxisSize.min,
+        children: [
+          Container(
+            width: 8,
+            height: 8,
+            decoration: BoxDecoration(
+              color: isActive ? Colors.green : Colors.orange,
+              shape: BoxShape.circle,
+            ),
+          ),
+          SizedBox(width: 6),
+          Text(
+            text,
+            style: TextStyle(
+              color: isActive ? Colors.green[700] : Colors.orange[700],
+              fontSize: fontSize,
+              fontWeight: FontWeight.w600,
+            ),
+          ),
+        ],
+      ),
+    );
+  }
+}
+
+/// ===== NOUVELLE CLASSE: Utilitaires pour entreprises =====
+class EnterpriseWidgets {
+  /// Badge entreprise
+  static Widget buildEnterpriseBadge({
+    required String enterpriseName,
+    double fontSize = 12,
+    EdgeInsets? padding,
+  }) {
+    return Container(
+      padding: padding ?? EdgeInsets.symmetric(horizontal: 12, vertical: 6),
+      decoration: BoxDecoration(
+        gradient: LinearGradient(
+          colors: [Color(0xFF8B5CF6).withOpacity(0.8), Color(0xFF8B5CF6)],
+        ),
+        borderRadius: BorderRadius.circular(20),
+        boxShadow: [
+          BoxShadow(
+            color: Color(0xFF8B5CF6).withOpacity(0.3),
+            blurRadius: 8,
+            offset: Offset(0, 2),
+          ),
+        ],
+      ),
+      child: Row(
+        mainAxisSize: MainAxisSize.min,
+        children: [
+          Icon(Icons.business, color: Colors.white, size: fontSize + 2),
+          SizedBox(width: 6),
+          Flexible(
+            child: Text(
+              enterpriseName,
+              style: TextStyle(
+                color: Colors.white,
+                fontSize: fontSize,
+                fontWeight: FontWeight.w600,
+              ),
+              overflow: TextOverflow.ellipsis,
+            ),
+          ),
+        ],
+      ),
+    );
+  }
+
+  /// Carte d'information entreprise
+  static Widget buildEnterpriseInfoCard({
+    required String enterpriseId,
+    required String enterpriseName,
+    required double balance,
+    int? totalMembers,
+    VoidCallback? onTap,
+  }) {
+    return InkWell(
+      onTap: onTap,
+      borderRadius: BorderRadius.circular(16),
+      child: Container(
+        padding: EdgeInsets.all(20),
+        decoration: BoxDecoration(
+          gradient: LinearGradient(
+            begin: Alignment.topLeft,
+            end: Alignment.bottomRight,
+            colors: [Color(0xFF8B5CF6).withOpacity(0.8), Color(0xFF8B5CF6)],
+          ),
+          borderRadius: BorderRadius.circular(16),
+          boxShadow: [
+            BoxShadow(
+              color: Color(0xFF8B5CF6).withOpacity(0.3),
+              blurRadius: 15,
+              offset: Offset(0, 8),
+            ),
+          ],
+        ),
+        child: Column(
+          crossAxisAlignment: CrossAxisAlignment.start,
+          children: [
+            Row(
+              mainAxisAlignment: MainAxisAlignment.spaceBetween,
+              children: [
+                Icon(Icons.business, color: Colors.white, size: 32),
+                Container(
+                  padding: EdgeInsets.symmetric(horizontal: 10, vertical: 4),
+                  decoration: BoxDecoration(
+                    color: Colors.white.withOpacity(0.2),
+                    borderRadius: BorderRadius.circular(12),
+                  ),
+                  child: Text(
+                    enterpriseId,
+                    style: TextStyle(
+                      color: Colors.white,
+                      fontSize: 12,
+                      fontWeight: FontWeight.w600,
+                    ),
+                  ),
+                ),
+              ],
+            ),
+            SizedBox(height: 16),
+            Text(
+              enterpriseName,
+              style: TextStyle(
+                color: Colors.white,
+                fontSize: 20,
+                fontWeight: FontWeight.bold,
+              ),
+              overflow: TextOverflow.ellipsis,
+            ),
+            SizedBox(height: 8),
+            Row(
+              mainAxisAlignment: MainAxisAlignment.spaceBetween,
+              children: [
+                Column(
+                  crossAxisAlignment: CrossAxisAlignment.start,
+                  children: [
+                    Text(
+                      'Solde disponible',
+                      style: TextStyle(
+                        color: Colors.white.withOpacity(0.8),
+                        fontSize: 12,
+                      ),
+                    ),
+                    SizedBox(height: 4),
+                    Text(
+                      '${balance.toStringAsFixed(0)} FCFA',
+                      style: TextStyle(
+                        color: Colors.white,
+                        fontSize: 24,
+                        fontWeight: FontWeight.bold,
+                      ),
+                    ),
+                  ],
+                ),
+                if (totalMembers != null)
+                  Column(
+                    children: [
+                      Icon(Icons.people, color: Colors.white, size: 24),
+                      SizedBox(height: 4),
+                      Text(
+                        '$totalMembers',
+                        style: TextStyle(
+                          color: Colors.white,
+                          fontSize: 16,
+                          fontWeight: FontWeight.bold,
+                        ),
+                      ),
+                      Text(
+                        'Membres',
+                        style: TextStyle(
+                          color: Colors.white.withOpacity(0.8),
+                          fontSize: 10,
+                        ),
+                      ),
+                    ],
+                  ),
+              ],
+            ),
+          ],
+        ),
+      ),
+    );
+  }
+}
diff --git a/lib/pages/dashboard.dart b/lib/pages/dashboard.dart
new file mode 100644
index 0000000..85c1ec8
--- /dev/null
+++ b/lib/pages/dashboard.dart
@@ -0,0 +1,2695 @@
+// ===== lib/pages/dashboard.dart - VERSION COMPLÈTE AVEC SUPPORT ENTREPRISE =====
+import 'package:flutter/material.dart';
+import 'package:provider/provider.dart';
+import 'package:http/http.dart' as http;
+import 'dart:convert';
+import '../main.dart';
+import '../widgets/wortis_logo.dart';
+import 'login.dart';
+import '../widgets/responsive_helper.dart';
+
+class DashboardPage extends StatefulWidget {
+  final bool showAppBar;
+  const DashboardPage({super.key, this.showAppBar = true});
+
+  @override
+  _DashboardPageState createState() => _DashboardPageState();
+}
+
+class _DashboardPageState extends State<DashboardPage>
+    with SingleTickerProviderStateMixin {
+  late AnimationController _animationController;
+  late Animation<double> _fadeAnimation;
+  late Animation<Offset> _slideAnimation;
+
+  static const String baseUrl = 'https://api.live.wortis.cg/tpe';
+  static const String apiBaseUrl = '$baseUrl';
+
+  static const Map<String, String> apiHeaders = {
+    'Content-Type': 'application/json',
+    'Accept': 'application/json',
+  };
+
+  // Couleurs
+  static const Color primaryColor = Color(0xFF006699);
+  static const Color secondaryColor = Color(0xFF0088CC);
+  static const Color accentColor = Color(0xFFFF6B35);
+  static const Color backgroundColor = Color(0xFFF8FAFC);
+  static const Color surfaceColor = Colors.white;
+  static const Color successColor = Color(0xFF38A169);
+  static const Color warningColor = Color(0xFFF59E0B);
+  static const Color dangerColor = Color(0xFFEF4444);
+  static const Color enterpriseColor = Color(
+    0xFF8B5CF6,
+  ); // Violet pour entreprise
+
+  bool _isLoading = false;
+  bool _hasError = false;
+  String _errorMessage = '';
+  DateTime? _lastUpdate;
+
+  Map<String, dynamic>? _balanceData;
+  Map<String, dynamic>? _statsData;
+  Map<String, dynamic>? _enterpriseData;
+  List<Map<String, dynamic>> _recentTransactions = [];
+  List<Map<String, dynamic>> _enterpriseMembers = [];
+
+  @override
+  void initState() {
+    super.initState();
+    _initializeOrientations();
+    _setupAnimations();
+
+    WidgetsBinding.instance.addPostFrameCallback((_) {
+      _loadDashboardData();
+    });
+  }
+
+  void _initializeOrientations() {
+    WidgetsBinding.instance.addPostFrameCallback((_) {
+      ResponsiveHelper.initializeOrientations(context);
+    });
+  }
+
+  void _setupAnimations() {
+    _animationController = AnimationController(
+      duration: Duration(milliseconds: 1200),
+      vsync: this,
+    );
+
+    _fadeAnimation = Tween<double>(begin: 0.0, end: 1.0).animate(
+      CurvedAnimation(parent: _animationController, curve: Curves.easeOut),
+    );
+
+    _slideAnimation = Tween<Offset>(
+      begin: Offset(0, 0.2),
+      end: Offset.zero,
+    ).animate(
+      CurvedAnimation(parent: _animationController, curve: Curves.easeOut),
+    );
+
+    _animationController.forward();
+  }
+
+  @override
+  void dispose() {
+    _animationController.dispose();
+    super.dispose();
+  }
+
+  // ===== NOUVELLES MÉTHODES API =====
+
+  Future<bool> _checkApiHealth() async {
+    try {
+      final response = await http
+          .get(Uri.parse('$apiBaseUrl/health'), headers: apiHeaders)
+          .timeout(Duration(seconds: 5));
+
+      print('🏥 Health check: ${response.statusCode}');
+      return response.statusCode == 200;
+    } catch (e) {
+      print('❌ Erreur santé API: $e');
+      return false;
+    }
+  }
+
+  Future<Map<String, dynamic>?> _getAgentBalance(String agentId) async {
+    try {
+      final response = await http
+          .get(
+            Uri.parse('$apiBaseUrl/agent/$agentId/balance'),
+            headers: apiHeaders,
+          )
+          .timeout(Duration(seconds: 10));
+
+      print('💰 Balance response: ${response.statusCode}');
+
+      if (response.statusCode == 200) {
+        final data = jsonDecode(response.body);
+        print('📊 Balance data: $data');
+
+        if (data['success']) {
+          return data;
+        } else {
+          throw Exception(data['message'] ?? 'Erreur récupération solde');
+        }
+      } else {
+        throw Exception('Erreur HTTP ${response.statusCode}');
+      }
+    } catch (e) {
+      print('❌ Erreur récupération solde: $e');
+      rethrow;
+    }
+  }
+
+  Future<Map<String, dynamic>?> _getAgentStats(String agentId) async {
+    try {
+      final response = await http
+          .get(
+            Uri.parse('$apiBaseUrl/agent/$agentId/stats'),
+            headers: apiHeaders,
+          )
+          .timeout(Duration(seconds: 10));
+
+      print('📊 Stats response: ${response.statusCode}');
+
+      if (response.statusCode == 200) {
+        final data = jsonDecode(response.body);
+
+        if (data['success']) {
+          return data;
+        } else {
+          print('⚠️ Stats API success=false: ${data['message']}');
+          return _getEmptyStats();
+        }
+      } else {
+        throw Exception('Erreur HTTP stats ${response.statusCode}');
+      }
+    } catch (e) {
+      print('❌ Erreur récupération stats: $e');
+      return _getEmptyStats();
+    }
+  }
+
+  Map<String, dynamic> _getEmptyStats() {
+    return {
+      'success': true,
+      'stats': {
+        'solde_actuel': 0.0,
+        'statistiques_jour': {
+          'total_transactions': 0,
+          'total_montant': 0.0,
+          'total_commissions': 0.0,
+        },
+        'statistiques_mois': {
+          'total_transactions': 0,
+          'total_montant': 0.0,
+          'total_commissions': 0.0,
+        },
+        'services_favoris': [],
+      },
+    };
+  }
+
+  Future<List<Map<String, dynamic>>> _getAgentTransactions(
+    String agentId, {
+    int limit = 5,
+  }) async {
+    try {
+      final response = await http
+          .get(
+            Uri.parse('$apiBaseUrl/agent/$agentId/transactions?limit=$limit'),
+            headers: apiHeaders,
+          )
+          .timeout(Duration(seconds: 10));
+
+      print('📝 Transactions response: ${response.statusCode}');
+
+      if (response.statusCode == 200) {
+        final data = jsonDecode(response.body);
+
+        if (data['success']) {
+          return List<Map<String, dynamic>>.from(data['transactions'] ?? []);
+        } else {
+          print('⚠️ Transactions API success=false: ${data['message']}');
+          return [];
+        }
+      } else {
+        throw Exception('Erreur HTTP transactions ${response.statusCode}');
+      }
+    } catch (e) {
+      print('❌ Erreur récupération transactions: $e');
+      return [];
+    }
+  }
+
+  // ===== NOUVELLES MÉTHODES ENTREPRISE =====
+
+  Future<Map<String, dynamic>?> _getEnterpriseBalance(
+    String enterpriseId,
+  ) async {
+    try {
+      final response = await http
+          .get(
+            Uri.parse('$apiBaseUrl/enterprise/$enterpriseId/balance'),
+            headers: apiHeaders,
+          )
+          .timeout(Duration(seconds: 10));
+
+      print('🏢 Enterprise balance response: ${response.statusCode}');
+
+      if (response.statusCode == 200) {
+        final data = jsonDecode(response.body);
+
+        if (data['success']) {
+          return data;
+        } else {
+          throw Exception(
+            data['message'] ?? 'Erreur récupération solde entreprise',
+          );
+        }
+      } else {
+        throw Exception('Erreur HTTP ${response.statusCode}');
+      }
+    } catch (e) {
+      print('❌ Erreur récupération solde entreprise: $e');
+      return null;
+    }
+  }
+
+  Future<List<Map<String, dynamic>>> _getEnterpriseMembers(
+    String enterpriseId,
+  ) async {
+    try {
+      final response = await http
+          .get(
+            Uri.parse('$apiBaseUrl/enterprise/$enterpriseId/members'),
+            headers: apiHeaders,
+          )
+          .timeout(Duration(seconds: 10));
+
+      print('👥 Enterprise members response: ${response.statusCode}');
+
+      if (response.statusCode == 200) {
+        final data = jsonDecode(response.body);
+
+        if (data['success']) {
+          return List<Map<String, dynamic>>.from(data['members'] ?? []);
+        } else {
+          return [];
+        }
+      } else {
+        return [];
+      }
+    } catch (e) {
+      print('❌ Erreur récupération membres: $e');
+      return [];
+    }
+  }
+
+  Future<Map<String, dynamic>?> _getMemberInfo(String agentId) async {
+    try {
+      final response = await http
+          .get(
+            Uri.parse('$apiBaseUrl/member/$agentId/info'),
+            headers: apiHeaders,
+          )
+          .timeout(Duration(seconds: 10));
+
+      print('👤 Member info response: ${response.statusCode}');
+
+      if (response.statusCode == 200) {
+        final data = jsonDecode(response.body);
+
+        if (data['success']) {
+          return data;
+        }
+      }
+      return null;
+    } catch (e) {
+      print('❌ Erreur récupération info membre: $e');
+      return null;
+    }
+  }
+
+  // ===== CHARGEMENT DES DONNÉES =====
+
+  Future<void> _loadDashboardData() async {
+    final authController = Provider.of<AuthController>(context, listen: false);
+    final agentId = authController.agentId;
+
+    if (agentId == null) {
+      if (mounted) {
+        setState(() {
+          _hasError = true;
+          _errorMessage = 'Agent ID non disponible';
+        });
+      }
+      return;
+    }
+
+    if (mounted) {
+      setState(() {
+        _isLoading = true;
+        _hasError = false;
+        _errorMessage = '';
+      });
+    }
+
+    try {
+      // Vérifier la santé de l'API
+      final isApiHealthy = await _checkApiHealth();
+      if (!isApiHealthy) {
+        throw Exception(
+          'API non disponible. Vérifiez que le serveur fonctionne sur $baseUrl',
+        );
+      }
+
+      print('🔄 Chargement des données pour agent: $agentId');
+
+      // Charger les données de base
+      final balanceData = await _getAgentBalance(agentId);
+      final statsData = await _getAgentStats(agentId);
+      final transactions = await _getAgentTransactions(agentId, limit: 5);
+
+      // Charger les données entreprise si membre
+      Map<String, dynamic>? enterpriseData;
+      List<Map<String, dynamic>> enterpriseMembers = [];
+
+      if (balanceData != null) {
+        final accountType = balanceData['type'] ?? 'agent';
+        final enterpriseId = balanceData['enterprise_id'];
+
+        print('📋 Account type: $accountType');
+        print('🏢 Enterprise ID: $enterpriseId');
+
+        if (accountType == 'enterprise_member' && enterpriseId != null) {
+          print('🔍 Chargement données entreprise: $enterpriseId');
+
+          // Charger le solde entreprise
+          enterpriseData = await _getEnterpriseBalance(enterpriseId);
+
+          // Charger les membres si admin
+          if (balanceData['is_admin_entreprise'] == true) {
+            enterpriseMembers = await _getEnterpriseMembers(enterpriseId);
+          }
+        }
+      }
+
+      if (mounted) {
+        setState(() {
+          _balanceData = balanceData;
+          _statsData = statsData;
+          _enterpriseData = enterpriseData;
+          _recentTransactions = transactions;
+          _enterpriseMembers = enterpriseMembers;
+          _lastUpdate = DateTime.now();
+          _isLoading = false;
+          _hasError = false;
+        });
+      }
+
+      // Mettre à jour le solde dans AuthController
+      _updateAuthControllerBalance(authController);
+
+      print('✅ Données dashboard chargées avec succès');
+      _debugApiData();
+    } catch (e) {
+      if (mounted) {
+        setState(() {
+          _isLoading = false;
+          _hasError = true;
+          _errorMessage = e.toString().replaceAll('Exception: ', '');
+        });
+      }
+      print('❌ Erreur chargement dashboard: $e');
+    }
+  }
+
+  void _updateAuthControllerBalance(AuthController authController) {
+    if (_balanceData == null) return;
+
+    final accountType = _balanceData!['type'] ?? 'agent';
+
+    if (accountType == 'enterprise_member') {
+      // Utiliser le solde entreprise
+      if (_enterpriseData != null &&
+          _enterpriseData!['solde_entreprise'] != null) {
+        final enterpriseBalance =
+            (_enterpriseData!['solde_entreprise'] as num).toDouble();
+        authController.updateBalance(enterpriseBalance);
+        print('💰 Solde entreprise mis à jour: $enterpriseBalance FCFA');
+      } else if (_balanceData!['enterprise'] != null &&
+          _balanceData!['enterprise']['solde_entreprise'] != null) {
+        final enterpriseBalance =
+            (_balanceData!['enterprise']['solde_entreprise'] as num).toDouble();
+        authController.updateBalance(enterpriseBalance);
+        print(
+          '💰 Solde entreprise mis à jour (depuis balance): $enterpriseBalance FCFA',
+        );
+      }
+    } else {
+      // Utiliser le solde personnel
+      if (_balanceData!['solde'] != null) {
+        final personalBalance = (_balanceData!['solde'] as num).toDouble();
+        authController.updateBalance(personalBalance);
+        print('💰 Solde personnel mis à jour: $personalBalance FCFA');
+      }
+    }
+  }
+
+  Future<void> _refreshDashboard() async {
+    await _loadDashboardData();
+  }
+
+  void _debugApiData() {
+    print('🔍 ========== DEBUG COMPLET ==========');
+    print('📊 Balance Data: $_balanceData');
+    print('📈 Stats Data: $_statsData');
+    print('🏢 Enterprise Data: $_enterpriseData');
+    print('📝 Transactions: ${_recentTransactions.length}');
+    print('👥 Members: ${_enterpriseMembers.length}');
+    print('❌ Has Error: $_hasError');
+    print('⏳ Is Loading: $_isLoading');
+    print('=====================================');
+  }
+
+  // ===== ACTIONS UTILISATEUR =====
+
+  void _logout() async {
+    showDialog(
+      context: context,
+      builder: (BuildContext context) {
+        return AlertDialog(
+          shape: RoundedRectangleBorder(
+            borderRadius: BorderRadius.circular(16),
+          ),
+          title: Row(
+            children: [
+              Icon(Icons.logout, color: primaryColor),
+              SizedBox(width: 12),
+              Text('Déconnexion'),
+            ],
+          ),
+          content: Text('Êtes-vous sûr de vouloir vous déconnecter ?'),
+          actions: [
+            TextButton(
+              onPressed: () => Navigator.of(context).pop(),
+              child: Text('Annuler'),
+            ),
+            ElevatedButton(
+              onPressed: () async {
+                Navigator.of(context).pop();
+                final authController = Provider.of<AuthController>(
+                  context,
+                  listen: false,
+                );
+                await authController.logout();
+                Navigator.of(context).pushReplacement(
+                  MaterialPageRoute(builder: (context) => LoginPage()),
+                );
+              },
+              style: ElevatedButton.styleFrom(
+                backgroundColor: dangerColor,
+                shape: RoundedRectangleBorder(
+                  borderRadius: BorderRadius.circular(8),
+                ),
+              ),
+              child: Text('Déconnexion', style: TextStyle(color: Colors.white)),
+            ),
+          ],
+        );
+      },
+    );
+  }
+
+  void _showApiStatus() {
+    showDialog(
+      context: context,
+      builder: (BuildContext context) {
+        return AlertDialog(
+          shape: RoundedRectangleBorder(
+            borderRadius: BorderRadius.circular(16),
+          ),
+          title: Row(
+            children: [
+              Icon(Icons.api, color: primaryColor),
+              SizedBox(width: 12),
+              Text('État de l\'API'),
+            ],
+          ),
+          content: Column(
+            mainAxisSize: MainAxisSize.min,
+            crossAxisAlignment: CrossAxisAlignment.start,
+            children: [
+              _buildInfoRow('URL', apiBaseUrl),
+              SizedBox(height: 8),
+              _buildInfoRow(
+                'Dernière MAJ',
+                _lastUpdate?.toString() ?? 'Jamais',
+              ),
+              SizedBox(height: 8),
+              Row(
+                children: [
+                  Icon(
+                    _hasError ? Icons.error : Icons.check_circle,
+                    color: _hasError ? dangerColor : successColor,
+                  ),
+                  SizedBox(width: 8),
+                  Text(_hasError ? 'Erreur' : 'Connecté'),
+                ],
+              ),
+              if (_hasError) ...[
+                SizedBox(height: 8),
+                Text(
+                  'Erreur: $_errorMessage',
+                  style: TextStyle(color: dangerColor),
+                ),
+              ],
+            ],
+          ),
+          actions: [
+            TextButton(
+              onPressed: () => Navigator.of(context).pop(),
+              child: Text('OK'),
+            ),
+            ElevatedButton(
+              onPressed: () {
+                Navigator.of(context).pop();
+                _loadDashboardData();
+              },
+              style: ElevatedButton.styleFrom(backgroundColor: primaryColor),
+              child: Text('Retester', style: TextStyle(color: Colors.white)),
+            ),
+          ],
+        );
+      },
+    );
+  }
+
+  Widget _buildInfoRow(String label, String value) {
+    return Row(
+      crossAxisAlignment: CrossAxisAlignment.start,
+      children: [
+        Text('$label: ', style: TextStyle(fontWeight: FontWeight.bold)),
+        Expanded(child: Text(value, style: TextStyle(color: Colors.grey[600]))),
+      ],
+    );
+  }
+
+  void _showEnterpriseDetails() {
+    if (_enterpriseData == null) return;
+
+    showDialog(
+      context: context,
+      builder: (BuildContext context) {
+        return AlertDialog(
+          shape: RoundedRectangleBorder(
+            borderRadius: BorderRadius.circular(16),
+          ),
+          title: Row(
+            children: [
+              Icon(Icons.business, color: enterpriseColor),
+              SizedBox(width: 12),
+              Expanded(
+                child: Text(
+                  _enterpriseData!['nom_entreprise'] ?? 'Entreprise',
+                  style: TextStyle(fontSize: 18),
+                ),
+              ),
+            ],
+          ),
+          content: SingleChildScrollView(
+            child: Column(
+              mainAxisSize: MainAxisSize.min,
+              crossAxisAlignment: CrossAxisAlignment.start,
+              children: [
+                _buildDetailRow(
+                  'ID Entreprise',
+                  _enterpriseData!['enterprise_id'],
+                ),
+                _buildDetailRow(
+                  'Solde',
+                  '${_formatMoney(_enterpriseData!['solde_entreprise'])} FCFA',
+                ),
+                _buildDetailRow(
+                  'Commission',
+                  '${_formatMoney(_enterpriseData!['commission_entreprise'])} FCFA',
+                ),
+                _buildDetailRow(
+                  'Membres',
+                  '${_enterpriseData!['total_members'] ?? 0}',
+                ),
+                _buildDetailRow(
+                  'Transactions',
+                  '${_enterpriseData!['statistics']?['total_transactions'] ?? 0}',
+                ),
+                _buildDetailRow(
+                  'Volume Total',
+                  '${_formatMoney(_enterpriseData!['statistics']?['total_volume'])} FCFA',
+                ),
+                _buildDetailRow(
+                  'Statut',
+                  _enterpriseData!['status'] ?? 'active',
+                ),
+              ],
+            ),
+          ),
+          actions: [
+            TextButton(
+              onPressed: () => Navigator.of(context).pop(),
+              child: Text('Fermer'),
+            ),
+          ],
+        );
+      },
+    );
+  }
+
+  Widget _buildDetailRow(String label, dynamic value) {
+    return Padding(
+      padding: EdgeInsets.symmetric(vertical: 6),
+      child: Row(
+        crossAxisAlignment: CrossAxisAlignment.start,
+        children: [
+          Text('$label: ', style: TextStyle(fontWeight: FontWeight.w600)),
+          Expanded(
+            child: Text(
+              value.toString(),
+              style: TextStyle(color: Colors.grey[700]),
+            ),
+          ),
+        ],
+      ),
+    );
+  }
+
+  void _showEnterpriseMembers() {
+    if (_enterpriseMembers.isEmpty) {
+      ScaffoldMessenger.of(
+        context,
+      ).showSnackBar(SnackBar(content: Text('Aucun membre à afficher')));
+      return;
+    }
+
+    showDialog(
+      context: context,
+      builder: (BuildContext context) {
+        return AlertDialog(
+          shape: RoundedRectangleBorder(
+            borderRadius: BorderRadius.circular(16),
+          ),
+          title: Text(
+            'Membres de l\'entreprise (${_enterpriseMembers.length})',
+          ),
+          content: Container(
+            width: double.maxFinite,
+            child: ListView.builder(
+              shrinkWrap: true,
+              itemCount: _enterpriseMembers.length,
+              itemBuilder: (context, index) {
+                final member = _enterpriseMembers[index];
+                return ListTile(
+                  leading: CircleAvatar(
+                    backgroundColor: primaryColor.withOpacity(0.1),
+                    child: Icon(Icons.person, color: primaryColor),
+                  ),
+                  title: Text(member['nom'] ?? 'N/A'),
+                  subtitle: Text(member['agent_id'] ?? 'N/A'),
+                  trailing: Column(
+                    mainAxisSize: MainAxisSize.min,
+                    crossAxisAlignment: CrossAxisAlignment.end,
+                    children: [
+                      Text(
+                        member['role_dans_entreprise'] ?? 'Membre',
+                        style: TextStyle(fontSize: 10),
+                      ),
+                      if (member['is_admin_entreprise'] == true)
+                        Container(
+                          padding: EdgeInsets.symmetric(
+                            horizontal: 6,
+                            vertical: 2,
+                          ),
+                          decoration: BoxDecoration(
+                            color: enterpriseColor.withOpacity(0.1),
+                            borderRadius: BorderRadius.circular(8),
+                          ),
+                          child: Text(
+                            'Admin',
+                            style: TextStyle(
+                              fontSize: 9,
+                              color: enterpriseColor,
+                              fontWeight: FontWeight.bold,
+                            ),
+                          ),
+                        ),
+                    ],
+                  ),
+                );
+              },
+            ),
+          ),
+          actions: [
+            TextButton(
+              onPressed: () => Navigator.of(context).pop(),
+              child: Text('Fermer'),
+            ),
+          ],
+        );
+      },
+    );
+  }
+
+  String _formatMoney(dynamic value) {
+    if (value == null) return '0';
+    final amount =
+        (value is num)
+            ? value.toDouble()
+            : double.tryParse(value.toString()) ?? 0.0;
+    return amount
+        .toStringAsFixed(0)
+        .replaceAllMapped(
+          RegExp(r'(\d{1,3})(?=(\d{3})+(?!\d))'),
+          (Match m) => '${m[1]} ',
+        );
+  }
+
+  // ===== BUILD UI =====
+
+  @override
+  Widget build(BuildContext context) {
+    return Scaffold(
+      backgroundColor: backgroundColor,
+      appBar: widget.showAppBar ? _buildAppBar() : null,
+      body:
+          _isLoading && _balanceData == null
+              ? _buildLoadingScreen()
+              : _hasError && _balanceData == null
+              ? _buildErrorScreen()
+              : RefreshIndicator(
+                onRefresh: _refreshDashboard,
+                child: FadeTransition(
+                  opacity: _fadeAnimation,
+                  child: SlideTransition(
+                    position: _slideAnimation,
+                    child: SingleChildScrollView(
+                      physics: AlwaysScrollableScrollPhysics(),
+                      padding: EdgeInsets.fromLTRB(
+                        16,
+                        widget.showAppBar ? 16 : 60,
+                        16,
+                        widget.showAppBar ? 16 : 120,
+                      ),
+                      child: Column(
+                        crossAxisAlignment: CrossAxisAlignment.start,
+                        children: [
+                          _buildWelcomeHeader(),
+                          SizedBox(height: 24),
+                          if (_hasError) _buildErrorBanner(),
+                          _buildFinancialSummary(),
+                          SizedBox(height: 24),
+                          _buildPerformanceOverview(),
+                          SizedBox(height: 24),
+                          _buildSalesAnalytics(),
+                          SizedBox(height: 24),
+                          if (_enterpriseData != null) ...[
+                            _buildEnterpriseSection(),
+                            SizedBox(height: 24),
+                          ],
+                          _buildRecentActivity(),
+                          SizedBox(height: 24),
+                          if (_lastUpdate != null) _buildLastUpdateInfo(),
+                        ],
+                      ),
+                    ),
+                  ),
+                ),
+              ),
+    );
+  }
+
+  // ===== APP BAR =====
+
+  PreferredSizeWidget _buildAppBar() {
+    return AppBar(
+      title: Consumer<AuthController>(
+        builder: (context, auth, child) {
+          final isEnterprise = _balanceData?['type'] == 'enterprise_member';
+
+          return Row(
+            children: [
+              Text('Dashboard Wortis'),
+              if (isEnterprise) ...[
+                SizedBox(width: 8),
+                Container(
+                  padding: EdgeInsets.symmetric(horizontal: 8, vertical: 4),
+                  decoration: BoxDecoration(
+                    color: enterpriseColor.withOpacity(0.2),
+                    borderRadius: BorderRadius.circular(12),
+                  ),
+                  child: Row(
+                    mainAxisSize: MainAxisSize.min,
+                    children: [
+                      Icon(Icons.business, size: 12, color: Colors.white),
+                      SizedBox(width: 4),
+                      Text(
+                        'Entreprise',
+                        style: TextStyle(fontSize: 10, color: Colors.white),
+                      ),
+                    ],
+                  ),
+                ),
+              ],
+            ],
+          );
+        },
+      ),
+      automaticallyImplyLeading: false,
+      actions: [
+        if (_enterpriseData != null)
+          IconButton(
+            icon: Icon(Icons.business_center),
+            onPressed: _showEnterpriseDetails,
+            tooltip: 'Détails entreprise',
+          ),
+        if (_enterpriseMembers.isNotEmpty)
+          IconButton(
+            icon: Badge(
+              label: Text('${_enterpriseMembers.length}'),
+              child: Icon(Icons.group),
+            ),
+            onPressed: _showEnterpriseMembers,
+            tooltip: 'Membres',
+          ),
+        IconButton(
+          icon:
+              _isLoading
+                  ? SizedBox(
+                    width: 20,
+                    height: 20,
+                    child: CircularProgressIndicator(
+                      strokeWidth: 2,
+                      valueColor: AlwaysStoppedAnimation<Color>(Colors.white),
+                    ),
+                  )
+                  : Icon(Icons.refresh),
+          onPressed: _isLoading ? null : _refreshDashboard,
+        ),
+        IconButton(icon: Icon(Icons.info_outline), onPressed: _showApiStatus),
+        IconButton(icon: Icon(Icons.logout), onPressed: _logout),
+      ],
+    );
+  }
+
+  // ===== WELCOME HEADER =====
+
+  Widget _buildWelcomeHeader() {
+    return Consumer<AuthController>(
+      builder: (context, authController, child) {
+        final screenWidth = MediaQuery.of(context).size.width;
+        final isTablet = screenWidth > 600;
+        final isEnterprise = _balanceData?['type'] == 'enterprise_member';
+        final agentName =
+            _balanceData?['nom'] ?? authController.agentName ?? 'Agent';
+        final enterpriseName =
+            _enterpriseData?['nom_entreprise'] ??
+            _balanceData?['enterprise']?['nom_entreprise'];
+
+        return Container(
+          width: double.infinity,
+          padding: EdgeInsets.all(isTablet ? 24 : 20),
+          decoration: BoxDecoration(
+            gradient: LinearGradient(
+              begin: Alignment.topLeft,
+              end: Alignment.bottomRight,
+              colors:
+                  isEnterprise
+                      ? [enterpriseColor, enterpriseColor.withOpacity(0.7)]
+                      : [primaryColor, secondaryColor],
+            ),
+            borderRadius: BorderRadius.circular(isTablet ? 24 : 20),
+            boxShadow: [
+              BoxShadow(
+                color: (isEnterprise ? enterpriseColor : primaryColor)
+                    .withOpacity(0.3),
+                blurRadius: 15,
+                offset: Offset(0, 8),
+              ),
+            ],
+          ),
+          child: Column(
+            crossAxisAlignment: CrossAxisAlignment.start,
+            children: [
+              Row(
+                children: [
+                  WortisLogoWidget(
+                    size: isTablet ? 60 : 50,
+                    isWhite: true,
+                    withShadow: false,
+                  ),
+                  SizedBox(width: isTablet ? 16 : 12),
+                  Expanded(
+                    child: Column(
+                      crossAxisAlignment: CrossAxisAlignment.start,
+                      children: [
+                        // Badge type de compte
+                        Container(
+                          padding: EdgeInsets.symmetric(
+                            horizontal: 10,
+                            vertical: 4,
+                          ),
+                          decoration: BoxDecoration(
+                            color: Colors.white.withOpacity(0.2),
+                            borderRadius: BorderRadius.circular(12),
+                          ),
+                          child: Row(
+                            mainAxisSize: MainAxisSize.min,
+                            children: [
+                              Icon(
+                                isEnterprise ? Icons.business : Icons.person,
+                                color: Colors.white,
+                                size: 12,
+                              ),
+                              SizedBox(width: 4),
+                              Text(
+                                isEnterprise
+                                    ? 'Compte Entreprise'
+                                    : 'Agent Individuel',
+                                style: TextStyle(
+                                  color: Colors.white,
+                                  fontSize: 10,
+                                  fontWeight: FontWeight.w600,
+                                ),
+                              ),
+                            ],
+                          ),
+                        ),
+                        SizedBox(height: 8),
+                        // Nom de l'agent
+                        Text(
+                          agentName,
+                          style: TextStyle(
+                            color: Colors.white,
+                            fontSize: isTablet ? 24 : 20,
+                            fontWeight: FontWeight.bold,
+                          ),
+                          maxLines: 1,
+                          overflow: TextOverflow.ellipsis,
+                        ),
+                        // Nom de l'entreprise si membre
+                        if (isEnterprise && enterpriseName != null) ...[
+                          SizedBox(height: 4),
+                          Row(
+                            children: [
+                              Icon(
+                                Icons.apartment,
+                                color: Colors.white.withOpacity(0.8),
+                                size: 14,
+                              ),
+                              SizedBox(width: 6),
+                              Expanded(
+                                child: Text(
+                                  enterpriseName,
+                                  style: TextStyle(
+                                    color: Colors.white.withOpacity(0.9),
+                                    fontSize: isTablet ? 14 : 12,
+                                  ),
+                                  maxLines: 1,
+                                  overflow: TextOverflow.ellipsis,
+                                ),
+                              ),
+                            ],
+                          ),
+                        ],
+                      ],
+                    ),
+                  ),
+                ],
+              ),
+              SizedBox(height: isTablet ? 16 : 12),
+              // Statut de connexion
+              Row(
+                children: [
+                  Icon(
+                    _hasError ? Icons.cloud_off : Icons.cloud_done,
+                    color: Colors.white.withOpacity(0.8),
+                    size: isTablet ? 16 : 14,
+                  ),
+                  SizedBox(width: isTablet ? 6 : 4),
+                  Expanded(
+                    child: Text(
+                      _getStatusText(),
+                      style: TextStyle(
+                        color: Colors.white.withOpacity(0.8),
+                        fontSize: isTablet ? 12 : 11,
+                      ),
+                      maxLines: 1,
+                      overflow: TextOverflow.ellipsis,
+                    ),
+                  ),
+                ],
+              ),
+            ],
+          ),
+        );
+      },
+    );
+  }
+
+  String _getStatusText() {
+    if (_hasError) return 'Mode hors ligne';
+    if (_isLoading) return 'Synchronisation...';
+    if (_lastUpdate != null) {
+      final diff = DateTime.now().difference(_lastUpdate!);
+      if (diff.inMinutes < 1) {
+        return 'Données actualisées';
+      } else if (diff.inMinutes < 60) {
+        return 'MAJ il y a ${diff.inMinutes} min';
+      } else {
+        return 'MAJ il y a ${diff.inHours}h';
+      }
+    }
+    return 'En attente de données';
+  }
+
+  // ===== FINANCIAL SUMMARY =====
+
+  Widget _buildFinancialSummary() {
+    final isTablet = context.isTablet;
+    final isSmallScreen = context.isSmallPhone;
+
+    return Consumer<AuthController>(
+      builder: (context, authController, child) {
+        final isEnterprise = _balanceData?['type'] == 'enterprise_member';
+
+        // Déterminer le solde à afficher
+        double solde;
+        if (isEnterprise && _enterpriseData != null) {
+          solde =
+              (_enterpriseData!['solde_entreprise'] as num?)?.toDouble() ?? 0.0;
+        } else if (isEnterprise &&
+            _balanceData?['enterprise']?['solde_entreprise'] != null) {
+          solde =
+              (_balanceData!['enterprise']['solde_entreprise'] as num)
+                  .toDouble();
+        } else {
+          solde = (_balanceData?['solde'] as num?)?.toDouble() ?? 0.0;
+        }
+
+        final agentName =
+            _balanceData?['nom'] ?? authController.agentName ?? 'Agent';
+        final agentId =
+            _balanceData?['agent_id'] ?? authController.agentId ?? 'N/A';
+
+        final stats = _statsData?['stats'];
+        final statsMois = stats?['statistiques_mois'] ?? {};
+        final volumeTotal = (statsMois['total_montant'] ?? 0.0).toDouble();
+        final commissionsTotal =
+            (statsMois['total_commissions'] ?? 0.0).toDouble();
+        final totalTransactions = statsMois['total_transactions'] ?? 0;
+
+        return Container(
+          width: double.infinity,
+          padding: EdgeInsets.all(isTablet ? 28 : (isSmallScreen ? 16 : 20)),
+          decoration: BoxDecoration(
+            gradient:
+                isEnterprise
+                    ? LinearGradient(
+                      colors: [enterpriseColor.withOpacity(0.05), surfaceColor],
+                    )
+                    : null,
+            color: isEnterprise ? null : surfaceColor,
+            borderRadius: BorderRadius.circular(20),
+            border:
+                isEnterprise
+                    ? Border.all(color: enterpriseColor.withOpacity(0.2))
+                    : null,
+            boxShadow: [
+              BoxShadow(
+                color: (isEnterprise ? enterpriseColor : primaryColor)
+                    .withOpacity(0.08),
+                blurRadius: 20,
+                offset: Offset(0, 8),
+              ),
+            ],
+          ),
+          child: Column(
+            crossAxisAlignment: CrossAxisAlignment.start,
+            children: [
+              // En-tête avec badge
+              Row(
+                children: [
+                  Expanded(
+                    child: Column(
+                      crossAxisAlignment: CrossAxisAlignment.start,
+                      children: [
+                        Row(
+                          children: [
+                            Text(
+                              'Résumé Financier',
+                              style: TextStyle(
+                                fontSize: context.responsiveFontSize(
+                                  phone: 16,
+                                  tablet: 20,
+                                ),
+                                fontWeight: FontWeight.bold,
+                                color: Colors.black87,
+                              ),
+                            ),
+                            SizedBox(width: 8),
+                            if (isEnterprise)
+                              Container(
+                                padding: EdgeInsets.symmetric(
+                                  horizontal: 8,
+                                  vertical: 4,
+                                ),
+                                decoration: BoxDecoration(
+                                  color: enterpriseColor.withOpacity(0.1),
+                                  borderRadius: BorderRadius.circular(12),
+                                  border: Border.all(
+                                    color: enterpriseColor.withOpacity(0.3),
+                                  ),
+                                ),
+                                child: Row(
+                                  mainAxisSize: MainAxisSize.min,
+                                  children: [
+                                    Icon(
+                                      Icons.business,
+                                      color: enterpriseColor,
+                                      size: 12,
+                                    ),
+                                    SizedBox(width: 4),
+                                    Text(
+                                      'Entreprise',
+                                      style: TextStyle(
+                                        color: enterpriseColor,
+                                        fontSize: 10,
+                                        fontWeight: FontWeight.w600,
+                                      ),
+                                    ),
+                                  ],
+                                ),
+                              ),
+                          ],
+                        ),
+                        SizedBox(height: 2),
+                        Text(
+                          'Agent: $agentName',
+                          style: TextStyle(
+                            fontSize: isTablet ? 15 : (isSmallScreen ? 12 : 14),
+                            color: Colors.grey[600],
+                          ),
+                          overflow: TextOverflow.ellipsis,
+                        ),
+                        if (isEnterprise &&
+                            _enterpriseData?['nom_entreprise'] != null) ...[
+                          SizedBox(height: 2),
+                          Row(
+                            children: [
+                              Icon(
+                                Icons.apartment,
+                                size: 12,
+                                color: enterpriseColor,
+                              ),
+                              SizedBox(width: 4),
+                              Expanded(
+                                child: Text(
+                                  _enterpriseData!['nom_entreprise'],
+                                  style: TextStyle(
+                                    fontSize: isSmallScreen ? 11 : 12,
+                                    color: enterpriseColor,
+                                    fontWeight: FontWeight.w500,
+                                  ),
+                                  overflow: TextOverflow.ellipsis,
+                                ),
+                              ),
+                            ],
+                          ),
+                        ],
+                      ],
+                    ),
+                  ),
+                  if (!_hasError && !isSmallScreen)
+                    Container(
+                      padding: EdgeInsets.symmetric(horizontal: 8, vertical: 4),
+                      decoration: BoxDecoration(
+                        color: successColor.withOpacity(0.1),
+                        borderRadius: BorderRadius.circular(12),
+                      ),
+                      child: Row(
+                        mainAxisSize: MainAxisSize.min,
+                        children: [
+                          Icon(
+                            Icons.check_circle,
+                            size: 12,
+                            color: successColor,
+                          ),
+                          SizedBox(width: 4),
+                          Text(
+                            'En ligne',
+                            style: TextStyle(
+                              color: successColor,
+                              fontSize: 10,
+                              fontWeight: FontWeight.w600,
+                            ),
+                          ),
+                        ],
+                      ),
+                    ),
+                ],
+              ),
+              SizedBox(height: isTablet ? 24 : (isSmallScreen ? 16 : 20)),
+
+              // Solde principal
+              LayoutBuilder(
+                builder: (context, constraints) {
+                  final availableWidth = constraints.maxWidth;
+                  final soldeText = solde.toStringAsFixed(0);
+
+                  double fontSize;
+                  if (availableWidth < 250) {
+                    fontSize = 24;
+                  } else if (availableWidth < 350) {
+                    fontSize = 32;
+                  } else if (isTablet) {
+                    fontSize = 48;
+                  } else {
+                    fontSize = 36;
+                  }
+
+                  return Column(
+                    crossAxisAlignment: CrossAxisAlignment.start,
+                    children: [
+                      FittedBox(
+                        fit: BoxFit.scaleDown,
+                        alignment: Alignment.centerLeft,
+                        child: Row(
+                          crossAxisAlignment: CrossAxisAlignment.end,
+                          children: [
+                            Text(
+                              _formatMoney(solde),
+                              style: TextStyle(
+                                fontSize: fontSize,
+                                fontWeight: FontWeight.bold,
+                                color:
+                                    isEnterprise
+                                        ? enterpriseColor
+                                        : primaryColor,
+                              ),
+                            ),
+                            SizedBox(width: 8),
+                            Padding(
+                              padding: EdgeInsets.only(bottom: fontSize * 0.15),
+                              child: Text(
+                                'FCFA',
+                                style: TextStyle(
+                                  fontSize: fontSize * 0.4,
+                                  fontWeight: FontWeight.w600,
+                                  color: Colors.grey[600],
+                                ),
+                              ),
+                            ),
+                          ],
+                        ),
+                      ),
+                      SizedBox(height: 8),
+                      Row(
+                        children: [
+                          Text(
+                            isEnterprise
+                                ? 'Solde entreprise'
+                                : 'Solde disponible',
+                            style: TextStyle(
+                              fontSize:
+                                  isTablet ? 15 : (isSmallScreen ? 12 : 13),
+                              color: Colors.grey[600],
+                            ),
+                          ),
+                          Text(
+                            ' • Agent $agentId',
+                            style: TextStyle(
+                              fontSize:
+                                  isTablet ? 15 : (isSmallScreen ? 12 : 13),
+                              color: Colors.grey[600],
+                            ),
+                            overflow: TextOverflow.ellipsis,
+                          ),
+                        ],
+                      ),
+                    ],
+                  );
+                },
+              ),
+
+              SizedBox(height: isTablet ? 24 : (isSmallScreen ? 16 : 20)),
+
+              // Statistiques financières
+              Container(
+                padding: EdgeInsets.all(
+                  isTablet ? 18 : (isSmallScreen ? 12 : 14),
+                ),
+                decoration: BoxDecoration(
+                  color: backgroundColor,
+                  borderRadius: BorderRadius.circular(12),
+                ),
+                child: _buildResponsiveFinancialStats(
+                  volumeTotal,
+                  commissionsTotal,
+                  totalTransactions,
+                  isSmallScreen,
+                  isTablet,
+                ),
+              ),
+            ],
+          ),
+        );
+      },
+    );
+  }
+
+  Widget _buildResponsiveFinancialStats(
+    double volumeTotal,
+    double commissionsTotal,
+    int totalTransactions,
+    bool isSmallScreen,
+    bool isTablet,
+  ) {
+    final screenWidth = MediaQuery.of(context).size.width;
+
+    if (isSmallScreen) {
+      return Column(
+        children: [
+          _buildFinancialItemCompact(
+            'Volume mensuel',
+            '${(volumeTotal / 1000).toStringAsFixed(0)}k FCFA',
+            primaryColor,
+            isSmallScreen: true,
+          ),
+          SizedBox(height: 8),
+          Row(
+            children: [
+              Expanded(
+                child: _buildFinancialItemCompact(
+                  'Commissions',
+                  '${commissionsTotal.toStringAsFixed(0)} FCFA',
+                  accentColor,
+                  isSmallScreen: true,
+                ),
+              ),
+              SizedBox(width: 8),
+              Expanded(
+                child: _buildFinancialItemCompact(
+                  'Transactions',
+                  '$totalTransactions',
+                  successColor,
+                  isSmallScreen: true,
+                ),
+              ),
+            ],
+          ),
+          SizedBox(height: 8),
+          _buildFinancialItemCompact(
+            'Taux commission',
+            '${volumeTotal > 0 ? (commissionsTotal / volumeTotal * 100).toStringAsFixed(2) : '0.00'}%',
+            warningColor,
+            isSmallScreen: true,
+          ),
+        ],
+      );
+    }
+
+    if (screenWidth < 500) {
+      return Column(
+        children: [
+          Row(
+            children: [
+              Expanded(
+                child: _buildFinancialItemCompact(
+                  'Volume mensuel',
+                  '${(volumeTotal / 1000).toStringAsFixed(0)}k FCFA',
+                  primaryColor,
+                ),
+              ),
+              SizedBox(width: 8),
+              Expanded(
+                child: _buildFinancialItemCompact(
+                  'Commissions',
+                  '${commissionsTotal.toStringAsFixed(0)} FCFA',
+                  accentColor,
+                ),
+              ),
+            ],
+          ),
+          SizedBox(height: 12),
+          Row(
+            children: [
+              Expanded(
+                child: _buildFinancialItemCompact(
+                  'Transactions',
+                  '$totalTransactions',
+                  successColor,
+                ),
+              ),
+              SizedBox(width: 8),
+              Expanded(
+                child: _buildFinancialItemCompact(
+                  'Taux commission',
+                  '${volumeTotal > 0 ? (commissionsTotal / volumeTotal * 100).toStringAsFixed(2) : '0.00'}%',
+                  warningColor,
+                ),
+              ),
+            ],
+          ),
+        ],
+      );
+    }
+
+    return Row(
+      children: [
+        Expanded(
+          child: _buildFinancialItemCompact(
+            'Volume mensuel',
+            '${(volumeTotal / 1000).toStringAsFixed(0)}k FCFA',
+            primaryColor,
+            isTablet: isTablet,
+          ),
+        ),
+        SizedBox(width: isTablet ? 16 : 8),
+        Expanded(
+          child: _buildFinancialItemCompact(
+            'Commissions',
+            '${commissionsTotal.toStringAsFixed(0)} FCFA',
+            accentColor,
+            isTablet: isTablet,
+          ),
+        ),
+        SizedBox(width: isTablet ? 16 : 8),
+        Expanded(
+          child: _buildFinancialItemCompact(
+            'Transactions',
+            '$totalTransactions',
+            successColor,
+            isTablet: isTablet,
+          ),
+        ),
+        SizedBox(width: isTablet ? 16 : 8),
+        Expanded(
+          child: _buildFinancialItemCompact(
+            'Taux commission',
+            '${volumeTotal > 0 ? (commissionsTotal / volumeTotal * 100).toStringAsFixed(2) : '0.00'}%',
+            warningColor,
+            isTablet: isTablet,
+          ),
+        ),
+      ],
+    );
+  }
+
+  Widget _buildFinancialItemCompact(
+    String label,
+    String value,
+    Color color, {
+    bool isSmallScreen = false,
+    bool isTablet = false,
+  }) {
+    return Column(
+      crossAxisAlignment: CrossAxisAlignment.start,
+      children: [
+        FittedBox(
+          fit: BoxFit.scaleDown,
+          alignment: Alignment.centerLeft,
+          child: Text(
+            label,
+            style: TextStyle(
+              fontSize: isSmallScreen ? 9 : (isTablet ? 12 : 10),
+              color: Colors.grey[600],
+              fontWeight: FontWeight.w500,
+            ),
+          ),
+        ),
+        SizedBox(height: 2),
+        FittedBox(
+          fit: BoxFit.scaleDown,
+          alignment: Alignment.centerLeft,
+          child: Text(
+            value,
+            style: TextStyle(
+              fontSize: isSmallScreen ? 12 : (isTablet ? 16 : 13),
+              fontWeight: FontWeight.bold,
+              color: color,
+            ),
+          ),
+        ),
+      ],
+    );
+  }
+
+  // ===== PERFORMANCE OVERVIEW =====
+
+  Widget _buildPerformanceOverview() {
+    final screenWidth = MediaQuery.of(context).size.width;
+    final isTablet = screenWidth > 600;
+    final stats = _statsData?['stats'];
+    final statsMois = stats?['statistiques_mois'] ?? {};
+
+    final ventesMois = statsMois['total_transactions'] ?? 0;
+    final revenuseMois = (statsMois['total_montant'] ?? 0.0).toDouble();
+    final commissionsMois = (statsMois['total_commissions'] ?? 0.0).toDouble();
+
+    final objectifMensuel = 1000000.0;
+    final objectifPourcent =
+        revenuseMois > 0
+            ? ((revenuseMois / objectifMensuel) * 100).clamp(0.0, 100.0)
+            : 0.0;
+
+    return Column(
+      crossAxisAlignment: CrossAxisAlignment.start,
+      children: [
+        Row(
+          mainAxisAlignment: MainAxisAlignment.spaceBetween,
+          children: [
+            Text(
+              'Performances Mensuelles',
+              style: TextStyle(
+                fontSize: isTablet ? 22 : 20,
+                fontWeight: FontWeight.bold,
+                color: Colors.black87,
+              ),
+            ),
+            Container(
+              padding: EdgeInsets.symmetric(
+                horizontal: isTablet ? 10 : 8,
+                vertical: 4,
+              ),
+              decoration: BoxDecoration(
+                color: Colors.blue[50],
+                borderRadius: BorderRadius.circular(12),
+                border: Border.all(color: Colors.blue[200]!),
+              ),
+              child: Row(
+                mainAxisSize: MainAxisSize.min,
+                children: [
+                  Icon(Icons.calendar_month, size: 12, color: Colors.blue[600]),
+                  SizedBox(width: 4),
+                  Text(
+                    '${DateTime.now().month.toString().padLeft(2, '0')}/${DateTime.now().year}',
+                    style: TextStyle(
+                      fontSize: 10,
+                      color: Colors.blue[600],
+                      fontWeight: FontWeight.w600,
+                    ),
+                  ),
+                ],
+              ),
+            ),
+          ],
+        ),
+        SizedBox(height: 16),
+
+        isTablet
+            ? _buildTabletPerformanceCards(
+              ventesMois,
+              revenuseMois,
+              commissionsMois,
+              objectifPourcent,
+            )
+            : _buildMobilePerformanceCards(
+              ventesMois,
+              revenuseMois,
+              commissionsMois,
+              objectifPourcent,
+            ),
+      ],
+    );
+  }
+
+  Widget _buildTabletPerformanceCards(
+    int ventes,
+    double revenus,
+    double commissions,
+    double objectif,
+  ) {
+    return Row(
+      children: [
+        Expanded(
+          child: _buildPerformanceCard(
+            'Transactions',
+            '$ventes',
+            ventes > 0
+                ? '$ventes transaction${ventes > 1 ? 's' : ''}'
+                : 'Aucune transaction',
+            ventes > 0 ? successColor : Colors.grey,
+            Icons.trending_up,
+          ),
+        ),
+        SizedBox(width: 16),
+        Expanded(
+          child: _buildPerformanceCard(
+            'Volume traité',
+            '${(revenus / 1000).toStringAsFixed(0)}k FCFA',
+            revenus > 0 ? 'Volume mensuel' : 'Pas de volume',
+            revenus > 0 ? primaryColor : Colors.grey,
+            Icons.monetization_on,
+          ),
+        ),
+        SizedBox(width: 16),
+        Expanded(
+          child: _buildPerformanceCard(
+            'Commissions',
+            '${commissions.toStringAsFixed(0)} FCFA',
+            commissions > 0
+                ? '${(commissions / revenus * 100).toStringAsFixed(1)}% du volume'
+                : 'Aucune commission',
+            commissions > 0 ? accentColor : Colors.grey,
+            Icons.account_balance_wallet,
+          ),
+        ),
+        SizedBox(width: 16),
+        Expanded(
+          child: _buildPerformanceCard(
+            'Objectif mensuel',
+            '${objectif.toStringAsFixed(1)}%',
+            revenus > 0
+                ? '${(revenus / 1000).toStringAsFixed(0)}k/1000k'
+                : 'Objectif: 1M FCFA',
+            objectif > 80
+                ? successColor
+                : objectif > 50
+                ? warningColor
+                : Colors.grey,
+            Icons.track_changes,
+          ),
+        ),
+      ],
+    );
+  }
+
+  Widget _buildMobilePerformanceCards(
+    int ventes,
+    double revenus,
+    double commissions,
+    double objectif,
+  ) {
+    return Column(
+      children: [
+        Row(
+          children: [
+            Expanded(
+              child: _buildPerformanceCard(
+                'Transactions',
+                '$ventes',
+                ventes > 0
+                    ? '$ventes transaction${ventes > 1 ? 's' : ''}'
+                    : 'Aucune',
+                ventes > 0 ? successColor : Colors.grey,
+                Icons.trending_up,
+              ),
+            ),
+            SizedBox(width: 12),
+            Expanded(
+              child: _buildPerformanceCard(
+                'Volume traité',
+                '${(revenus / 1000).toStringAsFixed(0)}k',
+                revenus > 0 ? 'FCFA' : 'Pas de volume',
+                revenus > 0 ? primaryColor : Colors.grey,
+                Icons.monetization_on,
+              ),
+            ),
+          ],
+        ),
+        SizedBox(height: 12),
+        Row(
+          children: [
+            Expanded(
+              child: _buildPerformanceCard(
+                'Commissions',
+                commissions.toStringAsFixed(0),
+                commissions > 0 ? 'FCFA gagné' : 'Aucune',
+                commissions > 0 ? accentColor : Colors.grey,
+                Icons.account_balance_wallet,
+              ),
+            ),
+            SizedBox(width: 12),
+            Expanded(
+              child: _buildPerformanceCard(
+                'Objectif',
+                '${objectif.toStringAsFixed(0)}%',
+                revenus > 0 ? 'Atteint' : '1M FCFA',
+                objectif > 80
+                    ? successColor
+                    : objectif > 50
+                    ? warningColor
+                    : Colors.grey,
+                Icons.track_changes,
+              ),
+            ),
+          ],
+        ),
+      ],
+    );
+  }
+
+  Widget _buildPerformanceCard(
+    String title,
+    String value,
+    String trend,
+    Color color,
+    IconData icon,
+  ) {
+    final screenWidth = MediaQuery.of(context).size.width;
+    final isTablet = screenWidth > 600;
+
+    return Container(
+      padding: EdgeInsets.all(isTablet ? 20 : 16),
+      decoration: BoxDecoration(
+        color: surfaceColor,
+        borderRadius: BorderRadius.circular(16),
+        border: Border.all(color: color.withOpacity(0.1)),
+        boxShadow: [
+          BoxShadow(
+            color: color.withOpacity(0.08),
+            blurRadius: 10,
+            offset: Offset(0, 4),
+          ),
+        ],
+      ),
+      child: Column(
+        crossAxisAlignment: CrossAxisAlignment.start,
+        children: [
+          Row(
+            mainAxisAlignment: MainAxisAlignment.spaceBetween,
+            children: [
+              Icon(icon, color: color, size: isTablet ? 24 : 22),
+              if (isTablet)
+                Flexible(
+                  child: Text(
+                    trend,
+                    style: TextStyle(
+                      fontSize: 12,
+                      color: color,
+                      fontWeight: FontWeight.w600,
+                    ),
+                    maxLines: 1,
+                    overflow: TextOverflow.ellipsis,
+                  ),
+                ),
+            ],
+          ),
+          SizedBox(height: 12),
+          Text(
+            value,
+            style: TextStyle(
+              fontSize: isTablet ? 20 : 16,
+              fontWeight: FontWeight.bold,
+              color: color,
+            ),
+            maxLines: 1,
+            overflow: TextOverflow.ellipsis,
+          ),
+          SizedBox(height: 4),
+          Text(
+            title,
+            style: TextStyle(
+              fontSize: isTablet ? 13 : 11,
+              color: Colors.grey[600],
+              fontWeight: FontWeight.w500,
+            ),
+            maxLines: 2,
+            overflow: TextOverflow.ellipsis,
+          ),
+          if (!isTablet) ...[
+            SizedBox(height: 4),
+            Text(
+              trend,
+              style: TextStyle(
+                fontSize: 10,
+                color: color,
+                fontWeight: FontWeight.w600,
+              ),
+              maxLines: 1,
+              overflow: TextOverflow.ellipsis,
+            ),
+          ],
+        ],
+      ),
+    );
+  }
+
+  // ===== SALES ANALYTICS =====
+
+  Widget _buildSalesAnalytics() {
+    final services = _statsData?['stats']?['services_favoris'] as List? ?? [];
+
+    return Container(
+      padding: EdgeInsets.all(24),
+      decoration: BoxDecoration(
+        color: surfaceColor,
+        borderRadius: BorderRadius.circular(20),
+        boxShadow: [
+          BoxShadow(
+            color: Colors.black.withOpacity(0.05),
+            blurRadius: 15,
+            offset: Offset(0, 5),
+          ),
+        ],
+      ),
+      child: Column(
+        crossAxisAlignment: CrossAxisAlignment.start,
+        children: [
+          Row(
+            mainAxisAlignment: MainAxisAlignment.spaceBetween,
+            children: [
+              Text(
+                'Analyse des Services',
+                style: TextStyle(
+                  fontSize: 18,
+                  fontWeight: FontWeight.bold,
+                  color: Colors.black87,
+                ),
+              ),
+              if (services.isNotEmpty)
+                Text(
+                  '${services.length} service${services.length > 1 ? 's' : ''}',
+                  style: TextStyle(fontSize: 12, color: Colors.grey[600]),
+                ),
+            ],
+          ),
+          SizedBox(height: 20),
+          if (services.isEmpty)
+            _buildEmptyServicesAnalytics()
+          else
+            _buildServicesAnalytics(services),
+        ],
+      ),
+    );
+  }
+
+  Widget _buildEmptyServicesAnalytics() {
+    return Column(
+      children: [
+        Icon(Icons.analytics_outlined, size: 48, color: Colors.grey[400]),
+        SizedBox(height: 12),
+        Text(
+          'Aucune transaction encore',
+          style: TextStyle(
+            fontSize: 16,
+            color: Colors.grey[600],
+            fontWeight: FontWeight.w500,
+          ),
+        ),
+        SizedBox(height: 8),
+        Text(
+          'Vos statistiques apparaîtront ici après vos premières transactions',
+          textAlign: TextAlign.center,
+          style: TextStyle(fontSize: 12, color: Colors.grey[500]),
+        ),
+      ],
+    );
+  }
+
+  Widget _buildServicesAnalytics(List services) {
+    final total = services.fold<int>(
+      0,
+      (sum, service) => sum + (service['count'] as int? ?? 0),
+    );
+
+    return Row(
+      children:
+          services.take(3).map((service) {
+            final count = service['count'] as int? ?? 0;
+            final percentage = total > 0 ? (count / total) : 0.0;
+            final serviceName = service['_id'] as String? ?? 'Service';
+
+            Color serviceColor = primaryColor;
+            if (serviceName.toLowerCase().contains('internet')) {
+              serviceColor = primaryColor;
+            } else if (serviceName.toLowerCase().contains('électricité') ||
+                serviceName.toLowerCase().contains('e2c') ||
+                serviceName.toLowerCase().contains('pelisa')) {
+              serviceColor = accentColor;
+            } else {
+              serviceColor = successColor;
+            }
+
+            return Expanded(
+              child: Padding(
+                padding: EdgeInsets.symmetric(horizontal: 8),
+                child: _buildSalesItem(
+                  serviceName,
+                  '${(percentage * 100).toStringAsFixed(0)}%',
+                  serviceColor,
+                  percentage,
+                ),
+              ),
+            );
+          }).toList(),
+    );
+  }
+
+  Widget _buildSalesItem(
+    String service,
+    String percentage,
+    Color color,
+    double progress,
+  ) {
+    return Column(
+      children: [
+        Text(
+          service,
+          style: TextStyle(
+            fontSize: 14,
+            fontWeight: FontWeight.w600,
+            color: Colors.black87,
+          ),
+          textAlign: TextAlign.center,
+          maxLines: 1,
+          overflow: TextOverflow.ellipsis,
+        ),
+        SizedBox(height: 12),
+        Stack(
+          alignment: Alignment.center,
+          children: [
+            SizedBox(
+              width: 60,
+              height: 60,
+              child: CircularProgressIndicator(
+                value: progress,
+                strokeWidth: 6,
+                backgroundColor: color.withOpacity(0.1),
+                valueColor: AlwaysStoppedAnimation<Color>(color),
+              ),
+            ),
+            Text(
+              percentage,
+              style: TextStyle(
+                fontSize: 12,
+                fontWeight: FontWeight.bold,
+                color: color,
+              ),
+            ),
+          ],
+        ),
+      ],
+    );
+  }
+
+  // ===== ENTERPRISE SECTION (NOUVEAU) =====
+
+  Widget _buildEnterpriseSection() {
+    if (_enterpriseData == null) return SizedBox.shrink();
+
+    final stats = _enterpriseData!['statistics'] ?? {};
+    final totalMembers = _enterpriseData!['total_members'] ?? 0;
+    final totalTransactions = stats['total_transactions'] ?? 0;
+    final totalVolume = (stats['total_volume'] ?? 0.0).toDouble();
+    final totalCommissions = (stats['total_commissions'] ?? 0.0).toDouble();
+    final dailyTransactions = stats['daily_transactions'] ?? 0;
+    final isAdmin = _balanceData?['is_admin_entreprise'] == true;
+
+    return Container(
+      padding: EdgeInsets.all(20),
+      decoration: BoxDecoration(
+        gradient: LinearGradient(
+          colors: [enterpriseColor.withOpacity(0.05), surfaceColor],
+        ),
+        borderRadius: BorderRadius.circular(20),
+        border: Border.all(color: enterpriseColor.withOpacity(0.2)),
+        boxShadow: [
+          BoxShadow(
+            color: enterpriseColor.withOpacity(0.08),
+            blurRadius: 15,
+            offset: Offset(0, 5),
+          ),
+        ],
+      ),
+      child: Column(
+        crossAxisAlignment: CrossAxisAlignment.start,
+        children: [
+          // En-tête
+          Row(
+            mainAxisAlignment: MainAxisAlignment.spaceBetween,
+            children: [
+              Expanded(
+                child: Row(
+                  children: [
+                    Icon(Icons.business, color: enterpriseColor, size: 24),
+                    SizedBox(width: 12),
+                    Expanded(
+                      child: Column(
+                        crossAxisAlignment: CrossAxisAlignment.start,
+                        children: [
+                          Text(
+                            _enterpriseData!['nom_entreprise'] ?? 'Entreprise',
+                            style: TextStyle(
+                              fontSize: 18,
+                              fontWeight: FontWeight.bold,
+                              color: enterpriseColor,
+                            ),
+                            maxLines: 1,
+                            overflow: TextOverflow.ellipsis,
+                          ),
+                          Text(
+                            'ID: ${_enterpriseData!['enterprise_id']}',
+                            style: TextStyle(
+                              fontSize: 12,
+                              color: Colors.grey[600],
+                            ),
+                          ),
+                        ],
+                      ),
+                    ),
+                  ],
+                ),
+              ),
+              if (isAdmin)
+                Container(
+                  padding: EdgeInsets.symmetric(horizontal: 8, vertical: 4),
+                  decoration: BoxDecoration(
+                    color: enterpriseColor.withOpacity(0.1),
+                    borderRadius: BorderRadius.circular(12),
+                  ),
+                  child: Text(
+                    'ADMIN',
+                    style: TextStyle(
+                      fontSize: 10,
+                      color: enterpriseColor,
+                      fontWeight: FontWeight.bold,
+                    ),
+                  ),
+                ),
+            ],
+          ),
+          SizedBox(height: 20),
+
+          // Stats entreprise
+          Row(
+            children: [
+              Expanded(
+                child: _buildEnterpriseStatCard(
+                  'Membres',
+                  '$totalMembers',
+                  Icons.group,
+                  enterpriseColor,
+                ),
+              ),
+              SizedBox(width: 12),
+              Expanded(
+                child: _buildEnterpriseStatCard(
+                  'Transactions',
+                  '$totalTransactions',
+                  Icons.receipt_long,
+                  primaryColor,
+                ),
+              ),
+            ],
+          ),
+          SizedBox(height: 12),
+          Row(
+            children: [
+              Expanded(
+                child: _buildEnterpriseStatCard(
+                  'Volume Total',
+                  '${(totalVolume / 1000).toStringAsFixed(0)}k',
+                  Icons.trending_up,
+                  successColor,
+                ),
+              ),
+              SizedBox(width: 12),
+              Expanded(
+                child: _buildEnterpriseStatCard(
+                  'Commissions',
+                  '${totalCommissions.toStringAsFixed(0)}',
+                  Icons.account_balance_wallet,
+                  accentColor,
+                ),
+              ),
+            ],
+          ),
+
+          if (dailyTransactions > 0) ...[
+            SizedBox(height: 12),
+            Container(
+              padding: EdgeInsets.all(12),
+              decoration: BoxDecoration(
+                color: successColor.withOpacity(0.1),
+                borderRadius: BorderRadius.circular(12),
+              ),
+              child: Row(
+                children: [
+                  Icon(Icons.today, size: 16, color: successColor),
+                  SizedBox(width: 8),
+                  Text(
+                    '$dailyTransactions transaction${dailyTransactions > 1 ? 's' : ''} aujourd\'hui',
+                    style: TextStyle(
+                      fontSize: 13,
+                      color: successColor,
+                      fontWeight: FontWeight.w600,
+                    ),
+                  ),
+                ],
+              ),
+            ),
+          ],
+
+          // Boutons d'action
+          if (isAdmin && _enterpriseMembers.isNotEmpty) ...[
+            SizedBox(height: 16),
+            Row(
+              children: [
+                Expanded(
+                  child: ElevatedButton.icon(
+                    onPressed: _showEnterpriseMembers,
+                    icon: Icon(Icons.group, size: 18),
+                    label: Text(
+                      'Voir les membres (${_enterpriseMembers.length})',
+                    ),
+                    style: ElevatedButton.styleFrom(
+                      backgroundColor: enterpriseColor,
+                      foregroundColor: Colors.white,
+                      padding: EdgeInsets.symmetric(vertical: 12),
+                      shape: RoundedRectangleBorder(
+                        borderRadius: BorderRadius.circular(12),
+                      ),
+                    ),
+                  ),
+                ),
+                SizedBox(width: 8),
+                ElevatedButton(
+                  onPressed: _showEnterpriseDetails,
+                  child: Icon(Icons.info_outline, size: 18),
+                  style: ElevatedButton.styleFrom(
+                    backgroundColor: enterpriseColor.withOpacity(0.1),
+                    foregroundColor: enterpriseColor,
+                    padding: EdgeInsets.all(12),
+                    shape: RoundedRectangleBorder(
+                      borderRadius: BorderRadius.circular(12),
+                    ),
+                  ),
+                ),
+              ],
+            ),
+          ],
+        ],
+      ),
+    );
+  }
+
+  Widget _buildEnterpriseStatCard(
+    String label,
+    String value,
+    IconData icon,
+    Color color,
+  ) {
+    return Container(
+      padding: EdgeInsets.all(12),
+      decoration: BoxDecoration(
+        color: surfaceColor,
+        borderRadius: BorderRadius.circular(12),
+        border: Border.all(color: color.withOpacity(0.2)),
+      ),
+      child: Column(
+        crossAxisAlignment: CrossAxisAlignment.start,
+        children: [
+          Row(
+            children: [
+              Icon(icon, size: 16, color: color),
+              Spacer(),
+              Text(
+                value,
+                style: TextStyle(
+                  fontSize: 18,
+                  fontWeight: FontWeight.bold,
+                  color: color,
+                ),
+              ),
+            ],
+          ),
+          SizedBox(height: 4),
+          Text(
+            label,
+            style: TextStyle(
+              fontSize: 11,
+              color: Colors.grey[600],
+              fontWeight: FontWeight.w500,
+            ),
+          ),
+        ],
+      ),
+    );
+  }
+
+  // ===== RECENT ACTIVITY =====
+
+  Widget _buildRecentActivity() {
+    final isSmallScreen = context.isSmallPhone;
+    final isTablet = context.isTablet;
+
+    return Container(
+      padding: EdgeInsets.all(isTablet ? 24 : (isSmallScreen ? 16 : 20)),
+      decoration: BoxDecoration(
+        color: surfaceColor,
+        borderRadius: BorderRadius.circular(20),
+        boxShadow: [
+          BoxShadow(
+            color: Colors.black.withOpacity(0.05),
+            blurRadius: 15,
+            offset: Offset(0, 5),
+          ),
+        ],
+      ),
+      child: Column(
+        crossAxisAlignment: CrossAxisAlignment.start,
+        children: [
+          Row(
+            mainAxisAlignment: MainAxisAlignment.spaceBetween,
+            children: [
+              Expanded(
+                child: Text(
+                  'Activité Récente',
+                  style: TextStyle(
+                    fontSize: context.responsiveFontSize(phone: 16, tablet: 20),
+                    fontWeight: FontWeight.bold,
+                    color: Colors.black87,
+                  ),
+                ),
+              ),
+              if (!isSmallScreen)
+                TextButton(
+                  onPressed: () {
+                    ScaffoldMessenger.of(context).showSnackBar(
+                      SnackBar(
+                        content: Text(
+                          'Historique complet - Bientôt disponible',
+                        ),
+                      ),
+                    );
+                  },
+                  child: Text('Voir tout', style: TextStyle(fontSize: 12)),
+                ),
+            ],
+          ),
+          SizedBox(height: 12),
+          if (_recentTransactions.isEmpty)
+            _buildEmptyTransactions()
+          else ...[
+            Text(
+              'Dernières transactions (${_recentTransactions.length})',
+              style: TextStyle(
+                fontSize: isSmallScreen ? 10 : 12,
+                color: Colors.grey[600],
+              ),
+            ),
+            SizedBox(height: 8),
+            ..._recentTransactions.map(
+              (transaction) => _buildResponsiveActivityItem(
+                transaction,
+                isSmallScreen,
+                isTablet,
+              ),
+            ),
+          ],
+        ],
+      ),
+    );
+  }
+
+  Widget _buildResponsiveActivityItem(
+    Map<String, dynamic> transaction,
+    bool isSmallScreen,
+    bool isTablet,
+  ) {
+    final serviceName =
+        transaction['service_name'] as String? ?? 'Service inconnu';
+    final montantTotal =
+        (transaction['montant_total_debite'] as num?)?.toDouble() ?? 0.0;
+    final commission =
+        (transaction['commission_agent'] as num?)?.toDouble() ?? 0.0;
+    final clientRef = transaction['client_reference'] as String? ?? '';
+    final statut = transaction['status'] as String? ?? 'unknown';
+    final accountType = transaction['account_type'] as String?;
+    final balanceSource = transaction['balance_source'] as String?;
+
+    final dateStr =
+        transaction['created_at'] is String
+            ? transaction['created_at'] as String
+            : transaction['created_at']?['\$date'] as String? ?? '';
+
+    DateTime? transactionDate;
+    try {
+      transactionDate = DateTime.parse(dateStr);
+    } catch (e) {
+      transactionDate = DateTime.now();
+    }
+
+    final timeStr =
+        '${transactionDate.hour.toString().padLeft(2, '0')}:${transactionDate.minute.toString().padLeft(2, '0')}';
+    final dayStr =
+        '${transactionDate.day.toString().padLeft(2, '0')}/${transactionDate.month.toString().padLeft(2, '0')}';
+
+    Color color = primaryColor;
+    IconData icon = Icons.wifi;
+
+    if (statut == 'completed') {
+      color = successColor;
+      icon = Icons.check_circle;
+    } else if (statut == 'pending') {
+      color = warningColor;
+      icon = Icons.pending;
+    } else if (statut == 'failed') {
+      color = dangerColor;
+      icon = Icons.error;
+    }
+
+    final isEnterpriseTransaction =
+        accountType == 'enterprise_member' || balanceSource == 'enterprise';
+
+    return Container(
+      margin: EdgeInsets.symmetric(vertical: isSmallScreen ? 6 : 8),
+      padding: EdgeInsets.all(isSmallScreen ? 12 : (isTablet ? 20 : 16)),
+      decoration: BoxDecoration(
+        color: color.withOpacity(0.05),
+        borderRadius: BorderRadius.circular(12),
+        border: Border.all(
+          color:
+              isEnterpriseTransaction
+                  ? enterpriseColor.withOpacity(0.3)
+                  : color.withOpacity(0.2),
+        ),
+      ),
+      child: Column(
+        children: [
+          Row(
+            children: [
+              Container(
+                width: isSmallScreen ? 36 : (isTablet ? 50 : 42),
+                height: isSmallScreen ? 36 : (isTablet ? 50 : 42),
+                decoration: BoxDecoration(
+                  color: color.withOpacity(0.1),
+                  borderRadius: BorderRadius.circular(10),
+                ),
+                child: Icon(
+                  icon,
+                  color: color,
+                  size: isSmallScreen ? 18 : (isTablet ? 24 : 20),
+                ),
+              ),
+              SizedBox(width: isSmallScreen ? 8 : 12),
+              Expanded(
+                child: Column(
+                  crossAxisAlignment: CrossAxisAlignment.start,
+                  children: [
+                    Row(
+                      children: [
+                        Expanded(
+                          child: Text(
+                            serviceName,
+                            style: TextStyle(
+                              fontSize:
+                                  isSmallScreen ? 13 : (isTablet ? 16 : 14),
+                              fontWeight: FontWeight.bold,
+                              color: Colors.black87,
+                            ),
+                            maxLines: 1,
+                            overflow: TextOverflow.ellipsis,
+                          ),
+                        ),
+                        if (isEnterpriseTransaction)
+                          Container(
+                            padding: EdgeInsets.symmetric(
+                              horizontal: 6,
+                              vertical: 2,
+                            ),
+                            decoration: BoxDecoration(
+                              color: enterpriseColor.withOpacity(0.1),
+                              borderRadius: BorderRadius.circular(8),
+                            ),
+                            child: Row(
+                              mainAxisSize: MainAxisSize.min,
+                              children: [
+                                Icon(
+                                  Icons.business,
+                                  size: 8,
+                                  color: enterpriseColor,
+                                ),
+                                SizedBox(width: 2),
+                                Text(
+                                  'ENT',
+                                  style: TextStyle(
+                                    fontSize: 8,
+                                    color: enterpriseColor,
+                                    fontWeight: FontWeight.bold,
+                                  ),
+                                ),
+                              ],
+                            ),
+                          ),
+                      ],
+                    ),
+                    SizedBox(height: 2),
+                    Text(
+                      '$dayStr à $timeStr • Réf: $clientRef',
+                      style: TextStyle(
+                        fontSize: isSmallScreen ? 10 : (isTablet ? 12 : 11),
+                        color: Colors.grey[600],
+                      ),
+                      maxLines: 1,
+                      overflow: TextOverflow.ellipsis,
+                    ),
+                  ],
+                ),
+              ),
+              FittedBox(
+                child: Text(
+                  '${montantTotal.toStringAsFixed(0)} FCFA',
+                  style: TextStyle(
+                    fontSize: isSmallScreen ? 12 : (isTablet ? 16 : 14),
+                    fontWeight: FontWeight.bold,
+                    color: color,
+                  ),
+                ),
+              ),
+            ],
+          ),
+
+          if (!isSmallScreen) ...[
+            SizedBox(height: 8),
+            Row(
+              mainAxisAlignment: MainAxisAlignment.spaceBetween,
+              children: [
+                Flexible(
+                  child: Container(
+                    padding: EdgeInsets.symmetric(horizontal: 6, vertical: 3),
+                    decoration: BoxDecoration(
+                      color: successColor.withOpacity(0.1),
+                      borderRadius: BorderRadius.circular(6),
+                    ),
+                    child: Text(
+                      'Commission: +${commission.toStringAsFixed(0)} FCFA',
+                      style: TextStyle(
+                        fontSize: isTablet ? 12 : 10,
+                        color: successColor,
+                        fontWeight: FontWeight.w600,
+                      ),
+                      overflow: TextOverflow.ellipsis,
+                    ),
+                  ),
+                ),
+                SizedBox(width: 8),
+                Container(
+                  padding: EdgeInsets.symmetric(horizontal: 6, vertical: 3),
+                  decoration: BoxDecoration(
+                    color: color.withOpacity(0.1),
+                    borderRadius: BorderRadius.circular(6),
+                  ),
+                  child: Text(
+                    statut.toUpperCase(),
+                    style: TextStyle(
+                      fontSize: isTablet ? 11 : 9,
+                      color: color,
+                      fontWeight: FontWeight.bold,
+                    ),
+                  ),
+                ),
+              ],
+            ),
+          ] else ...[
+            SizedBox(height: 4),
+            Row(
+              children: [
+                Icon(Icons.monetization_on, size: 12, color: successColor),
+                SizedBox(width: 4),
+                Text(
+                  '+${commission.toStringAsFixed(0)} FCFA',
+                  style: TextStyle(
+                    fontSize: 10,
+                    color: successColor,
+                    fontWeight: FontWeight.w600,
+                  ),
+                ),
+                Spacer(),
+                Container(
+                  padding: EdgeInsets.symmetric(horizontal: 4, vertical: 2),
+                  decoration: BoxDecoration(
+                    color: color.withOpacity(0.1),
+                    borderRadius: BorderRadius.circular(4),
+                  ),
+                  child: Text(
+                    statut.toUpperCase(),
+                    style: TextStyle(
+                      fontSize: 8,
+                      color: color,
+                      fontWeight: FontWeight.bold,
+                    ),
+                  ),
+                ),
+              ],
+            ),
+          ],
+        ],
+      ),
+    );
+  }
+
+  Widget _buildEmptyTransactions() {
+    return Padding(
+      padding: EdgeInsets.symmetric(vertical: 32),
+      child: Column(
+        children: [
+          Icon(Icons.receipt_long_outlined, size: 48, color: Colors.grey[400]),
+          SizedBox(height: 12),
+          Text(
+            'Aucune transaction récente',
+            style: TextStyle(
+              fontSize: 16,
+              color: Colors.grey[600],
+              fontWeight: FontWeight.w500,
+            ),
+          ),
+          SizedBox(height: 8),
+          Text(
+            'Vos dernières transactions apparaîtront ici',
+            style: TextStyle(fontSize: 12, color: Colors.grey[500]),
+          ),
+        ],
+      ),
+    );
+  }
+
+  // ===== UTILITY WIDGETS =====
+
+  Widget _buildLoadingScreen() {
+    return Center(
+      child: Column(
+        mainAxisAlignment: MainAxisAlignment.center,
+        children: [
+          CircularProgressIndicator(
+            valueColor: AlwaysStoppedAnimation<Color>(primaryColor),
+          ),
+          SizedBox(height: 16),
+          Text(
+            'Chargement des données...',
+            style: TextStyle(fontSize: 16, color: Colors.grey[600]),
+          ),
+        ],
+      ),
+    );
+  }
+
+  Widget _buildErrorScreen() {
+    return Center(
+      child: Padding(
+        padding: EdgeInsets.all(24),
+        child: Column(
+          mainAxisAlignment: MainAxisAlignment.center,
+          children: [
+            Icon(
+              Icons.cloud_off,
+              size: 64,
+              color: dangerColor.withOpacity(0.7),
+            ),
+            SizedBox(height: 16),
+            Text(
+              'Impossible de charger les données',
+              style: TextStyle(
+                fontSize: 20,
+                fontWeight: FontWeight.bold,
+                color: dangerColor,
+              ),
+              textAlign: TextAlign.center,
+            ),
+            SizedBox(height: 8),
+            Text(
+              _errorMessage,
+              textAlign: TextAlign.center,
+              style: TextStyle(fontSize: 14, color: Colors.grey[600]),
+            ),
+            SizedBox(height: 24),
+            Row(
+              mainAxisAlignment: MainAxisAlignment.center,
+              children: [
+                ElevatedButton.icon(
+                  onPressed: _loadDashboardData,
+                  icon: Icon(Icons.refresh),
+                  label: Text('Réessayer'),
+                  style: ElevatedButton.styleFrom(
+                    backgroundColor: primaryColor,
+                    foregroundColor: Colors.white,
+                    shape: RoundedRectangleBorder(
+                      borderRadius: BorderRadius.circular(12),
+                    ),
+                  ),
+                ),
+                SizedBox(width: 12),
+                TextButton.icon(
+                  onPressed: _showApiStatus,
+                  icon: Icon(Icons.info_outline),
+                  label: Text('Détails'),
+                ),
+              ],
+            ),
+          ],
+        ),
+      ),
+    );
+  }
+
+  Widget _buildErrorBanner() {
+    return Container(
+      margin: EdgeInsets.only(bottom: 16),
+      padding: EdgeInsets.all(12),
+      decoration: BoxDecoration(
+        color: Colors.orange[50],
+        borderRadius: BorderRadius.circular(8),
+        border: Border.all(color: Colors.orange[200]!),
+      ),
+      child: Row(
+        children: [
+          Icon(Icons.warning, color: Colors.orange[600], size: 20),
+          SizedBox(width: 8),
+          Expanded(
+            child: Text(
+              'Données partiellement indisponibles - Mode hors ligne',
+              style: TextStyle(color: Colors.orange[700], fontSize: 12),
+            ),
+          ),
+          IconButton(
+            onPressed: _loadDashboardData,
+            icon: Icon(Icons.refresh, color: Colors.orange[600], size: 18),
+          ),
+        ],
+      ),
+    );
+  }
+
+  Widget _buildLastUpdateInfo() {
+    if (_lastUpdate == null) return SizedBox.shrink();
+
+    return Padding(
+      padding: EdgeInsets.only(top: 16),
+      child: Center(
+        child: Container(
+          padding: EdgeInsets.symmetric(horizontal: 12, vertical: 6),
+          decoration: BoxDecoration(
+            color: Colors.grey[100],
+            borderRadius: BorderRadius.circular(20),
+          ),
+          child: Row(
+            mainAxisSize: MainAxisSize.min,
+            children: [
+              Icon(
+                _hasError ? Icons.error_outline : Icons.check_circle_outline,
+                size: 14,
+                color: _hasError ? Colors.orange : successColor,
+              ),
+              SizedBox(width: 6),
+              Text(
+                'Dernière MAJ: ${_lastUpdate!.hour.toString().padLeft(2, '0')}:${_lastUpdate!.minute.toString().padLeft(2, '0')}',
+                style: TextStyle(fontSize: 12, color: Colors.grey[600]),
+              ),
+            ],
+          ),
+        ),
+      ),
+    );
+  }
+}
diff --git a/lib/pages/form_service.dart b/lib/pages/form_service.dart
new file mode 100644
index 0000000..4d9f6ea
--- /dev/null
+++ b/lib/pages/form_service.dart
@@ -0,0 +1,2348 @@
+// ignore_for_file: unused_local_variable, avoid_print, use_build_context_synchronously, sized_box_for_whitespace, unnecessary_to_list_in_spreads, deprecated_member_use
+
+import 'package:flutter/material.dart';
+import 'package:intl/intl.dart';
+import 'package:provider/provider.dart';
+import 'package:wtpe/main.dart';
+import 'package:wtpe/pages/class.dart';
+import 'package:wtpe/services/wortis_api_service.dart';
+import 'package:wtpe/widgets/pin_verification_dialog.dart';
+
+// Constantes de style
+class FormStyles {
+  static const primaryColor = Color(0xFF006699);
+  static const secondaryColor = Color(0xFF0088CC);
+  static const backgroundColor = Color(0xFFF5F7FA);
+  static const textColor = Color(0xFF2C3E50);
+  static const errorColor = Color(0xFFE74C3C);
+  static const successColor = Color(0xFF2ECC71);
+
+  static final cardDecoration = BoxDecoration(
+    color: Colors.white,
+    borderRadius: BorderRadius.circular(12),
+    boxShadow: [
+      BoxShadow(
+        // ignore: duplicate_ignore
+        // ignore: deprecated_member_use
+        color: Colors.black.withOpacity(0.05),
+        spreadRadius: 0,
+        blurRadius: 10,
+        offset: const Offset(0, 4),
+      ),
+    ],
+  );
+
+  static final inputDecoration = InputDecorationTheme(
+    filled: true,
+    fillColor: Colors.white,
+    contentPadding: const EdgeInsets.symmetric(horizontal: 16, vertical: 12),
+    border: OutlineInputBorder(
+      borderRadius: BorderRadius.circular(8),
+      borderSide: const BorderSide(color: Color(0xFFE0E7FF), width: 1),
+    ),
+    enabledBorder: OutlineInputBorder(
+      borderRadius: BorderRadius.circular(8),
+      borderSide: const BorderSide(color: Color(0xFFE0E7FF), width: 1),
+    ),
+    focusedBorder: OutlineInputBorder(
+      borderRadius: BorderRadius.circular(8),
+      borderSide: const BorderSide(color: primaryColor, width: 2),
+    ),
+    errorBorder: OutlineInputBorder(
+      borderRadius: BorderRadius.circular(8),
+      borderSide: const BorderSide(color: errorColor, width: 1),
+    ),
+    labelStyle: const TextStyle(
+      color: Color(0xFF64748B),
+      fontSize: 14,
+      fontWeight: FontWeight.w500,
+    ),
+    hintStyle: TextStyle(color: textColor.withOpacity(0.5), fontSize: 14),
+    errorStyle: const TextStyle(
+      color: errorColor,
+      fontSize: 12,
+      fontWeight: FontWeight.w500,
+    ),
+  );
+
+  static final elevatedButtonStyle = ElevatedButton.styleFrom(
+    backgroundColor: primaryColor,
+    foregroundColor: Colors.white,
+    elevation: 0,
+    padding: const EdgeInsets.symmetric(horizontal: 24, vertical: 16),
+    shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(8)),
+    textStyle: const TextStyle(
+      fontSize: 16,
+      fontWeight: FontWeight.w600,
+      letterSpacing: 0.5,
+    ),
+  );
+
+  static final outlinedButtonStyle = OutlinedButton.styleFrom(
+    foregroundColor: primaryColor,
+    side: const BorderSide(color: primaryColor, width: 1.5),
+    padding: const EdgeInsets.symmetric(horizontal: 24, vertical: 16),
+    shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(8)),
+    textStyle: const TextStyle(
+      fontSize: 16,
+      fontWeight: FontWeight.w600,
+      letterSpacing: 0.5,
+    ),
+  );
+}
+
+class FormService extends StatefulWidget {
+  final String serviceName;
+  const FormService({super.key, required this.serviceName});
+
+  @override
+  _FormServiceState createState() => _FormServiceState();
+}
+
+class _FormServiceState extends State<FormService> {
+  final ApiService _apiService = ApiService();
+  Map<String, dynamic>? serviceData;
+  Map<String, dynamic> formValues = {};
+  Map<String, TextEditingController> controllers = {};
+  final GlobalKey<FormState> _formKey = GlobalKey<FormState>();
+  bool isLoading = true;
+  int currentStep = 0;
+  Map<String, dynamic>? verificationData;
+
+  @override
+  void initState() {
+    super.initState();
+    ConnectivityManager(context).initConnectivity;
+    fetchServiceFields();
+  }
+
+  @override
+  void dispose() {
+    _apiService.cancelOperation();
+    controllers.forEach((_, controller) => controller.dispose());
+    super.dispose();
+  }
+
+  Map<String, dynamic> _normalizeApiData(Map<String, dynamic> data) {
+    try {
+      if (data['steps'] != null) {
+        for (var step in data['steps']) {
+          if (step['fields'] != null) {
+            List<Map<String, dynamic>> normalizedFields = [];
+            for (var field in step['fields']) {
+              normalizedFields.add(_normalizeField(field));
+            }
+            step['fields'] = normalizedFields;
+          }
+
+          if (step['api_fields'] != null) {
+            Map<String, dynamic> normalizedApiFields = {};
+            step['api_fields'].forEach((key, fieldConfig) {
+              normalizedApiFields[key] = {
+                'type': fieldConfig['type'] ?? 'text',
+                'label': fieldConfig['label'] ?? key,
+                'key': fieldConfig['key'],
+                'readonly': fieldConfig['readonly'] ?? true,
+                'required': fieldConfig['required'] ?? true,
+                'format': fieldConfig['format'],
+              };
+            });
+            step['api_fields'] = normalizedApiFields;
+          }
+        }
+      } else if (data['fields'] != null) {
+        List<Map<String, dynamic>> normalizedFields = [];
+        for (var field in data['fields']) {
+          normalizedFields.add(_normalizeField(field));
+        }
+        data['fields'] = normalizedFields;
+      }
+      return data;
+    } catch (e) {
+      print('Erreur lors de la normalisation des données : $e');
+      return data;
+    }
+  }
+
+  Map<String, dynamic> _normalizeField(Map<String, dynamic> field) {
+    Map<String, dynamic> normalizedField = {};
+
+    normalizedField['name'] = field['nom'] ?? field['name'] ?? '';
+    normalizedField['type'] = _normalizeFieldType(field['type']);
+    normalizedField['required'] = field['required'] ?? true;
+    normalizedField['label'] =
+        field['label'] ?? field['nom'] ?? field['name'] ?? '';
+    normalizedField['readonly'] = field['readonly'] ?? false;
+
+    if (field['options'] != null) {
+      normalizedField['options'] =
+          field['options'].map<Map<String, String>>((option) {
+            return {
+              'value': option['value'] ?? option['valeur'] ?? '',
+              'label': option['label'] ?? option['étiquette'] ?? '',
+            };
+          }).toList();
+    }
+
+    if (field['dependencies'] != null) {
+      List<Map<String, dynamic>> normalizedDeps = [];
+      for (var dep in field['dependencies']) {
+        Map<String, dynamic> normalizedDep = {
+          'field': dep['field'] ?? dep['champ'] ?? '',
+          'value': dep['value'] ?? dep['valeur'] ?? '',
+        };
+
+        if (dep['options'] != null) {
+          normalizedDep['options'] =
+              dep['options'].map<Map<String, String>>((option) {
+                return {
+                  'value': option['value'] ?? option['valeur'] ?? '',
+                  'label': option['label'] ?? option['étiquette'] ?? '',
+                };
+              }).toList();
+        }
+
+        normalizedDeps.add(normalizedDep);
+      }
+      normalizedField['dependencies'] = normalizedDeps;
+    }
+
+    return normalizedField;
+  }
+
+  String _normalizeFieldType(String type) {
+    final typeMap = {
+      'numéro': 'number',
+      'sélecteur': 'selecteur',
+      'texte': 'text',
+    };
+    return typeMap[type.toLowerCase()] ?? type.toLowerCase();
+  }
+
+  Widget buildApiFieldGroup() {
+    if (serviceData == null) return const SizedBox();
+
+    var currentStepData = serviceData!['steps'][currentStep];
+    if (currentStepData['api_fields'] == null) return const SizedBox();
+
+    return Container(
+      margin: const EdgeInsets.only(bottom: 24),
+      decoration: FormStyles.cardDecoration,
+      child: Padding(
+        padding: const EdgeInsets.all(16),
+        child: Column(
+          crossAxisAlignment: CrossAxisAlignment.start,
+          children: [
+            const Row(
+              children: [
+                Icon(Icons.person, color: FormStyles.primaryColor, size: 24),
+                SizedBox(width: 8),
+                Text(
+                  'Informations récupérées',
+                  style: TextStyle(
+                    fontSize: 18,
+                    fontWeight: FontWeight.bold,
+                    color: FormStyles.textColor,
+                  ),
+                ),
+              ],
+            ),
+            const SizedBox(height: 16),
+            ...currentStepData['api_fields'].entries.map<Widget>((entry) {
+              String fieldName = entry.key;
+              Map<String, dynamic> fieldConfig = entry.value;
+
+              // Assurez-vous que le contrôleur existe
+              if (!controllers.containsKey(fieldName)) {
+                controllers[fieldName] = TextEditingController(
+                  text: formValues[fieldName]?.toString() ?? '',
+                );
+              }
+
+              // Déterminer l'icône en fonction du type de champ
+              IconData fieldIcon = Icons.info_outline;
+              switch (fieldConfig['type']?.toString().toLowerCase()) {
+                case 'number':
+                  fieldIcon = Icons.numbers;
+                  break;
+                case 'date':
+                  fieldIcon = Icons.calendar_today;
+                  break;
+                case 'time':
+                  fieldIcon = Icons.access_time;
+                  break;
+                case 'datetime':
+                  fieldIcon = Icons.event;
+                  break;
+                case 'selecteur':
+                  fieldIcon = Icons.arrow_drop_down_circle;
+                  break;
+                default:
+                  fieldIcon = Icons.text_fields;
+              }
+
+              return Container(
+                margin: const EdgeInsets.only(bottom: 16),
+                child: TextFormField(
+                  controller: controllers[fieldName],
+                  readOnly: fieldConfig['readonly'] ?? true,
+                  decoration: InputDecoration(
+                    labelText: fieldConfig['label'] ?? fieldName,
+                    filled: true,
+                    fillColor: Colors.white,
+                    prefixIcon: Icon(
+                      fieldIcon,
+                      color: FormStyles.primaryColor.withOpacity(0.7),
+                    ),
+                    border: OutlineInputBorder(
+                      borderRadius: BorderRadius.circular(8),
+                      borderSide: const BorderSide(color: Color(0xFFE0E7FF)),
+                    ),
+                    enabledBorder: OutlineInputBorder(
+                      borderRadius: BorderRadius.circular(8),
+                      borderSide: const BorderSide(color: Color(0xFFE0E7FF)),
+                    ),
+                    focusedBorder: OutlineInputBorder(
+                      borderRadius: BorderRadius.circular(8),
+                      borderSide: const BorderSide(
+                        color: FormStyles.primaryColor,
+                        width: 2,
+                      ),
+                    ),
+                  ),
+                  style: TextStyle(
+                    fontSize: 16,
+                    color:
+                        fieldConfig['readonly'] ?? true
+                            ? FormStyles.textColor.withOpacity(0.7)
+                            : FormStyles.textColor,
+                  ),
+                  validator: (value) {
+                    if (fieldConfig['required'] == true &&
+                        (value?.isEmpty ?? true)) {
+                      return 'Ce champ est requis';
+                    }
+                    return null;
+                  },
+                ),
+              );
+            }).toList(),
+          ],
+        ),
+      ),
+    );
+  }
+
+  // ignore: unused_element
+  Future<void> _selectDate(BuildContext context, String fieldName) async {
+    final DateTime currentDate = DateTime.now();
+    DateTime initialDate;
+    try {
+      String? currentValue = controllers[fieldName]?.text;
+      if (currentValue!.isNotEmpty) {
+        initialDate = DateFormat('yyyy-MM-dd').parse(currentValue);
+      } else {
+        initialDate = currentDate;
+      }
+    } catch (e) {
+      initialDate = currentDate;
+    }
+
+    final DateTime? picked = await showDatePicker(
+      context: context,
+      initialDate: initialDate,
+      firstDate: DateTime(2000),
+      lastDate: DateTime(2101),
+      builder: (context, child) {
+        return Theme(
+          data: Theme.of(context).copyWith(
+            colorScheme: const ColorScheme.light(
+              primary: FormStyles.primaryColor,
+              onPrimary: Colors.white,
+              surface: Colors.white,
+              onSurface: FormStyles.textColor,
+            ),
+            textButtonTheme: TextButtonThemeData(
+              style: TextButton.styleFrom(
+                foregroundColor: FormStyles.primaryColor,
+              ),
+            ),
+            dialogTheme: DialogThemeData(backgroundColor: Colors.white),
+          ),
+          child: child!,
+        );
+      },
+      helpText: 'Sélectionner une date',
+      cancelText: 'Annuler',
+      confirmText: 'Confirmer',
+      errorFormatText: 'Format de date invalide',
+      errorInvalidText: 'Date invalide',
+      fieldLabelText: 'Date',
+      fieldHintText: 'JJ/MM/AAAA',
+    );
+
+    if (picked != null && mounted) {
+      String formattedDate = DateFormat('yyyy-MM-dd').format(picked);
+      setState(() {
+        controllers[fieldName]?.value = TextEditingValue(text: formattedDate);
+        updateFormValue(fieldName, formattedDate);
+      });
+    }
+  }
+
+  Future<void> fetchServiceFields() async {
+    try {
+      final responseData = await _apiService.fetchServiceFields(
+        widget.serviceName,
+      );
+      setState(() {
+        serviceData = _normalizeApiData(responseData['service']);
+        initializeFormValues();
+        isLoading = false;
+      });
+    } catch (e) {
+      print('Erreur : $e');
+      if (mounted) {
+        CustomOverlay.showError(
+          context,
+          message: 'Erreur lors de la récupération des données du formulaire',
+        );
+      }
+    }
+  }
+
+  List<DropdownMenuItem<String>> getDropdownOptions(
+    Map<String, dynamic> field,
+  ) {
+    List<DropdownMenuItem<String>> items = [];
+
+    try {
+      if (field['dependencies'] != null) {
+        for (var dependency in field['dependencies']) {
+          String dependentField = dependency['field'];
+          String expectedValue = dependency['value'];
+
+          if (formValues[dependentField] == expectedValue) {
+            var optionsToUse = dependency['options'] ?? field['options'];
+            if (optionsToUse != null) {
+              items =
+                  optionsToUse.map<DropdownMenuItem<String>>((option) {
+                    return DropdownMenuItem<String>(
+                      value: option['value'],
+                      child: Text(option['label']),
+                    );
+                  }).toList();
+            }
+            break;
+          }
+        }
+      } else if (field['options'] != null) {
+        items =
+            field['options'].map<DropdownMenuItem<String>>((option) {
+              return DropdownMenuItem<String>(
+                value: option['value'],
+                child: Text(option['label']),
+              );
+            }).toList();
+      }
+    } catch (e) {
+      print('Erreur lors de la création des options du dropdown : $e');
+    }
+
+    return items;
+  }
+
+  void updateFormValue(String fieldName, dynamic value) {
+    setState(() {
+      formValues[fieldName] = value;
+
+      var fields =
+          serviceData!['steps'] != null
+              ? serviceData!['steps'][currentStep]['fields']
+              : serviceData!['fields'];
+
+      var field = fields.firstWhere(
+        (f) => f['name'] == fieldName,
+        orElse: () => {'type': ''},
+      );
+
+      if (!['text', 'number'].contains(field['type']) &&
+          controllers.containsKey(fieldName)) {
+        controllers[fieldName]?.value = TextEditingValue(
+          text: value?.toString() ?? '',
+        );
+      }
+
+      if (fields != null) {
+        for (var field in fields) {
+          if (field['dependencies'] != null) {
+            bool shouldReset = field['dependencies'].any(
+              (dependency) =>
+                  dependency['field'] == fieldName &&
+                  dependency['value'] != value,
+            );
+
+            if (shouldReset) {
+              String dependentFieldName = field['name'];
+              formValues[dependentFieldName] = null;
+              if (controllers.containsKey(dependentFieldName)) {
+                controllers[dependentFieldName]?.clear();
+              }
+            }
+          }
+        }
+      }
+    });
+  }
+
+  bool shouldShowField(Map<String, dynamic> field) {
+    if (field['dependencies'] == null) return true;
+    return field['dependencies'].any((dependency) {
+      String dependentField = dependency['field'];
+      String expectedValue = dependency['value'];
+      return formValues[dependentField] == expectedValue;
+    });
+  }
+
+  Widget buildProgressIndicator() {
+    if (serviceData!['steps'] == null) return const SizedBox();
+
+    return Container(
+      margin: const EdgeInsets.only(bottom: 24),
+      child: Column(
+        children: [
+          ClipRRect(
+            borderRadius: BorderRadius.circular(4),
+            child: LinearProgressIndicator(
+              value: (currentStep + 1) / serviceData!['steps'].length,
+              backgroundColor: Colors.grey[200],
+              valueColor: const AlwaysStoppedAnimation<Color>(
+                FormStyles.primaryColor,
+              ),
+              minHeight: 8,
+            ),
+          ),
+          const SizedBox(height: 12),
+          // Text(
+          //   'Étape ${currentStep + 1}/${serviceData!['steps'].length}',
+          //   style: const TextStyle(
+          //     fontSize: 16,
+          //     fontWeight: FontWeight.w600,
+          //     color: FormStyles.textColor,
+          //   ),
+          // ),
+        ],
+      ),
+    );
+  }
+
+  // Ajoutez cette méthode dans la classe _FormServiceState
+
+  void _showPaymentInstructionsModal() {
+    showDialog(
+      context: context,
+      barrierColor: Colors.black54,
+      builder: (BuildContext context) {
+        // Obtenir les dimensions de l'écran
+        final size = MediaQuery.of(context).size;
+        final isSmallScreen = size.width < 360;
+        final isLandscape = size.width > size.height;
+
+        // Calculer les dimensions optimales
+        final dialogWidth = size.width * (isSmallScreen ? 0.95 : 0.9);
+        final maxHeight = size.height * (isLandscape ? 0.9 : 0.7);
+        final padding = isSmallScreen ? 16.0 : 24.0;
+        final iconSize = isSmallScreen ? 18.0 : 20.0;
+
+        return Dialog(
+          insetPadding: EdgeInsets.symmetric(
+            horizontal: (size.width - dialogWidth) / 2,
+            vertical: size.height * 0.05,
+          ),
+          shape: RoundedRectangleBorder(
+            borderRadius: BorderRadius.circular(16),
+          ),
+          elevation: 0,
+          backgroundColor: Colors.white,
+          child: Container(
+            constraints: BoxConstraints(
+              maxHeight: maxHeight,
+              maxWidth: dialogWidth,
+            ),
+            child: Column(
+              mainAxisSize: MainAxisSize.min,
+              crossAxisAlignment: CrossAxisAlignment.start,
+              children: [
+                // En-tête
+                Padding(
+                  padding: EdgeInsets.all(padding),
+                  child: Row(
+                    mainAxisAlignment: MainAxisAlignment.spaceBetween,
+                    children: [
+                      Expanded(
+                        child: Row(
+                          children: [
+                            Container(
+                              padding: EdgeInsets.all(isSmallScreen ? 6 : 8),
+                              decoration: BoxDecoration(
+                                color: FormStyles.primaryColor.withOpacity(0.1),
+                                borderRadius: BorderRadius.circular(12),
+                              ),
+                              child: Icon(
+                                Icons.payments_outlined,
+                                color: FormStyles.primaryColor,
+                                size: iconSize,
+                              ),
+                            ),
+                            SizedBox(width: isSmallScreen ? 8 : 12),
+                            Flexible(
+                              child: Text(
+                                'Comment ça marche',
+                                style: TextStyle(
+                                  fontSize: isSmallScreen ? 18 : 20,
+                                  fontWeight: FontWeight.w600,
+                                  color: Colors.black87,
+                                ),
+                                overflow: TextOverflow.ellipsis,
+                              ),
+                            ),
+                          ],
+                        ),
+                      ),
+                      IconButton(
+                        onPressed: () => Navigator.of(context).pop(),
+                        icon: Icon(
+                          Icons.close,
+                          color: Colors.black54,
+                          size: iconSize,
+                        ),
+                        padding: EdgeInsets.zero,
+                        constraints: BoxConstraints(
+                          minWidth: iconSize * 1.5,
+                          minHeight: iconSize * 1.5,
+                        ),
+                        splashRadius: iconSize,
+                      ),
+                    ],
+                  ),
+                ),
+
+                // Contenu scrollable
+                Flexible(
+                  child: SingleChildScrollView(
+                    physics: const BouncingScrollPhysics(),
+                    child: Padding(
+                      padding: EdgeInsets.symmetric(
+                        horizontal: padding,
+                        vertical: isSmallScreen ? 8 : 12,
+                      ),
+                      child: Text(
+                        serviceData!['comment_payer'] ??
+                            'Instructions non disponibles',
+                        style: TextStyle(
+                          fontSize: isSmallScreen ? 14 : 15,
+                          color: Colors.black87,
+                          height: 1.6,
+                          letterSpacing: 0.3,
+                        ),
+                      ),
+                    ),
+                  ),
+                ),
+
+                // Bouton de fermeture
+                Padding(
+                  padding: EdgeInsets.all(padding),
+                  child: SizedBox(
+                    width: double.infinity,
+                    child: ElevatedButton(
+                      onPressed: () => Navigator.of(context).pop(),
+                      style: ElevatedButton.styleFrom(
+                        backgroundColor: FormStyles.primaryColor,
+                        foregroundColor: Colors.white,
+                        padding: EdgeInsets.symmetric(
+                          vertical: isSmallScreen ? 12 : 14,
+                        ),
+                        shape: RoundedRectangleBorder(
+                          borderRadius: BorderRadius.circular(12),
+                        ),
+                        elevation: 0,
+                      ),
+                      child: Text(
+                        'Compris',
+                        style: TextStyle(
+                          fontSize: isSmallScreen ? 14 : 16,
+                          fontWeight: FontWeight.w500,
+                        ),
+                      ),
+                    ),
+                  ),
+                ),
+              ],
+            ),
+          ),
+        );
+      },
+    );
+  }
+
+  // Remplacez la méthode buildBanner existante par celle-ci
+  Widget buildBanner() {
+    if (serviceData == null) {
+      return const SizedBox.shrink();
+    }
+
+    return Container(
+      width: double.infinity,
+      margin: const EdgeInsets.only(bottom: 16),
+      decoration: BoxDecoration(
+        color: Colors.white,
+        borderRadius: BorderRadius.circular(12),
+        boxShadow: [
+          BoxShadow(
+            color: Colors.black.withOpacity(0.05),
+            spreadRadius: 0,
+            blurRadius: 10,
+            offset: const Offset(0, 4),
+          ),
+        ],
+      ),
+      child: Column(
+        crossAxisAlignment: CrossAxisAlignment.start,
+        children: [
+          // Image banner
+          // Image banner
+          if (serviceData!['banner'] != null)
+            ClipRRect(
+              borderRadius: const BorderRadius.vertical(
+                top: Radius.circular(12),
+              ),
+              child: Image.network(
+                serviceData!['banner'],
+                width: double.infinity,
+                fit: BoxFit.fitWidth,
+                loadingBuilder: (context, child, loadingProgress) {
+                  if (loadingProgress == null) return child;
+                  return Container(
+                    color: Colors.white,
+                    child: Center(
+                      child: CircularProgressIndicator(
+                        value:
+                            loadingProgress.expectedTotalBytes != null
+                                ? loadingProgress.cumulativeBytesLoaded /
+                                    loadingProgress.expectedTotalBytes!
+                                : null,
+                        valueColor: const AlwaysStoppedAnimation<Color>(
+                          FormStyles.primaryColor,
+                        ),
+                      ),
+                    ),
+                  );
+                },
+                errorBuilder: (context, error, stackTrace) {
+                  return Container(
+                    color: Colors.grey[200],
+                    child: const Center(
+                      child: Icon(
+                        Icons.error_outline,
+                        color: FormStyles.errorColor,
+                        size: 32,
+                      ),
+                    ),
+                  );
+                },
+              ),
+            ),
+          // Description
+          // Dans la méthode buildBanner, remplacez la section Description par ceci:
+
+          // Description
+          if (serviceData!['description'] != null)
+            Padding(
+              padding: const EdgeInsets.all(16),
+              child: Column(
+                crossAxisAlignment: CrossAxisAlignment.start,
+                children: [
+                  Container(
+                    decoration: BoxDecoration(
+                      border: Border(
+                        bottom: BorderSide(
+                          color: Colors.grey.withOpacity(0.2),
+                          width: 1,
+                        ),
+                      ),
+                    ),
+                    padding: const EdgeInsets.only(bottom: 12),
+                    child: Row(
+                      children: [
+                        const Icon(
+                          Icons.info_outline,
+                          color: FormStyles.primaryColor,
+                          size: 20,
+                        ),
+                        const SizedBox(width: 8),
+                        Text(
+                          serviceData!['tite_description'] ?? 'Description',
+                          style: const TextStyle(
+                            fontSize: 16,
+                            fontWeight: FontWeight.bold,
+                            color: FormStyles.textColor,
+                          ),
+                        ),
+                      ],
+                    ),
+                  ),
+                  const SizedBox(height: 12),
+                  Text(
+                    serviceData!['description'],
+                    style: const TextStyle(
+                      fontSize: 14,
+                      color: FormStyles.textColor,
+                      height: 1.5,
+                    ),
+                  ),
+                  const SizedBox(height: 16),
+                  if (serviceData!['comment_payer'] != null)
+                    Container(
+                      decoration: BoxDecoration(
+                        border: Border(
+                          top: BorderSide(
+                            color: Colors.grey.withOpacity(0.2),
+                            width: 1,
+                          ),
+                        ),
+                      ),
+                      padding: const EdgeInsets.only(top: 12),
+                      child: Row(
+                        children: [
+                          const Icon(
+                            Icons.help_outline,
+                            color: FormStyles.primaryColor,
+                            size: 20,
+                          ),
+                          const SizedBox(width: 8),
+                          InkWell(
+                            onTap: _showPaymentInstructionsModal,
+                            child: Row(
+                              children: const [
+                                Text(
+                                  'Comment ça marche ?',
+                                  style: TextStyle(
+                                    fontSize: 16,
+                                    fontWeight: FontWeight.w500,
+                                    color: FormStyles.primaryColor,
+                                  ),
+                                ),
+                              ],
+                            ),
+                          ),
+                        ],
+                      ),
+                    ),
+                ],
+              ),
+            ),
+        ],
+      ),
+    );
+  }
+
+  bool validateAllFields() {
+    bool isValid = true;
+    String missingFields = '';
+
+    // Vérifier les champs simples
+    if (serviceData!['fields'] != null) {
+      for (var field in serviceData!['fields']) {
+        String fieldName = field['name'];
+        bool isRequired = field['required'] == true;
+
+        // Vérifier si le champ doit être affiché (dépendances)
+        if (shouldShowField(field) && isRequired) {
+          var value = formValues[fieldName];
+          bool fieldIsEmpty = false;
+
+          switch (field['type']) {
+            case 'selecteur':
+              fieldIsEmpty = value == null || value.toString().isEmpty;
+              break;
+            case 'number':
+              fieldIsEmpty = value == null || value.toString().trim().isEmpty;
+              if (!fieldIsEmpty && double.tryParse(value.toString()) == null) {
+                fieldIsEmpty = true;
+              }
+              break;
+            default: // text et autres
+              fieldIsEmpty = value == null || value.toString().trim().isEmpty;
+          }
+
+          // Si le champ est vide et que c'est un champ requis actuellement visible
+          if (fieldIsEmpty) {
+            isValid = false;
+            missingFields += '${field['label'] ?? fieldName}, ';
+
+            // Mettre en évidence le champ manquant
+            if (controllers.containsKey(fieldName)) {
+              controllers[fieldName]?.text = controllers[fieldName]?.text ?? '';
+            }
+          }
+        }
+      }
+    }
+
+    // Si des champs sont manquants, afficher un message spécifique
+    if (!isValid) {
+      missingFields = missingFields.replaceAll(RegExp(r', $'), '');
+      CustomOverlay.showError(
+        context,
+        message: 'Veuillez remplir les champs obligatoires : $missingFields',
+      );
+    }
+
+    print('Validation du formulaire : ${isValid ? 'Valide' : 'Invalide'}');
+    // Afficher les valeurs actuelles pour le débogage
+    print('Valeurs du formulaire : $formValues');
+
+    return isValid;
+  }
+
+  // ===== MODIFICATION DU FORMSERVICE =====
+  // Dans votre FormService, modifiez la méthode submitForm() :
+
+  // Méthode submitForm() corrigée pour afficher correctement les montants
+  // Méthode submitForm() corrigée
+  Future<void> submitForm() async {
+    if (!validateAllFields()) {
+      return;
+    }
+
+    if (!_formKey.currentState!.validate()) {
+      return;
+    }
+
+    if (serviceData!['steps'] != null && currentStep == 0) {
+      await verifyFirstStep();
+      return;
+    }
+
+    // Vérification de l'agent connecté
+    final authController = Provider.of<AuthController>(context, listen: false);
+    final String? agentId = authController.agentId;
+    final String? agentName = authController.agentName;
+    // Utiliser le solde actif (entreprise ou personnel selon le type de compte)
+    final double agentBalance = authController.activeBalance;
+    final bool isEnterprise = authController.isEnterpriseMember;
+    final String accountType = authController.accountType;
+
+    if (agentId == null || agentId.isEmpty) {
+      CustomOverlay.showError(
+        context,
+        message: 'Agent non connecté. Veuillez vous reconnecter.',
+      );
+      return;
+    }
+
+    // ===== CALCUL DES MONTANTS CORRIGÉ =====
+    double baseAmount = 0.0;
+    double fees = 0.0;
+    double commission = 0.0;
+    double totalAmount = 0.0;
+
+    // 1. Récupérer le montant de base depuis le champ "montantinitial" que l'utilisateur a saisi
+    if (formValues['montantinitial'] != null) {
+      baseAmount =
+          double.tryParse(formValues['montantinitial'].toString()) ?? 0.0;
+    }
+
+    // 2. Si pas trouvé dans formValues, chercher dans les controllers
+    if (baseAmount == 0.0 && controllers.containsKey('montantinitial')) {
+      String controllerValue = controllers['montantinitial']?.text ?? '';
+      if (controllerValue.isNotEmpty) {
+        baseAmount =
+            double.tryParse(
+              controllerValue.replaceAll(RegExp(r'[^\d.]'), ''),
+            ) ??
+            0.0;
+      }
+    }
+
+    // 3. Chercher d'autres champs de montant possibles
+    if (baseAmount == 0.0) {
+      List<String> possibleAmountKeys = [
+        'montant',
+        'montant à payer',
+        'Prix de l\'Abonnement',
+        'Dette Totale',
+      ];
+
+      for (String key in possibleAmountKeys) {
+        // Chercher dans formValues
+        if (formValues[key] != null) {
+          double? parsed = double.tryParse(
+            formValues[key].toString().replaceAll(RegExp(r'[^\d.]'), ''),
+          );
+          if (parsed != null && parsed > 0) {
+            baseAmount = parsed;
+            break;
+          }
+        }
+
+        // Chercher dans controllers
+        if (baseAmount == 0.0 && controllers.containsKey(key)) {
+          String controllerValue = controllers[key]?.text ?? '';
+          if (controllerValue.isNotEmpty) {
+            double? parsed = double.tryParse(
+              controllerValue.replaceAll(RegExp(r'[^\d.]'), ''),
+            );
+            if (parsed != null && parsed > 0) {
+              baseAmount = parsed;
+              break;
+            }
+          }
+        }
+
+        // Chercher dans verificationData
+        if (baseAmount == 0.0 &&
+            verificationData != null &&
+            verificationData![key] != null) {
+          double? parsed = double.tryParse(
+            verificationData![key].toString().replaceAll(RegExp(r'[^\d.]'), ''),
+          );
+          if (parsed != null && parsed > 0) {
+            baseAmount = parsed;
+            break;
+          }
+        }
+      }
+    }
+
+    // 4. Calculer les frais automatiquement (2% du montant de base)
+    if (baseAmount > 0) {
+      fees = baseAmount * 0.02; // 2% du montant de base
+      totalAmount = baseAmount + fees;
+    }
+
+    // 5. Vérifier si des frais sont déjà définis explicitement
+    List<String> possibleFeeKeys = [
+      'frais',
+      'Frais de Service',
+      'Frais',
+      'commission',
+      'Commission Agent',
+      'Commission',
+    ];
+
+    for (String key in possibleFeeKeys) {
+      double? explicitFees;
+
+      // Chercher dans formValues
+      if (formValues[key] != null) {
+        explicitFees = double.tryParse(
+          formValues[key].toString().replaceAll(RegExp(r'[^\d.]'), ''),
+        );
+      }
+
+      // Chercher dans controllers
+      if (explicitFees == null && controllers.containsKey(key)) {
+        String controllerValue = controllers[key]?.text ?? '';
+        if (controllerValue.isNotEmpty) {
+          explicitFees = double.tryParse(
+            controllerValue.replaceAll(RegExp(r'[^\d.]'), ''),
+          );
+        }
+      }
+
+      // Chercher dans verificationData
+      if (explicitFees == null &&
+          verificationData != null &&
+          verificationData![key] != null) {
+        explicitFees = double.tryParse(
+          verificationData![key].toString().replaceAll(RegExp(r'[^\d.]'), ''),
+        );
+      }
+
+      if (explicitFees != null && explicitFees > 0) {
+        if (key.toLowerCase().contains('commission')) {
+          commission = explicitFees;
+        } else {
+          fees = explicitFees;
+        }
+        break;
+      }
+    }
+
+    // 6. Recalculer le total si des frais explicites ont été trouvés
+    if (fees > 0 || commission > 0) {
+      totalAmount = baseAmount + fees + commission;
+    }
+
+    // 7. Chercher un total explicite si défini
+    List<String> possibleTotalKeys = [
+      'total',
+      'Total',
+      'Montant à Débiter',
+      'montant_total',
+    ];
+
+    for (String key in possibleTotalKeys) {
+      double? explicitTotal;
+
+      // Chercher dans formValues
+      if (formValues[key] != null) {
+        explicitTotal = double.tryParse(
+          formValues[key].toString().replaceAll(RegExp(r'[^\d.]'), ''),
+        );
+      }
+
+      // Chercher dans controllers
+      if (explicitTotal == null && controllers.containsKey(key)) {
+        String controllerValue = controllers[key]?.text ?? '';
+        if (controllerValue.isNotEmpty) {
+          explicitTotal = double.tryParse(
+            controllerValue.replaceAll(RegExp(r'[^\d.]'), ''),
+          );
+        }
+      }
+
+      // Chercher dans verificationData
+      if (explicitTotal == null &&
+          verificationData != null &&
+          verificationData![key] != null) {
+        explicitTotal = double.tryParse(
+          verificationData![key].toString().replaceAll(RegExp(r'[^\d.]'), ''),
+        );
+      }
+
+      if (explicitTotal != null && explicitTotal > 0) {
+        totalAmount = explicitTotal;
+        break;
+      }
+    }
+
+    // Logs détaillés pour debugging
+    print('🔍 Debug des montants (Service: ${widget.serviceName}):');
+    print('   FormValues: $formValues');
+    print('   VerificationData: $verificationData');
+    print('   Controllers values:');
+    controllers.forEach((key, controller) {
+      if (controller.text.isNotEmpty) {
+        print('     $key: ${controller.text}');
+      }
+    });
+    print('💰 Résultats calculés:');
+    print('   Montant de base: $baseAmount FCFA');
+    print('   Frais (2%): $fees FCFA');
+    print('   Commission: $commission FCFA');
+    print('   Total: $totalAmount FCFA');
+
+    // Vérification finale
+    if (totalAmount <= 0 && baseAmount <= 0) {
+      print('⚠️ Aucun montant détecté !');
+      CustomOverlay.showError(
+        context,
+        message:
+            'Impossible de déterminer le montant à payer. Veuillez vérifier que vous avez bien saisi le montant.',
+      );
+      return;
+    }
+
+    // Si seul le montant de base est disponible, calculer le total
+    if (totalAmount <= 0 && baseAmount > 0) {
+      fees = baseAmount * 0.02; // 2% par défaut
+      totalAmount = baseAmount + fees;
+      print(
+        '💡 Total calculé automatiquement: $totalAmount FCFA (base: $baseAmount + frais: $fees)',
+      );
+    }
+
+    // Afficher le dialog PIN avec les montants corrects
+    final bool? pinConfirmed = await showDialog<bool>(
+      context: context,
+      barrierDismissible: false,
+      builder:
+          (context) => PinVerificationDialog(
+            agentName: agentName ?? 'Agent $agentId',
+            serviceName: widget.serviceName,
+            baseAmount: baseAmount,
+            fees: fees,
+            totalAmount: totalAmount,
+            agentBalance: agentBalance,
+            onPinConfirmed: (pin) async {
+              Navigator.of(context).pop(true);
+            },
+            onCancel: () {
+              Navigator.of(context).pop(false);
+            },
+          ),
+    );
+
+    if (pinConfirmed != true) {
+      return;
+    }
+
+    // Continuer avec la soumission...
+    try {
+      setState(() {
+        isLoading = true;
+      });
+
+      print(
+        '🔐 Agent connecté: $agentName ($agentId) - Type: ${isEnterprise ? "Entreprise" : "Individuel"} - Solde: $agentBalance FCFA',
+      );
+
+      Map<String, dynamic> requestBody = {};
+      String url;
+      bool isCardPayment = false;
+
+      // Ajouter les informations de l'agent et du type de compte
+      requestBody['agent_id'] = agentId;
+      requestBody['account_type'] = accountType;
+
+      // Ajouter l'ID entreprise si c'est un compte entreprise
+      if (isEnterprise && authController.enterprise?.enterpriseId != null) {
+        requestBody['enterprise_id'] = authController.enterprise!.enterpriseId;
+        requestBody['balance_source'] = 'enterprise';
+        print('🏢 Transaction entreprise: ${authController.enterprise!.nomEntreprise}');
+      } else {
+        requestBody['balance_source'] = 'personal';
+      }
+
+      if (serviceData!['steps'] != null) {
+        var finalStep = serviceData!['steps'][1];
+        finalStep['body'].forEach((key, value) {
+          requestBody[key] = formValues[value];
+        });
+
+        if (finalStep['link_momo_dependencies'] != null) {
+          String dependentField = finalStep['link_momo_dependencies']['field'];
+          String expectedValue = finalStep['link_momo_dependencies']['value'];
+          isCardPayment = formValues[dependentField] != expectedValue;
+          url =
+              isCardPayment
+                  ? finalStep['link_cb'] ?? finalStep['link_momo']
+                  : finalStep['link_momo'];
+        } else {
+          url = finalStep['link_momo'];
+        }
+      } else {
+        serviceData!['body'].forEach((key, value) {
+          requestBody[key] = formValues[value];
+        });
+
+        if (serviceData!['link_momo_dependencies'] != null) {
+          String dependentField =
+              serviceData!['link_momo_dependencies']['field'];
+          String expectedValue =
+              serviceData!['link_momo_dependencies']['value'];
+          isCardPayment = formValues[dependentField] != expectedValue;
+          url =
+              isCardPayment
+                  ? serviceData!['link_cb'] ?? serviceData!['link_momo']
+                  : serviceData!['link_momo'];
+        } else {
+          url = serviceData!['link_momo'];
+        }
+      }
+
+      print('📤 Soumission vers: $url');
+      print('📊 Données envoyées: $requestBody');
+      print('👤 Agent: $agentId');
+      print(
+        '💳 Type de paiement: ${isCardPayment ? "Carte bancaire" : "Solde Agent"}',
+      );
+
+      await _apiService.submitFormData(
+        context,
+        url,
+        requestBody,
+        serviceData,
+        null,
+        isCardPayment,
+      );
+
+      if (mounted) {
+        setState(() {
+          currentStep = 0;
+          formValues.clear();
+          verificationData = null;
+          initializeFormValues();
+        });
+      }
+    } catch (e) {
+      print('❌ Erreur lors de la soumission : $e');
+      if (mounted) {
+        CustomOverlay.showError(
+          context,
+          message: 'Erreur lors de la soumission : $e',
+        );
+      }
+    } finally {
+      if (mounted) {
+        setState(() {
+          isLoading = false;
+        });
+      }
+    }
+  }
+
+  Future<void> verifyFirstStep() async {
+    if (!_formKey.currentState!.validate()) return;
+
+    setState(() {
+      isLoading = true;
+    });
+
+    const operationId = 'verify_first_step';
+    try {
+      Map<String, dynamic> requestBody = {};
+      var currentStepData = serviceData!['steps'][currentStep];
+
+      currentStepData['body'].forEach((key, value) {
+        if (value is String) {
+          requestBody[key] = formValues[value];
+        }
+      });
+
+      if (currentStepData['body']['additional_params'] != null) {
+        requestBody.addAll(currentStepData['body']['additional_params']);
+      }
+
+      final requestMethod =
+          currentStepData['request']?.toString().toUpperCase() ?? 'GET';
+
+      try {
+        final response =
+            requestMethod == 'POST'
+                ? await _apiService.verifyDataPost(
+                  currentStepData['link'],
+                  requestBody,
+                  operationId,
+                )
+                : await _apiService.verifyDataGet(
+                  currentStepData['link'],
+                  requestBody,
+                );
+
+        // Cacher l'overlay de chargement
+        CustomOverlay.hide();
+
+        setState(() {
+          verificationData = response;
+          currentStep = 1;
+
+          var nextStep = serviceData!['steps'][1];
+
+          if (nextStep['api_fields'] != null) {
+            Map<String, dynamic> apiFields = nextStep['api_fields'];
+
+            apiFields.forEach((fieldName, fieldConfig) {
+              if (fieldConfig['key'] is List) {
+                if (fieldConfig['format'] == 'concat') {
+                  List<String> values = [];
+                  for (String key in fieldConfig['key']) {
+                    if (response[key] != null) {
+                      values.add(response[key].toString());
+                    }
+                  }
+                  formValues[fieldName] = values.join(' ').trim();
+                }
+              } else {
+                String apiKey = fieldConfig['key'];
+                if (response[apiKey] != null) {
+                  formValues[fieldName] = response[apiKey];
+                }
+              }
+
+              if (controllers[fieldName] == null) {
+                controllers[fieldName] = TextEditingController(
+                  text: formValues[fieldName]?.toString() ?? '',
+                );
+              } else {
+                controllers[fieldName]?.value = TextEditingValue(
+                  text: formValues[fieldName]?.toString() ?? '',
+                );
+              }
+            });
+          }
+
+          if (nextStep['preserve_fields'] != null) {
+            var preserveFields = nextStep['preserve_fields'];
+            if (preserveFields['source'] != null &&
+                preserveFields['target'] != null) {
+              formValues[preserveFields['target']] =
+                  formValues[preserveFields['source']];
+            }
+          }
+
+          isLoading = false;
+        });
+
+        if (mounted) {
+          CustomOverlay.showSuccess(
+            context,
+            message: 'Informations récupérées avec succès',
+          );
+        }
+      } catch (e) {
+        // Si l'erreur est liée à un code HTTP > 300 ou une réponse non trouvée
+        throw Exception('not_found');
+      }
+    } catch (e) {
+      setState(() {
+        isLoading = false;
+      });
+
+      // Cacher l'overlay de chargement
+      CustomOverlay.hide();
+
+      if (mounted) {
+        CustomOverlay.showError(context, message: 'Informations non trouvées');
+      }
+    }
+  }
+
+  Widget buildFormField(Map<String, dynamic> field) {
+    if (!shouldShowField(field)) return const SizedBox();
+
+    String fieldName = field['name'];
+    String fieldType = field['type'];
+    bool isReadOnly = field['readonly'] ?? false;
+
+    switch (fieldType) {
+      case 'text':
+      case 'number':
+        return Container(
+          margin: const EdgeInsets.symmetric(vertical: 8.0),
+          child: TextFormField(
+            controller: controllers[fieldName],
+            keyboardType:
+                fieldType == 'number'
+                    ? TextInputType.number
+                    : TextInputType.text,
+            decoration: InputDecoration(
+              labelText: field['label'] ?? fieldName,
+              filled: true,
+              fillColor: Colors.white,
+              prefixIcon: Icon(
+                fieldType == 'number' ? Icons.numbers : Icons.text_fields,
+                color: FormStyles.primaryColor.withOpacity(0.7),
+              ),
+              border: OutlineInputBorder(
+                borderRadius: BorderRadius.circular(8),
+                borderSide: const BorderSide(color: Color(0xFFE0E7FF)),
+              ),
+              enabledBorder: OutlineInputBorder(
+                borderRadius: BorderRadius.circular(8),
+                borderSide: const BorderSide(color: Color(0xFFE0E7FF)),
+              ),
+              focusedBorder: OutlineInputBorder(
+                borderRadius: BorderRadius.circular(8),
+                borderSide: const BorderSide(
+                  color: FormStyles.primaryColor,
+                  width: 2,
+                ),
+              ),
+            ),
+            readOnly: isReadOnly,
+            onChanged: (value) => updateFormValue(fieldName, value),
+            validator: (value) {
+              if (field['required'] == true && (value?.isEmpty ?? true)) {
+                return 'Ce champ est requis';
+              }
+              if (fieldType == 'number' && value != null && value.isNotEmpty) {
+                if (double.tryParse(value) == null) {
+                  return 'Veuillez entrer un nombre valide';
+                }
+              }
+              return null;
+            },
+          ),
+        );
+
+      case 'selecteur':
+        List<DropdownMenuItem<String>> items = getDropdownOptions(field);
+        String? currentValue = formValues[fieldName];
+
+        if (currentValue != null &&
+            !items.any((item) => item.value == currentValue)) {
+          currentValue = null;
+        }
+
+        return Container(
+          margin: const EdgeInsets.symmetric(vertical: 8.0),
+          child: DropdownButtonFormField<String>(
+            value: currentValue,
+            items: items,
+            decoration: InputDecoration(
+              labelText: field['label'] ?? fieldName,
+              filled: true,
+              fillColor: Colors.white,
+              prefixIcon: Icon(
+                Icons.arrow_drop_down_circle,
+                color: FormStyles.primaryColor.withOpacity(0.7),
+              ),
+              border: OutlineInputBorder(
+                borderRadius: BorderRadius.circular(8),
+                borderSide: const BorderSide(color: Color(0xFFE0E7FF)),
+              ),
+            ),
+            onChanged:
+                isReadOnly
+                    ? null
+                    : (value) => updateFormValue(fieldName, value),
+            validator: (value) {
+              if (field['required'] == true && value == null) {
+                return 'Ce champ est requis';
+              }
+              return null;
+            },
+          ),
+        );
+
+      case 'date':
+        return Container(
+          margin: const EdgeInsets.symmetric(vertical: 8.0),
+          child: TextFormField(
+            controller: controllers[fieldName],
+            decoration: InputDecoration(
+              labelText: field['label'] ?? fieldName,
+              filled: true,
+              fillColor: Colors.white,
+              prefixIcon: Icon(
+                Icons.calendar_today,
+                color: FormStyles.primaryColor.withOpacity(0.7),
+              ),
+              border: OutlineInputBorder(
+                borderRadius: BorderRadius.circular(8),
+                borderSide: const BorderSide(color: Color(0xFFE0E7FF)),
+              ),
+            ),
+            readOnly: true,
+            onTap:
+                isReadOnly
+                    ? null
+                    : () async {
+                      final now = DateTime.now();
+                      final DateTime? picked = await showDatePicker(
+                        context: context,
+                        initialDate: now,
+                        firstDate: now, // La date de début est aujourd'hui
+                        lastDate: DateTime(2101),
+                        builder: (context, child) {
+                          return Theme(
+                            data: Theme.of(context).copyWith(
+                              colorScheme: const ColorScheme.light(
+                                primary: FormStyles.primaryColor,
+                                onPrimary: Colors.white,
+                                surface: Colors.white,
+                                onSurface: FormStyles.textColor,
+                              ),
+                            ),
+                            child: child!,
+                          );
+                        },
+                        helpText: 'Sélectionner une date',
+                        cancelText: 'Annuler',
+                        confirmText: 'Confirmer',
+                        errorFormatText: 'Format de date invalide',
+                        errorInvalidText:
+                            'Les dates passées ne sont pas autorisées',
+                        fieldLabelText: field['label'] ?? fieldName,
+                        fieldHintText: 'JJ/MM/AAAA',
+                      );
+
+                      if (picked != null && mounted) {
+                        setState(() {
+                          String formattedDate = DateFormat(
+                            'yyyy-MM-dd',
+                          ).format(picked);
+                          controllers[fieldName]?.value = TextEditingValue(
+                            text: formattedDate,
+                          );
+                          updateFormValue(fieldName, formattedDate);
+                        });
+                      }
+                    },
+            validator: (value) {
+              if (field['required'] == true && (value?.isEmpty ?? true)) {
+                return 'Ce champ est requis';
+              }
+              // Validation supplémentaire pour les dates
+              if (value != null && value.isNotEmpty) {
+                try {
+                  final selectedDate = DateFormat('yyyy-MM-dd').parse(value);
+                  if (selectedDate.isBefore(
+                    DateTime.now().subtract(const Duration(days: 1)),
+                  )) {
+                    return 'La date doit être aujourd\'hui ou future';
+                  }
+                } catch (e) {
+                  return 'Format de date invalide';
+                }
+              }
+              return null;
+            },
+          ),
+        );
+
+      case 'time':
+        return Container(
+          margin: const EdgeInsets.symmetric(vertical: 8.0),
+          child: TextFormField(
+            controller: controllers[fieldName],
+            decoration: InputDecoration(
+              labelText: field['label'] ?? fieldName,
+              filled: true,
+              fillColor: Colors.white,
+              prefixIcon: Icon(
+                Icons.access_time,
+                color: FormStyles.primaryColor.withOpacity(0.7),
+              ),
+              border: OutlineInputBorder(
+                borderRadius: BorderRadius.circular(8),
+                borderSide: const BorderSide(color: Color(0xFFE0E7FF)),
+              ),
+            ),
+            readOnly: true,
+            onTap:
+                isReadOnly
+                    ? null
+                    : () async {
+                      final TimeOfDay? picked = await showTimePicker(
+                        context: context,
+                        initialTime: TimeOfDay.now(),
+                        builder: (context, child) {
+                          return Theme(
+                            data: Theme.of(context).copyWith(
+                              colorScheme: const ColorScheme.light(
+                                primary: FormStyles.primaryColor,
+                                onPrimary: Colors.white,
+                                surface: Colors.white,
+                                onSurface: FormStyles.textColor,
+                              ),
+                            ),
+                            child: child!,
+                          );
+                        },
+                      );
+                      if (picked != null) {
+                        setState(() {
+                          controllers[fieldName]?.value = TextEditingValue(
+                            text: picked.format(context),
+                          );
+                          updateFormValue(fieldName, picked.format(context));
+                        });
+                      }
+                    },
+            validator: (value) {
+              if (field['required'] == true && (value?.isEmpty ?? true)) {
+                return 'Ce champ est requis';
+              }
+              return null;
+            },
+          ),
+        );
+
+      case 'list':
+        return buildDynamicListField(field);
+
+      case 'datetime':
+        return Container(
+          margin: const EdgeInsets.symmetric(vertical: 8.0),
+          child: TextFormField(
+            controller: controllers[fieldName],
+            decoration: InputDecoration(
+              labelText: field['label'] ?? fieldName,
+              filled: true,
+              fillColor: Colors.white,
+              prefixIcon: Icon(
+                Icons.event,
+                color: FormStyles.primaryColor.withOpacity(0.7),
+              ),
+              border: OutlineInputBorder(
+                borderRadius: BorderRadius.circular(8),
+                borderSide: const BorderSide(color: Color(0xFFE0E7FF)),
+              ),
+            ),
+            readOnly: true,
+            onTap:
+                isReadOnly
+                    ? null
+                    : () async {
+                      final DateTime? date = await showDatePicker(
+                        context: context,
+                        initialDate: DateTime.now(),
+                        firstDate: DateTime(2000),
+                        lastDate: DateTime(2101),
+                        builder: (context, child) {
+                          return Theme(
+                            data: Theme.of(context).copyWith(
+                              colorScheme: const ColorScheme.light(
+                                primary: FormStyles.primaryColor,
+                                onPrimary: Colors.white,
+                                surface: Colors.white,
+                                onSurface: FormStyles.textColor,
+                              ),
+                            ),
+                            child: child!,
+                          );
+                        },
+                      );
+
+                      if (date != null) {
+                        final TimeOfDay? time = await showTimePicker(
+                          context: context,
+                          initialTime: TimeOfDay.now(),
+                          builder: (context, child) {
+                            return Theme(
+                              data: Theme.of(context).copyWith(
+                                colorScheme: const ColorScheme.light(
+                                  primary: FormStyles.primaryColor,
+                                  onPrimary: Colors.white,
+                                  surface: Colors.white,
+                                  onSurface: FormStyles.textColor,
+                                ),
+                              ),
+                              child: child!,
+                            );
+                          },
+                        );
+
+                        if (time != null && mounted) {
+                          final DateTime dateTime = DateTime(
+                            date.year,
+                            date.month,
+                            date.day,
+                            time.hour,
+                            time.minute,
+                          );
+                          setState(() {
+                            String formattedDateTime = DateFormat(
+                              'yyyy-MM-dd HH:mm',
+                            ).format(dateTime);
+                            controllers[fieldName]?.value = TextEditingValue(
+                              text: formattedDateTime,
+                            );
+                            updateFormValue(fieldName, formattedDateTime);
+                          });
+                        }
+                      }
+                    },
+            validator: (value) {
+              if (field['required'] == true && (value?.isEmpty ?? true)) {
+                return 'Ce champ est requis';
+              }
+              return null;
+            },
+          ),
+        );
+
+      default:
+        return const SizedBox();
+    }
+  }
+
+  // ignore: unused_element
+  InputDecoration _buildInputDecoration(
+    String label,
+    IconData icon,
+    bool isRequired,
+  ) {
+    return InputDecoration(
+      labelText: isRequired ? '$label *' : label,
+      filled: true,
+      fillColor: Colors.white,
+      prefixIcon: Icon(icon, color: FormStyles.primaryColor.withOpacity(0.7)),
+      border: OutlineInputBorder(
+        borderRadius: BorderRadius.circular(8),
+        borderSide: const BorderSide(color: Color(0xFFE0E7FF)),
+      ),
+      enabledBorder: OutlineInputBorder(
+        borderRadius: BorderRadius.circular(8),
+        borderSide: const BorderSide(color: Color(0xFFE0E7FF)),
+      ),
+      focusedBorder: OutlineInputBorder(
+        borderRadius: BorderRadius.circular(8),
+        borderSide: const BorderSide(color: FormStyles.primaryColor, width: 2),
+      ),
+      errorBorder: OutlineInputBorder(
+        borderRadius: BorderRadius.circular(8),
+        borderSide: const BorderSide(color: FormStyles.errorColor),
+      ),
+      focusedErrorBorder: OutlineInputBorder(
+        borderRadius: BorderRadius.circular(8),
+        borderSide: const BorderSide(color: FormStyles.errorColor, width: 2),
+      ),
+    );
+  }
+
+  Widget buildDynamicListField(Map<String, dynamic> field) {
+    String fieldName = field['name'];
+
+    // Initialisation avec le bon type
+    if (formValues[fieldName] == null) {
+      formValues[fieldName] = <Map<String, dynamic>>[];
+    }
+
+    List<Map<String, dynamic>> fieldValues = List<Map<String, dynamic>>.from(
+      formValues[fieldName],
+    );
+
+    return Container(
+      margin: const EdgeInsets.only(bottom: 16),
+      decoration: FormStyles.cardDecoration,
+      child: Padding(
+        padding: const EdgeInsets.all(16.0),
+        child: Column(
+          crossAxisAlignment: CrossAxisAlignment.stretch,
+          children: [
+            Row(
+              children: [
+                const Icon(Icons.list_alt, color: FormStyles.primaryColor),
+                const SizedBox(width: 8),
+                Text(
+                  field['label'] ?? fieldName,
+                  style: const TextStyle(
+                    fontSize: 16,
+                    fontWeight: FontWeight.bold,
+                    color: FormStyles.textColor,
+                  ),
+                ),
+              ],
+            ),
+            const SizedBox(height: 16),
+            ListView.builder(
+              shrinkWrap: true,
+              physics: const NeverScrollableScrollPhysics(),
+              itemCount: fieldValues.length,
+              itemBuilder: (context, index) {
+                return Card(
+                  elevation: 2,
+                  margin: const EdgeInsets.only(bottom: 16),
+                  child: Padding(
+                    padding: const EdgeInsets.all(16),
+                    child: Column(
+                      crossAxisAlignment: CrossAxisAlignment.start,
+                      children: [
+                        Row(
+                          mainAxisAlignment: MainAxisAlignment.spaceBetween,
+                          children: [
+                            Text(
+                              'Élément ${index + 1}',
+                              style: const TextStyle(
+                                fontSize: 16,
+                                fontWeight: FontWeight.bold,
+                                color: FormStyles.textColor,
+                              ),
+                            ),
+                            IconButton(
+                              icon: const Icon(
+                                Icons.delete,
+                                color: FormStyles.errorColor,
+                              ),
+                              onPressed: () {
+                                setState(() {
+                                  fieldValues.removeAt(index);
+                                  formValues[fieldName] = fieldValues;
+                                });
+                              },
+                            ),
+                          ],
+                        ),
+                        const Divider(height: 24),
+                        ...(field['options'] as List).map<Widget>((option) {
+                          String optionName = option['value'].toString();
+                          return Padding(
+                            padding: const EdgeInsets.only(bottom: 16),
+                            child: TextFormField(
+                              initialValue:
+                                  fieldValues[index][optionName]?.toString() ??
+                                  '',
+                              decoration: InputDecoration(
+                                labelText: option['label'],
+                                filled: true,
+                                fillColor: Colors.white,
+                                prefixIcon: const Icon(
+                                  Icons.edit,
+                                  color: FormStyles.primaryColor,
+                                ),
+                                border: OutlineInputBorder(
+                                  borderRadius: BorderRadius.circular(8),
+                                  borderSide: const BorderSide(
+                                    color: Color(0xFFE0E7FF),
+                                  ),
+                                ),
+                                enabledBorder: OutlineInputBorder(
+                                  borderRadius: BorderRadius.circular(8),
+                                  borderSide: const BorderSide(
+                                    color: Color(0xFFE0E7FF),
+                                  ),
+                                ),
+                                focusedBorder: OutlineInputBorder(
+                                  borderRadius: BorderRadius.circular(8),
+                                  borderSide: const BorderSide(
+                                    color: FormStyles.primaryColor,
+                                    width: 2,
+                                  ),
+                                ),
+                              ),
+                              onChanged: (value) {
+                                setState(() {
+                                  fieldValues[index][optionName] = value;
+                                  formValues[fieldName] = fieldValues;
+                                });
+                              },
+                              validator:
+                                  (value) =>
+                                      value!.isEmpty
+                                          ? 'Ce champ est requis'
+                                          : null,
+                            ),
+                          );
+                        }),
+                      ],
+                    ),
+                  ),
+                );
+              },
+            ),
+            const SizedBox(height: 16),
+            ElevatedButton.icon(
+              onPressed: () {
+                setState(() {
+                  // Création d'un nouvel élément avec le bon typage
+                  Map<String, dynamic> newItem = {};
+                  for (var option in (field['options'] as List)) {
+                    newItem[option['value'].toString()] = '';
+                  }
+                  fieldValues.add(newItem);
+                  formValues[fieldName] = fieldValues;
+                });
+              },
+              style: ElevatedButton.styleFrom(
+                backgroundColor: FormStyles.primaryColor,
+                foregroundColor: Colors.white,
+                padding: const EdgeInsets.symmetric(vertical: 12),
+                elevation: 2,
+                shape: RoundedRectangleBorder(
+                  borderRadius: BorderRadius.circular(8),
+                ),
+              ),
+              icon: const Icon(Icons.add),
+              label: Text(
+                serviceData!['bouton_list'] ?? 'Ajouter un élément',
+                style: const TextStyle(
+                  fontSize: 16,
+                  fontWeight: FontWeight.w500,
+                ),
+              ),
+            ),
+          ],
+        ),
+      ),
+    );
+  }
+
+  // Modifiez également la méthode initializeFormValues pour bien initialiser les listes
+  void initializeFormValues() {
+    if (serviceData == null) return;
+
+    if (serviceData!['steps'] != null) {
+      var currentStepData = serviceData!['steps'][currentStep];
+
+      if (currentStepData['fields'] != null) {
+        for (var field in currentStepData['fields']) {
+          String fieldName = field['name'];
+          if (field['type'] == 'list') {
+            formValues[fieldName] =
+                []; // Initialisation explicite de la liste vide
+          } else {
+            formValues[fieldName] = null;
+          }
+
+          if ([
+            'text',
+            'number',
+            'date',
+            'time',
+            'datetime',
+          ].contains(field['type'])) {
+            controllers[fieldName] = TextEditingController();
+          }
+        }
+      }
+
+      // Rest of the method remains the same...
+    } else {
+      if (serviceData!['fields'] == null) return;
+
+      for (var field in serviceData!['fields']) {
+        String fieldName = field['name'];
+        if (field['type'] == 'list') {
+          formValues[fieldName] =
+              []; // Initialisation explicite de la liste vide
+        } else {
+          formValues[fieldName] = null;
+        }
+
+        if ([
+          'text',
+          'number',
+          'date',
+          'time',
+          'datetime',
+        ].contains(field['type'])) {
+          controllers[fieldName] = TextEditingController();
+        }
+      }
+    }
+  }
+
+  List<Widget> buildCurrentStepFields() {
+    if (serviceData!['steps'] != null) {
+      var currentStepData = serviceData!['steps'][currentStep];
+      List<Widget> fields = [];
+
+      // On n'affiche les informations détaillées que pour l'étape 1
+      if (currentStep == 1) {
+        // Section des champs API (informations récupérées)
+        if (currentStepData['api_fields'] != null) {
+          Map<String, dynamic> apiFields = currentStepData['api_fields'];
+
+          // Titre de la section des informations récupérées
+          fields.add(
+            Container(
+              margin: const EdgeInsets.only(bottom: 16),
+              child: const Row(
+                children: [
+                  Icon(
+                    Icons.info_outline,
+                    color: FormStyles.primaryColor,
+                    size: 20,
+                  ),
+                  SizedBox(width: 8),
+                  Text(
+                    'Informations détaillées',
+                    style: TextStyle(
+                      fontSize: 16,
+                      fontWeight: FontWeight.w600,
+                      color: FormStyles.textColor,
+                    ),
+                  ),
+                ],
+              ),
+            ),
+          );
+
+          // Ajout des champs API
+          apiFields.forEach((fieldName, fieldConfig) {
+            Map<String, dynamic> field = {
+              'name': fieldName,
+              'type': fieldConfig['type'] ?? 'text',
+              'label': fieldConfig['label'] ?? fieldName,
+              'readonly': fieldConfig['readonly'] ?? true,
+              'required': fieldConfig['required'] ?? true,
+            };
+            fields.add(buildFormField(field));
+          });
+
+          // Ajout d'un séparateur entre les sections
+          fields.add(const Divider(height: 32));
+        }
+
+        // Section des champs de paiement
+        if (currentStepData['fields'] != null &&
+            currentStepData['fields'].isNotEmpty) {
+          fields.add(
+            Container(
+              margin: const EdgeInsets.only(bottom: 16, top: 8),
+              child: const Row(
+                children: [
+                  Icon(Icons.payment, color: FormStyles.primaryColor, size: 20),
+                  SizedBox(width: 8),
+                  Text(
+                    'Informations de paiement',
+                    style: TextStyle(
+                      fontSize: 16,
+                      fontWeight: FontWeight.w600,
+                      color: FormStyles.textColor,
+                    ),
+                  ),
+                ],
+              ),
+            ),
+          );
+        }
+      }
+
+      // Ajout des champs normaux
+      if (currentStepData['fields'] != null) {
+        fields.addAll(
+          currentStepData['fields']
+              .map<Widget>((field) => buildFormField(field))
+              .toList(),
+        );
+      }
+
+      return [
+        Container(
+          decoration: FormStyles.cardDecoration,
+          child: Padding(
+            padding: const EdgeInsets.all(16),
+            child: Column(
+              crossAxisAlignment: CrossAxisAlignment.start,
+              children: fields,
+            ),
+          ),
+        ),
+      ];
+    } else {
+      return serviceData!['fields']
+          .map<Widget>((field) => buildFormField(field))
+          .toList();
+    }
+  }
+
+  Widget buildNavigationButtons() {
+    if (serviceData!['steps'] == null) {
+      return Container(
+        margin: const EdgeInsets.only(top: 24),
+        height: 48,
+        width: double.infinity,
+        child: ElevatedButton(
+          onPressed: isLoading ? null : submitForm,
+          style: FormStyles.elevatedButtonStyle,
+          child:
+              isLoading
+                  ? const SizedBox(
+                    height: 24,
+                    width: 24,
+                    child: CircularProgressIndicator(
+                      strokeWidth: 2,
+                      valueColor: AlwaysStoppedAnimation<Color>(Colors.white),
+                    ),
+                  )
+                  : Text(serviceData!['button_service'] ?? 'Soumettre'),
+        ),
+      );
+    }
+
+    // Récupérer le titre du bouton pour le step actuel
+    var currentStepData = serviceData!['steps'][currentStep];
+    String buttonTitle =
+        currentStepData['title_button'] ??
+        (currentStep == 0 ? 'Vérifier' : 'Payer');
+
+    return Container(
+      margin: const EdgeInsets.only(top: 24),
+      child: Row(
+        children: [
+          if (currentStep == 1)
+            Expanded(
+              child: Padding(
+                padding: const EdgeInsets.only(right: 8.0),
+                child: SizedBox(
+                  height: 48,
+                  child: OutlinedButton(
+                    onPressed:
+                        isLoading
+                            ? null
+                            : () {
+                              _apiService.cancelOperation();
+                              setState(() {
+                                currentStep = 0;
+                                verificationData = null;
+                                var step2Fields = serviceData!['steps'][1];
+                                if (step2Fields['api_fields'] != null) {
+                                  step2Fields['api_fields'].forEach((
+                                    fieldName,
+                                    _,
+                                  ) {
+                                    formValues.remove(fieldName);
+                                    controllers[fieldName]?.clear();
+                                  });
+                                }
+                              });
+                            },
+                    style: FormStyles.outlinedButtonStyle,
+                    child: const Text('Retour'),
+                  ),
+                ),
+              ),
+            ),
+          Expanded(
+            child: SizedBox(
+              height: 48,
+              child: ElevatedButton(
+                onPressed: isLoading ? null : submitForm,
+                style: FormStyles.elevatedButtonStyle,
+                child:
+                    isLoading
+                        ? const SizedBox(
+                          height: 24,
+                          width: 24,
+                          child: CircularProgressIndicator(
+                            strokeWidth: 2,
+                            valueColor: AlwaysStoppedAnimation<Color>(
+                              Colors.white,
+                            ),
+                          ),
+                        )
+                        : Text(
+                          buttonTitle,
+                          style: const TextStyle(
+                            fontSize: 16,
+                            fontWeight: FontWeight.w600,
+                          ),
+                        ),
+              ),
+            ),
+          ),
+        ],
+      ),
+    );
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    // Obtenir les dimensions de l'écran
+    final size = MediaQuery.of(context).size;
+    final padding = MediaQuery.of(context).padding;
+    final isSmallScreen = size.width < 360; // Pour les très petits écrans
+    return Theme(
+      data: Theme.of(
+        context,
+      ).copyWith(inputDecorationTheme: FormStyles.inputDecoration),
+      child: Scaffold(
+        backgroundColor: FormStyles.backgroundColor,
+        appBar: AppBar(
+          elevation: 0,
+          centerTitle: true,
+          title: Text(
+            widget.serviceName,
+            style: const TextStyle(
+              fontSize: 24,
+              fontWeight: FontWeight.bold,
+              color: Colors.white,
+              letterSpacing: 0.5,
+            ),
+          ),
+          leading: IconButton(
+            icon: const Icon(Icons.arrow_back, color: Colors.white),
+            onPressed: () {
+              Navigator.pop(context);
+            },
+          ),
+          backgroundColor: FormStyles.primaryColor,
+        ),
+
+        resizeToAvoidBottomInset:
+            false, // Empêche le redimensionnement automatique
+        body: LayoutBuilder(
+          builder: (context, constraints) {
+            // Calculer les dimensions adaptatives
+            final maxWidth = constraints.maxWidth;
+            final maxHeight = constraints.maxHeight;
+            final horizontalPadding = maxWidth * 0.05; // 5% de la largeur
+            final verticalPadding = maxHeight * 0.02; // 2% de la hauteur
+            final fieldSpacing =
+                maxHeight * 0.015; // Espacement entre les champs
+
+            return isLoading
+                ? const Center(child: CircularProgressIndicator())
+                : serviceData == null
+                ? const Center(
+                  child: CircularProgressIndicator(
+                    valueColor: AlwaysStoppedAnimation<Color>(
+                      FormStyles.primaryColor,
+                    ),
+                  ),
+                )
+                : serviceData == null
+                ? Center(
+                  child: Column(
+                    mainAxisAlignment: MainAxisAlignment.center,
+                    children: [
+                      const Icon(
+                        Icons.error_outline,
+                        size: 48,
+                        color: FormStyles.errorColor,
+                      ),
+                      const SizedBox(height: 16),
+                      const Text(
+                        'Erreur de chargement des données',
+                        style: TextStyle(
+                          fontSize: 18,
+                          color: FormStyles.textColor,
+                          fontWeight: FontWeight.w500,
+                        ),
+                      ),
+                      const SizedBox(height: 24),
+                      ElevatedButton(
+                        onPressed: fetchServiceFields,
+                        style: FormStyles.elevatedButtonStyle,
+                        child: const Text('Réessayer'),
+                      ),
+                    ],
+                  ),
+                )
+                : SingleChildScrollView(
+                  physics: const AlwaysScrollableScrollPhysics(),
+                  child: GestureDetector(
+                    // Ajout du GestureDetector ici
+                    onTap: () {
+                      // Fermer le clavier quand on clique n'importe où
+                      FocusScope.of(context).unfocus();
+                    },
+                    child: Padding(
+                      padding: EdgeInsets.only(
+                        left: horizontalPadding,
+                        right: horizontalPadding,
+                        top: verticalPadding,
+                        bottom:
+                            MediaQuery.of(context).viewInsets.bottom +
+                            maxHeight * 0.1,
+                      ),
+                      child: Form(
+                        key: _formKey,
+                        child: Column(
+                          crossAxisAlignment: CrossAxisAlignment.stretch,
+                          children: [
+                            buildBanner(),
+                            Container(
+                              width: maxWidth * 0.9,
+                              child: buildProgressIndicator(),
+                            ),
+                            SizedBox(height: fieldSpacing),
+                            ...buildCurrentStepFields()
+                                .map(
+                                  (field) => Container(
+                                    width: maxWidth * 0.9,
+                                    margin: EdgeInsets.only(
+                                      bottom: fieldSpacing,
+                                    ),
+                                    child: field,
+                                  ),
+                                )
+                                .toList(),
+                            Container(
+                              width: maxWidth * 0.9,
+                              margin: EdgeInsets.only(
+                                top: fieldSpacing * 2,
+                                bottom: fieldSpacing,
+                              ),
+                              child: buildNavigationButtons(),
+                            ),
+                            SizedBox(height: maxHeight * 0.05),
+                          ],
+                        ),
+                      ),
+                    ),
+                  ),
+                );
+          },
+        ),
+      ),
+    );
+  }
+}
diff --git a/lib/pages/home.dart b/lib/pages/home.dart
new file mode 100644
index 0000000..e188021
--- /dev/null
+++ b/lib/pages/home.dart
@@ -0,0 +1,1451 @@
+// ===== lib/pages/home.dart AVEC SUPPORT ENTREPRISE =====
+import 'package:flutter/material.dart';
+import 'package:provider/provider.dart';
+import '../main.dart';
+import '../widgets/balance_widget.dart';
+import '../pages/form_service.dart';
+import '../widgets/responsive_helper.dart';
+
+class HomePage extends StatefulWidget {
+  final bool showAppBar;
+
+  const HomePage({super.key, this.showAppBar = true});
+
+  @override
+  _HomePageState createState() => _HomePageState();
+}
+
+class _HomePageState extends State<HomePage>
+    with SingleTickerProviderStateMixin {
+  late AnimationController _animationController;
+  late Animation<double> _fadeAnimation;
+  late Animation<Offset> _slideAnimation;
+  late ScrollController _scrollController;
+
+  final TextEditingController _searchController = TextEditingController();
+
+  static const Color primaryColor = Color(0xFF006699);
+  static const Color secondaryColor = Color(0xFF0088CC);
+  static const Color backgroundColor = Color(0xFFF8FAFC);
+  static const Color surfaceColor = Colors.white;
+  static const Color successColor = Color(0xFF10B981);
+  static const Color cardShadowColor = Color(0x08000000);
+  static const Color enterpriseColor = Color(
+    0xFF006699,
+  ); // Violet pour entreprise
+
+  @override
+  void initState() {
+    super.initState();
+    _setupAnimations();
+    _setupScrollController();
+    _initializeOrientations();
+    _loadServices();
+  }
+
+  void _initializeOrientations() {
+    WidgetsBinding.instance.addPostFrameCallback((_) {
+      ResponsiveHelper.initializeOrientations(context);
+    });
+  }
+
+  void _setupAnimations() {
+    _animationController = AnimationController(
+      duration: Duration(milliseconds: 800),
+      vsync: this,
+    );
+
+    _fadeAnimation = Tween<double>(begin: 0.0, end: 1.0).animate(
+      CurvedAnimation(parent: _animationController, curve: Curves.easeOut),
+    );
+
+    _slideAnimation = Tween<Offset>(
+      begin: Offset(0, 0.05),
+      end: Offset.zero,
+    ).animate(
+      CurvedAnimation(parent: _animationController, curve: Curves.easeOut),
+    );
+
+    _animationController.forward();
+  }
+
+  void _setupScrollController() {
+    _scrollController = ScrollController();
+  }
+
+  void _loadServices() {
+    WidgetsBinding.instance.addPostFrameCallback((_) {
+      final servicesController = Provider.of<ServicesController>(
+        context,
+        listen: false,
+      );
+      servicesController.loadServices();
+    });
+  }
+
+  @override
+  void dispose() {
+    _animationController.dispose();
+    _searchController.dispose();
+    _scrollController.dispose();
+    super.dispose();
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    final screenHeight = MediaQuery.of(context).size.height;
+    final screenWidth = MediaQuery.of(context).size.width;
+    final isTablet = screenWidth > 600;
+
+    return Scaffold(
+      backgroundColor: backgroundColor,
+      body: FadeTransition(
+        opacity: _fadeAnimation,
+        child: SlideTransition(
+          position: _slideAnimation,
+          child:
+              widget.showAppBar
+                  ? _buildWithAppBar(isTablet)
+                  : _buildWithSliverAppBar(screenHeight, isTablet),
+        ),
+      ),
+    );
+  }
+
+  Widget _buildWithAppBar(bool isTablet) {
+    return Column(
+      children: [
+        _buildBeautifulAppBar(),
+        Expanded(
+          child: SingleChildScrollView(
+            padding: EdgeInsets.all(isTablet ? 24 : 20),
+            child: Column(
+              children: [
+                _buildModernSearchBar(),
+                SizedBox(height: 25),
+                _buildStylishCategoryTabs(),
+                SizedBox(height: 30),
+                _buildServicesContent(),
+                SizedBox(height: 20),
+              ],
+            ),
+          ),
+        ),
+      ],
+    );
+  }
+
+  Widget _buildWithSliverAppBar(double screenHeight, bool isTablet) {
+    return CustomScrollView(
+      controller: _scrollController,
+      slivers: [
+        SliverAppBar(
+          expandedHeight: screenHeight * (isTablet ? 0.28 : 0.32),
+          floating: false,
+          pinned: true,
+          elevation: 0,
+          backgroundColor: primaryColor,
+          flexibleSpace: FlexibleSpaceBar(
+            background: _buildBeautifulHeader(),
+            collapseMode: CollapseMode.parallax,
+          ),
+          bottom: PreferredSize(
+            preferredSize: Size.fromHeight(0),
+            child: Container(
+              height: 30,
+              decoration: BoxDecoration(
+                color: backgroundColor,
+                borderRadius: BorderRadius.only(
+                  topLeft: Radius.circular(30),
+                  topRight: Radius.circular(30),
+                ),
+              ),
+            ),
+          ),
+        ),
+        SliverToBoxAdapter(
+          child: Container(
+            color: backgroundColor,
+            padding: EdgeInsets.fromLTRB(
+              isTablet ? 24 : 20,
+              0,
+              isTablet ? 24 : 20,
+              isTablet ? 24 : 20,
+            ),
+            child: Column(
+              children: [
+                _buildModernSearchBar(),
+                SizedBox(height: 25),
+                _buildStylishCategoryTabs(),
+                SizedBox(height: 30),
+                _buildServicesContent(),
+                SizedBox(height: 120),
+              ],
+            ),
+          ),
+        ),
+      ],
+    );
+  }
+
+  // ===== HEADER AMÉLIORÉ AVEC SUPPORT ENTREPRISE =====
+  Widget _buildBeautifulHeader() {
+    return Consumer<AuthController>(
+      builder: (context, authController, child) {
+        final isEnterprise = authController.isEnterpriseMember;
+
+        return Container(
+          width: double.infinity,
+          decoration: BoxDecoration(
+            gradient: LinearGradient(
+              begin: Alignment.topLeft,
+              end: Alignment.bottomRight,
+              colors:
+                  isEnterprise
+                      ? [
+                        enterpriseColor,
+                        enterpriseColor.withOpacity(0.8),
+                        secondaryColor,
+                      ]
+                      : [
+                        primaryColor,
+                        primaryColor.withOpacity(0.8),
+                        secondaryColor,
+                      ],
+              stops: [0.0, 0.6, 1.0],
+            ),
+          ),
+          child: SafeArea(
+            child: Padding(
+              padding: EdgeInsets.fromLTRB(20, 10, 20, 30),
+              child: SingleChildScrollView(
+                child: Column(
+                  mainAxisAlignment: MainAxisAlignment.center,
+                  mainAxisSize: MainAxisSize.min,
+                  children: [
+                    // Partie supérieure avec bienvenue et solde
+                    Row(
+                      mainAxisAlignment: MainAxisAlignment.spaceBetween,
+                      crossAxisAlignment: CrossAxisAlignment.start,
+                      children: [
+                        Expanded(
+                          child: Column(
+                            crossAxisAlignment: CrossAxisAlignment.start,
+                            children: [
+                              // Badge type de compte
+                              Container(
+                                padding: EdgeInsets.symmetric(
+                                  horizontal: 12,
+                                  vertical: 6,
+                                ),
+                                decoration: BoxDecoration(
+                                  color: Colors.white.withOpacity(0.2),
+                                  borderRadius: BorderRadius.circular(20),
+                                  border: Border.all(
+                                    color: Colors.white.withOpacity(0.3),
+                                    width: 1,
+                                  ),
+                                ),
+                                child: Row(
+                                  mainAxisSize: MainAxisSize.min,
+                                  children: [
+                                    Icon(
+                                      isEnterprise
+                                          ? Icons.business
+                                          : Icons.person,
+                                      color: Colors.white,
+                                      size: 14,
+                                    ),
+                                    SizedBox(width: 6),
+                                    Text(
+                                      isEnterprise
+                                          ? 'Compte Entreprise'
+                                          : 'TPE Wortis',
+                                      style: TextStyle(
+                                        color: Colors.white.withOpacity(0.9),
+                                        fontSize: 12,
+                                        fontWeight: FontWeight.w600,
+                                      ),
+                                    ),
+                                  ],
+                                ),
+                              ),
+                              SizedBox(height: 8),
+                              // Nom de l'agent
+                              Text(
+                                authController.agentName ?? "Agent",
+                                style: TextStyle(
+                                  color: Colors.white,
+                                  fontSize: 24,
+                                  fontWeight: FontWeight.bold,
+                                  letterSpacing: 0.5,
+                                ),
+                                overflow: TextOverflow.ellipsis,
+                              ),
+                              // Nom de l'entreprise si membre
+                              if (isEnterprise &&
+                                  authController.enterprise?.nomEntreprise !=
+                                      null) ...[
+                                SizedBox(height: 4),
+                                Row(
+                                  children: [
+                                    Icon(
+                                      Icons.apartment,
+                                      color: Colors.white.withOpacity(0.8),
+                                      size: 14,
+                                    ),
+                                    SizedBox(width: 6),
+                                    Expanded(
+                                      child: Text(
+                                        authController
+                                            .enterprise!
+                                            .nomEntreprise,
+                                        style: TextStyle(
+                                          color: Colors.white.withOpacity(0.9),
+                                          fontSize: 14,
+                                          fontWeight: FontWeight.w500,
+                                        ),
+                                        overflow: TextOverflow.ellipsis,
+                                      ),
+                                    ),
+                                  ],
+                                ),
+                              ],
+                            ],
+                          ),
+                        ),
+                        // Widget de solde
+                        Flexible(
+                          child: Container(
+                            padding: EdgeInsets.all(3),
+                            decoration: BoxDecoration(
+                              color: Colors.white.withOpacity(0.15),
+                              borderRadius: BorderRadius.circular(20),
+                              border: Border.all(
+                                color: Colors.white.withOpacity(0.2),
+                                width: 1,
+                              ),
+                            ),
+                            child: BalanceWidget(
+                              showIcon: true,
+                              compact: true,
+                              textColor: Colors.white,
+                              backgroundColor: Colors.transparent,
+                            ),
+                          ),
+                        ),
+                      ],
+                    ),
+                    SizedBox(height: 20),
+                    // Statistiques
+                    _buildStatsRow(authController),
+                  ],
+                ),
+              ),
+            ),
+          ),
+        );
+      },
+    );
+  }
+
+  // ===== NOUVELLE MÉTHODE: LIGNE DE STATISTIQUES =====
+  Widget _buildStatsRow(AuthController authController) {
+    return Consumer<ServicesController>(
+      builder: (context, servicesController, child) {
+        final activeCount = servicesController.activeServices.length;
+        final totalCount = servicesController.allServices.length;
+        final isEnterprise = authController.isEnterpriseMember;
+
+        // Version compacte pour petits écrans
+        return LayoutBuilder(
+          builder: (context, constraints) {
+            final isVerySmall = constraints.maxWidth < 350;
+
+            return Container(
+              padding: EdgeInsets.symmetric(
+                horizontal: isVerySmall ? 8 : 12,
+                vertical: isVerySmall ? 8 : 10,
+              ),
+              decoration: BoxDecoration(
+                color: Colors.white.withOpacity(0.15),
+                borderRadius: BorderRadius.circular(20),
+                border: Border.all(
+                  color: Colors.white.withOpacity(0.2),
+                  width: 1,
+                ),
+              ),
+              child: Row(
+                mainAxisAlignment: MainAxisAlignment.spaceAround,
+                children: [
+                  _buildCompactStatItem(
+                    icon: Icons.verified_user_rounded,
+                    value: '$activeCount',
+                    isVerySmall: isVerySmall,
+                  ),
+                  _buildStatDivider(),
+                  _buildCompactStatItem(
+                    icon: Icons.apps_rounded,
+                    value: '$totalCount',
+                    isVerySmall: isVerySmall,
+                  ),
+                  _buildStatDivider(),
+                  _buildCompactStatItem(
+                    icon:
+                        isEnterprise
+                            ? Icons.business_center
+                            : Icons.category_rounded,
+                    value:
+                        isEnterprise
+                            ? 'PRO'
+                            : '${servicesController.sectors.length - 1}',
+                    isVerySmall: isVerySmall,
+                  ),
+                ],
+              ),
+            );
+          },
+        );
+      },
+    );
+  }
+
+  Widget _buildCompactStatItem({
+    required IconData icon,
+    required String value,
+    required bool isVerySmall,
+  }) {
+    return Column(
+      mainAxisSize: MainAxisSize.min,
+      children: [
+        Icon(icon, color: Colors.white, size: isVerySmall ? 16 : 18),
+        SizedBox(height: isVerySmall ? 2 : 4),
+        Text(
+          value,
+          style: TextStyle(
+            color: Colors.white,
+            fontSize: isVerySmall ? 14 : 16,
+            fontWeight: FontWeight.bold,
+          ),
+        ),
+      ],
+    );
+  }
+
+  Widget _buildStatDivider() {
+    return Container(
+      height: 35, // Réduit de 25 à 35
+      width: 1,
+      color: Colors.white.withOpacity(0.3),
+      margin: EdgeInsets.symmetric(horizontal: 4), // Réduit de 8 à 4
+    );
+  }
+
+  Widget _buildStatItem({
+    required IconData icon,
+    required String value,
+    required String label,
+  }) {
+    return Padding(
+      padding: EdgeInsets.symmetric(horizontal: 4), // Ajout de padding
+      child: Column(
+        mainAxisSize: MainAxisSize.min,
+        mainAxisAlignment: MainAxisAlignment.center, // AJOUTÉ
+        crossAxisAlignment: CrossAxisAlignment.center, // AJOUTÉ
+        children: [
+          Icon(icon, color: Colors.white, size: 18), // Réduit de 20 à 18
+          SizedBox(height: 4),
+          Text(
+            value,
+            style: TextStyle(
+              color: Colors.white,
+              fontSize: 16, // Réduit de 18 à 16
+              fontWeight: FontWeight.bold,
+            ),
+            textAlign: TextAlign.center,
+            maxLines: 1,
+            overflow: TextOverflow.ellipsis,
+          ),
+          SizedBox(height: 2),
+          Text(
+            label,
+            style: TextStyle(
+              color: Colors.white.withOpacity(0.8),
+              fontSize: 10, // Réduit de 11 à 10
+              height: 1.2, // Ajusté
+            ),
+            textAlign: TextAlign.center,
+            maxLines: 2,
+            overflow: TextOverflow.ellipsis,
+          ),
+        ],
+      ),
+    );
+  }
+
+  // ===== APP BAR SIMPLIFIÉE AVEC SUPPORT ENTREPRISE =====
+  Widget _buildBeautifulAppBar() {
+    return Consumer<AuthController>(
+      builder: (context, authController, child) {
+        final isEnterprise = authController.isEnterpriseMember;
+
+        return Container(
+          height: 140,
+          decoration: BoxDecoration(
+            gradient: LinearGradient(
+              begin: Alignment.topLeft,
+              end: Alignment.bottomRight,
+              colors:
+                  isEnterprise
+                      ? [enterpriseColor, secondaryColor]
+                      : [primaryColor, secondaryColor],
+            ),
+            borderRadius: BorderRadius.only(
+              bottomLeft: Radius.circular(25),
+              bottomRight: Radius.circular(25),
+            ),
+          ),
+          child: SafeArea(
+            child: Padding(
+              padding: EdgeInsets.fromLTRB(20, 20, 20, 20),
+              child: Row(
+                mainAxisAlignment: MainAxisAlignment.spaceBetween,
+                children: [
+                  Expanded(
+                    child: Column(
+                      crossAxisAlignment: CrossAxisAlignment.start,
+                      mainAxisAlignment: MainAxisAlignment.center,
+                      children: [
+                        // Badge type de compte
+                        Container(
+                          padding: EdgeInsets.symmetric(
+                            horizontal: 10,
+                            vertical: 4,
+                          ),
+                          decoration: BoxDecoration(
+                            color: Colors.white.withOpacity(0.2),
+                            borderRadius: BorderRadius.circular(12),
+                          ),
+                          child: Row(
+                            mainAxisSize: MainAxisSize.min,
+                            children: [
+                              Icon(
+                                isEnterprise ? Icons.business : Icons.person,
+                                color: Colors.white,
+                                size: 12,
+                              ),
+                              SizedBox(width: 4),
+                              Text(
+                                isEnterprise ? 'Entreprise' : 'TPE Wortis',
+                                style: TextStyle(
+                                  color: Colors.white.withOpacity(0.9),
+                                  fontSize: 10,
+                                  fontWeight: FontWeight.w600,
+                                ),
+                              ),
+                            ],
+                          ),
+                        ),
+                        SizedBox(height: 5),
+                        // Nom agent
+                        Text(
+                          authController.agentName ?? "Agent",
+                          style: TextStyle(
+                            color: Colors.white,
+                            fontSize: 18,
+                            fontWeight: FontWeight.bold,
+                          ),
+                          overflow: TextOverflow.ellipsis,
+                        ),
+                        // Nom entreprise si applicable
+                        if (isEnterprise &&
+                            authController.enterprise?.nomEntreprise !=
+                                null) ...[
+                          SizedBox(height: 2),
+                          Text(
+                            authController.enterprise!.nomEntreprise,
+                            style: TextStyle(
+                              color: Colors.white.withOpacity(0.8),
+                              fontSize: 12,
+                            ),
+                            overflow: TextOverflow.ellipsis,
+                          ),
+                        ],
+                      ],
+                    ),
+                  ),
+                  BalanceWidget(
+                    showIcon: true,
+                    compact: true,
+                    textColor: Colors.white,
+                    backgroundColor: Colors.white.withOpacity(0.2),
+                  ),
+                ],
+              ),
+            ),
+          ),
+        );
+      },
+    );
+  }
+
+  Widget _buildModernSearchBar() {
+    return Container(
+      decoration: BoxDecoration(
+        color: surfaceColor,
+        borderRadius: BorderRadius.circular(20),
+        boxShadow: [
+          BoxShadow(
+            color: cardShadowColor,
+            blurRadius: 20,
+            offset: Offset(0, 8),
+            spreadRadius: 0,
+          ),
+        ],
+      ),
+      child: Consumer<ServicesController>(
+        builder: (context, servicesController, child) {
+          return TextField(
+            controller: _searchController,
+            decoration: InputDecoration(
+              hintText: '🔍 Rechercher un service...',
+              hintStyle: TextStyle(color: Colors.grey[400], fontSize: 15),
+              suffixIcon:
+                  servicesController.searchQuery.isNotEmpty
+                      ? IconButton(
+                        icon: Icon(Icons.clear_rounded, color: Colors.grey),
+                        onPressed: () {
+                          _searchController.clear();
+                          servicesController.clearSearch();
+                        },
+                      )
+                      : IconButton(
+                        icon: Icon(Icons.refresh_rounded, color: primaryColor),
+                        onPressed:
+                            servicesController.isLoading
+                                ? null
+                                : () => servicesController.refreshServices(),
+                      ),
+              border: InputBorder.none,
+              contentPadding: EdgeInsets.symmetric(
+                horizontal: 25,
+                vertical: 18,
+              ),
+            ),
+            onChanged: (value) {
+              servicesController.updateSearchQuery(value);
+            },
+          );
+        },
+      ),
+    );
+  }
+
+  Widget _buildStylishCategoryTabs() {
+    return Consumer<ServicesController>(
+      builder: (context, servicesController, child) {
+        final sectors = servicesController.sectors;
+        final screenWidth = MediaQuery.of(context).size.width;
+        final isTablet = screenWidth > 600;
+
+        return SizedBox(
+          height: isTablet ? 70 : 55,
+          child: ListView.builder(
+            scrollDirection: Axis.horizontal,
+            padding: EdgeInsets.symmetric(horizontal: 5),
+            itemCount: sectors.length,
+            itemBuilder: (context, index) {
+              final sector = sectors[index];
+              final isSelected = servicesController.selectedSector == sector;
+              final count =
+                  sector == 'Tous'
+                      ? servicesController.allServices.length
+                      : servicesController.servicesCountBySector[sector] ?? 0;
+
+              return Padding(
+                padding: EdgeInsets.only(right: 15),
+                child: GestureDetector(
+                  onTap: () {
+                    servicesController.selectSector(sector);
+                  },
+                  child: AnimatedContainer(
+                    duration: Duration(milliseconds: 200),
+                    padding: EdgeInsets.symmetric(
+                      horizontal: isTablet ? 30 : 20,
+                      vertical: isTablet ? 20 : 15,
+                    ),
+                    decoration: BoxDecoration(
+                      gradient:
+                          isSelected
+                              ? LinearGradient(
+                                colors: [primaryColor, secondaryColor],
+                              )
+                              : null,
+                      color: isSelected ? null : surfaceColor,
+                      borderRadius: BorderRadius.circular(25),
+                      boxShadow: [
+                        BoxShadow(
+                          color:
+                              isSelected
+                                  ? primaryColor.withOpacity(0.3)
+                                  : cardShadowColor,
+                          blurRadius: isSelected ? 15 : 10,
+                          offset: Offset(0, isSelected ? 8 : 4),
+                        ),
+                      ],
+                    ),
+                    child: Row(
+                      mainAxisSize: MainAxisSize.min,
+                      children: [
+                        Flexible(
+                          child: Text(
+                            sector,
+                            style: TextStyle(
+                              color: isSelected ? Colors.white : Colors.black87,
+                              fontWeight: FontWeight.w600,
+                              fontSize: isTablet ? 16 : 14,
+                            ),
+                            overflow: TextOverflow.ellipsis,
+                          ),
+                        ),
+                        if (count > 0) ...[
+                          SizedBox(width: isTablet ? 10 : 8),
+                          Container(
+                            padding: EdgeInsets.symmetric(
+                              horizontal: isTablet ? 8 : 6,
+                              vertical: isTablet ? 3 : 2,
+                            ),
+                            decoration: BoxDecoration(
+                              color:
+                                  isSelected
+                                      ? Colors.white.withOpacity(0.25)
+                                      : primaryColor.withOpacity(0.15),
+                              borderRadius: BorderRadius.circular(12),
+                            ),
+                            child: Text(
+                              '$count',
+                              style: TextStyle(
+                                color: isSelected ? Colors.white : primaryColor,
+                                fontSize: isTablet ? 12 : 11,
+                                fontWeight: FontWeight.bold,
+                              ),
+                            ),
+                          ),
+                        ],
+                      ],
+                    ),
+                  ),
+                ),
+              );
+            },
+          ),
+        );
+      },
+    );
+  }
+
+  Widget _buildServicesContent() {
+    return Consumer<ServicesController>(
+      builder: (context, servicesController, child) {
+        if (servicesController.isLoading) {
+          return _buildLoadingState();
+        }
+
+        if (servicesController.error != null) {
+          return _buildErrorState(servicesController);
+        }
+
+        final services = servicesController.filteredServices;
+
+        if (services.isEmpty) {
+          return _buildEmptyState();
+        }
+
+        return _buildBeautifulServicesGrid(services);
+      },
+    );
+  }
+
+  Widget _buildBeautifulServicesGrid(List<WortisService> services) {
+    final screenWidth = MediaQuery.of(context).size.width;
+    final screenHeight = MediaQuery.of(context).size.height;
+    final isLandscape = screenWidth > screenHeight;
+
+    int crossAxisCount = 2;
+    double childAspectRatio = 0.75;
+    double spacing = 16;
+
+    if (screenWidth > 1200) {
+      crossAxisCount = 5;
+      childAspectRatio = 0.85;
+      spacing = 24;
+    } else if (screenWidth > 900 && isLandscape) {
+      crossAxisCount = 4;
+      childAspectRatio = 0.82;
+      spacing = 20;
+    } else if (screenWidth > 800) {
+      crossAxisCount = 3;
+      childAspectRatio = 0.85;
+      spacing = 20;
+    } else if (screenWidth > 600) {
+      crossAxisCount = 3;
+      childAspectRatio = 0.8;
+      spacing = 18;
+    } else if (screenWidth > 400) {
+      crossAxisCount = 2;
+      childAspectRatio = 0.8;
+      spacing = 16;
+    }
+
+    final sortedServices = [...services];
+    final servicesController = Provider.of<ServicesController>(
+      context,
+      listen: false,
+    );
+
+    if (servicesController.selectedSector == 'Tous') {
+      sortedServices.sort((a, b) {
+        if (a.secteurActivite == 'Service Public' &&
+            b.secteurActivite != 'Service Public') {
+          return -1;
+        }
+        if (a.secteurActivite != 'Service Public' &&
+            b.secteurActivite == 'Service Public') {
+          return 1;
+        }
+        return a.name.compareTo(b.name);
+      });
+    }
+
+    return Padding(
+      padding: EdgeInsets.symmetric(horizontal: 4),
+      child: GridView.builder(
+        shrinkWrap: true,
+        physics: NeverScrollableScrollPhysics(),
+        gridDelegate: SliverGridDelegateWithFixedCrossAxisCount(
+          crossAxisCount: crossAxisCount,
+          crossAxisSpacing: spacing,
+          mainAxisSpacing: spacing,
+          childAspectRatio: childAspectRatio,
+        ),
+        itemCount: sortedServices.length,
+        itemBuilder: (context, index) {
+          final service = sortedServices[index];
+          return _buildGorgeousServiceCard(service);
+        },
+      ),
+    );
+  }
+
+  // Les autres méthodes restent identiques
+  Widget _buildGorgeousServiceCard(WortisService service) {
+    return LayoutBuilder(
+      builder: (context, constraints) {
+        final cardWidth = constraints.maxWidth;
+        final isTablet = cardWidth > 200;
+        final isVerySmall = cardWidth < 140;
+        final isTiny = cardWidth < 120; // NOUVEAU : pour très petits écrans
+
+        // Tailles adaptatives
+        final titleSize =
+            isTiny ? 11.0 : (isVerySmall ? 12.0 : (isTablet ? 18.0 : 14.0));
+        final sectorSize =
+            isTiny ? 8.0 : (isVerySmall ? 9.0 : (isTablet ? 12.0 : 9.0));
+        final buttonSize =
+            isTiny ? 10.0 : (isVerySmall ? 11.0 : (isTablet ? 14.0 : 11.0));
+        final statusSize =
+            isTiny ? 8.0 : (isVerySmall ? 9.0 : (isTablet ? 9.0 : 9.0));
+        final iconSize =
+            isTiny ? 8.0 : (isVerySmall ? 10.0 : (isTablet ? 14.0 : 10.0));
+        final buttonIconSize =
+            isTiny ? 12.0 : (isVerySmall ? 14.0 : (isTablet ? 15.0 : 16.0));
+
+        return Hero(
+          tag: service.name,
+          child: InkWell(
+            borderRadius: BorderRadius.circular(isTablet ? 28 : 25),
+            onTap: () {
+              if (service.status) {
+                Navigator.of(context).push(
+                  MaterialPageRoute(
+                    builder:
+                        (context) => FormService(serviceName: service.name),
+                  ),
+                );
+              } else {
+                _showServiceUnavailableDialog(service);
+              }
+            },
+            child: Container(
+              decoration: BoxDecoration(
+                color: surfaceColor,
+                borderRadius: BorderRadius.circular(isTablet ? 28 : 25),
+                boxShadow: [
+                  BoxShadow(
+                    color:
+                        service.status
+                            ? service.sectorColor.withOpacity(0.15)
+                            : cardShadowColor,
+                    blurRadius: 20,
+                    offset: const Offset(0, 10),
+                  ),
+                ],
+                border: Border.all(
+                  color:
+                      service.status
+                          ? service.sectorColor.withOpacity(0.2)
+                          : Colors.grey.withOpacity(0.1),
+                  width: 1.5,
+                ),
+              ),
+              child: Column(
+                crossAxisAlignment: CrossAxisAlignment.start,
+                children: [
+                  // === IMAGE/BANNIÈRE ===
+                  Flexible(
+                    // CHANGÉ de Container à Flexible
+                    flex: 3, // AJOUTÉ
+                    child: Container(
+                      width: double.infinity,
+                      decoration: BoxDecoration(
+                        gradient: LinearGradient(
+                          begin: Alignment.topLeft,
+                          end: Alignment.bottomRight,
+                          colors:
+                              service.status
+                                  ? [
+                                    service.sectorColor.withOpacity(0.15),
+                                    service.sectorColor.withOpacity(0.05),
+                                  ]
+                                  : [
+                                    Colors.grey.withOpacity(0.15),
+                                    Colors.grey.withOpacity(0.05),
+                                  ],
+                        ),
+                        borderRadius: BorderRadius.only(
+                          topLeft: Radius.circular(isTablet ? 26 : 23),
+                          topRight: Radius.circular(isTablet ? 26 : 23),
+                        ),
+                      ),
+                      child: Stack(
+                        fit: StackFit.expand, // AJOUTÉ
+                        children: [
+                          ClipRRect(
+                            borderRadius: BorderRadius.only(
+                              topLeft: Radius.circular(isTablet ? 26 : 23),
+                              topRight: Radius.circular(isTablet ? 26 : 23),
+                            ),
+                            child:
+                                service.banner != null &&
+                                        service.banner!.isNotEmpty
+                                    ? Image.network(
+                                      service.banner!,
+                                      fit: BoxFit.cover,
+                                      errorBuilder: (
+                                        context,
+                                        error,
+                                        stackTrace,
+                                      ) {
+                                        return _buildIconFallback(
+                                          service,
+                                          isTablet,
+                                          isVerySmall,
+                                        );
+                                      },
+                                      loadingBuilder: (
+                                        context,
+                                        child,
+                                        loadingProgress,
+                                      ) {
+                                        if (loadingProgress == null)
+                                          return child;
+                                        return Center(
+                                          child: CircularProgressIndicator(
+                                            strokeWidth: 2,
+                                            color: service.sectorColor,
+                                            value:
+                                                loadingProgress
+                                                            .expectedTotalBytes !=
+                                                        null
+                                                    ? loadingProgress
+                                                            .cumulativeBytesLoaded /
+                                                        loadingProgress
+                                                            .expectedTotalBytes!
+                                                    : null,
+                                          ),
+                                        );
+                                      },
+                                    )
+                                    : _buildIconFallback(
+                                      service,
+                                      isTablet,
+                                      isVerySmall,
+                                    ),
+                          ),
+
+                          // Badge de statut
+                          Positioned(
+                            top: isTablet ? 12 : (isTiny ? 6 : 8),
+                            right: isTablet ? 12 : (isTiny ? 6 : 8),
+                            child: Container(
+                              padding: EdgeInsets.symmetric(
+                                horizontal:
+                                    isTablet
+                                        ? 12
+                                        : (isTiny ? 4 : (isVerySmall ? 6 : 8)),
+                                vertical:
+                                    isTablet
+                                        ? 6
+                                        : (isTiny ? 2 : (isVerySmall ? 3 : 4)),
+                              ),
+                              decoration: BoxDecoration(
+                                color: (service.status
+                                        ? successColor
+                                        : Colors.orange)
+                                    .withOpacity(0.9),
+                                borderRadius: BorderRadius.circular(12),
+                                border: Border.all(
+                                  color: Colors.white.withOpacity(0.3),
+                                  width: 1,
+                                ),
+                                boxShadow: [
+                                  BoxShadow(
+                                    color: Colors.black.withOpacity(0.2),
+                                    blurRadius: 4,
+                                    offset: Offset(0, 2),
+                                  ),
+                                ],
+                              ),
+                              child: Row(
+                                mainAxisSize: MainAxisSize.min,
+                                children: [
+                                  Container(
+                                    width: isTablet ? 8 : (isTiny ? 4 : 6),
+                                    height: isTablet ? 8 : (isTiny ? 4 : 6),
+                                    decoration: BoxDecoration(
+                                      color: Colors.white,
+                                      shape: BoxShape.circle,
+                                    ),
+                                  ),
+                                  if (!isTiny && !isVerySmall) ...[
+                                    SizedBox(width: isTablet ? 6 : 4),
+                                    Text(
+                                      service.status ? 'Actif' : 'Inactif',
+                                      style: TextStyle(
+                                        color: Colors.white,
+                                        fontSize: statusSize,
+                                        fontWeight: FontWeight.w600,
+                                      ),
+                                    ),
+                                  ],
+                                ],
+                              ),
+                            ),
+                          ),
+                        ],
+                      ),
+                    ),
+                  ),
+
+                  // === CONTENU TEXTUEL ===
+                  Flexible(
+                    // CHANGÉ de Expanded à Flexible
+                    flex: 4, // AJOUTÉ
+                    child: Padding(
+                      padding: EdgeInsets.all(
+                        isTablet ? 16 : (isTiny ? 8 : (isVerySmall ? 10 : 12)),
+                      ),
+                      child: Column(
+                        crossAxisAlignment: CrossAxisAlignment.start,
+                        mainAxisSize: MainAxisSize.min, // AJOUTÉ
+                        children: [
+                          // Nom du service
+                          Flexible(
+                            // CHANGÉ
+                            child: Text(
+                              service.name,
+                              style: TextStyle(
+                                fontSize: titleSize,
+                                fontWeight: FontWeight.bold,
+                                color: Colors.black87,
+                                height: 1.1, // AJOUTÉ
+                              ),
+                              maxLines: 2,
+                              overflow: TextOverflow.ellipsis,
+                            ),
+                          ),
+
+                          SizedBox(height: isTablet ? 8 : (isTiny ? 4 : 6)),
+
+                          // Secteur d'activité (masqué sur très petits écrans)
+                          if (!isTiny)
+                            Container(
+                              padding: EdgeInsets.symmetric(
+                                horizontal:
+                                    isTablet ? 12 : (isVerySmall ? 6 : 8),
+                                vertical: isTablet ? 6 : (isVerySmall ? 3 : 4),
+                              ),
+                              decoration: BoxDecoration(
+                                color: service.sectorColor.withOpacity(0.1),
+                                borderRadius: BorderRadius.circular(10),
+                                border: Border.all(
+                                  color: service.sectorColor.withOpacity(0.3),
+                                  width: 0.5,
+                                ),
+                              ),
+                              child: Row(
+                                mainAxisSize: MainAxisSize.min,
+                                children: [
+                                  Icon(
+                                    Icons.business_center_rounded,
+                                    color: service.sectorColor,
+                                    size: iconSize,
+                                  ),
+                                  SizedBox(width: isTablet ? 6 : 4),
+                                  Flexible(
+                                    child: Text(
+                                      service.secteurActivite,
+                                      style: TextStyle(
+                                        fontSize: sectorSize,
+                                        color: service.sectorColor,
+                                        fontWeight: FontWeight.w600,
+                                      ),
+                                      maxLines: 1,
+                                      overflow: TextOverflow.ellipsis,
+                                    ),
+                                  ),
+                                ],
+                              ),
+                            ),
+
+                          Spacer(), // AJOUTÉ pour pousser le bouton en bas
+                          // Bouton d'action
+                          Container(
+                            width: double.infinity,
+                            padding: EdgeInsets.symmetric(
+                              vertical:
+                                  isTablet
+                                      ? 12
+                                      : (isTiny ? 6 : (isVerySmall ? 8 : 10)),
+                            ),
+                            decoration: BoxDecoration(
+                              gradient:
+                                  service.status
+                                      ? LinearGradient(
+                                        begin: Alignment.centerLeft,
+                                        end: Alignment.centerRight,
+                                        colors: [
+                                          service.sectorColor.withOpacity(0.8),
+                                          service.sectorColor,
+                                        ],
+                                      )
+                                      : null,
+                              color:
+                                  service.status
+                                      ? null
+                                      : Colors.grey.withOpacity(0.15),
+                              borderRadius: BorderRadius.circular(12),
+                              border: Border.all(
+                                color:
+                                    service.status
+                                        ? Colors.transparent
+                                        : Colors.grey.withOpacity(0.2),
+                                width: 1,
+                              ),
+                              boxShadow:
+                                  service.status
+                                      ? [
+                                        BoxShadow(
+                                          color: service.sectorColor
+                                              .withOpacity(0.25),
+                                          blurRadius: 6,
+                                          offset: const Offset(0, 3),
+                                        ),
+                                      ]
+                                      : [],
+                            ),
+                            child: Row(
+                              mainAxisAlignment: MainAxisAlignment.center,
+                              mainAxisSize: MainAxisSize.min,
+                              children: [
+                                Icon(
+                                  service.status
+                                      ? Icons.arrow_forward_rounded
+                                      : Icons.schedule_rounded,
+                                  color:
+                                      service.status
+                                          ? Colors.white
+                                          : Colors.grey[600],
+                                  size: buttonIconSize,
+                                ),
+                                if (!isTiny) ...[
+                                  SizedBox(width: isTablet ? 6 : 4),
+                                  Flexible(
+                                    // AJOUTÉ
+                                    child: Text(
+                                      service.status
+                                          ? 'Accéder'
+                                          : 'Indisponible',
+                                      style: TextStyle(
+                                        color:
+                                            service.status
+                                                ? Colors.white
+                                                : Colors.red[800],
+                                        fontSize: buttonSize,
+                                        fontWeight: FontWeight.w600,
+                                        letterSpacing: 0.3,
+                                      ),
+                                      overflow: TextOverflow.ellipsis, // AJOUTÉ
+                                    ),
+                                  ),
+                                ],
+                              ],
+                            ),
+                          ),
+                        ],
+                      ),
+                    ),
+                  ),
+                ],
+              ),
+            ),
+          ),
+        );
+      },
+    );
+  }
+
+  Widget _buildIconFallback(
+    WortisService service,
+    bool isTablet,
+    bool isVerySmall,
+  ) {
+    return Container(
+      width: double.infinity,
+      height: double.infinity,
+      decoration: BoxDecoration(
+        gradient: LinearGradient(
+          begin: Alignment.topLeft,
+          end: Alignment.bottomRight,
+          colors:
+              service.status
+                  ? [
+                    service.sectorColor.withOpacity(0.2),
+                    service.sectorColor.withOpacity(0.05),
+                  ]
+                  : [
+                    Colors.grey.withOpacity(0.2),
+                    Colors.grey.withOpacity(0.05),
+                  ],
+        ),
+      ),
+      child: Center(
+        child: Icon(
+          service.flutterIcon,
+          color: service.status ? service.sectorColor : Colors.grey,
+          size: isVerySmall ? 32 : (isTablet ? 48 : 40),
+        ),
+      ),
+    );
+  }
+
+  Widget _buildLoadingState() {
+    return SizedBox(
+      height: 300,
+      child: Center(
+        child: Column(
+          mainAxisAlignment: MainAxisAlignment.center,
+          children: [
+            SizedBox(
+              width: 60,
+              height: 60,
+              child: CircularProgressIndicator(
+                color: primaryColor,
+                strokeWidth: 4,
+              ),
+            ),
+            SizedBox(height: 20),
+            Text(
+              'Chargement des services...',
+              style: TextStyle(
+                fontSize: 16,
+                color: Colors.grey[600],
+                fontWeight: FontWeight.w500,
+              ),
+            ),
+          ],
+        ),
+      ),
+    );
+  }
+
+  Widget _buildErrorState(ServicesController servicesController) {
+    return Container(
+      height: 300,
+      padding: EdgeInsets.all(24),
+      child: Center(
+        child: Column(
+          mainAxisAlignment: MainAxisAlignment.center,
+          children: [
+            Icon(Icons.error_outline, size: 64, color: Colors.red[400]),
+            SizedBox(height: 16),
+            Text(
+              'Erreur de chargement',
+              style: TextStyle(
+                fontSize: 18,
+                fontWeight: FontWeight.w600,
+                color: Colors.black87,
+              ),
+            ),
+            SizedBox(height: 8),
+            Text(
+              'Impossible de charger les services',
+              style: TextStyle(fontSize: 14, color: Colors.grey[600]),
+              textAlign: TextAlign.center,
+            ),
+            SizedBox(height: 24),
+            ElevatedButton.icon(
+              onPressed: () => servicesController.refreshServices(),
+              icon: Icon(Icons.refresh, size: 20),
+              label: Text('Réessayer'),
+              style: ElevatedButton.styleFrom(
+                backgroundColor: primaryColor,
+                foregroundColor: Colors.white,
+                padding: EdgeInsets.symmetric(horizontal: 24, vertical: 12),
+                shape: RoundedRectangleBorder(
+                  borderRadius: BorderRadius.circular(20),
+                ),
+              ),
+            ),
+          ],
+        ),
+      ),
+    );
+  }
+
+  Widget _buildEmptyState() {
+    return SizedBox(
+      height: 250,
+      child: Center(
+        child: Column(
+          mainAxisAlignment: MainAxisAlignment.center,
+          children: [
+            Icon(Icons.search_off, size: 64, color: Colors.grey[400]),
+            SizedBox(height: 16),
+            Text(
+              'Aucun service trouvé',
+              style: TextStyle(
+                fontSize: 18,
+                color: Colors.grey[600],
+                fontWeight: FontWeight.w500,
+              ),
+            ),
+            SizedBox(height: 8),
+            Text(
+              'Essayez avec d\'autres mots-clés',
+              style: TextStyle(fontSize: 14, color: Colors.grey[500]),
+            ),
+          ],
+        ),
+      ),
+    );
+  }
+
+  void _showServiceUnavailableDialog(WortisService service) {
+    showDialog(
+      context: context,
+      builder:
+          (context) => AlertDialog(
+            shape: RoundedRectangleBorder(
+              borderRadius: BorderRadius.circular(20),
+            ),
+            title: Row(
+              children: [
+                Icon(Icons.warning, color: Colors.orange),
+                SizedBox(width: 8),
+                Expanded(
+                  child: Text(
+                    'Service indisponible',
+                    style: TextStyle(fontSize: 16),
+                  ),
+                ),
+              ],
+            ),
+            content: Column(
+              mainAxisSize: MainAxisSize.min,
+              crossAxisAlignment: CrossAxisAlignment.start,
+              children: [
+                Text(
+                  'Le service "${service.name}" est actuellement indisponible.',
+                ),
+                SizedBox(height: 12),
+                Container(
+                  padding: EdgeInsets.all(12),
+                  decoration: BoxDecoration(
+                    color: Colors.orange.withOpacity(0.1),
+                    borderRadius: BorderRadius.circular(12),
+                  ),
+                  child: Column(
+                    crossAxisAlignment: CrossAxisAlignment.start,
+                    children: [
+                      Text(
+                        'Secteur: ${service.secteurActivite}',
+                        style: TextStyle(
+                          fontSize: 12,
+                          fontWeight: FontWeight.w500,
+                        ),
+                      ),
+                      Text(
+                        'Type: ${service.typeService}',
+                        style: TextStyle(fontSize: 12),
+                      ),
+                    ],
+                  ),
+                ),
+              ],
+            ),
+            actions: [
+              TextButton(
+                onPressed: () => Navigator.pop(context),
+                child: Text('Compris'),
+              ),
+              ElevatedButton(
+                onPressed: () {
+                  Navigator.pop(context);
+                  ScaffoldMessenger.of(context).showSnackBar(
+                    SnackBar(
+                      content: Row(
+                        children: [
+                          Icon(Icons.notifications_active, color: Colors.white),
+                          SizedBox(width: 8),
+                          Expanded(
+                            child: Text(
+                              'Vous serez notifié quand ${service.name} sera disponible',
+                            ),
+                          ),
+                        ],
+                      ),
+                      backgroundColor: Colors.green,
+                      behavior: SnackBarBehavior.floating,
+                      shape: RoundedRectangleBorder(
+                        borderRadius: BorderRadius.circular(12),
+                      ),
+                    ),
+                  );
+                },
+                style: ElevatedButton.styleFrom(
+                  backgroundColor: Colors.orange,
+                  shape: RoundedRectangleBorder(
+                    borderRadius: BorderRadius.circular(12),
+                  ),
+                ),
+                child: Text(
+                  'Me notifier',
+                  style: TextStyle(color: Colors.white),
+                ),
+              ),
+            ],
+          ),
+    );
+  }
+}
diff --git a/lib/pages/login.dart b/lib/pages/login.dart
new file mode 100644
index 0000000..477eda4
--- /dev/null
+++ b/lib/pages/login.dart
@@ -0,0 +1,946 @@
+// ===== lib/pages/login.dart AVEC SUPPORT ENTREPRISE =====
+import 'package:flutter/material.dart';
+import 'package:flutter/services.dart';
+import 'package:provider/provider.dart';
+import 'package:wtpe/widgets/wortis_logo.dart';
+import '../main.dart';
+import '../services/wortis_api_service.dart';
+import 'role_navigator.dart';
+
+class LoginPage extends StatefulWidget {
+  const LoginPage({super.key});
+
+  @override
+  _LoginPageState createState() => _LoginPageState();
+}
+
+class _LoginPageState extends State<LoginPage>
+    with SingleTickerProviderStateMixin {
+  final _formKey = GlobalKey<FormState>();
+  final _agentIdController = TextEditingController();
+  final _pinController = TextEditingController();
+  bool _obscurePin = true;
+  bool _apiConnected = false;
+  bool _testingConnection = false;
+
+  late AnimationController _animationController;
+  late Animation<double> _fadeAnimation;
+  late Animation<Offset> _slideAnimation;
+
+  // Couleurs Wortis
+  static const Color primaryColor = Color(0xFF006699);
+  static const Color secondaryColor = Color(0xFF0088CC);
+  static const Color accentColor = Color(0xFFFF6B35);
+  static const Color backgroundColor = Color(0xFFF8FAFC);
+  static const Color surfaceColor = Colors.white;
+  static const Color errorColor = Color(0xFFE53E3E);
+  static const Color textPrimaryColor = Color(0xFF1A202C);
+  static const Color textSecondaryColor = Color(0xFF718096);
+  static const Color borderColor = Color(0xFFE2E8F0);
+  static const Color enterpriseColor = Color(0xFF8B5CF6);
+
+  @override
+  void initState() {
+    super.initState();
+    _setupAnimations();
+    _testApiConnection();
+  }
+
+  void _setupAnimations() {
+    _animationController = AnimationController(
+      duration: Duration(milliseconds: 1500),
+      vsync: this,
+    );
+
+    _fadeAnimation = Tween<double>(begin: 0.0, end: 1.0).animate(
+      CurvedAnimation(
+        parent: _animationController,
+        curve: Interval(0.0, 0.8, curve: Curves.easeOut),
+      ),
+    );
+
+    _slideAnimation = Tween<Offset>(
+      begin: Offset(0, 0.3),
+      end: Offset.zero,
+    ).animate(
+      CurvedAnimation(
+        parent: _animationController,
+        curve: Interval(0.3, 1.0, curve: Curves.easeOut),
+      ),
+    );
+
+    _animationController.forward();
+  }
+
+  Future<void> _testApiConnection() async {
+    setState(() {
+      _testingConnection = true;
+    });
+
+    final isConnected = await AuthApiService.testConnection();
+
+    if (mounted) {
+      setState(() {
+        _apiConnected = isConnected;
+        _testingConnection = false;
+      });
+    }
+  }
+
+  Future<void> _createTestUser() async {
+    String? nom = await _showCreateUserDialog();
+    if (nom == null || nom.isEmpty) return;
+
+    final result = await AuthApiService.createUser(nom, '1234');
+
+    if (result['success'] == true) {
+      final agentId = result['generated_agent_id'];
+      setState(() {
+        _agentIdController.text = agentId;
+        _pinController.text = '1234';
+      });
+
+      ScaffoldMessenger.of(context).showSnackBar(
+        SnackBar(
+          content: Row(
+            children: [
+              Icon(Icons.check_circle, color: Colors.white),
+              SizedBox(width: 8),
+              Expanded(child: Text('Utilisateur créé: $agentId / PIN: 1234')),
+            ],
+          ),
+          backgroundColor: Colors.green,
+          behavior: SnackBarBehavior.floating,
+          shape: RoundedRectangleBorder(
+            borderRadius: BorderRadius.circular(12),
+          ),
+        ),
+      );
+    } else {
+      ScaffoldMessenger.of(context).showSnackBar(
+        SnackBar(
+          content: Text('Erreur: ${result['message']}'),
+          backgroundColor: Colors.orange,
+        ),
+      );
+    }
+  }
+
+  Future<String?> _showCreateUserDialog() async {
+    final nameController = TextEditingController();
+
+    return showDialog<String>(
+      context: context,
+      builder:
+          (context) => AlertDialog(
+            shape: RoundedRectangleBorder(
+              borderRadius: BorderRadius.circular(16),
+            ),
+            title: Row(
+              children: [
+                Icon(Icons.person_add, color: primaryColor),
+                SizedBox(width: 12),
+                Text('Créer un utilisateur'),
+              ],
+            ),
+            content: Column(
+              mainAxisSize: MainAxisSize.min,
+              crossAxisAlignment: CrossAxisAlignment.start,
+              children: [
+                Container(
+                  padding: EdgeInsets.all(12),
+                  decoration: BoxDecoration(
+                    color: primaryColor.withOpacity(0.1),
+                    borderRadius: BorderRadius.circular(8),
+                    border: Border.all(color: primaryColor.withOpacity(0.3)),
+                  ),
+                  child: Row(
+                    children: [
+                      Icon(Icons.info_outline, color: primaryColor, size: 20),
+                      SizedBox(width: 8),
+                      Expanded(
+                        child: Text(
+                          'L\'ID agent sera généré automatiquement (WRT####)',
+                          style: TextStyle(fontSize: 12, color: primaryColor),
+                        ),
+                      ),
+                    ],
+                  ),
+                ),
+                SizedBox(height: 16),
+                TextField(
+                  controller: nameController,
+                  decoration: InputDecoration(
+                    labelText: 'Nom complet',
+                    hintText: 'Ex: Jean Dupont',
+                    prefixIcon: Icon(Icons.person_outline),
+                    border: OutlineInputBorder(
+                      borderRadius: BorderRadius.circular(8),
+                    ),
+                  ),
+                  autofocus: true,
+                ),
+              ],
+            ),
+            actions: [
+              TextButton(
+                onPressed: () => Navigator.pop(context),
+                child: Text('Annuler'),
+              ),
+              ElevatedButton(
+                onPressed:
+                    () => Navigator.pop(context, nameController.text.trim()),
+                style: ElevatedButton.styleFrom(
+                  backgroundColor: primaryColor,
+                  shape: RoundedRectangleBorder(
+                    borderRadius: BorderRadius.circular(8),
+                  ),
+                ),
+                child: Text('Créer', style: TextStyle(color: Colors.white)),
+              ),
+            ],
+          ),
+    );
+  }
+
+  @override
+  void dispose() {
+    _agentIdController.dispose();
+    _pinController.dispose();
+    _animationController.dispose();
+    super.dispose();
+  }
+
+  void _login() async {
+    if (_formKey.currentState!.validate()) {
+      final authController = Provider.of<AuthController>(
+        context,
+        listen: false,
+      );
+
+      authController.clearError();
+
+      bool success = await authController.login(
+        _agentIdController.text.trim(),
+        _pinController.text.trim(),
+        false,
+      );
+
+      if (success && mounted) {
+        // Afficher un message de bienvenue personnalisé
+        final isEnterprise = authController.isEnterpriseMember;
+        final accountType = isEnterprise ? 'Entreprise' : 'Agent';
+
+        ScaffoldMessenger.of(context).showSnackBar(
+          SnackBar(
+            content: Row(
+              children: [
+                Container(
+                  padding: EdgeInsets.all(8),
+                  decoration: BoxDecoration(
+                    color: Colors.white.withOpacity(0.2),
+                    shape: BoxShape.circle,
+                  ),
+                  child: Icon(
+                    isEnterprise ? Icons.business : Icons.person,
+                    color: Colors.white,
+                    size: 20,
+                  ),
+                ),
+                SizedBox(width: 12),
+                Expanded(
+                  child: Column(
+                    crossAxisAlignment: CrossAxisAlignment.start,
+                    mainAxisSize: MainAxisSize.min,
+                    children: [
+                      Text(
+                        'Bienvenue ${authController.agentName}',
+                        style: TextStyle(
+                          color: Colors.white,
+                          fontSize: 16,
+                          fontWeight: FontWeight.w600,
+                        ),
+                      ),
+                      if (isEnterprise &&
+                          authController.enterprise?.nomEntreprise != null) ...[
+                        SizedBox(height: 2),
+                        Text(
+                          authController.enterprise!.nomEntreprise,
+                          style: TextStyle(
+                            color: Colors.white.withOpacity(0.9),
+                            fontSize: 12,
+                          ),
+                        ),
+                      ],
+                    ],
+                  ),
+                ),
+                Container(
+                  padding: EdgeInsets.symmetric(horizontal: 10, vertical: 4),
+                  decoration: BoxDecoration(
+                    color: Colors.white.withOpacity(0.2),
+                    borderRadius: BorderRadius.circular(12),
+                  ),
+                  child: Text(
+                    accountType,
+                    style: TextStyle(
+                      color: Colors.white,
+                      fontSize: 10,
+                      fontWeight: FontWeight.w600,
+                    ),
+                  ),
+                ),
+              ],
+            ),
+            backgroundColor: isEnterprise ? enterpriseColor : Colors.green,
+            behavior: SnackBarBehavior.floating,
+            shape: RoundedRectangleBorder(
+              borderRadius: BorderRadius.circular(12),
+            ),
+            duration: Duration(seconds: 2),
+            margin: EdgeInsets.all(16),
+          ),
+        );
+
+        // Navigation basée sur le rôle
+        final userRole = authController.role ?? 'agent';
+        RoleNavigator.navigateByRole(context, userRole);
+      } else if (mounted) {
+        final errorMessage =
+            authController.errorMessage ?? 'Erreur de connexion';
+
+        ScaffoldMessenger.of(context).showSnackBar(
+          SnackBar(
+            content: Row(
+              children: [
+                Icon(Icons.error_outline, color: Colors.white, size: 24),
+                SizedBox(width: 12),
+                Expanded(
+                  child: Column(
+                    crossAxisAlignment: CrossAxisAlignment.start,
+                    mainAxisSize: MainAxisSize.min,
+                    children: [
+                      Text(
+                        'Connexion échouée',
+                        style: TextStyle(
+                          fontSize: 14,
+                          fontWeight: FontWeight.w600,
+                        ),
+                      ),
+                      SizedBox(height: 2),
+                      Text(errorMessage, style: TextStyle(fontSize: 12)),
+                    ],
+                  ),
+                ),
+              ],
+            ),
+            backgroundColor: errorColor,
+            behavior: SnackBarBehavior.floating,
+            shape: RoundedRectangleBorder(
+              borderRadius: BorderRadius.circular(12),
+            ),
+            duration: Duration(seconds: 4),
+            margin: EdgeInsets.all(16),
+          ),
+        );
+      }
+    }
+  }
+
+  void _openWifiSettings() async {
+    try {
+      const platform = MethodChannel('com.wortis.agent/settings');
+      await platform.invokeMethod('exitKioskMode');
+      await platform.invokeMethod('openWifiSettings');
+    } catch (e) {
+      print('Erreur ouverture WiFi: $e');
+      if (mounted) {
+        ScaffoldMessenger.of(context).showSnackBar(
+          SnackBar(
+            content: Text('Impossible d\'ouvrir les paramètres WiFi'),
+            backgroundColor: Colors.orange,
+          ),
+        );
+      }
+    }
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return Scaffold(
+      backgroundColor: backgroundColor,
+      body: SafeArea(
+        child: SingleChildScrollView(
+          physics: BouncingScrollPhysics(),
+          padding: EdgeInsets.all(24),
+          child: FadeTransition(
+            opacity: _fadeAnimation,
+            child: SlideTransition(
+              position: _slideAnimation,
+              child: Column(
+                children: [
+                  SizedBox(height: 20),
+                  _buildApiStatusIndicator(),
+                  SizedBox(height: 20),
+                  _buildHeader(),
+                  SizedBox(height: 50),
+                  _buildLoginForm(),
+                  SizedBox(height: 30),
+                  _buildHelpSection(),
+                  SizedBox(height: 20),
+                ],
+              ),
+            ),
+          ),
+        ),
+      ),
+    );
+  }
+
+  Widget _buildApiStatusIndicator() {
+    return Container(
+      padding: EdgeInsets.symmetric(horizontal: 16, vertical: 12),
+      decoration: BoxDecoration(
+        color:
+            _testingConnection
+                ? Colors.orange.withOpacity(0.1)
+                : _apiConnected
+                ? Colors.green.withOpacity(0.1)
+                : Colors.red.withOpacity(0.1),
+        borderRadius: BorderRadius.circular(25),
+        border: Border.all(
+          color:
+              _testingConnection
+                  ? Colors.orange.withOpacity(0.3)
+                  : _apiConnected
+                  ? Colors.green.withOpacity(0.3)
+                  : Colors.red.withOpacity(0.3),
+          width: 1.5,
+        ),
+      ),
+      child: Row(
+        mainAxisSize: MainAxisSize.min,
+        children: [
+          if (_testingConnection) ...[
+            SizedBox(
+              width: 16,
+              height: 16,
+              child: CircularProgressIndicator(
+                strokeWidth: 2,
+                valueColor: AlwaysStoppedAnimation<Color>(Colors.orange),
+              ),
+            ),
+            SizedBox(width: 8),
+            Text(
+              'Test connexion...',
+              style: TextStyle(
+                color: Colors.orange.shade700,
+                fontSize: 12,
+                fontWeight: FontWeight.w600,
+              ),
+            ),
+          ] else ...[
+            Container(
+              padding: EdgeInsets.all(4),
+              decoration: BoxDecoration(
+                color:
+                    _apiConnected
+                        ? Colors.green.withOpacity(0.2)
+                        : Colors.red.withOpacity(0.2),
+                shape: BoxShape.circle,
+              ),
+              child: Icon(
+                _apiConnected
+                    ? Icons.cloud_done_rounded
+                    : Icons.cloud_off_rounded,
+                size: 16,
+                color:
+                    _apiConnected ? Colors.green.shade700 : Colors.red.shade700,
+              ),
+            ),
+            SizedBox(width: 8),
+            Text(
+              _apiConnected ? 'API connectée' : 'API déconnectée',
+              style: TextStyle(
+                color:
+                    _apiConnected ? Colors.green.shade700 : Colors.red.shade700,
+                fontSize: 12,
+                fontWeight: FontWeight.w600,
+              ),
+            ),
+            SizedBox(width: 8),
+            GestureDetector(
+              onTap: _testApiConnection,
+              child: Container(
+                padding: EdgeInsets.all(4),
+                decoration: BoxDecoration(
+                  color: Colors.white.withOpacity(0.5),
+                  shape: BoxShape.circle,
+                ),
+                child: Icon(
+                  Icons.refresh_rounded,
+                  size: 16,
+                  color:
+                      _apiConnected
+                          ? Colors.green.shade700
+                          : Colors.red.shade700,
+                ),
+              ),
+            ),
+          ],
+        ],
+      ),
+    );
+  }
+
+  Widget _buildHeader() {
+    return Column(
+      children: [
+        WortisLogoWidget(size: 100, isWhite: false, withShadow: true),
+        SizedBox(height: 24),
+        ShaderMask(
+          shaderCallback:
+              (bounds) => LinearGradient(
+                colors: [primaryColor, secondaryColor],
+              ).createShader(bounds),
+          child: Text(
+            'WORTIS AGENT',
+            style: TextStyle(
+              fontSize: 28,
+              fontWeight: FontWeight.bold,
+              color: Colors.white,
+              letterSpacing: 2,
+            ),
+          ),
+        ),
+        SizedBox(height: 8),
+        Text(
+          'Connexion à votre espace',
+          style: TextStyle(
+            fontSize: 16,
+            color: textSecondaryColor,
+            fontWeight: FontWeight.w400,
+          ),
+        ),
+        SizedBox(height: 12),
+        // Badges des types de comptes supportés
+        Row(
+          mainAxisAlignment: MainAxisAlignment.center,
+          children: [
+            _buildAccountTypeBadge(
+              icon: Icons.person,
+              label: 'Agent',
+              color: primaryColor,
+            ),
+            SizedBox(width: 12),
+            _buildAccountTypeBadge(
+              icon: Icons.business,
+              label: 'Entreprise',
+              color: enterpriseColor,
+            ),
+          ],
+        ),
+      ],
+    );
+  }
+
+  Widget _buildAccountTypeBadge({
+    required IconData icon,
+    required String label,
+    required Color color,
+  }) {
+    return Container(
+      padding: EdgeInsets.symmetric(horizontal: 12, vertical: 6),
+      decoration: BoxDecoration(
+        color: color.withOpacity(0.1),
+        borderRadius: BorderRadius.circular(20),
+        border: Border.all(color: color.withOpacity(0.3), width: 1),
+      ),
+      child: Row(
+        mainAxisSize: MainAxisSize.min,
+        children: [
+          Icon(icon, color: color, size: 14),
+          SizedBox(width: 6),
+          Text(
+            label,
+            style: TextStyle(
+              color: color,
+              fontSize: 11,
+              fontWeight: FontWeight.w600,
+            ),
+          ),
+        ],
+      ),
+    );
+  }
+
+  Widget _buildLoginForm() {
+    return Container(
+      padding: EdgeInsets.all(28),
+      decoration: BoxDecoration(
+        color: surfaceColor,
+        borderRadius: BorderRadius.circular(20),
+        boxShadow: [
+          BoxShadow(
+            color: Colors.black.withOpacity(0.08),
+            blurRadius: 20,
+            offset: Offset(0, 4),
+          ),
+        ],
+      ),
+      child: Form(
+        key: _formKey,
+        child: Column(
+          crossAxisAlignment: CrossAxisAlignment.stretch,
+          children: [
+            Row(
+              children: [
+                Container(
+                  padding: EdgeInsets.all(8),
+                  decoration: BoxDecoration(
+                    color: primaryColor.withOpacity(0.1),
+                    borderRadius: BorderRadius.circular(10),
+                  ),
+                  child: Icon(
+                    Icons.login_rounded,
+                    color: primaryColor,
+                    size: 24,
+                  ),
+                ),
+                SizedBox(width: 12),
+                Text(
+                  'Identifiants',
+                  style: TextStyle(
+                    fontSize: 20,
+                    fontWeight: FontWeight.w600,
+                    color: textPrimaryColor,
+                  ),
+                ),
+              ],
+            ),
+
+            SizedBox(height: 24),
+
+            _buildTextField(
+              controller: _agentIdController,
+              label: 'ID Agent',
+              hint: 'Entrez votre identifiant',
+              prefixIcon: Icons.badge_outlined,
+              validator: (value) {
+                if (value == null || value.isEmpty) {
+                  return 'L\'ID agent est requis';
+                }
+                if (value.length < 3) {
+                  return 'ID agent trop court (min. 3 caractères)';
+                }
+                return null;
+              },
+            ),
+
+            SizedBox(height: 20),
+
+            _buildTextField(
+              controller: _pinController,
+              label: 'Code PIN',
+              hint: 'Entrez votre code PIN',
+              prefixIcon: Icons.lock_outline,
+              obscureText: _obscurePin,
+              suffixIcon: IconButton(
+                icon: Icon(
+                  _obscurePin
+                      ? Icons.visibility_outlined
+                      : Icons.visibility_off_outlined,
+                  color: textSecondaryColor,
+                ),
+                onPressed: () {
+                  setState(() {
+                    _obscurePin = !_obscurePin;
+                  });
+                },
+              ),
+              validator: (value) {
+                if (value == null || value.isEmpty) {
+                  return 'Le code PIN est requis';
+                }
+                if (value.length < 4) {
+                  return 'Le PIN doit contenir au moins 4 chiffres';
+                }
+                return null;
+              },
+            ),
+
+            SizedBox(height: 32),
+
+            Consumer<AuthController>(
+              builder: (context, authController, child) {
+                return _buildLoginButton(authController);
+              },
+            ),
+
+            SizedBox(height: 16),
+
+            Container(
+              width: double.infinity,
+              child: OutlinedButton.icon(
+                onPressed: _openWifiSettings,
+                icon: Icon(Icons.wifi_find_rounded, size: 20),
+                label: Text('Paramètres WiFi'),
+                style: OutlinedButton.styleFrom(
+                  padding: EdgeInsets.symmetric(vertical: 14),
+                  side: BorderSide(color: primaryColor, width: 1.5),
+                  foregroundColor: primaryColor,
+                  shape: RoundedRectangleBorder(
+                    borderRadius: BorderRadius.circular(12),
+                  ),
+                ),
+              ),
+            ),
+
+            // Bouton de test (commenté par défaut)
+            // if (_apiConnected) ...[
+            //   SizedBox(height: 16),
+            //   TextButton.icon(
+            //     onPressed: _createTestUser,
+            //     icon: Icon(Icons.add_circle_outline, size: 18),
+            //     label: Text('Créer utilisateur test'),
+            //     style: TextButton.styleFrom(foregroundColor: primaryColor),
+            //   ),
+            // ],
+          ],
+        ),
+      ),
+    );
+  }
+
+  Widget _buildTextField({
+    required TextEditingController controller,
+    required String label,
+    required String hint,
+    required IconData prefixIcon,
+    Widget? suffixIcon,
+    bool obscureText = false,
+    String? Function(String?)? validator,
+  }) {
+    return Column(
+      crossAxisAlignment: CrossAxisAlignment.start,
+      children: [
+        Text(
+          label,
+          style: TextStyle(
+            fontSize: 14,
+            fontWeight: FontWeight.w600,
+            color: textPrimaryColor,
+          ),
+        ),
+        SizedBox(height: 8),
+        TextFormField(
+          controller: controller,
+          validator: validator,
+          obscureText: obscureText,
+          decoration: InputDecoration(
+            hintText: hint,
+            hintStyle: TextStyle(color: textSecondaryColor),
+            prefixIcon: Icon(prefixIcon, color: primaryColor),
+            suffixIcon: suffixIcon,
+            border: OutlineInputBorder(
+              borderRadius: BorderRadius.circular(12),
+              borderSide: BorderSide(color: borderColor),
+            ),
+            enabledBorder: OutlineInputBorder(
+              borderRadius: BorderRadius.circular(12),
+              borderSide: BorderSide(color: borderColor),
+            ),
+            focusedBorder: OutlineInputBorder(
+              borderRadius: BorderRadius.circular(12),
+              borderSide: BorderSide(color: primaryColor, width: 2),
+            ),
+            errorBorder: OutlineInputBorder(
+              borderRadius: BorderRadius.circular(12),
+              borderSide: BorderSide(color: errorColor),
+            ),
+            focusedErrorBorder: OutlineInputBorder(
+              borderRadius: BorderRadius.circular(12),
+              borderSide: BorderSide(color: errorColor, width: 2),
+            ),
+            contentPadding: EdgeInsets.symmetric(horizontal: 16, vertical: 16),
+            filled: true,
+            fillColor: backgroundColor.withOpacity(0.3),
+          ),
+        ),
+      ],
+    );
+  }
+
+  Widget _buildLoginButton(AuthController authController) {
+    return Container(
+      height: 54,
+      decoration: BoxDecoration(
+        gradient: LinearGradient(
+          colors: [primaryColor, secondaryColor],
+          begin: Alignment.centerLeft,
+          end: Alignment.centerRight,
+        ),
+        borderRadius: BorderRadius.circular(12),
+        boxShadow: [
+          BoxShadow(
+            color: primaryColor.withOpacity(0.4),
+            blurRadius: 10,
+            offset: Offset(0, 4),
+          ),
+        ],
+      ),
+      child: ElevatedButton(
+        onPressed: authController.isLoading ? null : _login,
+        style: ElevatedButton.styleFrom(
+          backgroundColor: Colors.transparent,
+          shadowColor: Colors.transparent,
+          foregroundColor: Colors.white,
+          shape: RoundedRectangleBorder(
+            borderRadius: BorderRadius.circular(12),
+          ),
+        ),
+        child:
+            authController.isLoading
+                ? SizedBox(
+                  width: 24,
+                  height: 24,
+                  child: CircularProgressIndicator(
+                    strokeWidth: 2.5,
+                    valueColor: AlwaysStoppedAnimation<Color>(Colors.white),
+                  ),
+                )
+                : Row(
+                  mainAxisAlignment: MainAxisAlignment.center,
+                  children: [
+                    Icon(Icons.login_rounded, size: 22),
+                    SizedBox(width: 10),
+                    Text(
+                      'SE CONNECTER',
+                      style: TextStyle(
+                        fontSize: 16,
+                        fontWeight: FontWeight.bold,
+                        letterSpacing: 1.2,
+                      ),
+                    ),
+                  ],
+                ),
+      ),
+    );
+  }
+
+  Widget _buildHelpSection() {
+    return Container(
+      padding: EdgeInsets.all(20),
+      decoration: BoxDecoration(
+        gradient: LinearGradient(
+          colors: [
+            secondaryColor.withOpacity(0.1),
+            primaryColor.withOpacity(0.05),
+          ],
+        ),
+        borderRadius: BorderRadius.circular(16),
+        border: Border.all(color: secondaryColor.withOpacity(0.3), width: 1.5),
+      ),
+      child: Column(
+        children: [
+          Container(
+            padding: EdgeInsets.all(12),
+            decoration: BoxDecoration(
+              color: Colors.white,
+              shape: BoxShape.circle,
+              boxShadow: [
+                BoxShadow(
+                  color: primaryColor.withOpacity(0.2),
+                  blurRadius: 10,
+                  offset: Offset(0, 4),
+                ),
+              ],
+            ),
+            child: Icon(
+              Icons.help_outline_rounded,
+              color: primaryColor,
+              size: 32,
+            ),
+          ),
+          SizedBox(height: 16),
+          Text(
+            'Besoin d\'aide ?',
+            style: TextStyle(
+              fontSize: 18,
+              fontWeight: FontWeight.bold,
+              color: textPrimaryColor,
+            ),
+          ),
+          SizedBox(height: 12),
+          Container(
+            padding: EdgeInsets.all(12),
+            decoration: BoxDecoration(
+              color: Colors.white.withOpacity(0.7),
+              borderRadius: BorderRadius.circular(12),
+            ),
+
+            // child: Column(
+            //   children: [
+            //     Row(
+            //       children: [
+            //         Icon(Icons.person, color: primaryColor, size: 16),
+            //         SizedBox(width: 8),
+            //         Expanded(
+            //           child: Text(
+            //             'Compte Agent - Accès individuel',
+            //             style: TextStyle(fontSize: 13, color: textPrimaryColor),
+            //           ),
+            //         ),
+            //       ],
+            //     ),
+            //     SizedBox(height: 8),
+            //     Row(
+            //       children: [
+            //         Icon(Icons.business, color: enterpriseColor, size: 16),
+            //         SizedBox(width: 8),
+            //         Expanded(
+            //           child: Text(
+            //             'Compte Entreprise - Solde partagé',
+            //             style: TextStyle(fontSize: 13, color: textPrimaryColor),
+            //           ),
+            //         ),
+            //       ],
+            //     ),
+            //   ],
+            // ),
+          ),
+          SizedBox(height: 16),
+          Container(
+            padding: EdgeInsets.symmetric(horizontal: 16, vertical: 10),
+            decoration: BoxDecoration(
+              color: primaryColor,
+              borderRadius: BorderRadius.circular(25),
+              boxShadow: [
+                BoxShadow(
+                  color: primaryColor.withOpacity(0.3),
+                  blurRadius: 8,
+                  offset: Offset(0, 4),
+                ),
+              ],
+            ),
+            child: Row(
+              mainAxisSize: MainAxisSize.min,
+              children: [
+                Icon(Icons.phone, color: Colors.white, size: 18),
+                SizedBox(width: 8),
+                Text(
+                  'Support: 50 05',
+                  style: TextStyle(
+                    fontSize: 14,
+                    color: Colors.white,
+                    fontWeight: FontWeight.w600,
+                  ),
+                ),
+              ],
+            ),
+          ),
+        ],
+      ),
+    );
+  }
+}
diff --git a/lib/pages/main_navigation.dart b/lib/pages/main_navigation.dart
new file mode 100644
index 0000000..dfe729c
--- /dev/null
+++ b/lib/pages/main_navigation.dart
@@ -0,0 +1,3973 @@
+// ===== lib/pages/main_navigation.dart =====
+import 'dart:convert';
+import 'package:flutter/material.dart';
+import 'package:http/http.dart' as http;
+import 'package:provider/provider.dart';
+import 'package:wtpe/pages/session_manager.dart';
+import '../main.dart';
+import 'home.dart';
+import 'dashboard.dart';
+import 'login.dart';
+import '../widgets/responsive_helper.dart';
+import 'package:flutter/services.dart';
+import 'package:font_awesome_flutter/font_awesome_flutter.dart';
+import 'package:url_launcher/url_launcher.dart'; // Vous devrez ajouter cette dépendance
+
+// ===== CONFIGURATION API =====
+const String baseUrl = 'https://api.live.wortis.cg/tpe';
+const String apiBaseUrl = '$baseUrl/api';
+const Map<String, String> apiHeaders = {
+  'Content-Type': 'application/json',
+  'Accept': 'application/json',
+};
+
+// ===== COULEURS GLOBALES =====
+class AppColors {
+  static const Color primary = Color(0xFF006699);
+  static const Color secondary = Color(0xFF0088CC);
+  static const Color accent = Color(0xFF006699);
+  static const Color background = Color(0xFFF8FAFC);
+  static const Color surface = Colors.white;
+  static const Color success = Color(0xFF006699);
+  static const Color purple = Color(0xFF006699);
+}
+
+// ===== NAVIGATION ITEM MODEL =====
+class NavigationItem {
+  final IconData icon;
+  final IconData activeIcon;
+  final String label;
+  final Color color;
+
+  NavigationItem({
+    required this.icon,
+    required this.activeIcon,
+    required this.label,
+    required this.color,
+  });
+}
+
+// ===== MAIN NAVIGATION PAGE =====
+class MainNavigationPage extends StatefulWidget {
+  final int initialIndex;
+
+  const MainNavigationPage({super.key, this.initialIndex = 0});
+
+  @override
+  State<MainNavigationPage> createState() => _MainNavigationPageState();
+}
+
+class _MainNavigationPageState extends State<MainNavigationPage>
+    with TickerProviderStateMixin {
+  late int _currentIndex;
+  late PageController _pageController;
+  late AnimationController _animationController;
+  late AnimationController _iconAnimationController;
+  late Animation<double> _scaleAnimation;
+  late List<Animation<double>> _iconAnimations;
+
+  final List<NavigationItem> _navigationItems = [
+    NavigationItem(
+      icon: Icons.home_rounded,
+      activeIcon: Icons.home,
+      label: 'Services',
+      color: AppColors.primary,
+    ),
+    NavigationItem(
+      icon: Icons.dashboard_outlined,
+      activeIcon: Icons.dashboard,
+      label: 'Dashboard',
+      color: AppColors.primary,
+    ),
+    NavigationItem(
+      icon: Icons.person_outline_rounded,
+      activeIcon: Icons.person,
+      label: 'Profil',
+      color: AppColors.primary,
+    ),
+  ];
+
+  @override
+  void initState() {
+    super.initState();
+    _currentIndex = widget.initialIndex;
+    _pageController = PageController(initialPage: _currentIndex);
+
+    _animationController = AnimationController(
+      duration: const Duration(milliseconds: 300),
+      vsync: this,
+    );
+
+    _iconAnimationController = AnimationController(
+      duration: const Duration(milliseconds: 200),
+      vsync: this,
+    );
+
+    _scaleAnimation = Tween<double>(begin: 0.0, end: 1.0).animate(
+      CurvedAnimation(parent: _animationController, curve: Curves.elasticOut),
+    );
+
+    _iconAnimations =
+        _navigationItems.map((item) {
+          return Tween<double>(begin: 1.0, end: 1.2).animate(
+            CurvedAnimation(
+              parent: _iconAnimationController,
+              curve: Curves.elasticOut,
+            ),
+          );
+        }).toList();
+
+    _animationController.forward();
+  }
+
+  @override
+  void dispose() {
+    _pageController.dispose();
+    _animationController.dispose();
+    _iconAnimationController.dispose();
+    super.dispose();
+  }
+
+  void _onItemTapped(int index) {
+    if (index != _currentIndex) {
+      setState(() {
+        _currentIndex = index;
+      });
+
+      _pageController.animateToPage(
+        index,
+        duration: const Duration(milliseconds: 300),
+        curve: Curves.easeInOut,
+      );
+
+      _iconAnimationController.forward().then((_) {
+        _iconAnimationController.reverse();
+      });
+    }
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return Scaffold(
+      backgroundColor: AppColors.background,
+      body: PageView(
+        controller: _pageController,
+        onPageChanged: (index) {
+          setState(() {
+            _currentIndex = index;
+          });
+        },
+        children: const [
+          HomePage(showAppBar: false),
+          DashboardPage(showAppBar: false),
+          ProfilePage(),
+        ],
+      ),
+      bottomNavigationBar: _buildCustomBottomNavigation(),
+    );
+  }
+
+  Widget _buildCustomBottomNavigation() {
+    return AnimatedBuilder(
+      animation: _scaleAnimation,
+      builder: (context, child) {
+        return Transform.scale(
+          scale: _scaleAnimation.value,
+          child: Container(
+            margin: const EdgeInsets.all(16),
+            decoration: BoxDecoration(
+              color: AppColors.surface,
+              borderRadius: BorderRadius.circular(25),
+              boxShadow: [
+                BoxShadow(
+                  color: AppColors.primary.withOpacity(0.15),
+                  blurRadius: 20,
+                  offset: const Offset(0, 8),
+                  spreadRadius: 0,
+                ),
+                BoxShadow(
+                  color: Colors.black.withOpacity(0.05),
+                  blurRadius: 10,
+                  offset: const Offset(0, 2),
+                ),
+              ],
+            ),
+            child: ClipRRect(
+              borderRadius: BorderRadius.circular(25),
+              child: SizedBox(
+                height: 70,
+                child: Row(
+                  children:
+                      _navigationItems.asMap().entries.map((entry) {
+                        final index = entry.key;
+                        final item = entry.value;
+                        final isSelected = _currentIndex == index;
+
+                        return Expanded(
+                          child: _buildNavItem(item, index, isSelected),
+                        );
+                      }).toList(),
+                ),
+              ),
+            ),
+          ),
+        );
+      },
+    );
+  }
+
+  Widget _buildNavItem(NavigationItem item, int index, bool isSelected) {
+    return GestureDetector(
+      onTap: () => _onItemTapped(index),
+      child: AnimatedContainer(
+        duration: const Duration(milliseconds: 300),
+        curve: Curves.easeInOut,
+        padding: const EdgeInsets.symmetric(vertical: 6),
+        decoration: BoxDecoration(
+          gradient:
+              isSelected
+                  ? LinearGradient(
+                    begin: Alignment.topLeft,
+                    end: Alignment.bottomRight,
+                    colors: [
+                      item.color.withOpacity(0.1),
+                      item.color.withOpacity(0.05),
+                    ],
+                  )
+                  : null,
+          borderRadius: BorderRadius.circular(20),
+        ),
+        child: Column(
+          mainAxisAlignment: MainAxisAlignment.center,
+          mainAxisSize: MainAxisSize.min,
+          children: [
+            AnimatedBuilder(
+              animation: _iconAnimationController,
+              builder: (context, child) {
+                final scale =
+                    isSelected && _iconAnimationController.isAnimating
+                        ? _iconAnimations[index].value
+                        : 1.0;
+
+                return Transform.scale(
+                  scale: scale,
+                  child: Container(
+                    width: 36,
+                    height: 36,
+                    decoration: BoxDecoration(
+                      color:
+                          isSelected
+                              ? item.color.withOpacity(0.15)
+                              : Colors.transparent,
+                      borderRadius: BorderRadius.circular(10),
+                    ),
+                    child: Icon(
+                      isSelected ? item.activeIcon : item.icon,
+                      color: isSelected ? item.color : Colors.grey[600],
+                      size: 22,
+                    ),
+                  ),
+                );
+              },
+            ),
+            const SizedBox(height: 2),
+            AnimatedDefaultTextStyle(
+              duration: const Duration(milliseconds: 300),
+              style: TextStyle(
+                fontSize: isSelected ? 11 : 10,
+                fontWeight: isSelected ? FontWeight.w600 : FontWeight.w500,
+                color: isSelected ? item.color : Colors.grey[600],
+              ),
+              child: Text(item.label),
+            ),
+            if (isSelected) ...[
+              const SizedBox(height: 1),
+              AnimatedContainer(
+                duration: const Duration(milliseconds: 300),
+                width: 16,
+                height: 2,
+                decoration: BoxDecoration(
+                  color: item.color,
+                  borderRadius: BorderRadius.circular(1),
+                ),
+              ),
+            ],
+          ],
+        ),
+      ),
+    );
+  }
+}
+
+// ===== PROFILE PAGE =====
+// ===== PAGE PROFIL REDESIGNÉE =====
+
+// Imports nécessaires (à ajuster selon votre structure)
+// import 'package:your_app/controllers/auth_controller.dart';
+// import 'package:your_app/utils/responsive_helper.dart';
+// import 'package:your_app/utils/session_manager.dart';
+// import 'package:your_app/utils/app_colors.dart';
+// import 'package:your_app/pages/login_page.dart';
+// ===== lib/pages/profile.dart AVEC SUPPORT ENTREPRISE COMPLET =====
+
+class ProfilePage extends StatefulWidget {
+  const ProfilePage({super.key});
+
+  @override
+  State<ProfilePage> createState() => _ProfilePageState();
+}
+
+class _ProfilePageState extends State<ProfilePage>
+    with TickerProviderStateMixin {
+  late AnimationController _animationController;
+  late Animation<double> _fadeAnimation;
+  late Animation<Offset> _slideAnimation;
+
+  // Constants API
+  static const String apiBaseUrl = 'https://api.live.wortis.cg/tpe';
+  static const Map<String, String> apiHeaders = {
+    'Content-Type': 'application/json',
+  };
+
+  // NOUVEAU: Couleur entreprise
+  static const Color enterpriseColor = Color(0xFF8B5CF6);
+
+  @override
+  void initState() {
+    super.initState();
+    _initializeOrientations();
+    _setupAnimations();
+  }
+
+  void _initializeOrientations() {
+    WidgetsBinding.instance.addPostFrameCallback((_) {
+      ResponsiveHelper.initializeOrientations(context);
+    });
+  }
+
+  void _setupAnimations() {
+    _animationController = AnimationController(
+      duration: Duration(milliseconds: 1000),
+      vsync: this,
+    );
+
+    _fadeAnimation = Tween<double>(begin: 0.0, end: 1.0).animate(
+      CurvedAnimation(parent: _animationController, curve: Curves.easeOut),
+    );
+
+    _slideAnimation = Tween<Offset>(
+      begin: Offset(0, 0.3),
+      end: Offset.zero,
+    ).animate(
+      CurvedAnimation(parent: _animationController, curve: Curves.easeOutBack),
+    );
+
+    _animationController.forward();
+  }
+
+  @override
+  void dispose() {
+    _animationController.dispose();
+    super.dispose();
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    final isSmallScreen = context.isSmallPhone;
+    final isMediumScreen = context.isPhone && !context.isSmallPhone;
+    final isTablet = context.isTablet;
+
+    return Scaffold(
+      backgroundColor: AppColors.background,
+      body: Stack(
+        children: [
+          // Gradient d'arrière-plan
+          Container(
+            decoration: BoxDecoration(
+              gradient: LinearGradient(
+                begin: Alignment.topCenter,
+                end: Alignment.bottomCenter,
+                colors: [
+                  AppColors.primary.withOpacity(0.05),
+                  AppColors.background,
+                  AppColors.background,
+                ],
+                stops: [0.0, 0.3, 1.0],
+              ),
+            ),
+          ),
+
+          // Contenu principal
+          FadeTransition(
+            opacity: _fadeAnimation,
+            child: SlideTransition(
+              position: _slideAnimation,
+              child: CustomScrollView(
+                physics: BouncingScrollPhysics(),
+                slivers: [
+                  SliverToBoxAdapter(
+                    child: Padding(
+                      padding: context.responsivePadding(
+                        phone: EdgeInsets.fromLTRB(12, 40, 12, 120),
+                        tablet: EdgeInsets.fromLTRB(20, 60, 20, 120),
+                      ),
+                      child: Column(
+                        children: [
+                          // Header Profil avec support entreprise
+                          _buildResponsiveProfileHeader(
+                            isSmallScreen,
+                            isMediumScreen,
+                            isTablet,
+                          ),
+                          SizedBox(height: isSmallScreen ? 16 : 24),
+
+                          // Badge commission disponible
+                          _buildCommissionBadge(),
+
+                          // Section Actions
+                          _buildResponsiveActionsSection(
+                            isSmallScreen,
+                            isMediumScreen,
+                            isTablet,
+                          ),
+                          SizedBox(height: isSmallScreen ? 16 : 24),
+
+                          // Section Paramètres
+                          _buildSettingsSection(
+                            isSmallScreen,
+                            isMediumScreen,
+                            isTablet,
+                          ),
+
+                          SizedBox(height: isSmallScreen ? 16 : 24),
+
+                          // Bouton déconnexion
+                          _buildResponsiveLogoutButton(
+                            context,
+                            isSmallScreen,
+                            isMediumScreen,
+                          ),
+                        ],
+                      ),
+                    ),
+                  ),
+                ],
+              ),
+            ),
+          ),
+        ],
+      ),
+    );
+  }
+
+  // ============= HEADER PROFIL AVEC SUPPORT ENTREPRISE =============
+  Widget _buildResponsiveProfileHeader(
+    bool isSmallScreen,
+    bool isMediumScreen,
+    bool isTablet,
+  ) {
+    return Consumer<AuthController>(
+      builder: (context, authController, child) {
+        final isEnterprise = authController.isEnterpriseMember;
+        final enterprise = authController.enterprise;
+
+        return Container(
+          width: double.infinity,
+          padding: EdgeInsets.all(
+            isSmallScreen ? 20 : (isMediumScreen ? 24 : 28),
+          ),
+          decoration: BoxDecoration(
+            gradient: LinearGradient(
+              begin: Alignment.topLeft,
+              end: Alignment.bottomRight,
+              colors:
+                  isEnterprise
+                      ? [
+                        enterpriseColor,
+                        enterpriseColor.withOpacity(0.8),
+                        enterpriseColor.withOpacity(0.6),
+                      ]
+                      : [
+                        AppColors.primary,
+                        AppColors.primary.withOpacity(0.8),
+                        AppColors.secondary,
+                      ],
+              stops: [0.0, 0.6, 1.0],
+            ),
+            borderRadius: BorderRadius.circular(isSmallScreen ? 20 : 24),
+            boxShadow: [
+              BoxShadow(
+                color: (isEnterprise ? enterpriseColor : AppColors.primary)
+                    .withOpacity(0.3),
+                blurRadius: isSmallScreen ? 15 : 25,
+                offset: Offset(0, isSmallScreen ? 8 : 12),
+                spreadRadius: isSmallScreen ? 1 : 2,
+              ),
+              BoxShadow(
+                color: Colors.white.withOpacity(0.1),
+                blurRadius: 5,
+                offset: Offset(-2, -2),
+              ),
+            ],
+          ),
+          child: Column(
+            children: [
+              // Avatar avec badge entreprise
+              Stack(
+                children: [
+                  Container(
+                    width: context.responsiveWidth(phone: 80, tablet: 100),
+                    height: context.responsiveHeight(phone: 80, tablet: 100),
+                    decoration: BoxDecoration(
+                      gradient: LinearGradient(
+                        colors: [
+                          Colors.white.withOpacity(0.3),
+                          Colors.white.withOpacity(0.1),
+                        ],
+                      ),
+                      borderRadius: BorderRadius.circular(
+                        isSmallScreen ? 20 : 25,
+                      ),
+                      border: Border.all(
+                        color: Colors.white.withOpacity(0.4),
+                        width: isSmallScreen ? 2 : 3,
+                      ),
+                      boxShadow: [
+                        BoxShadow(
+                          color: Colors.black.withOpacity(0.1),
+                          blurRadius: 15,
+                          offset: Offset(0, 5),
+                        ),
+                      ],
+                    ),
+                    child: Icon(
+                      isEnterprise ? Icons.business : Icons.person_outline,
+                      size: isSmallScreen ? 40 : (isMediumScreen ? 45 : 50),
+                      color: Colors.white,
+                    ),
+                  ),
+                  // Badge de statut
+                  Positioned(
+                    right: 0,
+                    bottom: 0,
+                    child: Container(
+                      width: isSmallScreen ? 24 : 30,
+                      height: isSmallScreen ? 24 : 30,
+                      decoration: BoxDecoration(
+                        color: AppColors.success,
+                        borderRadius: BorderRadius.circular(
+                          isSmallScreen ? 12 : 15,
+                        ),
+                        border: Border.all(
+                          color: Colors.white,
+                          width: isSmallScreen ? 2 : 3,
+                        ),
+                        boxShadow: [
+                          BoxShadow(
+                            color: AppColors.success.withOpacity(0.3),
+                            blurRadius: 8,
+                            offset: Offset(0, 2),
+                          ),
+                        ],
+                      ),
+                      child: Icon(
+                        Icons.check,
+                        size: isSmallScreen ? 12 : 16,
+                        color: Colors.white,
+                      ),
+                    ),
+                  ),
+                ],
+              ),
+              SizedBox(height: isSmallScreen ? 16 : 20),
+
+              // Badge type de compte
+              Container(
+                padding: EdgeInsets.symmetric(
+                  horizontal: isSmallScreen ? 10 : 12,
+                  vertical: isSmallScreen ? 4 : 6,
+                ),
+                decoration: BoxDecoration(
+                  color: Colors.white.withOpacity(0.25),
+                  borderRadius: BorderRadius.circular(20),
+                  border: Border.all(
+                    color: Colors.white.withOpacity(0.3),
+                    width: 1,
+                  ),
+                ),
+                child: Row(
+                  mainAxisSize: MainAxisSize.min,
+                  children: [
+                    Icon(
+                      isEnterprise ? Icons.business : Icons.person,
+                      size: isSmallScreen ? 12 : 14,
+                      color: Colors.white.withOpacity(0.9),
+                    ),
+                    SizedBox(width: isSmallScreen ? 4 : 6),
+                    Text(
+                      isEnterprise ? 'Compte Entreprise' : 'Agent Individuel',
+                      style: TextStyle(
+                        color: Colors.white.withOpacity(0.95),
+                        fontSize: isSmallScreen ? 10 : 12,
+                        fontWeight: FontWeight.w600,
+                        letterSpacing: 0.3,
+                      ),
+                    ),
+                  ],
+                ),
+              ),
+              SizedBox(height: isSmallScreen ? 10 : 12),
+
+              // Nom de l'agent
+              ConstrainedBox(
+                constraints: BoxConstraints(maxWidth: double.infinity),
+                child: FittedBox(
+                  fit: BoxFit.scaleDown,
+                  child: Text(
+                    authController.agentName ?? 'Agent Wortis',
+                    style: TextStyle(
+                      fontSize: isSmallScreen ? 22 : (isMediumScreen ? 25 : 28),
+                      fontWeight: FontWeight.bold,
+                      color: Colors.white,
+                      letterSpacing: 0.5,
+                    ),
+                    textAlign: TextAlign.center,
+                    maxLines: 1,
+                  ),
+                ),
+              ),
+
+              // Nom de l'entreprise si membre
+              if (isEnterprise && enterprise?.nomEntreprise != null) ...[
+                SizedBox(height: isSmallScreen ? 6 : 8),
+                Container(
+                  padding: EdgeInsets.symmetric(
+                    horizontal: isSmallScreen ? 12 : 16,
+                    vertical: isSmallScreen ? 6 : 8,
+                  ),
+                  decoration: BoxDecoration(
+                    color: Colors.white.withOpacity(0.15),
+                    borderRadius: BorderRadius.circular(20),
+                    border: Border.all(
+                      color: Colors.white.withOpacity(0.25),
+                      width: 1,
+                    ),
+                  ),
+                  child: Row(
+                    mainAxisSize: MainAxisSize.min,
+                    children: [
+                      Icon(
+                        Icons.apartment,
+                        size: isSmallScreen ? 12 : 14,
+                        color: Colors.white.withOpacity(0.9),
+                      ),
+                      SizedBox(width: isSmallScreen ? 6 : 8),
+                      Flexible(
+                        child: Text(
+                          enterprise!.nomEntreprise,
+                          style: TextStyle(
+                            fontSize: isSmallScreen ? 13 : 15,
+                            color: Colors.white.withOpacity(0.95),
+                            fontWeight: FontWeight.w500,
+                          ),
+                          overflow: TextOverflow.ellipsis,
+                          maxLines: 1,
+                        ),
+                      ),
+                    ],
+                  ),
+                ),
+              ],
+              SizedBox(height: isSmallScreen ? 8 : 12),
+
+              // Badge ID
+              Container(
+                padding: EdgeInsets.symmetric(
+                  horizontal: isSmallScreen ? 16 : 20,
+                  vertical: isSmallScreen ? 8 : 10,
+                ),
+                decoration: BoxDecoration(
+                  color: Colors.white.withOpacity(0.2),
+                  borderRadius: BorderRadius.circular(25),
+                  border: Border.all(
+                    color: Colors.white.withOpacity(0.3),
+                    width: 1,
+                  ),
+                  boxShadow: [
+                    BoxShadow(
+                      color: Colors.black.withOpacity(0.1),
+                      blurRadius: 10,
+                      offset: Offset(0, 4),
+                    ),
+                  ],
+                ),
+                child: Row(
+                  mainAxisSize: MainAxisSize.min,
+                  children: [
+                    Icon(
+                      Icons.badge,
+                      size: isSmallScreen ? 14 : 16,
+                      color: Colors.white.withOpacity(0.9),
+                    ),
+                    SizedBox(width: isSmallScreen ? 6 : 8),
+                    Flexible(
+                      child: Text(
+                        'ID: ${authController.agentId ?? "AGENT001"}',
+                        style: TextStyle(
+                          fontSize: isSmallScreen ? 14 : 16,
+                          color: Colors.white.withOpacity(0.95),
+                          fontWeight: FontWeight.w600,
+                          letterSpacing: 0.5,
+                        ),
+                        overflow: TextOverflow.ellipsis,
+                      ),
+                    ),
+                  ],
+                ),
+              ),
+              SizedBox(height: isSmallScreen ? 12 : 16),
+
+              // Informations entreprise supplémentaires si membre
+              if (isEnterprise && enterprise != null) ...[
+                Container(
+                  padding: EdgeInsets.all(isSmallScreen ? 12 : 14),
+                  decoration: BoxDecoration(
+                    color: Colors.white.withOpacity(0.15),
+                    borderRadius: BorderRadius.circular(12),
+                    border: Border.all(
+                      color: Colors.white.withOpacity(0.25),
+                      width: 1,
+                    ),
+                  ),
+                  child: Row(
+                    mainAxisSize: MainAxisSize.min,
+                    children: [
+                      Column(
+                        children: [
+                          Text(
+                            '${(enterprise as dynamic).nombreMembres ?? enterprise.membresIds.length}',
+                            style: TextStyle(
+                              fontSize: isSmallScreen ? 16 : 18,
+                              fontWeight: FontWeight.bold,
+                              color: Colors.white,
+                            ),
+                          ),
+                          SizedBox(height: 2),
+                          Text(
+                            'Membres',
+                            style: TextStyle(
+                              fontSize: isSmallScreen ? 10 : 11,
+                              color: Colors.white.withOpacity(0.8),
+                            ),
+                          ),
+                        ],
+                      ),
+                      Builder(
+                        builder: (context) {
+                          // Essayer d'accéder au domaine d'activité de manière sûre
+                          final domaineActivite =
+                              (enterprise as dynamic).domaineActivite;
+
+                          if (domaineActivite != null &&
+                              domaineActivite.toString().isNotEmpty) {
+                            return Row(
+                              children: [
+                                SizedBox(width: isSmallScreen ? 16 : 24),
+                                Container(
+                                  width: 1,
+                                  height: 30,
+                                  color: Colors.white.withOpacity(0.3),
+                                ),
+                                SizedBox(width: isSmallScreen ? 16 : 24),
+                                Flexible(
+                                  child: Column(
+                                    crossAxisAlignment:
+                                        CrossAxisAlignment.start,
+                                    children: [
+                                      Text(
+                                        'Secteur',
+                                        style: TextStyle(
+                                          fontSize: isSmallScreen ? 10 : 11,
+                                          color: Colors.white.withOpacity(0.8),
+                                        ),
+                                      ),
+                                      SizedBox(height: 2),
+                                      Text(
+                                        domaineActivite.toString(),
+                                        style: TextStyle(
+                                          fontSize: isSmallScreen ? 12 : 13,
+                                          fontWeight: FontWeight.w600,
+                                          color: Colors.white,
+                                        ),
+                                        maxLines: 1,
+                                        overflow: TextOverflow.ellipsis,
+                                      ),
+                                    ],
+                                  ),
+                                ),
+                              ],
+                            );
+                          }
+                          return SizedBox.shrink();
+                        },
+                      ),
+                    ],
+                  ),
+                ),
+                SizedBox(height: isSmallScreen ? 12 : 16),
+              ],
+
+              // Indicateur de statut
+              Container(
+                padding: EdgeInsets.symmetric(
+                  horizontal: isSmallScreen ? 12 : 16,
+                  vertical: isSmallScreen ? 4 : 6,
+                ),
+                decoration: BoxDecoration(
+                  color: AppColors.success.withOpacity(0.2),
+                  borderRadius: BorderRadius.circular(20),
+                  border: Border.all(
+                    color: AppColors.success.withOpacity(0.3),
+                    width: 1,
+                  ),
+                ),
+                child: Row(
+                  mainAxisSize: MainAxisSize.min,
+                  children: [
+                    Container(
+                      width: isSmallScreen ? 6 : 8,
+                      height: isSmallScreen ? 6 : 8,
+                      decoration: BoxDecoration(
+                        color: AppColors.success,
+                        borderRadius: BorderRadius.circular(
+                          isSmallScreen ? 3 : 4,
+                        ),
+                      ),
+                    ),
+                    SizedBox(width: isSmallScreen ? 6 : 8),
+                    Text(
+                      isEnterprise ? 'Membre Actif' : 'Agent Actif',
+                      style: TextStyle(
+                        fontSize: isSmallScreen ? 12 : 14,
+                        color: Colors.white,
+                        fontWeight: FontWeight.w500,
+                      ),
+                    ),
+                  ],
+                ),
+              ),
+            ],
+          ),
+        );
+      },
+    );
+  }
+
+  // ============= NOTIFICATION BADGE COMMISSION =============
+  Widget _buildCommissionBadge() {
+    final authController = Provider.of<AuthController>(context, listen: false);
+
+    return FutureBuilder<Map<String, dynamic>>(
+      future: _getCommissionBalance(authController.agentId ?? ''),
+      builder: (context, snapshot) {
+        if (!snapshot.hasData || !snapshot.data!['success']) {
+          return SizedBox.shrink();
+        }
+
+        final availableCommission =
+            snapshot.data!['commission_disponible'] ?? 0.0;
+
+        if (availableCommission <= 0) {
+          return SizedBox.shrink();
+        }
+
+        return Container(
+          margin: EdgeInsets.symmetric(horizontal: 0, vertical: 8),
+          child: GestureDetector(
+            onTap:
+                () => _showCommissionRechargeDialog(
+                  context,
+                  availableCommission,
+                  snapshot.data!,
+                ),
+            child: Container(
+              padding: EdgeInsets.all(16),
+              decoration: BoxDecoration(
+                gradient: LinearGradient(
+                  colors: [
+                    AppColors.success,
+                    AppColors.success.withOpacity(0.8),
+                  ],
+                  begin: Alignment.topLeft,
+                  end: Alignment.bottomRight,
+                ),
+                borderRadius: BorderRadius.circular(16),
+                boxShadow: [
+                  BoxShadow(
+                    color: AppColors.success.withOpacity(0.3),
+                    blurRadius: 15,
+                    offset: Offset(0, 5),
+                  ),
+                ],
+              ),
+              child: Row(
+                children: [
+                  Container(
+                    padding: EdgeInsets.all(8),
+                    decoration: BoxDecoration(
+                      color: Colors.white.withOpacity(0.2),
+                      borderRadius: BorderRadius.circular(8),
+                    ),
+                    child: Icon(
+                      Icons.monetization_on,
+                      color: Colors.white,
+                      size: 24,
+                    ),
+                  ),
+                  SizedBox(width: 16),
+                  Expanded(
+                    child: Column(
+                      crossAxisAlignment: CrossAxisAlignment.start,
+                      children: [
+                        Text(
+                          '${availableCommission.toStringAsFixed(0)} XAF de commission disponible',
+                          style: TextStyle(
+                            color: Colors.white,
+                            fontSize: 16,
+                            fontWeight: FontWeight.bold,
+                          ),
+                        ),
+                        Text(
+                          'Transférez vers votre solde principal',
+                          style: TextStyle(
+                            color: Colors.white.withOpacity(0.9),
+                            fontSize: 13,
+                          ),
+                        ),
+                      ],
+                    ),
+                  ),
+                  Icon(Icons.arrow_forward_ios, color: Colors.white, size: 16),
+                ],
+              ),
+            ),
+          ),
+        );
+      },
+    );
+  }
+
+  // ============= SECTION ACTIONS =============
+  Widget _buildResponsiveActionsSection(
+    bool isSmallScreen,
+    bool isMediumScreen,
+    bool isTablet,
+  ) {
+    return Column(
+      crossAxisAlignment: CrossAxisAlignment.start,
+      children: [
+        Padding(
+          padding: EdgeInsets.only(left: 4, bottom: isSmallScreen ? 12 : 16),
+          child: Text(
+            'Actions Rapides',
+            style: TextStyle(
+              fontSize: isSmallScreen ? 18 : (isMediumScreen ? 19 : 20),
+              fontWeight: FontWeight.bold,
+              color: Colors.black87,
+            ),
+          ),
+        ),
+
+        _buildResponsiveMenuItem(
+          'Demander une recharge',
+          'Augmenter votre solde disponible',
+          Icons.add_circle_outline,
+          AppColors.accent,
+          () => _showRechargeOptionsDialog(context),
+          isPrimary: true,
+          delay: 100,
+          isSmallScreen: isSmallScreen,
+          isMediumScreen: isMediumScreen,
+        ),
+
+        _buildResponsiveMenuItem(
+          'Historique des recharges',
+          'Suivez vos demandes de recharge',
+          Icons.history,
+          AppColors.secondary,
+          () => _showRechargeHistoryDialog(context),
+          delay: 200,
+          isSmallScreen: isSmallScreen,
+          isMediumScreen: isMediumScreen,
+        ),
+
+        _buildResponsiveMenuItem(
+          'Historique des commissions',
+          'Consultez vos transferts de commission',
+          Icons.trending_up,
+          AppColors.success,
+          () => _showCommissionHistoryDialog(context),
+          delay: 250,
+          isSmallScreen: isSmallScreen,
+          isMediumScreen: isMediumScreen,
+        ),
+
+        _buildResponsiveMenuItem(
+          'Support',
+          'Obtenez de l\'aide rapidement',
+          Icons.headset_mic,
+          AppColors.purple,
+          () => _showSupportDialog(context),
+          delay: 300,
+          isSmallScreen: isSmallScreen,
+          isMediumScreen: isMediumScreen,
+        ),
+      ],
+    );
+  }
+
+  Widget _buildResponsiveMenuItem(
+    String title,
+    String subtitle,
+    IconData icon,
+    Color color,
+    VoidCallback onTap, {
+    bool isPrimary = false,
+    int delay = 0,
+    bool isSmallScreen = false,
+    bool isMediumScreen = false,
+  }) {
+    return TweenAnimationBuilder<double>(
+      duration: Duration(milliseconds: 600 + delay),
+      tween: Tween(begin: 0.0, end: 1.0),
+      curve: Curves.easeOutBack,
+      builder: (context, animation, child) {
+        final clampedAnimation = animation.clamp(0.0, 1.0);
+
+        return Transform.translate(
+          offset: Offset(50 * (1 - clampedAnimation), 0),
+          child: Opacity(
+            opacity: clampedAnimation,
+            child: Container(
+              margin: EdgeInsets.only(bottom: isSmallScreen ? 12 : 16),
+              decoration: BoxDecoration(
+                gradient:
+                    isPrimary
+                        ? LinearGradient(
+                          colors: [color, color.withOpacity(0.8)],
+                          begin: Alignment.topLeft,
+                          end: Alignment.bottomRight,
+                        )
+                        : null,
+                color: isPrimary ? null : AppColors.surface,
+                borderRadius: BorderRadius.circular(isSmallScreen ? 16 : 20),
+                border: Border.all(
+                  color:
+                      isPrimary ? Colors.transparent : color.withOpacity(0.15),
+                  width: 2,
+                ),
+                boxShadow: [
+                  BoxShadow(
+                    color:
+                        isPrimary
+                            ? color.withOpacity(0.3)
+                            : Colors.black.withOpacity(0.08),
+                    blurRadius:
+                        isPrimary
+                            ? (isSmallScreen ? 15 : 20)
+                            : (isSmallScreen ? 10 : 15),
+                    offset: Offset(
+                      0,
+                      isPrimary
+                          ? (isSmallScreen ? 6 : 8)
+                          : (isSmallScreen ? 3 : 4),
+                    ),
+                    spreadRadius: isPrimary ? (isSmallScreen ? 1 : 2) : 0,
+                  ),
+                  if (!isPrimary)
+                    BoxShadow(
+                      color: Colors.white.withOpacity(0.9),
+                      blurRadius: 3,
+                      offset: Offset(-2, -2),
+                    ),
+                ],
+              ),
+              child: Material(
+                color: Colors.transparent,
+                child: InkWell(
+                  onTap: onTap,
+                  borderRadius: BorderRadius.circular(isSmallScreen ? 16 : 20),
+                  child: Padding(
+                    padding: EdgeInsets.symmetric(
+                      horizontal: isSmallScreen ? 16 : 20,
+                      vertical: isSmallScreen ? 16 : 20,
+                    ),
+                    child: Row(
+                      children: [
+                        Container(
+                          width:
+                              isSmallScreen ? 48 : (isMediumScreen ? 52 : 56),
+                          height:
+                              isSmallScreen ? 48 : (isMediumScreen ? 52 : 56),
+                          decoration: BoxDecoration(
+                            color:
+                                isPrimary
+                                    ? Colors.white.withOpacity(0.2)
+                                    : color.withOpacity(0.1),
+                            borderRadius: BorderRadius.circular(
+                              isSmallScreen ? 12 : 16,
+                            ),
+                            border: Border.all(
+                              color:
+                                  isPrimary
+                                      ? Colors.white.withOpacity(0.3)
+                                      : color.withOpacity(0.2),
+                              width: 1,
+                            ),
+                          ),
+                          child: Icon(
+                            icon,
+                            color: isPrimary ? Colors.white : color,
+                            size:
+                                isSmallScreen ? 24 : (isMediumScreen ? 26 : 28),
+                          ),
+                        ),
+                        SizedBox(width: isSmallScreen ? 12 : 16),
+
+                        Expanded(
+                          child: Column(
+                            crossAxisAlignment: CrossAxisAlignment.start,
+                            children: [
+                              Text(
+                                title,
+                                style: TextStyle(
+                                  fontSize:
+                                      isSmallScreen
+                                          ? 14
+                                          : (isMediumScreen ? 15 : 16),
+                                  fontWeight: FontWeight.w700,
+                                  color:
+                                      isPrimary ? Colors.white : Colors.black87,
+                                ),
+                                maxLines: 2,
+                                overflow: TextOverflow.ellipsis,
+                              ),
+                              SizedBox(height: 4),
+                              Text(
+                                subtitle,
+                                style: TextStyle(
+                                  fontSize:
+                                      isSmallScreen
+                                          ? 11
+                                          : (isMediumScreen ? 12 : 13),
+                                  color:
+                                      isPrimary
+                                          ? Colors.white.withOpacity(0.8)
+                                          : Colors.grey[600],
+                                  fontWeight: FontWeight.w400,
+                                ),
+                                maxLines: 2,
+                                overflow: TextOverflow.ellipsis,
+                              ),
+                            ],
+                          ),
+                        ),
+
+                        Container(
+                          width: isSmallScreen ? 28 : 32,
+                          height: isSmallScreen ? 28 : 32,
+                          decoration: BoxDecoration(
+                            color:
+                                isPrimary
+                                    ? Colors.white.withOpacity(0.2)
+                                    : color.withOpacity(0.1),
+                            borderRadius: BorderRadius.circular(
+                              isSmallScreen ? 8 : 10,
+                            ),
+                          ),
+                          child: Icon(
+                            Icons.arrow_forward_ios,
+                            color: isPrimary ? Colors.white : color,
+                            size: isSmallScreen ? 14 : 16,
+                          ),
+                        ),
+                      ],
+                    ),
+                  ),
+                ),
+              ),
+            ),
+          ),
+        );
+      },
+    );
+  }
+
+  // ============= BOUTON DÉCONNEXION =============
+  Widget _buildResponsiveLogoutButton(
+    BuildContext context,
+    bool isSmallScreen,
+    bool isMediumScreen,
+  ) {
+    return TweenAnimationBuilder<double>(
+      duration: Duration(milliseconds: 800),
+      tween: Tween(begin: 0.0, end: 1.0),
+      curve: Curves.easeOutBack,
+      builder: (context, animation, child) {
+        return Transform.scale(
+          scale: animation,
+          child: Container(
+            width: double.infinity,
+            height: isSmallScreen ? 50 : (isMediumScreen ? 53 : 56),
+            decoration: BoxDecoration(
+              gradient: LinearGradient(
+                colors: [Colors.red[400]!, Colors.red[500]!],
+                begin: Alignment.topLeft,
+                end: Alignment.bottomRight,
+              ),
+              borderRadius: BorderRadius.circular(isSmallScreen ? 14 : 16),
+              boxShadow: [
+                BoxShadow(
+                  color: Colors.red.withOpacity(0.3),
+                  blurRadius: isSmallScreen ? 15 : 20,
+                  offset: Offset(0, isSmallScreen ? 6 : 8),
+                  spreadRadius: isSmallScreen ? 1 : 2,
+                ),
+              ],
+            ),
+            child: Material(
+              color: Colors.transparent,
+              child: InkWell(
+                onTap: () => _logout(context),
+                borderRadius: BorderRadius.circular(isSmallScreen ? 14 : 16),
+                child: Row(
+                  mainAxisAlignment: MainAxisAlignment.center,
+                  children: [
+                    Icon(
+                      Icons.logout,
+                      color: Colors.white,
+                      size: isSmallScreen ? 18 : 22,
+                    ),
+                    SizedBox(width: isSmallScreen ? 8 : 12),
+                    Text(
+                      'Se Déconnecter',
+                      style: TextStyle(
+                        fontSize: isSmallScreen ? 14 : 16,
+                        fontWeight: FontWeight.w600,
+                        color: Colors.white,
+                        letterSpacing: 0.5,
+                      ),
+                    ),
+                  ],
+                ),
+              ),
+            ),
+          ),
+        );
+      },
+    );
+  }
+
+  // ============= APIs COMMISSION =============
+  Future<Map<String, dynamic>> _getCommissionBalance(String agentId) async {
+    if (agentId.isEmpty) {
+      return {'success': false, 'commission_disponible': 0.0};
+    }
+
+    try {
+      final baseUrl = AuthController.baseUrl ?? apiBaseUrl;
+      final url = '$baseUrl/agent/$agentId/commission/balance';
+
+      print('Récupération commission - URL: $url');
+
+      final response = await http.get(
+        Uri.parse(url),
+        headers: {
+          'Content-Type': 'application/json',
+          'Accept': 'application/json',
+        },
+      );
+
+      print('Réponse balance commission - Status: ${response.statusCode}');
+      print('Réponse balance commission - Body: ${response.body}');
+
+      if (response.statusCode == 200) {
+        final data = jsonDecode(response.body);
+        if (data['success'] == true && data.containsKey('commission')) {
+          return {
+            'success': true,
+            'commission_disponible':
+                (data['commission']['commission_disponible'] ?? 0.0).toDouble(),
+            'commission_totale_gagnee':
+                (data['commission']['commission_totale_gagnee'] ?? 0.0)
+                    .toDouble(),
+            'commission_totale_retiree':
+                (data['commission']['commission_totale_retiree'] ?? 0.0)
+                    .toDouble(),
+            'nombre_transactions':
+                data['commission']['nombre_transactions'] ?? 0,
+            'derniers_retraits': data['commission']['derniers_retraits'] ?? [],
+          };
+        }
+      }
+
+      return {'success': false, 'commission_disponible': 0.0};
+    } catch (e) {
+      print('Erreur récupération commission: $e');
+      return {'success': false, 'commission_disponible': 0.0};
+    }
+  }
+
+  Future<Map<String, dynamic>> _getCommissionHistory(String agentId) async {
+    try {
+      final response = await http.get(
+        Uri.parse(
+          '${AuthController.baseUrl}/agent/$agentId/commission/history',
+        ),
+        headers: AuthController.apiHeaders,
+      );
+
+      if (response.statusCode == 200) {
+        final data = jsonDecode(response.body);
+        return data;
+      } else {
+        return {'success': false, 'message': 'Erreur lors du chargement'};
+      }
+    } catch (e) {
+      return {'success': false, 'message': 'Erreur de connexion'};
+    }
+  }
+
+  // ============= DIALOGS RECHARGE =============
+  Future<void> _showRechargeOptionsDialog(BuildContext context) async {
+    final authController = Provider.of<AuthController>(context, listen: false);
+
+    await showDialog(
+      context: context,
+      builder:
+          (context) => Dialog(
+            shape: RoundedRectangleBorder(
+              borderRadius: BorderRadius.circular(24),
+            ),
+            elevation: 10,
+            child: Container(
+              width: MediaQuery.of(context).size.width * 0.85,
+              constraints: BoxConstraints(maxWidth: 400),
+              child: FutureBuilder<Map<String, dynamic>>(
+                future: _getCommissionBalance(authController.agentId ?? ''),
+                builder: (context, snapshot) {
+                  double availableCommission = 0.0;
+                  bool isLoading = !snapshot.hasData;
+                  Map<String, dynamic> commissionData = {};
+
+                  if (snapshot.hasData && snapshot.data!['success']) {
+                    availableCommission =
+                        snapshot.data!['commission_disponible'] ?? 0.0;
+                    commissionData = snapshot.data!;
+                  }
+
+                  return Container(
+                    padding: EdgeInsets.all(24),
+                    child: SingleChildScrollView(
+                      child: Column(
+                        mainAxisSize: MainAxisSize.min,
+                        children: [
+                          // Header avec icône
+                          Container(
+                            width: 64,
+                            height: 64,
+                            decoration: BoxDecoration(
+                              gradient: LinearGradient(
+                                colors: [AppColors.accent, AppColors.primary],
+                                begin: Alignment.topLeft,
+                                end: Alignment.bottomRight,
+                              ),
+                              borderRadius: BorderRadius.circular(20),
+                              boxShadow: [
+                                BoxShadow(
+                                  color: AppColors.accent.withOpacity(0.3),
+                                  blurRadius: 15,
+                                  offset: Offset(0, 5),
+                                ),
+                              ],
+                            ),
+                            child: Icon(
+                              Icons.account_balance_wallet,
+                              color: Colors.white,
+                              size: 32,
+                            ),
+                          ),
+                          SizedBox(height: 16),
+
+                          Text(
+                            'Recharger mon compte',
+                            style: TextStyle(
+                              fontSize: 24,
+                              fontWeight: FontWeight.bold,
+                              color: Colors.black87,
+                            ),
+                          ),
+                          SizedBox(height: 8),
+                          Text(
+                            'Choisissez votre mode de recharge',
+                            style: TextStyle(
+                              fontSize: 16,
+                              color: Colors.grey[600],
+                            ),
+                            textAlign: TextAlign.center,
+                          ),
+                          SizedBox(height: 24),
+
+                          // Affichage du solde et commission
+                          Container(
+                            padding: EdgeInsets.all(20),
+                            decoration: BoxDecoration(
+                              gradient: LinearGradient(
+                                colors: [
+                                  AppColors.primary.withOpacity(0.05),
+                                  AppColors.secondary.withOpacity(0.05),
+                                ],
+                                begin: Alignment.topLeft,
+                                end: Alignment.bottomRight,
+                              ),
+                              borderRadius: BorderRadius.circular(16),
+                              border: Border.all(
+                                color: AppColors.primary.withOpacity(0.15),
+                                width: 1,
+                              ),
+                            ),
+                            child: Column(
+                              children: [
+                                // Solde actuel
+                                Row(
+                                  children: [
+                                    Container(
+                                      padding: EdgeInsets.all(8),
+                                      decoration: BoxDecoration(
+                                        color: AppColors.primary.withOpacity(
+                                          0.1,
+                                        ),
+                                        borderRadius: BorderRadius.circular(10),
+                                      ),
+                                      child: Icon(
+                                        Icons.account_balance_wallet,
+                                        color: AppColors.primary,
+                                        size: 20,
+                                      ),
+                                    ),
+                                    SizedBox(width: 12),
+                                    Expanded(
+                                      child: Column(
+                                        crossAxisAlignment:
+                                            CrossAxisAlignment.start,
+                                        children: [
+                                          Text(
+                                            'Solde actuel',
+                                            style: TextStyle(
+                                              fontSize: 14,
+                                              color: Colors.grey[600],
+                                              fontWeight: FontWeight.w500,
+                                            ),
+                                          ),
+                                          SizedBox(height: 2),
+                                          Text(
+                                            '${authController.balance.toStringAsFixed(0)} XAF',
+                                            style: TextStyle(
+                                              fontSize: 18,
+                                              fontWeight: FontWeight.bold,
+                                              color: AppColors.primary,
+                                            ),
+                                          ),
+                                        ],
+                                      ),
+                                    ),
+                                  ],
+                                ),
+                                SizedBox(height: 16),
+                                Container(height: 1, color: Colors.grey[200]),
+                                SizedBox(height: 16),
+
+                                // Commission disponible
+                                Row(
+                                  children: [
+                                    Container(
+                                      padding: EdgeInsets.all(8),
+                                      decoration: BoxDecoration(
+                                        color: AppColors.success.withOpacity(
+                                          0.1,
+                                        ),
+                                        borderRadius: BorderRadius.circular(10),
+                                      ),
+                                      child: Icon(
+                                        Icons.trending_up,
+                                        color: AppColors.success,
+                                        size: 20,
+                                      ),
+                                    ),
+                                    SizedBox(width: 12),
+                                    Expanded(
+                                      child: Column(
+                                        crossAxisAlignment:
+                                            CrossAxisAlignment.start,
+                                        children: [
+                                          Text(
+                                            'Commission disponible',
+                                            style: TextStyle(
+                                              fontSize: 14,
+                                              color: Colors.grey[600],
+                                              fontWeight: FontWeight.w500,
+                                            ),
+                                          ),
+                                          SizedBox(height: 2),
+                                          if (isLoading)
+                                            Container(
+                                              width: 80,
+                                              height: 18,
+                                              decoration: BoxDecoration(
+                                                color: Colors.grey[300],
+                                                borderRadius:
+                                                    BorderRadius.circular(4),
+                                              ),
+                                            )
+                                          else
+                                            Text(
+                                              '${availableCommission.toStringAsFixed(0)} XAF',
+                                              style: TextStyle(
+                                                fontSize: 18,
+                                                fontWeight: FontWeight.bold,
+                                                color: AppColors.success,
+                                              ),
+                                            ),
+                                        ],
+                                      ),
+                                    ),
+                                  ],
+                                ),
+
+                                // Statistiques de commission si disponibles
+                                if (!isLoading &&
+                                    commissionData.isNotEmpty) ...[
+                                  SizedBox(height: 12),
+                                  Container(
+                                    padding: EdgeInsets.all(12),
+                                    decoration: BoxDecoration(
+                                      color: Colors.grey[50],
+                                      borderRadius: BorderRadius.circular(8),
+                                    ),
+                                    child: Row(
+                                      mainAxisAlignment:
+                                          MainAxisAlignment.spaceBetween,
+                                      children: [
+                                        Column(
+                                          children: [
+                                            Text(
+                                              '${commissionData['commission_totale_gagnee']?.toStringAsFixed(0) ?? '0'}',
+                                              style: TextStyle(
+                                                fontSize: 14,
+                                                fontWeight: FontWeight.bold,
+                                                color: AppColors.success,
+                                              ),
+                                            ),
+                                            Text(
+                                              'Gagnée',
+                                              style: TextStyle(
+                                                fontSize: 11,
+                                                color: Colors.grey[600],
+                                              ),
+                                            ),
+                                          ],
+                                        ),
+                                        Column(
+                                          children: [
+                                            Text(
+                                              '${commissionData['commission_totale_retiree']?.toStringAsFixed(0) ?? '0'}',
+                                              style: TextStyle(
+                                                fontSize: 14,
+                                                fontWeight: FontWeight.bold,
+                                                color: Colors.orange,
+                                              ),
+                                            ),
+                                            Text(
+                                              'Utilisée',
+                                              style: TextStyle(
+                                                fontSize: 11,
+                                                color: Colors.grey[600],
+                                              ),
+                                            ),
+                                          ],
+                                        ),
+                                        Column(
+                                          children: [
+                                            Text(
+                                              '${commissionData['nombre_transactions'] ?? 0}',
+                                              style: TextStyle(
+                                                fontSize: 14,
+                                                fontWeight: FontWeight.bold,
+                                                color: AppColors.primary,
+                                              ),
+                                            ),
+                                            Text(
+                                              'Transactions',
+                                              style: TextStyle(
+                                                fontSize: 11,
+                                                color: Colors.grey[600],
+                                              ),
+                                            ),
+                                          ],
+                                        ),
+                                      ],
+                                    ),
+                                  ),
+                                ],
+                              ],
+                            ),
+                          ),
+                          SizedBox(height: 24),
+
+                          // Boutons d'action
+                          Row(
+                            children: [
+                              // Demander une recharge
+                              Expanded(
+                                child: _buildRechargeOptionButton(
+                                  context: context,
+                                  title: 'Demander\nune recharge',
+                                  subtitle: 'Rechargeur requis',
+                                  icon: Icons.add_circle_outline,
+                                  color: AppColors.secondary,
+                                  onTap: () {
+                                    Navigator.of(context).pop();
+                                    _showRechargeRequestDialog(context);
+                                  },
+                                ),
+                              ),
+                              SizedBox(width: 12),
+
+                              // Utiliser la commission
+                              Expanded(
+                                child: _buildRechargeOptionButton(
+                                  context: context,
+                                  title: 'Utiliser la\ncommission',
+                                  subtitle: 'Transfert instantané',
+                                  icon: Icons.monetization_on,
+                                  color: AppColors.success,
+                                  onTap:
+                                      !isLoading && availableCommission > 0
+                                          ? () {
+                                            Navigator.of(context).pop();
+                                            _showCommissionRechargeDialog(
+                                              context,
+                                              availableCommission,
+                                              commissionData,
+                                            );
+                                          }
+                                          : null,
+                                  isDisabled:
+                                      isLoading || availableCommission <= 0,
+                                ),
+                              ),
+                            ],
+                          ),
+                          SizedBox(height: 16),
+
+                          TextButton(
+                            onPressed: () => Navigator.of(context).pop(),
+                            child: Text(
+                              'Fermer',
+                              style: TextStyle(
+                                color: Colors.grey[600],
+                                fontSize: 16,
+                              ),
+                            ),
+                          ),
+                        ],
+                      ),
+                    ),
+                  );
+                },
+              ),
+            ),
+          ),
+    );
+  }
+
+  Widget _buildRechargeOptionButton({
+    required BuildContext context,
+    required String title,
+    required String subtitle,
+    required IconData icon,
+    required Color color,
+    required VoidCallback? onTap,
+    bool isDisabled = false,
+  }) {
+    return GestureDetector(
+      onTap: isDisabled ? null : onTap,
+      child: AnimatedContainer(
+        duration: Duration(milliseconds: 200),
+        padding: EdgeInsets.all(16),
+        decoration: BoxDecoration(
+          color: isDisabled ? Colors.grey[100] : Colors.white,
+          borderRadius: BorderRadius.circular(16),
+          border: Border.all(
+            color: isDisabled ? Colors.grey[300]! : color.withOpacity(0.3),
+            width: 2,
+          ),
+          boxShadow:
+              isDisabled
+                  ? []
+                  : [
+                    BoxShadow(
+                      color: color.withOpacity(0.15),
+                      blurRadius: 10,
+                      offset: Offset(0, 4),
+                    ),
+                  ],
+        ),
+        child: Column(
+          children: [
+            Container(
+              width: 48,
+              height: 48,
+              decoration: BoxDecoration(
+                color: isDisabled ? Colors.grey[300] : color.withOpacity(0.1),
+                borderRadius: BorderRadius.circular(12),
+              ),
+              child: Icon(
+                icon,
+                color: isDisabled ? Colors.grey[500] : color,
+                size: 24,
+              ),
+            ),
+            SizedBox(height: 12),
+            Text(
+              title,
+              textAlign: TextAlign.center,
+              style: TextStyle(
+                fontSize: 14,
+                fontWeight: FontWeight.bold,
+                color: isDisabled ? Colors.grey[500] : Colors.black87,
+                height: 1.2,
+              ),
+            ),
+            SizedBox(height: 4),
+            Text(
+              subtitle,
+              textAlign: TextAlign.center,
+              style: TextStyle(
+                fontSize: 12,
+                color: isDisabled ? Colors.grey[400] : Colors.grey[600],
+              ),
+            ),
+          ],
+        ),
+      ),
+    );
+  }
+
+  // Dialog pour demander une recharge traditionnelle
+  Future<void> _showRechargeRequestDialog(BuildContext context) async {
+    final amountController = TextEditingController();
+    final pinController = TextEditingController();
+
+    final screenSize = MediaQuery.of(context).size;
+    final isSmallScreen = screenSize.height < 600;
+
+    await showDialog(
+      context: context,
+      builder:
+          (context) => Dialog(
+            shape: RoundedRectangleBorder(
+              borderRadius: BorderRadius.circular(isSmallScreen ? 16 : 24),
+            ),
+            elevation: 10,
+            child: ConstrainedBox(
+              constraints: BoxConstraints(
+                maxWidth: 400,
+                maxHeight: screenSize.height * (isSmallScreen ? 0.9 : 0.8),
+              ),
+              child: Container(
+                width: screenSize.width * 0.85,
+                padding: EdgeInsets.all(isSmallScreen ? 16 : 24),
+                child: Column(
+                  mainAxisSize: MainAxisSize.min,
+                  children: [
+                    Flexible(
+                      child: SingleChildScrollView(
+                        physics: BouncingScrollPhysics(),
+                        child: Column(
+                          mainAxisSize: MainAxisSize.min,
+                          children: [
+                            // Header
+                            Container(
+                              width: isSmallScreen ? 48 : 64,
+                              height: isSmallScreen ? 48 : 64,
+                              decoration: BoxDecoration(
+                                gradient: LinearGradient(
+                                  colors: [
+                                    AppColors.secondary,
+                                    AppColors.accent,
+                                  ],
+                                  begin: Alignment.topLeft,
+                                  end: Alignment.bottomRight,
+                                ),
+                                borderRadius: BorderRadius.circular(
+                                  isSmallScreen ? 16 : 20,
+                                ),
+                                boxShadow: [
+                                  BoxShadow(
+                                    color: AppColors.secondary.withOpacity(0.3),
+                                    blurRadius: isSmallScreen ? 10 : 15,
+                                    offset: Offset(0, isSmallScreen ? 3 : 5),
+                                  ),
+                                ],
+                              ),
+                              child: Icon(
+                                Icons.add_circle_outline,
+                                color: Colors.white,
+                                size: isSmallScreen ? 24 : 32,
+                              ),
+                            ),
+                            SizedBox(height: isSmallScreen ? 12 : 16),
+
+                            Text(
+                              'Demander une recharge',
+                              style: TextStyle(
+                                fontSize: isSmallScreen ? 18 : 22,
+                                fontWeight: FontWeight.bold,
+                                color: Colors.black87,
+                              ),
+                              textAlign: TextAlign.center,
+                            ),
+                            SizedBox(height: isSmallScreen ? 6 : 8),
+
+                            Text(
+                              'Un rechargeur validera votre demande',
+                              style: TextStyle(
+                                fontSize: isSmallScreen ? 12 : 14,
+                                color: Colors.grey[600],
+                              ),
+                              textAlign: TextAlign.center,
+                            ),
+                            SizedBox(height: isSmallScreen ? 16 : 20),
+
+                            // Champ montant
+                            TextField(
+                              controller: amountController,
+                              keyboardType: TextInputType.number,
+                              style: TextStyle(
+                                fontSize: isSmallScreen ? 14 : 16,
+                              ),
+                              decoration: InputDecoration(
+                                labelText: 'Montant à recharger',
+                                hintText: 'Ex: 10000',
+                                labelStyle: TextStyle(
+                                  fontSize: isSmallScreen ? 12 : 14,
+                                ),
+                                hintStyle: TextStyle(
+                                  fontSize: isSmallScreen ? 12 : 14,
+                                ),
+                                contentPadding: EdgeInsets.symmetric(
+                                  horizontal: isSmallScreen ? 12 : 16,
+                                  vertical: isSmallScreen ? 12 : 16,
+                                ),
+                                border: OutlineInputBorder(
+                                  borderRadius: BorderRadius.circular(12),
+                                  borderSide: BorderSide(
+                                    color: AppColors.secondary.withOpacity(0.3),
+                                  ),
+                                ),
+                                focusedBorder: OutlineInputBorder(
+                                  borderRadius: BorderRadius.circular(12),
+                                  borderSide: BorderSide(
+                                    color: AppColors.secondary,
+                                    width: 2,
+                                  ),
+                                ),
+                                prefixIcon: Icon(
+                                  Icons.attach_money,
+                                  color: AppColors.secondary,
+                                  size: isSmallScreen ? 20 : 24,
+                                ),
+                                suffixText: 'XAF',
+                                suffixStyle: TextStyle(
+                                  color: AppColors.secondary,
+                                  fontWeight: FontWeight.w600,
+                                  fontSize: isSmallScreen ? 12 : 14,
+                                ),
+                              ),
+                              autofocus: !isSmallScreen,
+                            ),
+                            SizedBox(height: isSmallScreen ? 12 : 16),
+
+                            // Champ PIN
+                            TextField(
+                              controller: pinController,
+                              keyboardType: TextInputType.number,
+                              obscureText: true,
+                              style: TextStyle(
+                                fontSize: isSmallScreen ? 14 : 16,
+                              ),
+                              decoration: InputDecoration(
+                                labelText: 'Code PIN',
+                                hintText: '****',
+                                labelStyle: TextStyle(
+                                  fontSize: isSmallScreen ? 12 : 14,
+                                ),
+                                contentPadding: EdgeInsets.symmetric(
+                                  horizontal: isSmallScreen ? 12 : 16,
+                                  vertical: isSmallScreen ? 12 : 16,
+                                ),
+                                border: OutlineInputBorder(
+                                  borderRadius: BorderRadius.circular(12),
+                                  borderSide: BorderSide(
+                                    color: AppColors.secondary.withOpacity(0.3),
+                                  ),
+                                ),
+                                focusedBorder: OutlineInputBorder(
+                                  borderRadius: BorderRadius.circular(12),
+                                  borderSide: BorderSide(
+                                    color: AppColors.secondary,
+                                    width: 2,
+                                  ),
+                                ),
+                                prefixIcon: Icon(
+                                  Icons.lock,
+                                  color: AppColors.secondary,
+                                  size: isSmallScreen ? 20 : 24,
+                                ),
+                              ),
+                            ),
+                            SizedBox(height: isSmallScreen ? 12 : 16),
+
+                            // Texte d'information
+                            Text(
+                              'Votre demande sera envoyée aux rechargeurs pour validation',
+                              style: TextStyle(
+                                fontSize: isSmallScreen ? 11 : 12,
+                                color: Colors.grey[600],
+                                fontStyle: FontStyle.italic,
+                              ),
+                              textAlign: TextAlign.center,
+                            ),
+                          ],
+                        ),
+                      ),
+                    ),
+
+                    // Boutons fixes en bas
+                    SizedBox(height: isSmallScreen ? 16 : 24),
+                    Row(
+                      children: [
+                        Expanded(
+                          child: TextButton(
+                            onPressed: () => Navigator.of(context).pop(),
+                            style: TextButton.styleFrom(
+                              padding: EdgeInsets.symmetric(
+                                vertical: isSmallScreen ? 10 : 12,
+                              ),
+                              shape: RoundedRectangleBorder(
+                                borderRadius: BorderRadius.circular(12),
+                              ),
+                            ),
+                            child: Text(
+                              'Annuler',
+                              style: TextStyle(
+                                fontSize: isSmallScreen ? 14 : 16,
+                              ),
+                            ),
+                          ),
+                        ),
+                        SizedBox(width: 12),
+                        Expanded(
+                          child: ElevatedButton(
+                            onPressed: () {
+                              final amount = amountController.text.trim();
+                              final pin = pinController.text.trim();
+
+                              if (amount.isEmpty || pin.isEmpty) {
+                                if (mounted) {
+                                  _showErrorSnackBar(
+                                    context,
+                                    'Veuillez remplir tous les champs',
+                                  );
+                                }
+                                return;
+                              }
+
+                              final amountValue = double.tryParse(amount);
+                              if (amountValue == null || amountValue <= 0) {
+                                if (mounted) {
+                                  _showErrorSnackBar(
+                                    context,
+                                    'Montant invalide',
+                                  );
+                                }
+                                return;
+                              }
+
+                              Navigator.of(context).pop();
+                              _processRechargeRequest(context, amount, pin);
+                            },
+                            style: ElevatedButton.styleFrom(
+                              backgroundColor: AppColors.secondary,
+                              foregroundColor: Colors.white,
+                              padding: EdgeInsets.symmetric(
+                                vertical: isSmallScreen ? 10 : 12,
+                              ),
+                              shape: RoundedRectangleBorder(
+                                borderRadius: BorderRadius.circular(12),
+                              ),
+                              elevation: 3,
+                            ),
+                            child: Text(
+                              'Envoyer',
+                              style: TextStyle(
+                                fontSize: isSmallScreen ? 14 : 16,
+                                fontWeight: FontWeight.w600,
+                              ),
+                            ),
+                          ),
+                        ),
+                      ],
+                    ),
+                  ],
+                ),
+              ),
+            ),
+          ),
+    );
+  }
+
+  // Dialog pour utiliser la commission
+  Future<void> _showCommissionRechargeDialog(
+    BuildContext context,
+    double availableCommission,
+    Map<String, dynamic> commissionData,
+  ) async {
+    final amountController = TextEditingController();
+
+    await showDialog(
+      context: context,
+      builder:
+          (context) => Dialog(
+            shape: RoundedRectangleBorder(
+              borderRadius: BorderRadius.circular(24),
+            ),
+            elevation: 10,
+            child: Container(
+              width: MediaQuery.of(context).size.width * 0.85,
+              constraints: BoxConstraints(maxWidth: 400),
+              padding: EdgeInsets.all(24),
+              child: SingleChildScrollView(
+                child: Column(
+                  mainAxisSize: MainAxisSize.min,
+                  children: [
+                    // Header animé
+                    TweenAnimationBuilder<double>(
+                      duration: Duration(milliseconds: 600),
+                      tween: Tween(begin: 0.0, end: 1.0),
+                      builder: (context, value, child) {
+                        return Transform.scale(
+                          scale: value,
+                          child: Container(
+                            width: 64,
+                            height: 64,
+                            decoration: BoxDecoration(
+                              gradient: LinearGradient(
+                                colors: [AppColors.success, Colors.green[300]!],
+                                begin: Alignment.topLeft,
+                                end: Alignment.bottomRight,
+                              ),
+                              borderRadius: BorderRadius.circular(20),
+                              boxShadow: [
+                                BoxShadow(
+                                  color: AppColors.success.withOpacity(0.3),
+                                  blurRadius: 15,
+                                  offset: Offset(0, 5),
+                                ),
+                              ],
+                            ),
+                            child: Icon(
+                              Icons.monetization_on,
+                              color: Colors.white,
+                              size: 32,
+                            ),
+                          ),
+                        );
+                      },
+                    ),
+                    SizedBox(height: 16),
+
+                    Text(
+                      'Utiliser ma commission',
+                      style: TextStyle(
+                        fontSize: 22,
+                        fontWeight: FontWeight.bold,
+                        color: Colors.black87,
+                      ),
+                    ),
+                    SizedBox(height: 8),
+                    Text(
+                      'Transférez vos commissions vers votre solde principal',
+                      style: TextStyle(fontSize: 14, color: Colors.grey[600]),
+                      textAlign: TextAlign.center,
+                    ),
+                    SizedBox(height: 20),
+
+                    // Affichage de la commission disponible
+                    Container(
+                      padding: EdgeInsets.all(16),
+                      decoration: BoxDecoration(
+                        gradient: LinearGradient(
+                          colors: [
+                            AppColors.success.withOpacity(0.1),
+                            AppColors.success.withOpacity(0.05),
+                          ],
+                          begin: Alignment.topLeft,
+                          end: Alignment.bottomRight,
+                        ),
+                        borderRadius: BorderRadius.circular(12),
+                        border: Border.all(
+                          color: AppColors.success.withOpacity(0.3),
+                          width: 1,
+                        ),
+                      ),
+                      child: Row(
+                        children: [
+                          Container(
+                            padding: EdgeInsets.all(8),
+                            decoration: BoxDecoration(
+                              color: AppColors.success.withOpacity(0.2),
+                              borderRadius: BorderRadius.circular(8),
+                            ),
+                            child: Icon(
+                              Icons.account_balance,
+                              color: AppColors.success,
+                              size: 18,
+                            ),
+                          ),
+                          SizedBox(width: 12),
+                          Expanded(
+                            child: Column(
+                              crossAxisAlignment: CrossAxisAlignment.start,
+                              children: [
+                                Text(
+                                  'Commission disponible',
+                                  style: TextStyle(
+                                    fontSize: 13,
+                                    color: AppColors.success,
+                                    fontWeight: FontWeight.w600,
+                                  ),
+                                ),
+                                SizedBox(height: 2),
+                                Text(
+                                  '${availableCommission.toStringAsFixed(0)} XAF',
+                                  style: TextStyle(
+                                    fontSize: 18,
+                                    fontWeight: FontWeight.bold,
+                                    color: AppColors.success,
+                                  ),
+                                ),
+                              ],
+                            ),
+                          ),
+                        ],
+                      ),
+                    ),
+                    SizedBox(height: 20),
+
+                    // Champ de saisie du montant
+                    TextField(
+                      controller: amountController,
+                      keyboardType: TextInputType.number,
+                      decoration: InputDecoration(
+                        labelText: 'Montant à transférer',
+                        hintText:
+                            'Ex: ${(availableCommission / 2).toStringAsFixed(0)}',
+                        border: OutlineInputBorder(
+                          borderRadius: BorderRadius.circular(12),
+                          borderSide: BorderSide(
+                            color: AppColors.success.withOpacity(0.3),
+                          ),
+                        ),
+                        focusedBorder: OutlineInputBorder(
+                          borderRadius: BorderRadius.circular(12),
+                          borderSide: BorderSide(
+                            color: AppColors.success,
+                            width: 2,
+                          ),
+                        ),
+                        prefixIcon: Icon(
+                          Icons.account_balance_wallet,
+                          color: AppColors.success,
+                        ),
+                        suffixText: 'XAF',
+                        suffixStyle: TextStyle(
+                          color: AppColors.success,
+                          fontWeight: FontWeight.w600,
+                        ),
+                      ),
+                      autofocus: true,
+                    ),
+                    SizedBox(height: 12),
+
+                    // Boutons montants rapides
+                    Row(
+                      children: [
+                        Expanded(
+                          child: _buildQuickAmountButton(
+                            context,
+                            '25%',
+                            (availableCommission * 0.25).toStringAsFixed(0),
+                            amountController,
+                          ),
+                        ),
+                        SizedBox(width: 8),
+                        Expanded(
+                          child: _buildQuickAmountButton(
+                            context,
+                            '50%',
+                            (availableCommission * 0.5).toStringAsFixed(0),
+                            amountController,
+                          ),
+                        ),
+                        SizedBox(width: 8),
+                        Expanded(
+                          child: _buildQuickAmountButton(
+                            context,
+                            'Tout',
+                            availableCommission.toStringAsFixed(0),
+                            amountController,
+                          ),
+                        ),
+                      ],
+                    ),
+                    SizedBox(height: 16),
+
+                    Text(
+                      'Ce montant sera instantanément ajouté à votre solde principal',
+                      style: TextStyle(
+                        fontSize: 12,
+                        color: Colors.grey[600],
+                        fontStyle: FontStyle.italic,
+                      ),
+                      textAlign: TextAlign.center,
+                    ),
+                    SizedBox(height: 24),
+
+                    // Boutons d'action
+                    Row(
+                      children: [
+                        Expanded(
+                          child: TextButton(
+                            onPressed: () => Navigator.of(context).pop(),
+                            style: TextButton.styleFrom(
+                              padding: EdgeInsets.symmetric(vertical: 12),
+                              shape: RoundedRectangleBorder(
+                                borderRadius: BorderRadius.circular(12),
+                              ),
+                            ),
+                            child: Text(
+                              'Annuler',
+                              style: TextStyle(fontSize: 16),
+                            ),
+                          ),
+                        ),
+                        SizedBox(width: 12),
+                        Expanded(
+                          child: ElevatedButton(
+                            onPressed: () {
+                              final amount = double.tryParse(
+                                amountController.text,
+                              );
+                              if (amount != null &&
+                                  amount > 0 &&
+                                  amount <= availableCommission) {
+                                Navigator.of(context).pop();
+                                _processCommissionTransfer(context, amount);
+                              } else {
+                                _showErrorSnackBar(
+                                  context,
+                                  'Montant invalide (max: ${availableCommission.toStringAsFixed(0)} XAF)',
+                                );
+                              }
+                            },
+                            style: ElevatedButton.styleFrom(
+                              backgroundColor: AppColors.success,
+                              foregroundColor: Colors.white,
+                              padding: EdgeInsets.symmetric(vertical: 12),
+                              shape: RoundedRectangleBorder(
+                                borderRadius: BorderRadius.circular(12),
+                              ),
+                              elevation: 3,
+                            ),
+                            child: Text(
+                              'Transférer',
+                              style: TextStyle(
+                                fontSize: 16,
+                                fontWeight: FontWeight.w600,
+                              ),
+                            ),
+                          ),
+                        ),
+                      ],
+                    ),
+                  ],
+                ),
+              ),
+            ),
+          ),
+    );
+  }
+
+  Widget _buildQuickAmountButton(
+    BuildContext context,
+    String label,
+    String amount,
+    TextEditingController controller,
+  ) {
+    return GestureDetector(
+      onTap: () {
+        controller.text = amount;
+      },
+      child: Container(
+        padding: EdgeInsets.symmetric(vertical: 8),
+        decoration: BoxDecoration(
+          color: AppColors.success.withOpacity(0.1),
+          borderRadius: BorderRadius.circular(8),
+          border: Border.all(
+            color: AppColors.success.withOpacity(0.3),
+            width: 1,
+          ),
+        ),
+        child: Text(
+          label,
+          textAlign: TextAlign.center,
+          style: TextStyle(
+            fontSize: 12,
+            fontWeight: FontWeight.w600,
+            color: AppColors.success,
+          ),
+        ),
+      ),
+    );
+  }
+
+  // Dialog historique des commissions
+  Future<void> _showCommissionHistoryDialog(BuildContext context) async {
+    final authController = Provider.of<AuthController>(context, listen: false);
+
+    showDialog(
+      context: context,
+      builder:
+          (context) => Dialog(
+            shape: RoundedRectangleBorder(
+              borderRadius: BorderRadius.circular(20),
+            ),
+            child: Container(
+              width: MediaQuery.of(context).size.width * 0.9,
+              height: MediaQuery.of(context).size.height * 0.8,
+              padding: EdgeInsets.all(24),
+              child: Column(
+                children: [
+                  Row(
+                    mainAxisAlignment: MainAxisAlignment.spaceBetween,
+                    children: [
+                      Text(
+                        'Historique des commissions',
+                        style: TextStyle(
+                          fontSize: 20,
+                          fontWeight: FontWeight.bold,
+                          color: Colors.black87,
+                        ),
+                      ),
+                      IconButton(
+                        onPressed: () => Navigator.pop(context),
+                        icon: Icon(Icons.close, color: Colors.grey),
+                      ),
+                    ],
+                  ),
+                  SizedBox(height: 16),
+
+                  Expanded(
+                    child: FutureBuilder<Map<String, dynamic>>(
+                      future: _getCommissionHistory(
+                        authController.agentId ?? '',
+                      ),
+                      builder: (context, snapshot) {
+                        if (snapshot.connectionState ==
+                            ConnectionState.waiting) {
+                          return Center(
+                            child: CircularProgressIndicator(
+                              valueColor: AlwaysStoppedAnimation<Color>(
+                                AppColors.success,
+                              ),
+                            ),
+                          );
+                        }
+
+                        if (!snapshot.hasData || !snapshot.data!['success']) {
+                          return Center(
+                            child: Column(
+                              mainAxisAlignment: MainAxisAlignment.center,
+                              children: [
+                                Icon(
+                                  Icons.history,
+                                  size: 64,
+                                  color: Colors.grey[400],
+                                ),
+                                SizedBox(height: 16),
+                                Text(
+                                  'Aucun historique trouvé',
+                                  style: TextStyle(
+                                    fontSize: 16,
+                                    color: Colors.grey[600],
+                                  ),
+                                ),
+                              ],
+                            ),
+                          );
+                        }
+
+                        final withdrawals =
+                            snapshot.data!['historique']['retraits'] as List;
+
+                        return ListView.builder(
+                          itemCount: withdrawals.length,
+                          itemBuilder: (context, index) {
+                            final withdrawal = withdrawals[index];
+                            final date = DateTime.parse(
+                              withdrawal['date_creation'],
+                            );
+
+                            return Container(
+                              margin: EdgeInsets.only(bottom: 12),
+                              padding: EdgeInsets.all(16),
+                              decoration: BoxDecoration(
+                                color: AppColors.surface,
+                                borderRadius: BorderRadius.circular(12),
+                                border: Border.all(
+                                  color: AppColors.success.withOpacity(0.2),
+                                  width: 1,
+                                ),
+                              ),
+                              child: Row(
+                                children: [
+                                  Container(
+                                    width: 48,
+                                    height: 48,
+                                    decoration: BoxDecoration(
+                                      color: AppColors.success.withOpacity(0.1),
+                                      borderRadius: BorderRadius.circular(12),
+                                    ),
+                                    child: Icon(
+                                      Icons.trending_up,
+                                      color: AppColors.success,
+                                      size: 24,
+                                    ),
+                                  ),
+                                  SizedBox(width: 16),
+
+                                  Expanded(
+                                    child: Column(
+                                      crossAxisAlignment:
+                                          CrossAxisAlignment.start,
+                                      children: [
+                                        Text(
+                                          'Transfert de commission',
+                                          style: TextStyle(
+                                            fontSize: 16,
+                                            fontWeight: FontWeight.w600,
+                                            color: Colors.black87,
+                                          ),
+                                        ),
+                                        SizedBox(height: 4),
+                                        Text(
+                                          withdrawal['description'] ??
+                                              'Transfert vers solde',
+                                          style: TextStyle(
+                                            fontSize: 13,
+                                            color: Colors.grey[600],
+                                          ),
+                                        ),
+                                        SizedBox(height: 4),
+                                        Text(
+                                          _formatDate(date),
+                                          style: TextStyle(
+                                            fontSize: 12,
+                                            color: Colors.grey[500],
+                                          ),
+                                        ),
+                                      ],
+                                    ),
+                                  ),
+
+                                  Column(
+                                    crossAxisAlignment: CrossAxisAlignment.end,
+                                    children: [
+                                      Text(
+                                        '+${withdrawal['montant'].toStringAsFixed(0)} XAF',
+                                        style: TextStyle(
+                                          fontSize: 16,
+                                          fontWeight: FontWeight.bold,
+                                          color: AppColors.success,
+                                        ),
+                                      ),
+                                      SizedBox(height: 4),
+                                      Container(
+                                        padding: EdgeInsets.symmetric(
+                                          horizontal: 8,
+                                          vertical: 4,
+                                        ),
+                                        decoration: BoxDecoration(
+                                          color: AppColors.success.withOpacity(
+                                            0.1,
+                                          ),
+                                          borderRadius: BorderRadius.circular(
+                                            8,
+                                          ),
+                                        ),
+                                        child: Text(
+                                          'Terminé',
+                                          style: TextStyle(
+                                            fontSize: 11,
+                                            color: AppColors.success,
+                                            fontWeight: FontWeight.w600,
+                                          ),
+                                        ),
+                                      ),
+                                    ],
+                                  ),
+                                ],
+                              ),
+                            );
+                          },
+                        );
+                      },
+                    ),
+                  ),
+                ],
+              ),
+            ),
+          ),
+    );
+  }
+
+  // ============= TRAITEMENT DES REQUÊTES =============
+  Future<void> _processRechargeRequest(
+    BuildContext context,
+    String montant,
+    String pin,
+  ) async {
+    if (montant.isEmpty || pin.isEmpty) {
+      _showErrorSnackBar(context, 'Veuillez remplir tous les champs');
+      return;
+    }
+
+    final amountValue = double.tryParse(montant);
+    if (amountValue == null || amountValue <= 0) {
+      _showErrorSnackBar(context, 'Montant invalide');
+      return;
+    }
+
+    if (pin.length < 4) {
+      _showErrorSnackBar(context, 'PIN doit contenir au moins 4 chiffres');
+      return;
+    }
+
+    try {
+      final userId = await SessionManager().getUserId();
+      if (userId == null) {
+        _showErrorSnackBar(context, 'Session expirée, reconnectez-vous');
+        return;
+      }
+
+      await _demandeRecharge(userId, pin, montant, context);
+    } catch (e) {
+      print('Erreur processRechargeRequest : $e');
+      if (context.mounted) {
+        _showErrorSnackBar(context, 'Une erreur est survenue');
+      }
+    }
+  }
+
+  Future<void> _processCommissionTransfer(
+    BuildContext context,
+    double amount,
+  ) async {
+    final authController = Provider.of<AuthController>(context, listen: false);
+    final agentId = authController.agentId;
+
+    if (agentId == null || agentId.isEmpty) {
+      _showErrorSnackBar(context, 'Erreur: Agent non connecté');
+      return;
+    }
+
+    // Dialog de chargement
+    showDialog(
+      context: context,
+      barrierDismissible: false,
+      builder:
+          (context) => Dialog(
+            shape: RoundedRectangleBorder(
+              borderRadius: BorderRadius.circular(16),
+            ),
+            child: Container(
+              padding: EdgeInsets.all(24),
+              child: Column(
+                mainAxisSize: MainAxisSize.min,
+                children: [
+                  CircularProgressIndicator(
+                    valueColor: AlwaysStoppedAnimation<Color>(
+                      AppColors.success,
+                    ),
+                    strokeWidth: 3,
+                  ),
+                  SizedBox(height: 16),
+                  Text(
+                    'Transfert en cours...',
+                    style: TextStyle(
+                      fontSize: 16,
+                      fontWeight: FontWeight.w600,
+                      color: Colors.black87,
+                    ),
+                  ),
+                  SizedBox(height: 8),
+                  Text(
+                    'Veuillez patienter',
+                    style: TextStyle(fontSize: 14, color: Colors.grey[600]),
+                  ),
+                ],
+              ),
+            ),
+          ),
+    );
+
+    try {
+      print(
+        'Envoi transfert commission - Agent ID: $agentId, Montant: $amount',
+      );
+
+      var headersList = {
+        'Accept': '*/*',
+        'User-Agent': 'FlutterApp (Wortis Agent)',
+        'Content-Type': 'application/json',
+      };
+
+      var url = Uri.parse(
+        'https://api.live.wortis.cg/tpe/recharge/$agentId/commission',
+      );
+
+      var body = {
+        "montant": amount,
+        "description": "Transfert de commission vers solde principal",
+      };
+
+      var req = http.Request('POST', url);
+      req.headers.addAll(headersList);
+      req.body = jsonEncode(body);
+
+      print('URL commission: $url');
+      print('Headers envoyés: $headersList');
+      print('Body envoyé: ${jsonEncode(body)}');
+
+      var res = await req.send();
+      final resBody = await res.stream.bytesToString();
+
+      // Fermer le dialog de chargement
+      if (Navigator.canPop(context)) {
+        Navigator.of(context).pop();
+      }
+
+      print('Réponse commission - Status: ${res.statusCode}');
+      print('Réponse commission - Body: $resBody');
+
+      if (res.statusCode >= 200 && res.statusCode < 300) {
+        final data = jsonDecode(resBody);
+
+        if (data['success'] == true) {
+          // Rafraîchir le solde
+          await authController.refreshBalance();
+
+          // Message de succès
+          if (context.mounted) {
+            ScaffoldMessenger.of(context).showSnackBar(
+              SnackBar(
+                content: Row(
+                  children: [
+                    Container(
+                      padding: EdgeInsets.all(4),
+                      decoration: BoxDecoration(
+                        color: Colors.white.withOpacity(0.2),
+                        borderRadius: BorderRadius.circular(6),
+                      ),
+                      child: Icon(
+                        Icons.check_circle,
+                        color: Colors.white,
+                        size: 20,
+                      ),
+                    ),
+                    SizedBox(width: 12),
+                    Expanded(
+                      child: Column(
+                        crossAxisAlignment: CrossAxisAlignment.start,
+                        mainAxisSize: MainAxisSize.min,
+                        children: [
+                          Text(
+                            'Transfert réussi !',
+                            style: TextStyle(
+                              fontWeight: FontWeight.bold,
+                              fontSize: 14,
+                            ),
+                          ),
+                          Text(
+                            '+${amount.toStringAsFixed(0)} XAF ajouté à votre solde',
+                            style: TextStyle(fontSize: 12),
+                          ),
+                        ],
+                      ),
+                    ),
+                  ],
+                ),
+                backgroundColor: AppColors.success,
+                behavior: SnackBarBehavior.floating,
+                shape: RoundedRectangleBorder(
+                  borderRadius: BorderRadius.circular(12),
+                ),
+                margin: EdgeInsets.all(16),
+                duration: Duration(seconds: 4),
+              ),
+            );
+
+            setState(() {});
+          }
+        } else {
+          if (context.mounted) {
+            _showErrorSnackBar(
+              context,
+              data['message'] ?? 'Erreur lors du transfert',
+            );
+          }
+        }
+      } else {
+        try {
+          final data = jsonDecode(resBody);
+          if (context.mounted) {
+            if (res.statusCode == 404) {
+              _showErrorSnackBar(
+                context,
+                'Service de commission non disponible',
+              );
+            } else if (res.statusCode == 401) {
+              _showErrorSnackBar(context, 'Session expirée, reconnectez-vous');
+            } else {
+              _showErrorSnackBar(
+                context,
+                data['message'] ?? 'Erreur de serveur (${res.statusCode})',
+              );
+            }
+          }
+        } catch (e) {
+          if (context.mounted) {
+            _showErrorSnackBar(
+              context,
+              'Erreur (${res.statusCode}): ${res.reasonPhrase}',
+            );
+          }
+        }
+      }
+    } on http.ClientException catch (e) {
+      if (Navigator.canPop(context)) Navigator.of(context).pop();
+      print('Erreur réseau commission: $e');
+      if (context.mounted) {
+        _showErrorSnackBar(context, 'Erreur de connexion réseau');
+      }
+    } on FormatException catch (e) {
+      if (Navigator.canPop(context)) Navigator.of(context).pop();
+      print('Erreur format JSON commission: $e');
+      if (context.mounted) {
+        _showErrorSnackBar(context, 'Erreur de format de réponse');
+      }
+    } catch (e) {
+      if (Navigator.canPop(context)) Navigator.of(context).pop();
+      print('Erreur transfert commission: $e');
+      if (context.mounted) {
+        _showErrorSnackBar(
+          context,
+          'Erreur lors du transfert: ${e.toString()}',
+        );
+      }
+    }
+  }
+
+  // ============= AUTRES MÉTHODES =============
+  Future<Map<String, dynamic>> _getTransactionHistory(String userId) async {
+    try {
+      final response = await http.get(
+        Uri.parse('$apiBaseUrl/agent/$userId/transactions'),
+        headers: apiHeaders,
+      );
+
+      if (response.statusCode == 200) {
+        final data = jsonDecode(response.body);
+        return {
+          'success': true,
+          'transactions': data['transactions'] ?? [],
+          'total_commission': _calculateTotalCommission(
+            data['transactions'] ?? [],
+          ),
+        };
+      } else {
+        return {'success': false, 'message': 'Erreur lors du chargement'};
+      }
+    } catch (e) {
+      return {'success': false, 'message': 'Erreur de connexion'};
+    }
+  }
+
+  Future<Map<String, dynamic>> _getRechargeHistory(String userId) async {
+    try {
+      final response = await http.get(
+        Uri.parse('$apiBaseUrl/recharge/history/agent/$userId'),
+        headers: apiHeaders,
+      );
+
+      if (response.statusCode == 200) {
+        final data = jsonDecode(response.body);
+        return {'success': true, 'recharges': data['recharges'] ?? []};
+      } else {
+        return {'success': false, 'message': 'Erreur lors du chargement'};
+      }
+    } catch (e) {
+      return {'success': false, 'message': 'Erreur de connexion'};
+    }
+  }
+
+  double _calculateTotalCommission(List transactions) {
+    double totalTransaction = 0;
+    for (var transaction in transactions) {
+      if (transaction['statut'] == 'completed') {
+        totalTransaction += (transaction['montant'] ?? 0.0);
+      }
+    }
+    return totalTransaction * 0.0066;
+  }
+
+  Future<void> _showRechargeHistoryDialog(BuildContext context) async {
+    try {
+      final userId = await SessionManager().getUserId();
+      final result = await _getRechargeHistory(userId!);
+
+      if (!context.mounted) return;
+
+      if (result['success']) {
+        _showHistoryDialog(
+          context,
+          'Historique des recharges',
+          result['recharges'],
+          'recharge',
+        );
+      } else {
+        _showErrorSnackBar(context, result['message']);
+      }
+    } catch (e) {
+      _showErrorSnackBar(context, 'Erreur lors du chargement');
+    }
+  }
+
+  void _showHistoryDialog(
+    BuildContext context,
+    String title,
+    List items,
+    String type,
+  ) {
+    showDialog(
+      context: context,
+      builder:
+          (context) => Dialog(
+            shape: RoundedRectangleBorder(
+              borderRadius: BorderRadius.circular(20),
+            ),
+            child: Container(
+              width: MediaQuery.of(context).size.width * 0.9,
+              height: MediaQuery.of(context).size.height * 0.8,
+              padding: const EdgeInsets.all(24),
+              decoration: BoxDecoration(
+                gradient: LinearGradient(
+                  begin: Alignment.topCenter,
+                  end: Alignment.bottomCenter,
+                  colors: [AppColors.surface, Colors.grey[50]!],
+                ),
+                borderRadius: BorderRadius.circular(20),
+              ),
+              child: Column(
+                children: [
+                  Row(
+                    mainAxisAlignment: MainAxisAlignment.center,
+                    children: [
+                      Expanded(
+                        child: Text(
+                          title,
+                          style: const TextStyle(
+                            fontSize: 20,
+                            fontWeight: FontWeight.bold,
+                            color: Colors.black87,
+                          ),
+                        ),
+                      ),
+                      Container(
+                        decoration: BoxDecoration(
+                          color: Colors.grey[100],
+                          borderRadius: BorderRadius.circular(10),
+                        ),
+                        child: IconButton(
+                          onPressed: () => Navigator.pop(context),
+                          icon: const Icon(Icons.close, color: Colors.grey),
+                        ),
+                      ),
+                    ],
+                  ),
+                  const SizedBox(height: 8),
+                  Container(
+                    height: 2,
+                    decoration: BoxDecoration(
+                      gradient: LinearGradient(
+                        colors: [AppColors.primary, AppColors.accent],
+                      ),
+                      borderRadius: BorderRadius.circular(1),
+                    ),
+                  ),
+                  const SizedBox(height: 16),
+                  Expanded(
+                    child:
+                        items.isEmpty
+                            ? _buildEmptyState(type)
+                            : ListView.builder(
+                              physics: BouncingScrollPhysics(),
+                              itemCount: items.length,
+                              itemBuilder: (context, index) {
+                                return AnimatedContainer(
+                                  duration: Duration(
+                                    milliseconds: 300 + (index * 100),
+                                  ),
+                                  curve: Curves.easeOutBack,
+                                  child:
+                                      type == 'transaction'
+                                          ? _buildEnhancedTransactionItem(
+                                            items[index],
+                                            index,
+                                          )
+                                          : _buildEnhancedRechargeHistoryItem(
+                                            items[index],
+                                            index,
+                                          ),
+                                );
+                              },
+                            ),
+                  ),
+                ],
+              ),
+            ),
+          ),
+    );
+  }
+
+  Widget _buildEmptyState(String type) {
+    return Center(
+      child: Column(
+        mainAxisAlignment: MainAxisAlignment.center,
+        children: [
+          Container(
+            width: 80,
+            height: 80,
+            decoration: BoxDecoration(
+              color: Colors.grey[100],
+              borderRadius: BorderRadius.circular(20),
+            ),
+            child: Icon(
+              type == 'transaction' ? Icons.receipt_long : Icons.history,
+              size: 40,
+              color: Colors.grey[400],
+            ),
+          ),
+          SizedBox(height: 16),
+          Text(
+            'Aucun élément dans l\'historique',
+            style: TextStyle(
+              fontSize: 16,
+              color: Colors.grey[600],
+              fontWeight: FontWeight.w500,
+            ),
+          ),
+          SizedBox(height: 8),
+          Text(
+            type == 'transaction'
+                ? 'Vos transactions apparaîtront ici'
+                : 'Vos recharges apparaîtront ici',
+            style: TextStyle(fontSize: 14, color: Colors.grey[500]),
+          ),
+        ],
+      ),
+    );
+  }
+
+  Widget _buildEnhancedTransactionItem(
+    Map<String, dynamic> transaction,
+    int index,
+  ) {
+    final serviceName = transaction['service_name'] ?? 'Service inconnu';
+    final montant = (transaction['montant_total_debite'] ?? 0.0).toDouble();
+    final commission = (transaction['commission_agent'] ?? 0.0).toDouble();
+    final statut = transaction['status'] ?? 'unknown';
+    final date =
+        DateTime.tryParse(transaction['created_at'] ?? '') ?? DateTime.now();
+
+    return TweenAnimationBuilder<double>(
+      duration: Duration(milliseconds: 600 + (index * 100)),
+      tween: Tween(begin: 0.0, end: 1.0),
+      curve: Curves.easeOutBack,
+      builder: (context, animation, child) {
+        final clampedAnimation = animation.clamp(0.0, 1.0);
+
+        return Transform.translate(
+          offset: Offset(30 * (1 - clampedAnimation), 0),
+          child: Opacity(
+            opacity: clampedAnimation,
+            child: Container(
+              margin: const EdgeInsets.only(bottom: 12),
+              padding: const EdgeInsets.all(16),
+              decoration: BoxDecoration(
+                color: AppColors.surface,
+                borderRadius: BorderRadius.circular(16),
+                border: Border.all(
+                  color: _getStatusColor(statut).withOpacity(0.2),
+                  width: 1,
+                ),
+                boxShadow: [
+                  BoxShadow(
+                    color: _getStatusColor(statut).withOpacity(0.1),
+                    blurRadius: 10,
+                    offset: Offset(0, 4),
+                  ),
+                ],
+              ),
+              child: Row(
+                children: [
+                  Container(
+                    width: 50,
+                    height: 50,
+                    decoration: BoxDecoration(
+                      gradient: LinearGradient(
+                        colors: [
+                          _getStatusColor(statut),
+                          _getStatusColor(statut).withOpacity(0.7),
+                        ],
+                      ),
+                      borderRadius: BorderRadius.circular(15),
+                      boxShadow: [
+                        BoxShadow(
+                          color: _getStatusColor(statut).withOpacity(0.3),
+                          blurRadius: 8,
+                          offset: Offset(0, 4),
+                        ),
+                      ],
+                    ),
+                    child: Icon(
+                      _getServiceIcon(serviceName),
+                      color: Colors.white,
+                      size: 24,
+                    ),
+                  ),
+                  const SizedBox(width: 16),
+                  Expanded(
+                    child: Column(
+                      crossAxisAlignment: CrossAxisAlignment.start,
+                      children: [
+                        Text(
+                          serviceName,
+                          style: const TextStyle(
+                            fontSize: 16,
+                            fontWeight: FontWeight.w600,
+                            color: Colors.black87,
+                          ),
+                          maxLines: 1,
+                          overflow: TextOverflow.ellipsis,
+                        ),
+                        SizedBox(height: 4),
+                        Row(
+                          children: [
+                            Text(
+                              '${montant.toStringAsFixed(0)} XAF',
+                              style: TextStyle(
+                                fontSize: 14,
+                                color: Colors.grey[700],
+                                fontWeight: FontWeight.w500,
+                              ),
+                            ),
+                            Text(
+                              ' • ',
+                              style: TextStyle(color: Colors.grey[500]),
+                            ),
+                            Text(
+                              'Commission: ${commission.toStringAsFixed(0)} XAF',
+                              style: TextStyle(
+                                fontSize: 12,
+                                color: AppColors.success,
+                                fontWeight: FontWeight.w500,
+                              ),
+                            ),
+                          ],
+                        ),
+                        SizedBox(height: 4),
+                        Text(
+                          _formatDate(date),
+                          style: TextStyle(
+                            fontSize: 12,
+                            color: Colors.grey[500],
+                          ),
+                        ),
+                      ],
+                    ),
+                  ),
+                  Container(
+                    padding: const EdgeInsets.symmetric(
+                      horizontal: 10,
+                      vertical: 6,
+                    ),
+                    decoration: BoxDecoration(
+                      color: _getStatusColor(statut).withOpacity(0.1),
+                      borderRadius: BorderRadius.circular(12),
+                      border: Border.all(
+                        color: _getStatusColor(statut).withOpacity(0.3),
+                      ),
+                    ),
+                    child: Text(
+                      _getStatusText(statut),
+                      style: TextStyle(
+                        fontSize: 11,
+                        color: _getStatusColor(statut),
+                        fontWeight: FontWeight.w600,
+                      ),
+                    ),
+                  ),
+                ],
+              ),
+            ),
+          ),
+        );
+      },
+    );
+  }
+
+  Widget _buildEnhancedRechargeHistoryItem(
+    Map<String, dynamic> recharge,
+    int index,
+  ) {
+    final montant = double.tryParse(recharge['montant'].toString()) ?? 0.0;
+    final status = recharge['status'] ?? '';
+    final date =
+        DateTime.tryParse(recharge['created_at'] ?? '') ?? DateTime.now();
+
+    return TweenAnimationBuilder<double>(
+      duration: Duration(milliseconds: 600 + (index * 100)),
+      tween: Tween(begin: 0.0, end: 1.0),
+      curve: Curves.easeOutBack,
+      builder: (context, animation, child) {
+        final clampedAnimation = animation.clamp(0.0, 1.0);
+
+        return Transform.translate(
+          offset: Offset(30 * (1 - clampedAnimation), 0),
+          child: Opacity(
+            opacity: clampedAnimation,
+            child: Container(
+              margin: const EdgeInsets.only(bottom: 12),
+              padding: const EdgeInsets.all(16),
+              decoration: BoxDecoration(
+                color: AppColors.surface,
+                borderRadius: BorderRadius.circular(16),
+                border: Border.all(
+                  color: _getStatusColor(status).withOpacity(0.2),
+                  width: 1,
+                ),
+                boxShadow: [
+                  BoxShadow(
+                    color: _getStatusColor(status).withOpacity(0.1),
+                    blurRadius: 10,
+                    offset: Offset(0, 4),
+                  ),
+                ],
+              ),
+              child: Row(
+                children: [
+                  Container(
+                    width: 50,
+                    height: 50,
+                    decoration: BoxDecoration(
+                      gradient: LinearGradient(
+                        colors: [
+                          _getStatusColor(status),
+                          _getStatusColor(status).withOpacity(0.7),
+                        ],
+                      ),
+                      borderRadius: BorderRadius.circular(15),
+                      boxShadow: [
+                        BoxShadow(
+                          color: _getStatusColor(status).withOpacity(0.3),
+                          blurRadius: 8,
+                          offset: Offset(0, 4),
+                        ),
+                      ],
+                    ),
+                    child: Icon(
+                      Icons.add_circle,
+                      color: Colors.white,
+                      size: 24,
+                    ),
+                  ),
+                  const SizedBox(width: 16),
+                  Expanded(
+                    child: Column(
+                      crossAxisAlignment: CrossAxisAlignment.start,
+                      children: [
+                        Text(
+                          'Recharge de ${montant.toStringAsFixed(0)} XAF',
+                          style: const TextStyle(
+                            fontSize: 16,
+                            fontWeight: FontWeight.w600,
+                            color: Colors.black87,
+                          ),
+                        ),
+                        SizedBox(height: 8),
+                        Text(
+                          _formatDate(date),
+                          style: TextStyle(
+                            fontSize: 12,
+                            color: Colors.grey[500],
+                          ),
+                        ),
+                      ],
+                    ),
+                  ),
+                  Container(
+                    padding: const EdgeInsets.symmetric(
+                      horizontal: 10,
+                      vertical: 6,
+                    ),
+                    decoration: BoxDecoration(
+                      color: _getStatusColor(status).withOpacity(0.1),
+                      borderRadius: BorderRadius.circular(12),
+                      border: Border.all(
+                        color: _getStatusColor(status).withOpacity(0.3),
+                      ),
+                    ),
+                    child: Text(
+                      _getStatusText(status),
+                      style: TextStyle(
+                        fontSize: 11,
+                        color: _getStatusColor(status),
+                        fontWeight: FontWeight.w600,
+                      ),
+                    ),
+                  ),
+                ],
+              ),
+            ),
+          ),
+        );
+      },
+    );
+  }
+
+  // ============= UTILITAIRES =============
+  IconData _getServiceIcon(String serviceName) {
+    if (serviceName.toLowerCase().contains('internet')) {
+      return Icons.wifi;
+    } else if (serviceName.toLowerCase().contains('électricité') ||
+        serviceName.toLowerCase().contains('pelisa')) {
+      return Icons.electrical_services;
+    } else if (serviceName.toLowerCase().contains('eau')) {
+      return Icons.water_drop;
+    } else {
+      return Icons.receipt_long;
+    }
+  }
+
+  String _getStatusText(String status) {
+    switch (status.toLowerCase()) {
+      case 'completed':
+        return 'Terminé';
+      case 'approved':
+        return 'Approuvé';
+      case 'pending':
+        return 'En attente';
+      case 'rejected':
+        return 'Rejeté';
+      case 'cancelled':
+        return 'Annulé';
+      default:
+        return status.toUpperCase();
+    }
+  }
+
+  Color _getStatusColor(String status) {
+    switch (status.toLowerCase()) {
+      case 'completed':
+      case 'approved':
+        return AppColors.success;
+      case 'pending':
+        return Colors.orange;
+      case 'rejected':
+      case 'cancelled':
+        return Colors.red;
+      default:
+        return Colors.grey;
+    }
+  }
+
+  String _formatDate(DateTime date) {
+    return '${date.day.toString().padLeft(2, '0')}/${date.month.toString().padLeft(2, '0')}/${date.year} à ${date.hour.toString().padLeft(2, '0')}:${date.minute.toString().padLeft(2, '0')}';
+  }
+
+  Future<void> _demandeRecharge(
+    String? userId,
+    String pin,
+    String montant,
+    BuildContext context,
+  ) async {
+    if (userId == null) {
+      _showErrorSnackBar(context, 'Erreur: Utilisateur non connecté');
+      return;
+    }
+
+    try {
+      print(
+        'Envoi demande recharge - URL: $apiBaseUrl/recharge/create/agent/$userId',
+      );
+      print(
+        'Montant: $montant, PIN: ${pin.isNotEmpty ? "****(${pin.length} chars)" : "vide"}',
+      );
+
+      final response = await http.post(
+        Uri.parse('$apiBaseUrl/recharge/create/agent/$userId'),
+        headers: {
+          'Content-Type': 'application/json',
+          'Accept': 'application/json',
+        },
+        body: jsonEncode({'pin': pin, 'montant': montant}),
+      );
+
+      print('Réponse recharge - Status: ${response.statusCode}');
+      print('Réponse recharge - Body: ${response.body}');
+
+      if (response.statusCode == 201 || response.statusCode == 200) {
+        final data = jsonDecode(response.body);
+        if (data['success'] == true || data.containsKey('recharge')) {
+          _showSuccessDialog(
+            context,
+            'Demande de recharge envoyée avec succès',
+          );
+        } else {
+          _showErrorSnackBar(
+            context,
+            data['message'] ?? 'Erreur lors de la demande',
+          );
+        }
+      } else {
+        final responseBody = jsonDecode(response.body);
+        final errorMessage = responseBody['message'] ?? 'Erreur inconnue';
+
+        if (errorMessage.toLowerCase().contains('pin') ||
+            errorMessage.toLowerCase().contains('code') ||
+            response.statusCode == 401) {
+          _showErrorSnackBar(context, 'PIN incorrect, veuillez réessayer');
+        } else if (response.statusCode == 404) {
+          _showErrorSnackBar(
+            context,
+            'Service non disponible, contactez le support',
+          );
+        } else {
+          _showErrorSnackBar(
+            context,
+            'Erreur (${response.statusCode}): $errorMessage',
+          );
+        }
+      }
+    } on http.ClientException catch (e) {
+      print('Erreur réseau: $e');
+      _showErrorSnackBar(context, 'Erreur de connexion réseau');
+    } on FormatException catch (e) {
+      print('Erreur format JSON: $e');
+      _showErrorSnackBar(context, 'Erreur de format de réponse');
+    } catch (e) {
+      print('Erreur générale: $e');
+      _showErrorSnackBar(context, 'Une erreur inattendue s\'est produite');
+    }
+  }
+
+  void _showSupportDialog(BuildContext context) {
+    showDialog(
+      context: context,
+      builder:
+          (context) => AlertDialog(
+            shape: RoundedRectangleBorder(
+              borderRadius: BorderRadius.circular(20),
+            ),
+            title: Row(
+              children: [
+                Container(
+                  padding: EdgeInsets.all(8),
+                  decoration: BoxDecoration(
+                    color: AppColors.purple.withOpacity(0.1),
+                    borderRadius: BorderRadius.circular(10),
+                  ),
+                  child: Icon(Icons.headset_mic, color: AppColors.purple),
+                ),
+                SizedBox(width: 12),
+                Text('Support Technique'),
+              ],
+            ),
+            content: Column(
+              mainAxisSize: MainAxisSize.min,
+              crossAxisAlignment: CrossAxisAlignment.start,
+              children: [
+                Text(
+                  'Besoin d\'aide ? Contactez notre équipe de support :',
+                  style: TextStyle(fontSize: 14, color: Colors.grey[600]),
+                ),
+                SizedBox(height: 16),
+                _buildSupportOption(
+                  Icons.phone,
+                  'Téléphone',
+                  '50 05',
+                  AppColors.success,
+                ),
+                SizedBox(height: 12),
+                _buildSupportOption(
+                  Icons.email,
+                  'Email',
+                  'support@wortis.cg',
+                  AppColors.primary,
+                ),
+                SizedBox(height: 12),
+                _buildSupportOption(
+                  Icons.chat,
+                  'WhatsApp',
+                  '+242 06 755 0505',
+                  Colors.green,
+                ),
+              ],
+            ),
+            actions: [
+              TextButton(
+                onPressed: () => Navigator.pop(context),
+                child: Text('Fermer'),
+              ),
+            ],
+          ),
+    );
+  }
+
+  Widget _buildSupportOption(
+    IconData icon,
+    String title,
+    String value,
+    Color color,
+  ) {
+    return Container(
+      padding: EdgeInsets.all(12),
+      decoration: BoxDecoration(
+        color: color.withOpacity(0.05),
+        borderRadius: BorderRadius.circular(12),
+        border: Border.all(color: color.withOpacity(0.2)),
+      ),
+      child: Row(
+        children: [
+          Icon(icon, color: color, size: 20),
+          SizedBox(width: 12),
+          Column(
+            crossAxisAlignment: CrossAxisAlignment.start,
+            children: [
+              Text(
+                title,
+                style: TextStyle(
+                  fontWeight: FontWeight.w600,
+                  fontSize: 12,
+                  color: Colors.grey[700],
+                ),
+              ),
+              Text(
+                value,
+                style: TextStyle(
+                  fontSize: 14,
+                  color: color,
+                  fontWeight: FontWeight.w500,
+                ),
+              ),
+            ],
+          ),
+        ],
+      ),
+    );
+  }
+
+  void _showSuccessDialog(BuildContext context, String message) {
+    if (!context.mounted) return;
+
+    showDialog(
+      context: context,
+      barrierDismissible: true,
+      builder:
+          (context) => Dialog(
+            shape: RoundedRectangleBorder(
+              borderRadius: BorderRadius.circular(20),
+            ),
+            child: Container(
+              padding: EdgeInsets.all(24),
+              decoration: BoxDecoration(
+                borderRadius: BorderRadius.circular(20),
+                gradient: LinearGradient(
+                  begin: Alignment.topLeft,
+                  end: Alignment.bottomRight,
+                  colors: [
+                    AppColors.success.withOpacity(0.1),
+                    Colors.green[50]!,
+                  ],
+                ),
+              ),
+              child: Column(
+                mainAxisSize: MainAxisSize.min,
+                children: [
+                  Container(
+                    width: 60,
+                    height: 60,
+                    decoration: BoxDecoration(
+                      color: AppColors.success,
+                      borderRadius: BorderRadius.circular(30),
+                      boxShadow: [
+                        BoxShadow(
+                          color: AppColors.success.withOpacity(0.3),
+                          blurRadius: 15,
+                          offset: Offset(0, 5),
+                        ),
+                      ],
+                    ),
+                    child: Icon(Icons.check, color: Colors.white, size: 32),
+                  ),
+                  SizedBox(height: 16),
+                  Text(
+                    'Succès !',
+                    style: TextStyle(
+                      fontSize: 20,
+                      fontWeight: FontWeight.bold,
+                      color: AppColors.success,
+                    ),
+                  ),
+                  SizedBox(height: 8),
+                  Text(
+                    message,
+                    textAlign: TextAlign.center,
+                    style: TextStyle(fontSize: 16, color: Colors.grey[700]),
+                  ),
+                  SizedBox(height: 20),
+                  SizedBox(
+                    width: double.infinity,
+                    child: ElevatedButton(
+                      onPressed: () => Navigator.of(context).pop(),
+                      style: ElevatedButton.styleFrom(
+                        backgroundColor: AppColors.success,
+                        foregroundColor: Colors.white,
+                        shape: RoundedRectangleBorder(
+                          borderRadius: BorderRadius.circular(12),
+                        ),
+                        padding: EdgeInsets.symmetric(vertical: 12),
+                      ),
+                      child: Text(
+                        'Parfait !',
+                        style: TextStyle(
+                          fontSize: 16,
+                          fontWeight: FontWeight.w600,
+                        ),
+                      ),
+                    ),
+                  ),
+                ],
+              ),
+            ),
+          ),
+    );
+  }
+
+  void _showErrorSnackBar(BuildContext context, String message) {
+    ScaffoldMessenger.of(context).showSnackBar(
+      SnackBar(
+        content: Row(
+          children: [
+            const Icon(Icons.error, color: Colors.white),
+            const SizedBox(width: 8),
+            Expanded(child: Text(message)),
+          ],
+        ),
+        backgroundColor: Colors.red,
+        behavior: SnackBarBehavior.floating,
+        shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(10)),
+      ),
+    );
+  }
+
+  void _logout(BuildContext context) async {
+    showDialog(
+      context: context,
+      builder: (BuildContext context) {
+        return AlertDialog(
+          shape: RoundedRectangleBorder(
+            borderRadius: BorderRadius.circular(20),
+          ),
+          title: Row(
+            children: [
+              Container(
+                padding: EdgeInsets.all(8),
+                decoration: BoxDecoration(
+                  color: Colors.red.withOpacity(0.1),
+                  borderRadius: BorderRadius.circular(10),
+                ),
+                child: Icon(Icons.logout, color: Colors.red),
+              ),
+              SizedBox(width: 12),
+              Text('Déconnexion'),
+            ],
+          ),
+          content: Text(
+            'Êtes-vous sûr de vouloir vous déconnecter de votre compte agent ?',
+            style: TextStyle(fontSize: 16),
+          ),
+          actions: [
+            TextButton(
+              onPressed: () => Navigator.of(context).pop(),
+              child: Text('Annuler'),
+            ),
+            ElevatedButton(
+              onPressed: () async {
+                Navigator.of(context).pop();
+                final authController = Provider.of<AuthController>(
+                  context,
+                  listen: false,
+                );
+                await authController.logout();
+                if (context.mounted) {
+                  Navigator.of(context).pushAndRemoveUntil(
+                    MaterialPageRoute(builder: (context) => const LoginPage()),
+                    (route) => false,
+                  );
+                }
+              },
+              style: ElevatedButton.styleFrom(
+                backgroundColor: Colors.red,
+                foregroundColor: Colors.white,
+                shape: RoundedRectangleBorder(
+                  borderRadius: BorderRadius.circular(10),
+                ),
+              ),
+              child: Text('Déconnexion'),
+            ),
+          ],
+        );
+      },
+    );
+  }
+
+  // ============= SECTION PARAMÈTRES =============
+  Widget _buildSettingsSection(
+    bool isSmallScreen,
+    bool isMediumScreen,
+    bool isTablet,
+  ) {
+    return Column(
+      crossAxisAlignment: CrossAxisAlignment.start,
+      children: [
+        Padding(
+          padding: EdgeInsets.only(left: 4, bottom: isSmallScreen ? 12 : 16),
+          child: Text(
+            'Paramètres Kiosque',
+            style: TextStyle(
+              fontSize: isSmallScreen ? 18 : (isMediumScreen ? 19 : 20),
+              fontWeight: FontWeight.bold,
+              color: Colors.black87,
+            ),
+          ),
+        ),
+
+        Container(
+          padding: EdgeInsets.all(isSmallScreen ? 16 : 20),
+          decoration: BoxDecoration(
+            color: AppColors.surface,
+            borderRadius: BorderRadius.circular(isSmallScreen ? 16 : 20),
+            border: Border.all(
+              color: AppColors.primary.withOpacity(0.1),
+              width: 1,
+            ),
+            boxShadow: [
+              BoxShadow(
+                color: Colors.black.withOpacity(0.05),
+                blurRadius: isSmallScreen ? 10 : 15,
+                offset: Offset(0, isSmallScreen ? 3 : 5),
+              ),
+            ],
+          ),
+          child: Column(
+            children: [
+              _buildSettingTile(
+                icon: Icon(Icons.wifi_find, size: 24.0, color: Colors.blue),
+                title: 'Paramètres WiFi',
+                subtitle: 'Changer de réseau WiFi',
+                color: Colors.blue,
+                onTap: () => _openWifiSettings(),
+                isSmallScreen: isSmallScreen,
+              ),
+
+              SizedBox(height: isSmallScreen ? 12 : 16),
+              Divider(color: Colors.grey[200], height: 1),
+              SizedBox(height: isSmallScreen ? 12 : 16),
+
+              _buildSettingTile(
+                icon: Icon(
+                  Icons.brightness_6,
+                  size: 24.0,
+                  color: Colors.orange,
+                ),
+                title: 'Luminosité',
+                subtitle: 'Ajuster la luminosité de l\'écran',
+                color: Colors.orange,
+                onTap: () => _showBrightnessDialog(context),
+                isSmallScreen: isSmallScreen,
+              ),
+
+              SizedBox(height: isSmallScreen ? 12 : 16),
+              Divider(color: Colors.grey[200], height: 1),
+              SizedBox(height: isSmallScreen ? 12 : 16),
+
+              _buildSettingTile(
+                icon: FaIcon(
+                  FontAwesomeIcons.whatsapp,
+                  size: 24.0,
+                  color: Colors.green,
+                ),
+                title: 'Ouvrir WhatsApp',
+                subtitle: 'Ouvrir l\'application WhatsApp',
+                color: Colors.green,
+                onTap: () => _openWhatsApp(),
+                isSmallScreen: isSmallScreen,
+              ),
+            ],
+          ),
+        ),
+      ],
+    );
+  }
+
+  Widget _buildSettingTile({
+    required Widget icon,
+    required String title,
+    required String subtitle,
+    required Color color,
+    required VoidCallback onTap,
+    required bool isSmallScreen,
+  }) {
+    return GestureDetector(
+      onTap: onTap,
+      child: Container(
+        padding: EdgeInsets.all(isSmallScreen ? 12 : 16),
+        decoration: BoxDecoration(
+          color: color.withOpacity(0.05),
+          borderRadius: BorderRadius.circular(12),
+          border: Border.all(color: color.withOpacity(0.2), width: 1),
+        ),
+        child: Row(
+          children: [
+            Container(
+              width: isSmallScreen ? 40 : 48,
+              height: isSmallScreen ? 40 : 48,
+              decoration: BoxDecoration(
+                color: color.withOpacity(0.1),
+                borderRadius: BorderRadius.circular(12),
+                border: Border.all(color: color.withOpacity(0.3), width: 1),
+              ),
+              child: Center(child: icon),
+            ),
+            SizedBox(width: isSmallScreen ? 12 : 16),
+            Expanded(
+              child: Column(
+                crossAxisAlignment: CrossAxisAlignment.start,
+                children: [
+                  Text(
+                    title,
+                    style: TextStyle(
+                      fontSize: isSmallScreen ? 14 : 16,
+                      fontWeight: FontWeight.w600,
+                      color: Colors.black87,
+                    ),
+                  ),
+                  SizedBox(height: 2),
+                  Text(
+                    subtitle,
+                    style: TextStyle(
+                      fontSize: isSmallScreen ? 11 : 13,
+                      color: Colors.grey[600],
+                    ),
+                  ),
+                ],
+              ),
+            ),
+            Icon(
+              Icons.arrow_forward_ios,
+              color: color,
+              size: isSmallScreen ? 14 : 16,
+            ),
+          ],
+        ),
+      ),
+    );
+  }
+
+  // ============= MÉTHODES D'ACTION =============
+  void _openWifiSettings() async {
+    try {
+      const platform = MethodChannel('com.wortis.agent/settings');
+
+      await platform.invokeMethod('exitKioskMode');
+      await platform.invokeMethod('openWifiSettings');
+
+      Future.delayed(Duration(seconds: 2), () async {
+        try {
+          await platform.invokeMethod('enableKioskMode');
+        } catch (e) {
+          print('Erreur réactivation kiosque: $e');
+        }
+      });
+    } catch (e) {
+      print('Erreur ouverture WiFi: $e');
+      _showErrorSnackBar(context, 'Impossible d\'ouvrir les paramètres WiFi');
+    }
+  }
+
+  void _showBrightnessDialog(BuildContext context) async {
+    double currentBrightness = 0.5;
+
+    try {
+      const platform = MethodChannel('com.wortis.agent/settings');
+      final brightness = await platform.invokeMethod('getSystemBrightness');
+      currentBrightness = (brightness as double).clamp(0.0, 1.0);
+    } catch (e) {
+      print('Erreur récupération luminosité: $e');
+    }
+
+    if (!mounted) return;
+
+    showDialog(
+      context: context,
+      builder:
+          (context) => StatefulBuilder(
+            builder:
+                (context, setState) => AlertDialog(
+                  shape: RoundedRectangleBorder(
+                    borderRadius: BorderRadius.circular(16),
+                  ),
+                  title: Row(
+                    children: [
+                      Container(
+                        padding: EdgeInsets.all(8),
+                        decoration: BoxDecoration(
+                          color: Colors.orange.withOpacity(0.1),
+                          borderRadius: BorderRadius.circular(8),
+                        ),
+                        child: Icon(Icons.brightness_6, color: Colors.orange),
+                      ),
+                      SizedBox(width: 12),
+                      Text('Réglage Luminosité'),
+                    ],
+                  ),
+                  content: Column(
+                    mainAxisSize: MainAxisSize.min,
+                    children: [
+                      Text(
+                        'Ajustez la luminosité de l\'écran',
+                        style: TextStyle(color: Colors.grey[600]),
+                      ),
+                      SizedBox(height: 20),
+                      Row(
+                        children: [
+                          Icon(Icons.brightness_low, color: Colors.grey),
+                          Expanded(
+                            child: Slider(
+                              value: currentBrightness,
+                              onChanged: (value) {
+                                setState(() {
+                                  currentBrightness = value;
+                                });
+                                _setBrightness(value);
+                              },
+                              activeColor: Colors.orange,
+                              inactiveColor: Colors.orange.withOpacity(0.3),
+                            ),
+                          ),
+                          Icon(Icons.brightness_high, color: Colors.orange),
+                        ],
+                      ),
+                      SizedBox(height: 8),
+                      Text(
+                        '${(currentBrightness * 100).round()}%',
+                        style: TextStyle(
+                          fontSize: 16,
+                          fontWeight: FontWeight.bold,
+                          color: Colors.orange,
+                        ),
+                      ),
+                    ],
+                  ),
+                  actions: [
+                    TextButton(
+                      onPressed: () => Navigator.pop(context),
+                      child: Text('Fermer'),
+                    ),
+                  ],
+                ),
+          ),
+    );
+  }
+
+  void _setBrightness(double brightness) async {
+    try {
+      const platform = MethodChannel('com.wortis.agent/settings');
+      await platform.invokeMethod('setBrightness', {'brightness': brightness});
+    } catch (e) {
+      print('Erreur réglage luminosité: $e');
+      if (mounted) {
+        _showErrorSnackBar(context, 'Réglage de luminosité non disponible');
+      }
+    }
+  }
+
+  void _openWhatsApp() async {
+    try {
+      const platform = MethodChannel('com.wortis.agent/settings');
+
+      await platform.invokeMethod('exitKioskMode');
+      await platform.invokeMethod('openWhatsApp');
+    } catch (e) {
+      print('Erreur ouverture WhatsApp: $e');
+
+      try {
+        const platform = MethodChannel('com.wortis.agent/settings');
+        await platform.invokeMethod('enableKioskMode');
+      } catch (e2) {
+        print('Erreur réactivation kiosque: $e2');
+      }
+
+      if (mounted) {
+        _showErrorSnackBar(
+          context,
+          'WhatsApp non disponible ou erreur d\'ouverture',
+        );
+      }
+    }
+  }
+}
diff --git a/lib/pages/profile.dart b/lib/pages/profile.dart
new file mode 100644
index 0000000..6864f73
--- /dev/null
+++ b/lib/pages/profile.dart
@@ -0,0 +1 @@
+// TODO Implement this library.
diff --git a/lib/pages/rechargeur_dashboard.dart b/lib/pages/rechargeur_dashboard.dart
new file mode 100644
index 0000000..5d5f42a
--- /dev/null
+++ b/lib/pages/rechargeur_dashboard.dart
@@ -0,0 +1,2240 @@
+// ===== lib/pages/rechargeur_dashboard.dart =====
+import 'dart:convert';
+import 'package:flutter/material.dart';
+import 'package:http/http.dart' as http;
+import 'package:provider/provider.dart';
+import '../main.dart';
+import '../widgets/wortis_logo.dart';
+import 'login.dart';
+
+// ===== CONFIGURATION API =====
+const String baseUrl = 'https://api.live.wortis.cg/tpe';
+const String apiBaseUrl = '$baseUrl/api';
+const Map<String, String> apiHeaders = {
+  'Content-Type': 'application/json',
+  'Accept': 'application/json',
+};
+
+// ===== COULEURS GLOBALES =====
+class RechargeurColors {
+  static const Color primary = Color(0xFF38A169);
+  static const Color secondary = Color(0xFF006699);
+  static const Color accent = Color(0xFFFF6B35);
+  static const Color background = Color(0xFFF8FAFC);
+  static const Color surface = Colors.white;
+  static const Color warning = Color(0xFFF59E0B);
+  static const Color success = Color(0xFF38A169);
+  static const Color error = Colors.red;
+}
+
+// ===== RECHARGEUR DASHBOARD =====
+class RechargeurDashboard extends StatefulWidget {
+  const RechargeurDashboard({super.key});
+
+  @override
+  State<RechargeurDashboard> createState() => _RechargeurDashboardState();
+}
+
+class _RechargeurDashboardState extends State<RechargeurDashboard>
+    with SingleTickerProviderStateMixin {
+  late AnimationController _animationController;
+  late Animation<double> _fadeAnimation;
+
+  bool _isLoading = false;
+  List<Map<String, dynamic>> _pendingRecharges = [];
+  Map<String, dynamic> _rechargeStats = {};
+
+  @override
+  void initState() {
+    super.initState();
+    _setupAnimations();
+    _loadPendingRecharges();
+    _loadRechargeStats(); // Ajoutez cette ligne
+  }
+
+  @override
+  void dispose() {
+    _animationController.dispose();
+    super.dispose();
+  }
+
+  void _setupAnimations() {
+    _animationController = AnimationController(
+      duration: const Duration(milliseconds: 1000),
+      vsync: this,
+    );
+
+    _fadeAnimation = Tween<double>(begin: 0.0, end: 1.0).animate(
+      CurvedAnimation(parent: _animationController, curve: Curves.easeOut),
+    );
+
+    _animationController.forward();
+  }
+
+  // ===== MÉTHODES API =====
+
+  Future<bool> _approveRechargeApi(
+    String rechargeId,
+    String agentId,
+    String pin,
+  ) async {
+    try {
+      final response = await http.put(
+        Uri.parse('$baseUrl/recharge/approve/$rechargeId/agent/$agentId'),
+        headers: apiHeaders,
+        body: jsonEncode({
+          'status': 'approved',
+          'approved_by':
+              Provider.of<AuthController>(context, listen: false).agentId,
+          'approved_at': DateTime.now().toIso8601String(),
+          'pin': pin,
+        }),
+      );
+
+      if (response.statusCode == 200) {
+        final data = jsonDecode(response.body);
+        return data['success'] ?? false;
+      }
+      return false;
+    } catch (e) {
+      print('❌ Erreur approbation recharge: $e');
+      return false;
+    }
+  }
+
+  Future<bool> _rejectRechargeApi(
+    String rechargeId,
+    String agentId,
+    String pin, {
+    String? reason,
+  }) async {
+    try {
+      final response = await http.put(
+        Uri.parse('$baseUrl/recharge/reject/$rechargeId/agent/$agentId'),
+        headers: apiHeaders,
+        body: jsonEncode({
+          'status': 'rejected',
+          'rejected_by':
+              Provider.of<AuthController>(context, listen: false).agentId,
+          'rejected_at': DateTime.now().toIso8601String(),
+          'rejection_reason': reason ?? 'Demande rejetée par le rechargeur',
+          'pin': pin,
+        }),
+      );
+
+      if (response.statusCode == 200) {
+        final data = jsonDecode(response.body);
+        return data['success'] ?? false;
+      }
+      return false;
+    } catch (e) {
+      print('❌ Erreur rejet recharge: $e');
+      return false;
+    }
+  }
+
+  Future<Map<String, dynamic>> _processRechargeApi(
+    String agentId,
+    double amount,
+    String pin,
+  ) async {
+    try {
+      final response = await http.post(
+        Uri.parse('$baseUrl/recharge/process'),
+        headers: apiHeaders,
+        body: jsonEncode({
+          'agent_id': agentId,
+          'montant': amount,
+          'rechargeur_id':
+              Provider.of<AuthController>(context, listen: false).agentId,
+          'processed_at': DateTime.now().toIso8601String(),
+          'pin': pin,
+        }),
+      );
+
+      final data = jsonDecode(response.body);
+
+      return {
+        'success':
+            response.statusCode == 200 ? (data['success'] ?? false) : false,
+        'message': data['message'] ?? '',
+        'transaction_id': data['transaction_id'],
+        'new_balance': data['new_balance'],
+        'error_code': response.statusCode != 200 ? response.statusCode : null,
+      };
+    } catch (e) {
+      print('❌ Erreur traitement recharge: $e');
+      return {'success': false, 'message': 'Erreur de connexion: $e'};
+    }
+  }
+
+  Future<void> _loadPendingRecharges() async {
+    setState(() {
+      _isLoading = true;
+    });
+
+    try {
+      final recharges = await RechargeApiService.getAllRecharges();
+      setState(() {
+        _pendingRecharges =
+            recharges.where((r) => r['status'] == 'pending').toList();
+        _isLoading = false;
+      });
+    } catch (e) {
+      setState(() {
+        _isLoading = false;
+      });
+      _showSnackBar(
+        'Erreur lors du chargement des recharges',
+        RechargeurColors.error,
+      );
+    }
+  }
+
+  Future<void> _loadRechargeStats() async {
+    try {
+      final authController = Provider.of<AuthController>(
+        context,
+        listen: false,
+      );
+      final stats = await RechargeApiService.getRechargeStats(
+        rechargeurId: authController.agentId,
+        startDate: DateTime.now().subtract(const Duration(days: 30)),
+        endDate: DateTime.now(),
+      );
+      print('**************************************$stats');
+      if (stats['success'] == true) {
+        setState(() {
+          _rechargeStats = stats['stats'] ?? {};
+        });
+      }
+    } catch (e) {
+      print('❌ Erreur chargement statistiques: $e');
+    }
+  }
+
+  // ===== MÉTHODES UI =====
+  void _logout() async {
+    final result = await showDialog<bool>(
+      context: context,
+      builder: (BuildContext context) {
+        return AlertDialog(
+          shape: RoundedRectangleBorder(
+            borderRadius: BorderRadius.circular(16),
+          ),
+          title: const Row(
+            children: [
+              Icon(Icons.logout, color: RechargeurColors.accent),
+              SizedBox(width: 12),
+              Text('Déconnexion'),
+            ],
+          ),
+          content: const Text('Êtes-vous sûr de vouloir vous déconnecter ?'),
+          actions: [
+            TextButton(
+              onPressed: () => Navigator.of(context).pop(false),
+              child: const Text('Annuler'),
+            ),
+            ElevatedButton(
+              onPressed: () => Navigator.of(context).pop(true),
+              style: ElevatedButton.styleFrom(
+                backgroundColor: RechargeurColors.accent,
+                foregroundColor: Colors.white,
+              ),
+              child: const Text('Déconnexion'),
+            ),
+          ],
+        );
+      },
+    );
+
+    if (result == true) {
+      final authController = Provider.of<AuthController>(
+        context,
+        listen: false,
+      );
+      await authController.logout();
+      if (mounted) {
+        Navigator.of(context).pushAndRemoveUntil(
+          MaterialPageRoute(builder: (context) => const LoginPage()),
+          (route) => false,
+        );
+      }
+    }
+  }
+
+  void _showSnackBar(String message, Color color) {
+    ScaffoldMessenger.of(context).showSnackBar(
+      SnackBar(
+        content: Text(message),
+        backgroundColor: color,
+        behavior: SnackBarBehavior.floating,
+        shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(8)),
+      ),
+    );
+  }
+
+  void _showRechargeDialog({
+    String? initialAgentId,
+    String? initialAmount,
+    String? errorMessage,
+  }) {
+    final agentIdController = TextEditingController(text: initialAgentId ?? '');
+    final amountController = TextEditingController(text: initialAmount ?? '');
+    final pinController = TextEditingController();
+
+    showDialog(
+      context: context,
+      builder:
+          (context) => Dialog(
+            shape: RoundedRectangleBorder(
+              borderRadius: BorderRadius.circular(16),
+            ),
+            child: LayoutBuilder(
+              builder: (context, constraints) {
+                final maxWidth =
+                    constraints.maxWidth > 400 ? 400.0 : constraints.maxWidth;
+                return SingleChildScrollView(
+                  padding: const EdgeInsets.all(24),
+                  child: ConstrainedBox(
+                    constraints: BoxConstraints(maxWidth: maxWidth),
+                    child: Column(
+                      mainAxisSize: MainAxisSize.min,
+                      crossAxisAlignment: CrossAxisAlignment.start,
+                      children: [
+                        Row(
+                          children: const [
+                            Icon(
+                              Icons.add_circle,
+                              color: RechargeurColors.primary,
+                            ),
+                            SizedBox(width: 8),
+                            Text(
+                              'Recharger un agent',
+                              style: TextStyle(
+                                fontSize: 18,
+                                fontWeight: FontWeight.bold,
+                              ),
+                            ),
+                          ],
+                        ),
+                        const SizedBox(height: 24),
+
+                        if (errorMessage != null) ...[
+                          Container(
+                            padding: const EdgeInsets.all(12),
+                            decoration: BoxDecoration(
+                              color: Colors.red.withOpacity(0.1),
+                              borderRadius: BorderRadius.circular(8),
+                              border: Border.all(
+                                color: Colors.red.withOpacity(0.3),
+                              ),
+                            ),
+                            child: Row(
+                              children: [
+                                const Icon(
+                                  Icons.error_outline,
+                                  color: Colors.red,
+                                  size: 20,
+                                ),
+                                const SizedBox(width: 8),
+                                Expanded(
+                                  child: Text(
+                                    errorMessage,
+                                    style: const TextStyle(
+                                      fontSize: 13,
+                                      color: Colors.red,
+                                      fontWeight: FontWeight.w500,
+                                    ),
+                                  ),
+                                ),
+                              ],
+                            ),
+                          ),
+                          const SizedBox(height: 16),
+                        ],
+
+                        TextField(
+                          controller: agentIdController,
+                          decoration: InputDecoration(
+                            labelText: 'ID Agent',
+                            hintText: 'WRT1234',
+                            border: const OutlineInputBorder(),
+                            prefixIcon: const Icon(
+                              Icons.person,
+                              color: RechargeurColors.primary,
+                            ),
+                            errorText:
+                                errorMessage?.contains('Agent') == true
+                                    ? 'ID Agent invalide'
+                                    : null,
+                          ),
+                        ),
+                        const SizedBox(height: 16),
+
+                        TextField(
+                          controller: amountController,
+                          keyboardType: TextInputType.number,
+                          decoration: InputDecoration(
+                            labelText: 'Montant (FCFA)',
+                            hintText: '50000',
+                            border: const OutlineInputBorder(),
+                            prefixIcon: const Icon(
+                              Icons.monetization_on,
+                              color: RechargeurColors.primary,
+                            ),
+                            errorText:
+                                errorMessage?.contains('Montant') == true
+                                    ? 'Montant invalide'
+                                    : null,
+                          ),
+                        ),
+                        const SizedBox(height: 16),
+
+                        TextField(
+                          controller: pinController,
+                          obscureText: true,
+                          keyboardType: TextInputType.number,
+                          maxLength: 4,
+                          decoration: InputDecoration(
+                            labelText: 'Code PIN',
+                            hintText: '****',
+                            border: const OutlineInputBorder(),
+                            prefixIcon: const Icon(
+                              Icons.lock,
+                              color: RechargeurColors.primary,
+                            ),
+                            counterText: '',
+                            errorText:
+                                errorMessage?.contains('PIN') == true
+                                    ? 'PIN invalide'
+                                    : null,
+                          ),
+                        ),
+                        const SizedBox(height: 16),
+
+                        Container(
+                          padding: const EdgeInsets.all(12),
+                          decoration: BoxDecoration(
+                            color: RechargeurColors.primary.withOpacity(0.1),
+                            borderRadius: BorderRadius.circular(8),
+                          ),
+                          child: Row(
+                            children: [
+                              const Icon(
+                                Icons.info_outline,
+                                color: RechargeurColors.primary,
+                                size: 20,
+                              ),
+                              const SizedBox(width: 8),
+                              Expanded(
+                                child: Text(
+                                  'La recharge sera effectuée immédiatement après validation du PIN',
+                                  style: TextStyle(
+                                    fontSize: 13,
+                                    color: RechargeurColors.primary.withOpacity(
+                                      0.8,
+                                    ),
+                                  ),
+                                ),
+                              ),
+                            ],
+                          ),
+                        ),
+                        const SizedBox(height: 24),
+
+                        Row(
+                          mainAxisAlignment: MainAxisAlignment.end,
+                          children: [
+                            TextButton(
+                              onPressed: () => Navigator.pop(context),
+                              child: const Text('Annuler'),
+                            ),
+                            const SizedBox(width: 8),
+                            ElevatedButton(
+                              onPressed: () {
+                                Navigator.pop(context);
+                                _processRecharge(
+                                  agentIdController.text,
+                                  amountController.text,
+                                  pinController.text,
+                                );
+                              },
+                              style: ElevatedButton.styleFrom(
+                                backgroundColor: RechargeurColors.primary,
+                                foregroundColor: Colors.white,
+                                padding: const EdgeInsets.symmetric(
+                                  horizontal: 24,
+                                  vertical: 12,
+                                ),
+                              ),
+                              child: const Text('Recharger'),
+                            ),
+                          ],
+                        ),
+                      ],
+                    ),
+                  ),
+                );
+              },
+            ),
+          ),
+    );
+  }
+
+  Future<void> _processRecharge(
+    String agentId,
+    String amount,
+    String pin,
+  ) async {
+    String? errorMessage;
+
+    // Validation des champs
+    if (agentId.isEmpty) {
+      errorMessage = 'L\'ID de l\'agent est requis';
+    } else if (amount.isEmpty) {
+      errorMessage = 'Le montant est requis';
+    } else if (pin.isEmpty) {
+      errorMessage = 'Le code PIN est requis';
+    } else if (pin.length != 4) {
+      errorMessage = 'Le PIN doit contenir exactement 4 chiffres';
+    } else if (!RegExp(r'^\d{4}$').hasMatch(pin)) {
+      errorMessage = 'Le PIN ne doit contenir que des chiffres';
+    }
+
+    final numericAmount = double.tryParse(amount);
+    if (errorMessage == null) {
+      if (numericAmount == null || numericAmount <= 0) {
+        errorMessage = 'Le montant doit être un nombre positif';
+      } else if (numericAmount > 10000000) {
+        errorMessage = 'Le montant ne peut pas dépasser 10,000,000 FCFA';
+      } else if (numericAmount < 1) {
+        errorMessage = 'Le montant minimum est de 1 FCFA';
+      }
+    }
+
+    if (!RegExp(r'^[A-Z0-9]{3,10}$').hasMatch(agentId) &&
+        errorMessage == null) {
+      errorMessage =
+          'L\'ID agent doit contenir 3-10 caractères alphanumériques en majuscules';
+    }
+
+    // Si erreur de validation, réouvrir le dialog
+    if (errorMessage != null) {
+      _showRechargeDialog(
+        initialAgentId: agentId,
+        initialAmount: amount,
+        errorMessage: errorMessage,
+      );
+      return;
+    }
+
+    setState(() {
+      _isLoading = true;
+    });
+
+    try {
+      final result = await _processRechargeApi(agentId, numericAmount!, pin);
+
+      if (result['success'] == true) {
+        _showSnackBar(
+          '✅ Recharge de ${numericAmount.toStringAsFixed(0)} XAF effectuée pour $agentId',
+          RechargeurColors.success,
+        );
+        _loadPendingRecharges();
+        _loadRechargeStats();
+      } else {
+        String apiErrorMessage =
+            result['message'] ?? 'Erreur lors de la recharge';
+
+        // Réouvrir le dialog avec l'erreur API
+        _showRechargeDialog(
+          initialAgentId: agentId,
+          initialAmount: amount,
+          errorMessage: apiErrorMessage,
+        );
+      }
+    } catch (e) {
+      _showRechargeDialog(
+        initialAgentId: agentId,
+        initialAmount: amount,
+        errorMessage: 'Erreur de connexion',
+      );
+    } finally {
+      setState(() {
+        _isLoading = false;
+      });
+    }
+  }
+
+  Future<void> _approveRecharge(Map<String, dynamic> recharge) async {
+    final rechargeId =
+        recharge['_id'] is Map
+            ? recharge['_id']['\$oid'] ?? recharge['_id'].toString()
+            : recharge['_id'].toString();
+    final agentId = recharge['agent_id'];
+    final amount = recharge['montant'];
+
+    final pinController = TextEditingController();
+
+    final result = await showDialog<String>(
+      context: context,
+      builder:
+          (context) => AlertDialog(
+            shape: RoundedRectangleBorder(
+              borderRadius: BorderRadius.circular(16),
+            ),
+            title: const Row(
+              children: [
+                Icon(Icons.security, color: Colors.green),
+                SizedBox(width: 8),
+                Text('Confirmer avec PIN'),
+              ],
+            ),
+            content: Column(
+              mainAxisSize: MainAxisSize.min,
+              children: [
+                Text(
+                  'Approuver la recharge de $amount XAF pour l\'agent $agentId',
+                ),
+                const SizedBox(height: 16),
+                TextField(
+                  controller: pinController,
+                  obscureText: true,
+                  keyboardType: TextInputType.number,
+                  maxLength: 4,
+                  decoration: const InputDecoration(
+                    labelText: 'Code PIN',
+                    hintText: '****',
+                    border: OutlineInputBorder(),
+                    prefixIcon: Icon(Icons.lock, color: Colors.green),
+                    counterText: '',
+                  ),
+                ),
+              ],
+            ),
+            actions: [
+              TextButton(
+                onPressed: () => Navigator.pop(context),
+                child: const Text('Annuler'),
+              ),
+              ElevatedButton(
+                onPressed: () => Navigator.pop(context, pinController.text),
+                style: ElevatedButton.styleFrom(
+                  backgroundColor: Colors.green,
+                  foregroundColor: Colors.white,
+                ),
+                child: const Text('Approuver'),
+              ),
+            ],
+          ),
+    );
+
+    if (result != null && result.isNotEmpty) {
+      setState(() {
+        _isLoading = true;
+      });
+
+      try {
+        final success = await _approveRechargeApi(rechargeId, agentId, result);
+
+        if (success) {
+          _showSnackBar(
+            '✅ Recharge approuvée: $agentId - $amount XAF',
+            Colors.green,
+          );
+          _loadPendingRecharges();
+          _loadRechargeStats();
+        } else {
+          _showSnackBar(
+            'PIN incorrect ou erreur lors de l\'approbation',
+            RechargeurColors.error,
+          );
+        }
+      } catch (e) {
+        _showSnackBar('Erreur lors de l\'approbation', RechargeurColors.error);
+      } finally {
+        setState(() {
+          _isLoading = false;
+        });
+      }
+    }
+  }
+
+  void _showHistoryDialog() {
+    showDialog(
+      context: context,
+      builder:
+          (context) => Dialog(
+            shape: RoundedRectangleBorder(
+              borderRadius: BorderRadius.circular(16),
+            ),
+            child: Container(
+              width: MediaQuery.of(context).size.width * 0.9,
+              height: MediaQuery.of(context).size.height * 0.8,
+              padding: const EdgeInsets.all(20),
+              child: Column(
+                children: [
+                  Row(
+                    mainAxisAlignment: MainAxisAlignment.spaceBetween,
+                    children: [
+                      const Text(
+                        'Historique des recharges',
+                        style: TextStyle(
+                          fontSize: 18,
+                          fontWeight: FontWeight.bold,
+                        ),
+                      ),
+                      IconButton(
+                        onPressed: () => Navigator.pop(context),
+                        icon: const Icon(Icons.close),
+                      ),
+                    ],
+                  ),
+                  const Divider(),
+                  Expanded(
+                    child: FutureBuilder<Map<String, dynamic>>(
+                      future: RechargeApiService.getRechargeHistory(
+                        rechargeurId:
+                            Provider.of<AuthController>(
+                              context,
+                              listen: false,
+                            ).agentId,
+                      ),
+                      builder: (context, snapshot) {
+                        if (snapshot.connectionState ==
+                            ConnectionState.waiting) {
+                          return const Center(
+                            child: CircularProgressIndicator(),
+                          );
+                        }
+
+                        if (!snapshot.hasData ||
+                            snapshot.data!['success'] != true) {
+                          return const Center(
+                            child: Text(
+                              'Erreur lors du chargement de l\'historique',
+                            ),
+                          );
+                        }
+
+                        final recharges = List<Map<String, dynamic>>.from(
+                          snapshot.data!['recharges'] ?? [],
+                        );
+
+                        if (recharges.isEmpty) {
+                          return const Center(
+                            child: Text('Aucune recharge dans l\'historique'),
+                          );
+                        }
+
+                        return ListView.builder(
+                          itemCount: recharges.length,
+                          itemBuilder: (context, index) {
+                            final recharge = recharges[index];
+                            return _buildHistoryItem(recharge);
+                          },
+                        );
+                      },
+                    ),
+                  ),
+                ],
+              ),
+            ),
+          ),
+    );
+  }
+
+  Widget _buildHistoryItem(Map<String, dynamic> recharge) {
+    final agentId = recharge['agent_id'] ?? '';
+    final amount = recharge['montant'] ?? 0.0;
+    final amountValue = double.tryParse(amount.toString()) ?? 0.0;
+    final status = recharge['status'] ?? '';
+    final date =
+        DateTime.tryParse(recharge['created_at']['\$date'] ?? '') ??
+        DateTime.now();
+
+    return Container(
+      margin: const EdgeInsets.only(bottom: 8),
+      padding: const EdgeInsets.all(12),
+      decoration: BoxDecoration(
+        color: Colors.grey[50],
+        borderRadius: BorderRadius.circular(8),
+        border: Border.all(color: Colors.grey[200]!),
+      ),
+      child: Row(
+        children: [
+          Container(
+            width: 40,
+            height: 40,
+            decoration: BoxDecoration(
+              color: RechargeUtils.getStatusColor(status).withOpacity(0.1),
+              borderRadius: BorderRadius.circular(8),
+            ),
+            child: Icon(
+              RechargeUtils.getStatusIcon(status),
+              color: RechargeUtils.getStatusColor(status),
+              size: 20,
+            ),
+          ),
+          const SizedBox(width: 12),
+          Expanded(
+            child: Column(
+              crossAxisAlignment: CrossAxisAlignment.start,
+              children: [
+                Text(
+                  'Agent $agentId',
+                  style: const TextStyle(
+                    fontSize: 14,
+                    fontWeight: FontWeight.w600,
+                  ),
+                ),
+                Text(
+                  '${amountValue.toStringAsFixed(0)} XAF • ${RechargeUtils.formatRelativeDate(date)}',
+                  style: TextStyle(fontSize: 12, color: Colors.grey[600]),
+                ),
+              ],
+            ),
+          ),
+          Container(
+            padding: const EdgeInsets.symmetric(horizontal: 8, vertical: 4),
+            decoration: BoxDecoration(
+              color: RechargeUtils.getStatusColor(status).withOpacity(0.1),
+              borderRadius: BorderRadius.circular(12),
+            ),
+            child: Text(
+              status.toUpperCase(),
+              style: TextStyle(
+                fontSize: 10,
+                color: RechargeUtils.getStatusColor(status),
+                fontWeight: FontWeight.w600,
+              ),
+            ),
+          ),
+        ],
+      ),
+    );
+  }
+
+  Future<void> _rejectRecharge(Map<String, dynamic> recharge) async {
+    final rechargeId =
+        recharge['_id'] is Map
+            ? recharge['_id']['\$oid'] ?? recharge['_id'].toString()
+            : recharge['_id'].toString();
+    final agentId = recharge['agent_id'];
+    final reasonController = TextEditingController();
+    final pinController = TextEditingController();
+
+    final result = await showDialog<Map<String, String>>(
+      context: context,
+      builder:
+          (context) => AlertDialog(
+            shape: RoundedRectangleBorder(
+              borderRadius: BorderRadius.circular(16),
+            ),
+            title: const Row(
+              children: [
+                Icon(Icons.security, color: Colors.red),
+                SizedBox(width: 8),
+                Text('Confirmer le rejet'),
+              ],
+            ),
+            content: Column(
+              mainAxisSize: MainAxisSize.min,
+              children: [
+                Text('Rejeter la demande de recharge pour l\'agent $agentId'),
+                const SizedBox(height: 16),
+                TextField(
+                  controller: reasonController,
+                  decoration: const InputDecoration(
+                    labelText: 'Raison du rejet (optionnel)',
+                    hintText: 'Ex: Solde insuffisant',
+                    border: OutlineInputBorder(),
+                  ),
+                  maxLines: 2,
+                ),
+                const SizedBox(height: 16),
+                TextField(
+                  controller: pinController,
+                  obscureText: true,
+                  keyboardType: TextInputType.number,
+                  maxLength: 4,
+                  decoration: const InputDecoration(
+                    labelText: 'Code PIN',
+                    hintText: '****',
+                    border: OutlineInputBorder(),
+                    prefixIcon: Icon(Icons.lock, color: Colors.red),
+                    counterText: '',
+                  ),
+                ),
+              ],
+            ),
+            actions: [
+              TextButton(
+                onPressed: () => Navigator.pop(context),
+                child: const Text('Annuler'),
+              ),
+              ElevatedButton(
+                onPressed:
+                    () => Navigator.pop(context, {
+                      'reason': reasonController.text,
+                      'pin': pinController.text,
+                    }),
+                style: ElevatedButton.styleFrom(
+                  backgroundColor: Colors.red,
+                  foregroundColor: Colors.white,
+                ),
+                child: const Text('Rejeter'),
+              ),
+            ],
+          ),
+    );
+
+    if (result != null && result['pin']!.isNotEmpty) {
+      setState(() {
+        _isLoading = true;
+      });
+
+      try {
+        final success = await _rejectRechargeApi(
+          rechargeId,
+          agentId,
+          result['pin']!,
+          reason: result['reason']!.isEmpty ? null : result['reason'],
+        );
+
+        if (success) {
+          _showSnackBar('❌ Recharge rejetée pour $agentId', Colors.red);
+          _loadPendingRecharges();
+          _loadRechargeStats(); // Ajoutez cette ligne
+        } else {
+          _showSnackBar(
+            'PIN incorrect ou erreur lors du rejet',
+            RechargeurColors.error,
+          );
+        }
+      } catch (e) {
+        _showSnackBar('Erreur lors du rejet', RechargeurColors.error);
+      } finally {
+        setState(() {
+          _isLoading = false;
+        });
+      }
+    }
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return Scaffold(
+      backgroundColor: RechargeurColors.background,
+      body: FadeTransition(
+        opacity: _fadeAnimation,
+        child: SafeArea(
+          child: RefreshIndicator(
+            onRefresh: () async {
+              await _loadPendingRecharges();
+              await _loadRechargeStats(); // Ajoutez cette ligne
+            },
+            child: SingleChildScrollView(
+              physics: const AlwaysScrollableScrollPhysics(),
+              padding: const EdgeInsets.all(20),
+              child: Column(
+                crossAxisAlignment: CrossAxisAlignment.start,
+                children: [
+                  _buildHeader(),
+                  const SizedBox(height: 30),
+                  _buildRechargeStats(),
+                  const SizedBox(height: 30),
+                  _buildRechargeActions(),
+                  const SizedBox(height: 30),
+                  _buildPendingRecharges(),
+                ],
+              ),
+            ),
+          ),
+        ),
+      ),
+    );
+  }
+
+  Widget _buildHeader() {
+    return Container(
+      padding: const EdgeInsets.all(24),
+      decoration: BoxDecoration(
+        gradient: LinearGradient(
+          begin: Alignment.topLeft,
+          end: Alignment.bottomRight,
+          colors: [
+            RechargeurColors.primary,
+            RechargeurColors.primary.withOpacity(0.8),
+          ],
+        ),
+        borderRadius: BorderRadius.circular(20),
+        boxShadow: [
+          BoxShadow(
+            color: RechargeurColors.primary.withOpacity(0.3),
+            blurRadius: 15,
+            offset: const Offset(0, 8),
+          ),
+        ],
+      ),
+      child: Consumer<AuthController>(
+        builder: (context, authController, child) {
+          return Row(
+            children: [
+              const WortisLogoWidget(
+                size: 60,
+                isWhite: true,
+                withShadow: false,
+              ),
+              const SizedBox(width: 16),
+              Expanded(
+                child: Column(
+                  crossAxisAlignment: CrossAxisAlignment.start,
+                  children: [
+                    Row(
+                      children: [
+                        const Icon(
+                          Icons.add_circle,
+                          color: Colors.white,
+                          size: 20,
+                        ),
+                        const SizedBox(width: 8),
+                        Text(
+                          'ESPACE RECHARGEUR',
+                          style: TextStyle(
+                            color: Colors.white.withOpacity(0.9),
+                            fontSize: 10,
+                            fontWeight: FontWeight.w500,
+                          ),
+                        ),
+                      ],
+                    ),
+                    const SizedBox(height: 4),
+                    Text(
+                      authController.agentName ?? 'Rechargeur',
+                      style: const TextStyle(
+                        color: Colors.white,
+                        fontSize: 20,
+                        fontWeight: FontWeight.bold,
+                      ),
+                    ),
+                    const SizedBox(height: 8),
+                    Container(
+                      padding: const EdgeInsets.symmetric(
+                        horizontal: 12,
+                        vertical: 4,
+                      ),
+                      decoration: BoxDecoration(
+                        color: Colors.white.withOpacity(0.2),
+                        borderRadius: BorderRadius.circular(12),
+                      ),
+                      child: Text(
+                        'Solde: ${authController.activeBalance.toStringAsFixed(0)} XAF',
+                        style: const TextStyle(
+                          color: Colors.white,
+                          fontSize: 12,
+                          fontWeight: FontWeight.w600,
+                        ),
+                      ),
+                    ),
+                  ],
+                ),
+              ),
+              IconButton(
+                onPressed: _logout,
+                icon: const Icon(Icons.logout, color: Colors.white),
+                tooltip: 'Déconnexion',
+              ),
+            ],
+          );
+        },
+      ),
+    );
+  }
+
+  Widget _buildRechargeStats() {
+    return Column(
+      crossAxisAlignment: CrossAxisAlignment.start,
+      children: [
+        const Text(
+          'Statistiques de recharge',
+          style: TextStyle(
+            fontSize: 20,
+            fontWeight: FontWeight.bold,
+            color: Colors.black87,
+          ),
+        ),
+        const SizedBox(height: 16),
+
+        // === STATISTIQUES GLOBALES ===
+        Row(
+          children: [
+            Expanded(
+              child: _buildStatCard(
+                'Total recharges',
+                '${_rechargeStats['total_recharges'] ?? 0}',
+                Icons.receipt_long,
+                RechargeurColors.primary,
+              ),
+            ),
+            const SizedBox(width: 12),
+            Expanded(
+              child: _buildStatCard(
+                'Volume total',
+                '${(_rechargeStats['total_amount'] ?? 0.0).toStringAsFixed(0)} XAF',
+                Icons.account_balance_wallet,
+                RechargeurColors.secondary,
+              ),
+            ),
+          ],
+        ),
+        const SizedBox(height: 12),
+
+        // === STATISTIQUES DE SUCCÈS ===
+        Row(
+          children: [
+            Expanded(
+              child: _buildStatCard(
+                'Recharges réussies',
+                '${_rechargeStats['success_count'] ?? 0}',
+                Icons.check_circle,
+                RechargeurColors.success,
+              ),
+            ),
+            const SizedBox(width: 12),
+            Expanded(
+              child: _buildStatCard(
+                'Volume réussi',
+                '${(_rechargeStats['success_amount'] ?? 0.0).toStringAsFixed(0)} XAF',
+                Icons.trending_up,
+                RechargeurColors.success,
+              ),
+            ),
+          ],
+        ),
+        const SizedBox(height: 12),
+
+        // === TAUX ET MOYENNES ===
+        Row(
+          children: [
+            Expanded(
+              child: _buildStatCard(
+                'Taux de réussite',
+                '${(_rechargeStats['success_rate'] ?? 0.0).toStringAsFixed(1)}%',
+                Icons.analytics,
+                Colors.blue,
+              ),
+            ),
+            const SizedBox(width: 12),
+            Expanded(
+              child: _buildStatCard(
+                'Montant moyen',
+                '${(_rechargeStats['average_amount'] ?? 0.0).toStringAsFixed(0)} XAF',
+                Icons.calculate,
+                Colors.orange,
+              ),
+            ),
+          ],
+        ),
+        const SizedBox(height: 12),
+
+        // === STATUT ACTUEL ===
+        Row(
+          children: [
+            Expanded(
+              child: _buildStatCard(
+                'En attente',
+                '${_rechargeStats['pending_count'] ?? 0}',
+                Icons.pending,
+                RechargeurColors.warning,
+              ),
+            ),
+            const SizedBox(width: 12),
+            Expanded(
+              child: _buildStatCard(
+                'Rejetées',
+                '${_rechargeStats['rejected_count'] ?? 0}',
+                Icons.cancel,
+                RechargeurColors.error,
+              ),
+            ),
+          ],
+        ),
+        const SizedBox(height: 16),
+
+        // === SECTION AUJOURD'HUI ===
+        Container(
+          padding: const EdgeInsets.all(16),
+          decoration: BoxDecoration(
+            color: Colors.blue.withOpacity(0.1),
+            borderRadius: BorderRadius.circular(12),
+            border: Border.all(color: Colors.blue.withOpacity(0.3)),
+          ),
+          child: Column(
+            crossAxisAlignment: CrossAxisAlignment.start,
+            children: [
+              Row(
+                children: [
+                  Icon(Icons.today, color: Colors.blue, size: 20),
+                  const SizedBox(width: 8),
+                  Text(
+                    'Aujourd\'hui (${DateTime.now().day}/${DateTime.now().month})',
+                    style: const TextStyle(
+                      fontSize: 16,
+                      fontWeight: FontWeight.bold,
+                      color: Colors.blue,
+                    ),
+                  ),
+                ],
+              ),
+              const SizedBox(height: 12),
+              Row(
+                children: [
+                  Expanded(
+                    child: _buildMiniStatCard(
+                      'Recharges',
+                      '${_rechargeStats['daily_count'] ?? 0}',
+                      Icons.receipt,
+                      Colors.blue,
+                    ),
+                  ),
+                  const SizedBox(width: 8),
+                  Expanded(
+                    child: _buildMiniStatCard(
+                      'Volume',
+                      '${(_rechargeStats['daily_volume'] ?? 0.0).toStringAsFixed(0)} XAF',
+                      Icons.monetization_on,
+                      Colors.green,
+                    ),
+                  ),
+                  const SizedBox(width: 8),
+                  Expanded(
+                    child: _buildMiniStatCard(
+                      'Réussies',
+                      '${_rechargeStats['daily_success'] ?? 0}',
+                      Icons.check,
+                      Colors.green,
+                    ),
+                  ),
+                ],
+              ),
+              const SizedBox(height: 8),
+              Row(
+                children: [
+                  Expanded(
+                    child: _buildMiniStatCard(
+                      'Taux',
+                      '${(_rechargeStats['daily_success_rate'] ?? 0.0).toStringAsFixed(1)}%',
+                      Icons.percent,
+                      Colors.blue,
+                    ),
+                  ),
+                  const SizedBox(width: 8),
+                  Expanded(
+                    child: _buildMiniStatCard(
+                      'Moyenne',
+                      '${(_rechargeStats['daily_average'] ?? 0.0).toStringAsFixed(0)} XAF',
+                      Icons.trending_up,
+                      Colors.orange,
+                    ),
+                  ),
+                  const SizedBox(width: 8),
+                  Expanded(
+                    child: _buildMiniStatCard(
+                      'En attente',
+                      '${_rechargeStats['daily_pending'] ?? 0}',
+                      Icons.pending,
+                      Colors.orange,
+                    ),
+                  ),
+                ],
+              ),
+            ],
+          ),
+        ),
+        const SizedBox(height: 16),
+
+        // === SECTION CE MOIS ===
+        Container(
+          padding: const EdgeInsets.all(16),
+          decoration: BoxDecoration(
+            color: Colors.purple.withOpacity(0.1),
+            borderRadius: BorderRadius.circular(12),
+            border: Border.all(color: Colors.purple.withOpacity(0.3)),
+          ),
+          child: Column(
+            crossAxisAlignment: CrossAxisAlignment.start,
+            children: [
+              Row(
+                children: [
+                  Icon(Icons.calendar_month, color: Colors.purple, size: 20),
+                  const SizedBox(width: 8),
+                  Text(
+                    'Ce mois (${_getMonthName(DateTime.now().month)} ${DateTime.now().year})',
+                    style: const TextStyle(
+                      fontSize: 16,
+                      fontWeight: FontWeight.bold,
+                      color: Colors.purple,
+                    ),
+                  ),
+                ],
+              ),
+              const SizedBox(height: 12),
+              Row(
+                children: [
+                  Expanded(
+                    child: _buildMiniStatCard(
+                      'Recharges',
+                      '${_rechargeStats['monthly_count'] ?? 0}',
+                      Icons.receipt,
+                      Colors.purple,
+                    ),
+                  ),
+                  const SizedBox(width: 8),
+                  Expanded(
+                    child: _buildMiniStatCard(
+                      'Volume',
+                      '${(_rechargeStats['monthly_volume'] ?? 0.0).toStringAsFixed(0)} XAF',
+                      Icons.account_balance_wallet,
+                      Colors.green,
+                    ),
+                  ),
+                  const SizedBox(width: 8),
+                  Expanded(
+                    child: _buildMiniStatCard(
+                      'Réussies',
+                      '${_rechargeStats['monthly_success'] ?? 0}',
+                      Icons.verified,
+                      Colors.green,
+                    ),
+                  ),
+                ],
+              ),
+              const SizedBox(height: 8),
+              Row(
+                children: [
+                  Expanded(
+                    child: _buildMiniStatCard(
+                      'Taux',
+                      '${(_rechargeStats['monthly_success_rate'] ?? 0.0).toStringAsFixed(1)}%',
+                      Icons.analytics,
+                      Colors.blue,
+                    ),
+                  ),
+                  const SizedBox(width: 8),
+                  Expanded(
+                    child: _buildMiniStatCard(
+                      'Moyenne',
+                      '${(_rechargeStats['monthly_average'] ?? 0.0).toStringAsFixed(0)} XAF',
+                      Icons.calculate,
+                      Colors.orange,
+                    ),
+                  ),
+                  const SizedBox(width: 8),
+                  Expanded(
+                    child: _buildMiniStatCard(
+                      'Échecs',
+                      '${_rechargeStats['monthly_failed'] ?? 0}',
+                      Icons.error,
+                      Colors.red,
+                    ),
+                  ),
+                ],
+              ),
+            ],
+          ),
+        ),
+      ],
+    );
+  }
+
+  // Widget pour les mini-cartes de statistiques
+  Widget _buildMiniStatCard(
+    String title,
+    String value,
+    IconData icon,
+    Color color,
+  ) {
+    return Container(
+      padding: const EdgeInsets.all(8),
+      decoration: BoxDecoration(
+        color: Colors.white,
+        borderRadius: BorderRadius.circular(8),
+        border: Border.all(color: color.withOpacity(0.3)),
+      ),
+      child: Column(
+        children: [
+          Icon(icon, color: color, size: 16),
+          const SizedBox(height: 4),
+          Text(
+            value,
+            style: TextStyle(
+              fontSize: 12,
+              fontWeight: FontWeight.bold,
+              color: color,
+            ),
+            textAlign: TextAlign.center,
+          ),
+          Text(
+            title,
+            style: TextStyle(fontSize: 10, color: Colors.grey[600]),
+            textAlign: TextAlign.center,
+            maxLines: 1,
+            overflow: TextOverflow.ellipsis,
+          ),
+        ],
+      ),
+    );
+  }
+
+  // Fonction utilitaire pour obtenir le nom du mois
+  String _getMonthName(int month) {
+    const months = [
+      '',
+      'Janvier',
+      'Février',
+      'Mars',
+      'Avril',
+      'Mai',
+      'Juin',
+      'Juillet',
+      'Août',
+      'Septembre',
+      'Octobre',
+      'Novembre',
+      'Décembre',
+    ];
+    return months[month];
+  }
+
+  Widget _buildStatCard(
+    String title,
+    String value,
+    IconData icon,
+    Color color,
+  ) {
+    return Container(
+      padding: const EdgeInsets.all(16),
+      decoration: BoxDecoration(
+        color: RechargeurColors.surface,
+        borderRadius: BorderRadius.circular(16),
+        border: Border.all(color: color.withOpacity(0.1)),
+        boxShadow: [
+          BoxShadow(
+            color: color.withOpacity(0.08),
+            blurRadius: 10,
+            offset: const Offset(0, 4),
+          ),
+        ],
+      ),
+      child: Column(
+        crossAxisAlignment: CrossAxisAlignment.start,
+        children: [
+          Row(
+            mainAxisAlignment: MainAxisAlignment.spaceBetween,
+            children: [
+              Icon(icon, color: color, size: 24),
+              const Text(
+                '↗ +8%',
+                style: TextStyle(
+                  fontSize: 11,
+                  color: Colors.green,
+                  fontWeight: FontWeight.w600,
+                ),
+              ),
+            ],
+          ),
+          const SizedBox(height: 12),
+          Text(
+            value,
+            style: TextStyle(
+              fontSize: 18,
+              fontWeight: FontWeight.bold,
+              color: color,
+            ),
+          ),
+          const SizedBox(height: 4),
+          Text(
+            title,
+            style: TextStyle(
+              fontSize: 12,
+              color: Colors.grey[600],
+              fontWeight: FontWeight.w500,
+            ),
+          ),
+        ],
+      ),
+    );
+  }
+
+  Widget _buildRechargeActions() {
+    return Column(
+      crossAxisAlignment: CrossAxisAlignment.start,
+      children: [
+        const Text(
+          'Actions de recharge',
+          style: TextStyle(
+            fontSize: 20,
+            fontWeight: FontWeight.bold,
+            color: Colors.black87,
+          ),
+        ),
+        const SizedBox(height: 16),
+        Row(
+          children: [
+            Expanded(
+              child: _buildActionButton(
+                'Recharger un agent',
+                'Créditer le solde',
+                Icons.person_add,
+                RechargeurColors.primary,
+                onTap: _showRechargeDialog,
+              ),
+            ),
+            // const SizedBox(width: 12),
+            // Expanded(
+            //   child: _buildActionButton(
+            //     'Scanner QR Code',
+            //     'Recharge rapide',
+            //     Icons.qr_code_scanner,
+            //     RechargeurColors.secondary,
+            //   ),
+            // ),
+          ],
+        ),
+        // const SizedBox(height: 12),
+        // Row(
+        //   children: [
+        //     Expanded(
+        //       child: _buildActionButton(
+        //         'Historique',
+        //         'Voir toutes les recharges',
+        //         Icons.history,
+        //         Colors.grey[600]!,
+        //         onTap: _showHistoryDialog, // Ajoutez cette ligne
+        //       ),
+        //     )
+        //   ],
+        // ),
+      ],
+    );
+  }
+
+  Widget _buildActionButton(
+    String title,
+    String subtitle,
+    IconData icon,
+    Color color, {
+    VoidCallback? onTap,
+  }) {
+    return GestureDetector(
+      onTap:
+          onTap ??
+          () =>
+              _showSnackBar('$title - Fonction en développement', Colors.blue),
+      child: Container(
+        padding: const EdgeInsets.all(16),
+        decoration: BoxDecoration(
+          color: RechargeurColors.surface,
+          borderRadius: BorderRadius.circular(16),
+          border: Border.all(color: color.withOpacity(0.2)),
+          boxShadow: [
+            BoxShadow(
+              color: color.withOpacity(0.1),
+              blurRadius: 10,
+              offset: const Offset(0, 4),
+            ),
+          ],
+        ),
+        child: Column(
+          crossAxisAlignment: CrossAxisAlignment.start,
+          children: [
+            Icon(icon, color: color, size: 28),
+            const SizedBox(height: 12),
+            Text(
+              title,
+              style: const TextStyle(
+                fontSize: 14,
+                fontWeight: FontWeight.bold,
+                color: Colors.black87,
+              ),
+            ),
+            const SizedBox(height: 4),
+            Text(
+              subtitle,
+              style: TextStyle(fontSize: 11, color: Colors.grey[600]),
+            ),
+          ],
+        ),
+      ),
+    );
+  }
+
+  Widget _buildPendingRecharges() {
+    return Container(
+      padding: const EdgeInsets.all(20),
+      decoration: BoxDecoration(
+        color: RechargeurColors.surface,
+        borderRadius: BorderRadius.circular(16),
+        boxShadow: [
+          BoxShadow(
+            color: Colors.black.withOpacity(0.05),
+            blurRadius: 10,
+            offset: const Offset(0, 4),
+          ),
+        ],
+      ),
+      child: Column(
+        crossAxisAlignment: CrossAxisAlignment.start,
+        children: [
+          Row(
+            mainAxisAlignment: MainAxisAlignment.spaceBetween,
+            children: [
+              const Text(
+                'Recharges en attente',
+                style: TextStyle(
+                  fontSize: 18,
+                  fontWeight: FontWeight.bold,
+                  color: Colors.black87,
+                ),
+              ),
+              Container(
+                padding: const EdgeInsets.symmetric(horizontal: 8, vertical: 4),
+                decoration: BoxDecoration(
+                  color: RechargeurColors.warning.withOpacity(0.1),
+                  borderRadius: BorderRadius.circular(12),
+                ),
+                child: Text(
+                  '${_pendingRecharges.length} demandes',
+                  style: const TextStyle(
+                    fontSize: 11,
+                    color: RechargeurColors.warning,
+                    fontWeight: FontWeight.w600,
+                  ),
+                ),
+              ),
+            ],
+          ),
+          const SizedBox(height: 16),
+          if (_isLoading)
+            const Center(child: CircularProgressIndicator())
+          else if (_pendingRecharges.isEmpty)
+            const Center(
+              child: Padding(
+                padding: EdgeInsets.all(20),
+                child: Text(
+                  'Aucune recharge en attente',
+                  style: TextStyle(color: Colors.grey),
+                ),
+              ),
+            )
+          else
+            ..._pendingRecharges.map((recharge) => _buildPendingItem(recharge)),
+        ],
+      ),
+    );
+  }
+
+  Widget _buildPendingItem(Map<String, dynamic> recharge) {
+    final agentId = recharge['agent_id'] ?? '';
+    final amount = recharge['montant'] ?? '';
+    final status = recharge['status'] ?? '';
+
+    return Container(
+      margin: const EdgeInsets.only(bottom: 12),
+      padding: const EdgeInsets.all(12),
+      decoration: BoxDecoration(
+        color: RechargeurColors.warning.withOpacity(0.05),
+        borderRadius: BorderRadius.circular(12),
+        border: Border.all(color: RechargeurColors.warning.withOpacity(0.2)),
+      ),
+      child: Row(
+        children: [
+          Container(
+            width: 40,
+            height: 40,
+            decoration: BoxDecoration(
+              color: RechargeurColors.warning.withOpacity(0.1),
+              borderRadius: BorderRadius.circular(10),
+            ),
+            child: const Icon(
+              Icons.person,
+              color: RechargeurColors.warning,
+              size: 20,
+            ),
+          ),
+          const SizedBox(width: 12),
+          Expanded(
+            child: Column(
+              crossAxisAlignment: CrossAxisAlignment.start,
+              children: [
+                Text(
+                  'Agent $agentId',
+                  style: const TextStyle(
+                    fontSize: 14,
+                    fontWeight: FontWeight.w600,
+                    color: Colors.black87,
+                  ),
+                ),
+                Text(
+                  'Demande: $amount XAF • ${status.toUpperCase()}',
+                  style: TextStyle(fontSize: 12, color: Colors.grey[600]),
+                ),
+              ],
+            ),
+          ),
+          Row(
+            children: [
+              IconButton(
+                onPressed: () => _approveRecharge(recharge),
+                icon: const Icon(
+                  Icons.check_circle,
+                  color: Colors.green,
+                  size: 20,
+                ),
+                tooltip: 'Approuver',
+              ),
+              IconButton(
+                onPressed: () => _rejectRecharge(recharge),
+                icon: const Icon(Icons.cancel, color: Colors.red, size: 20),
+                tooltip: 'Rejeter',
+              ),
+            ],
+          ),
+        ],
+      ),
+    );
+  }
+}
+
+// ===== SERVICES API ADDITIONNELS =====
+
+/// Service pour gérer les recharges
+class RechargeApiService {
+  /// Récupérer toutes les recharges
+  static Future<List<Map<String, dynamic>>> getAllRecharges() async {
+    try {
+      final response = await http.get(
+        Uri.parse('$baseUrl/recharge/get_recharges'),
+        headers: apiHeaders,
+      );
+
+      if (response.statusCode == 200) {
+        final data = jsonDecode(response.body);
+        return List<Map<String, dynamic>>.from(data['all_recharges'] ?? []);
+      } else {
+        throw Exception('Erreur HTTP ${response.statusCode}');
+      }
+    } catch (e) {
+      print('❌ Erreur récupération recharges: $e');
+      rethrow;
+    }
+  }
+
+  /// Récupérer les recharges par statut
+  static Future<List<Map<String, dynamic>>> getRechargesByStatus(
+    String status,
+  ) async {
+    try {
+      final response = await http.get(
+        Uri.parse('$baseUrl/recharge/get_recharges?status=$status'),
+        headers: apiHeaders,
+      );
+
+      if (response.statusCode == 200) {
+        final data = jsonDecode(response.body);
+        final allRecharges = List<Map<String, dynamic>>.from(
+          data['all_recharges'] ?? [],
+        );
+        return allRecharges.where((r) => r['status'] == status).toList();
+      } else {
+        throw Exception('Erreur HTTP ${response.statusCode}');
+      }
+    } catch (e) {
+      print('❌ Erreur récupération recharges par statut: $e');
+      rethrow;
+    }
+  }
+
+  /// Approuver une recharge
+  static Future<Map<String, dynamic>> approveRecharge(
+    String rechargeId, {
+    required String approvedBy,
+  }) async {
+    try {
+      final response = await http.put(
+        Uri.parse('$baseUrl/recharge/approve/$rechargeId'),
+        headers: apiHeaders,
+        body: jsonEncode({
+          'status': 'approved',
+          'approved_by': approvedBy,
+          'approved_at': DateTime.now().toIso8601String(),
+        }),
+      );
+
+      final data = jsonDecode(response.body);
+
+      if (response.statusCode == 200) {
+        return {
+          'success': data['success'] ?? false,
+          'message': data['message'] ?? 'Recharge approuvée avec succès',
+          'data': data['data'],
+        };
+      } else {
+        return {
+          'success': false,
+          'message': data['message'] ?? 'Erreur lors de l\'approbation',
+          'error_code': response.statusCode,
+        };
+      }
+    } catch (e) {
+      print('❌ Erreur approbation recharge: $e');
+      return {'success': false, 'message': 'Erreur de connexion: $e'};
+    }
+  }
+
+  /// Rejeter une recharge
+  static Future<Map<String, dynamic>> rejectRecharge(
+    String rechargeId, {
+    required String rejectedBy,
+    String? reason,
+  }) async {
+    try {
+      final response = await http.put(
+        Uri.parse('$baseUrl/recharge/reject/$rechargeId'),
+        headers: apiHeaders,
+        body: jsonEncode({
+          'status': 'rejected',
+          'rejected_by': rejectedBy,
+          'rejected_at': DateTime.now().toIso8601String(),
+          'rejection_reason': reason ?? 'Demande rejetée par le rechargeur',
+        }),
+      );
+
+      final data = jsonDecode(response.body);
+
+      if (response.statusCode == 200) {
+        return {
+          'success': data['success'] ?? false,
+          'message': data['message'] ?? 'Recharge rejetée avec succès',
+          'data': data['data'],
+        };
+      } else {
+        return {
+          'success': false,
+          'message': data['message'] ?? 'Erreur lors du rejet',
+          'error_code': response.statusCode,
+        };
+      }
+    } catch (e) {
+      print('❌ Erreur rejet recharge: $e');
+      return {'success': false, 'message': 'Erreur de connexion: $e'};
+    }
+  }
+
+  /// Traiter une nouvelle recharge directe
+  static Future<Map<String, dynamic>> processDirectRecharge(
+    String agentId,
+    double amount, {
+    required String processedBy,
+  }) async {
+    try {
+      final response = await http.post(
+        Uri.parse('$baseUrl/recharge/process'),
+        headers: apiHeaders,
+        body: jsonEncode({
+          'agent_id': agentId,
+          'montant': amount,
+          'rechargeur_id': processedBy,
+          'processed_at': DateTime.now().toIso8601String(),
+          'status': 'completed',
+          'type': 'direct',
+        }),
+      );
+
+      final data = jsonDecode(response.body);
+
+      if (response.statusCode == 200) {
+        return {
+          'success': data['success'] ?? false,
+          'message': data['message'] ?? 'Recharge effectuée avec succès',
+          'data': data['data'],
+          'transaction_id': data['transaction_id'],
+        };
+      } else {
+        return {
+          'success': false,
+          'message': data['message'] ?? 'Erreur lors de la recharge',
+          'error_code': response.statusCode,
+        };
+      }
+    } catch (e) {
+      print('❌ Erreur traitement recharge: $e');
+      return {'success': false, 'message': 'Erreur de connexion: $e'};
+    }
+  }
+
+  /// Récupérer les statistiques de recharge
+  static Future<Map<String, dynamic>> getRechargeStats({
+    String? rechargeurId,
+    DateTime? startDate,
+    DateTime? endDate,
+  }) async {
+    try {
+      final queryParams = <String, String>{};
+
+      if (rechargeurId != null) queryParams['rechargeur_id'] = rechargeurId;
+      if (startDate != null) {
+        queryParams['start_date'] = startDate.toIso8601String();
+      }
+      if (endDate != null) queryParams['end_date'] = endDate.toIso8601String();
+
+      final uri = Uri.parse(
+        '$baseUrl/recharge/stats',
+      ).replace(queryParameters: queryParams);
+
+      final response = await http.get(uri, headers: apiHeaders);
+
+      if (response.statusCode == 200) {
+        final data = jsonDecode(response.body);
+        return {'success': true, 'stats': data['stats'] ?? {}};
+      } else {
+        return {
+          'success': false,
+          'message': 'Erreur lors de la récupération des statistiques',
+        };
+      }
+    } catch (e) {
+      print('❌ Erreur récupération stats recharge: $e');
+      return {'success': false, 'message': 'Erreur de connexion: $e'};
+    }
+  }
+
+  /// Récupérer l'historique des recharges avec pagination
+  static Future<Map<String, dynamic>> getRechargeHistory({
+    String? rechargeurId,
+    String? agentId,
+    String? status,
+    int page = 1,
+    int limit = 20,
+  }) async {
+    try {
+      final queryParams = <String, String>{
+        'page': page.toString(),
+        'limit': limit.toString(),
+      };
+
+      if (rechargeurId != null) queryParams['rechargeur_id'] = rechargeurId;
+      if (agentId != null) queryParams['agent_id'] = agentId;
+      if (status != null) queryParams['status'] = status;
+
+      final uri = Uri.parse(
+        '$baseUrl/recharge/history',
+      ).replace(queryParameters: queryParams);
+
+      final response = await http.get(uri, headers: apiHeaders);
+
+      if (response.statusCode == 200) {
+        final data = jsonDecode(response.body);
+        return {
+          'success': true,
+          'recharges': data['recharges'] ?? [],
+          'pagination': data['pagination'] ?? {},
+          'total': data['total'] ?? 0,
+        };
+      } else {
+        return {
+          'success': false,
+          'message': 'Erreur lors de la récupération de l\'historique',
+        };
+      }
+    } catch (e) {
+      print('❌ Erreur récupération historique recharge: $e');
+      return {'success': false, 'message': 'Erreur de connexion: $e'};
+    }
+  }
+
+  /// Valider qu'un agent existe avant recharge
+  static Future<Map<String, dynamic>> validateAgent(String agentId) async {
+    try {
+      final response = await http.get(
+        Uri.parse('$baseUrl/agent/$agentId/validate'),
+        headers: apiHeaders,
+      );
+
+      final data = jsonDecode(response.body);
+
+      if (response.statusCode == 200) {
+        return {
+          'success': data['success'] ?? false,
+          'exists': data['exists'] ?? false,
+          'agent_name': data['agent_name'],
+          'agent_status': data['agent_status'],
+          'current_balance': data['current_balance'],
+        };
+      } else {
+        return {
+          'success': false,
+          'exists': false,
+          'message': data['message'] ?? 'Agent introuvable',
+        };
+      }
+    } catch (e) {
+      print('❌ Erreur validation agent: $e');
+      return {
+        'success': false,
+        'exists': false,
+        'message': 'Erreur de connexion: $e',
+      };
+    }
+  }
+
+  /// Annuler une recharge en attente
+  static Future<Map<String, dynamic>> cancelPendingRecharge(
+    String rechargeId, {
+    required String cancelledBy,
+    String? reason,
+  }) async {
+    try {
+      final response = await http.put(
+        Uri.parse('$baseUrl/recharge/cancel/$rechargeId'),
+        headers: apiHeaders,
+        body: jsonEncode({
+          'status': 'cancelled',
+          'cancelled_by': cancelledBy,
+          'cancelled_at': DateTime.now().toIso8601String(),
+          'cancellation_reason': reason ?? 'Annulée par le rechargeur',
+        }),
+      );
+
+      final data = jsonDecode(response.body);
+
+      if (response.statusCode == 200) {
+        return {
+          'success': data['success'] ?? false,
+          'message': data['message'] ?? 'Recharge annulée avec succès',
+        };
+      } else {
+        return {
+          'success': false,
+          'message': data['message'] ?? 'Erreur lors de l\'annulation',
+        };
+      }
+    } catch (e) {
+      print('❌ Erreur annulation recharge: $e');
+      return {'success': false, 'message': 'Erreur de connexion: $e'};
+    }
+  }
+}
+
+// ===== MODÈLES DE DONNÉES =====
+
+/// Modèle pour une recharge
+class RechargeModel {
+  final String id;
+  final String agentId;
+  final double montant;
+  final String status;
+  final DateTime? createdAt;
+  final DateTime? processedAt;
+  final String? processedBy;
+  final String? rejectionReason;
+
+  RechargeModel({
+    required this.id,
+    required this.agentId,
+    required this.montant,
+    required this.status,
+    this.createdAt,
+    this.processedAt,
+    this.processedBy,
+    this.rejectionReason,
+  });
+
+  factory RechargeModel.fromJson(Map<String, dynamic> json) {
+    return RechargeModel(
+      id: json['_id'] is Map ? json['_id']['\$oid'] : json['_id'].toString(),
+      agentId: json['agent_id'] ?? '',
+      montant: double.tryParse(json['montant'].toString()) ?? 0.0,
+      status: json['status'] ?? 'pending',
+      createdAt:
+          json['created_at'] != null
+              ? DateTime.tryParse(json['created_at'])
+              : null,
+      processedAt:
+          json['processed_at'] != null
+              ? DateTime.tryParse(json['processed_at'])
+              : null,
+      processedBy: json['processed_by'],
+      rejectionReason: json['rejection_reason'],
+    );
+  }
+
+  Map<String, dynamic> toJson() {
+    return {
+      'id': id,
+      'agent_id': agentId,
+      'montant': montant,
+      'status': status,
+      'created_at': createdAt?.toIso8601String(),
+      'processed_at': processedAt?.toIso8601String(),
+      'processed_by': processedBy,
+      'rejection_reason': rejectionReason,
+    };
+  }
+
+  bool get isPending => status == 'pending';
+  bool get isApproved => status == 'approved';
+  bool get isRejected => status == 'rejected';
+  bool get isCancelled => status == 'cancelled';
+  bool get isCompleted => status == 'completed';
+
+  String get statusDisplayName {
+    switch (status) {
+      case 'pending':
+        return 'En attente';
+      case 'approved':
+        return 'Approuvée';
+      case 'rejected':
+        return 'Rejetée';
+      case 'cancelled':
+        return 'Annulée';
+      case 'completed':
+        return 'Terminée';
+      default:
+        return status.toUpperCase();
+    }
+  }
+
+  Color get statusColor {
+    switch (status) {
+      case 'pending':
+        return RechargeurColors.warning;
+      case 'approved':
+      case 'completed':
+        return RechargeurColors.success;
+      case 'rejected':
+      case 'cancelled':
+        return RechargeurColors.error;
+      default:
+        return Colors.grey;
+    }
+  }
+}
+
+/// Modèle pour les statistiques de recharge
+class RechargeStatsModel {
+  final int totalRecharges;
+  final double totalAmount;
+  final int pendingCount;
+  final int approvedCount;
+  final int rejectedCount;
+  final double averageAmount;
+  final Map<String, int> rechargesByDay;
+
+  RechargeStatsModel({
+    required this.totalRecharges,
+    required this.totalAmount,
+    required this.pendingCount,
+    required this.approvedCount,
+    required this.rejectedCount,
+    required this.averageAmount,
+    required this.rechargesByDay,
+  });
+
+  factory RechargeStatsModel.fromJson(Map<String, dynamic> json) {
+    return RechargeStatsModel(
+      totalRecharges: json['total_recharges'] ?? 0,
+      totalAmount: (json['total_amount'] ?? 0.0).toDouble(),
+      pendingCount: json['pending_count'] ?? 0,
+      approvedCount: json['approved_count'] ?? 0,
+      rejectedCount: json['rejected_count'] ?? 0,
+      averageAmount: (json['average_amount'] ?? 0.0).toDouble(),
+      rechargesByDay: Map<String, int>.from(json['recharges_by_day'] ?? {}),
+    );
+  }
+
+  Map<String, dynamic> toJson() {
+    return {
+      'total_recharges': totalRecharges,
+      'total_amount': totalAmount,
+      'pending_count': pendingCount,
+      'approved_count': approvedCount,
+      'rejected_count': rejectedCount,
+      'average_amount': averageAmount,
+      'recharges_by_day': rechargesByDay,
+    };
+  }
+}
+
+// ===== UTILITAIRES =====
+
+/// Utilitaires pour les recharges
+class RechargeUtils {
+  /// Formater un montant en FCFA
+  static String formatAmount(double amount) {
+    return '${amount.toStringAsFixed(0).replaceAllMapped(RegExp(r'(\d{1,3})(?=(\d{3})+(?!\d))'), (Match m) => '${m[1]} ')} FCFA';
+  }
+
+  /// Valider un ID d'agent
+  static bool isValidAgentId(String agentId) {
+    return agentId.isNotEmpty &&
+        agentId.length >= 3 &&
+        agentId.length <= 10 &&
+        RegExp(r'^[A-Z0-9]+$').hasMatch(agentId);
+  }
+
+  /// Valider un montant de recharge
+  static bool isValidAmount(double amount) {
+    return amount > 0 && amount <= 10000000; // Max 10M FCFA
+  }
+
+  /// Obtenir la couleur selon le statut
+  static Color getStatusColor(String status) {
+    switch (status.toLowerCase()) {
+      case 'pending':
+        return RechargeurColors.warning;
+      case 'approved':
+      case 'completed':
+        return RechargeurColors.success;
+      case 'rejected':
+      case 'cancelled':
+        return RechargeurColors.error;
+      default:
+        return Colors.grey;
+    }
+  }
+
+  /// Obtenir l'icône selon le statut
+  static IconData getStatusIcon(String status) {
+    switch (status.toLowerCase()) {
+      case 'pending':
+        return Icons.pending;
+      case 'approved':
+      case 'completed':
+        return Icons.check_circle;
+      case 'rejected':
+      case 'cancelled':
+        return Icons.cancel;
+      default:
+        return Icons.help_outline;
+    }
+  }
+
+  /// Formater une date relative
+  static String formatRelativeDate(DateTime date) {
+    final now = DateTime.now();
+    final difference = now.difference(date);
+
+    if (difference.inDays > 0) {
+      return '${difference.inDays}j';
+    } else if (difference.inHours > 0) {
+      return '${difference.inHours}h';
+    } else if (difference.inMinutes > 0) {
+      return '${difference.inMinutes}min';
+    } else {
+      return 'Maintenant';
+    }
+  }
+}
diff --git a/lib/pages/role_navigator.dart b/lib/pages/role_navigator.dart
new file mode 100644
index 0000000..95788d1
--- /dev/null
+++ b/lib/pages/role_navigator.dart
@@ -0,0 +1,85 @@
+// lib/utils/role_navigator.dart
+import 'package:flutter/material.dart';
+import '../pages/main_navigation.dart';
+import '../pages/admin_dashboard.dart';
+import '../pages/rechargeur_dashboard.dart';
+
+class RoleNavigator {
+  /// Naviguer vers la page appropriée selon le rôle
+  static void navigateByRole(BuildContext context, String role) {
+    Widget destination;
+
+    switch (role.toLowerCase()) {
+      case 'admin':
+        destination = AdminDashboard();
+        break;
+      case 'rechargeur':
+        destination = RechargeurDashboard();
+        break;
+      case 'agent':
+      default:
+        destination = MainNavigationPage(initialIndex: 0);
+        break;
+    }
+
+    Navigator.of(context).pushReplacement(
+      PageRouteBuilder(
+        pageBuilder: (context, animation, secondaryAnimation) => destination,
+        transitionsBuilder: (context, animation, secondaryAnimation, child) {
+          return FadeTransition(
+            opacity: animation,
+            child: SlideTransition(
+              position: Tween<Offset>(
+                begin: Offset(0.1, 0),
+                end: Offset.zero,
+              ).animate(
+                CurvedAnimation(parent: animation, curve: Curves.easeOut),
+              ),
+              child: child,
+            ),
+          );
+        },
+        transitionDuration: Duration(milliseconds: 600),
+      ),
+    );
+  }
+
+  /// Obtenir l'icône selon le rôle
+  static IconData getRoleIcon(String role) {
+    switch (role.toLowerCase()) {
+      case 'admin':
+        return Icons.admin_panel_settings;
+      case 'rechargeur':
+        return Icons.add_circle;
+      case 'agent':
+      default:
+        return Icons.person;
+    }
+  }
+
+  /// Obtenir la couleur selon le rôle
+  static Color getRoleColor(String role) {
+    switch (role.toLowerCase()) {
+      case 'admin':
+        return Color(0xFFE53E3E); // Rouge
+      case 'rechargeur':
+        return Color(0xFF38A169); // Vert
+      case 'agent':
+      default:
+        return Color(0xFF006699); // Bleu Wortis
+    }
+  }
+
+  /// Obtenir le nom d'affichage du rôle
+  static String getRoleDisplayName(String role) {
+    switch (role.toLowerCase()) {
+      case 'admin':
+        return 'Administrateur';
+      case 'rechargeur':
+        return 'Rechargeur';
+      case 'agent':
+      default:
+        return 'Agent';
+    }
+  }
+}
diff --git a/lib/pages/service.json b/lib/pages/service.json
new file mode 100644
index 0000000..431aca7
--- /dev/null
+++ b/lib/pages/service.json
@@ -0,0 +1,371 @@
+{
+  "_id": {
+    "$oid": "67800eeeaff834f203a70cad"
+  },
+  "name": "Cartes Play Store",
+  "Type_Service": "PaiementImmediat",
+  "SecteurActivite": "Cartes Virtuelles",
+  "icon": "credit_score_outlined",
+  "banner": "https://apigede.wortispay.cg/apk-mobile/banner_service/wsgaming.jpg",
+  "description": "Achetez des cartes Google Play pour accéder à des applications, des jeux, de la musique et bien plus encore sur votre appareil Android.\nVeuillez vous rassurer que votre compte est bien localisé en France.",
+  "tite_description": "Potentiel déverrouillé",
+  "status": true,
+  "error_400": "Pas encore defenit",
+  "error_500": "Quelque chose a mal fonctioné",
+  "comment_payer": "1.\tSélectionnez le montant de la carte Play Store.\n\n2.\tRenseignez vos détails pour l'achat.\n\n3.\tPayez via Mobile Money ou carte bancaire.",
+  "button_service": "Payer",
+  "bouton_list": "Ajouter un élément",
+  "steps": [
+    {
+      "request": "POST",
+      "fields": [
+        {
+          "name": "Service",
+          "type": "selecteur",
+          "options": [
+            {
+              "value": "Google Play",
+              "label": "Google Play"
+            },
+            {
+              "value": "Apple",
+              "label": "Apple"
+            }
+          ],
+          "required": true
+        }
+      ],
+      "link": "https://api.live.wortis.cg/verify_card_apk",
+      "title_button": "Suivant",
+      "body": {
+        "service": "Service"
+      }
+    },
+    {
+      "request": "POST",
+      "fields": [
+        {
+          "name": "typeCard",
+          "type": "selecteur",
+          "label": "Choisir votre forfait",
+          "options": [
+            {
+              "value": "Google Play Essentiel 10 €/8 913 Fcfa",
+              "label": "Google Play Essentiel\n10 €/8 913 Fcfa\n"
+            },
+            {
+              "value": "Google Play Découverte 15 €/13 369 Fcfa",
+              "label": "Google Play Découverte\n15 €/13 369 Fcfa\n"
+            },
+            {
+              "value": "Google Avancée 25 €/22 281 Fcfa",
+              "label": "Google Avancée\n25 €/22 281 Fcfa\n"
+            },
+            {
+              "value": "Google Deluxe 50€ 50 €/44 563 Fcfa",
+              "label": "Google Deluxe 50€\n50 €/44 563 Fcfa\n"
+            },
+            {
+              "value": "Google Deluxe 100€ 100 €/89 125 Fcfa",
+              "label": "Google Deluxe 100€\n100 €/89 125 Fcfa"
+            }
+          ],
+          "dependencies": [
+            {
+              "field": "service_selected",
+              "value": "Google Play"
+            }
+          ],
+          "required": true
+        },
+        {
+          "name": "typeCard",
+          "type": "selecteur",
+          "label": "Choisir votre forfait",
+          "options": [
+            {
+              "value": "Apple Essentiel  10 €/8 913 Fcfa",
+              "label": "Apple Essentiel\n 10 €/8 913 Fcfa\n"
+            },
+            {
+              "value": "Apple Découverte 15 €/13 369 Fcfa",
+              "label": "Apple Découverte \n15 €/13 369 Fcfa\n"
+            },
+            {
+              "value": "Apple Avancée 25 €/22 281 Fcfa",
+              "label": "Apple Avancée \n25 €/22 281 Fcfa\n"
+            },
+            {
+              "value": "Apple Deluxe 50 €/44 563 Fcfa",
+              "label": "Apple Deluxe \n50 €/44 563 Fcfa"
+            }
+          ],
+          "dependencies": [
+            {
+              "field": "service_selected",
+              "value": "Apple"
+            }
+          ],
+          "required": true
+        },
+        {
+          "name": "nom",
+          "type": "text",
+          "label": "Nom et Prénoms",
+          "required": true
+        },
+        {
+          "name": "email",
+          "type": "text",
+          "label": "Email",
+          "required": true
+        },
+        {
+          "name": "mobile",
+          "type": "number",
+          "label": "Numéro de paiement",
+          "required": true
+        },
+        {
+          "name": "token",
+          "type": "hidden",
+          "required": true
+        }
+      ],
+      "body": {
+        "nom": "nom",
+        "service": "service_selected",
+        "email": "email",
+        "mobile": "mobile",
+        "typeCard": "typeCard",
+        "token": "token"
+      },
+      "link_momo": "https://api.live.wortis.cg/commande_card_apk",
+      "api_fields": {
+        "service_selected": {
+          "type": "text",
+          "readonly": true,
+          "label": "Service Sélectionné",
+          "key": "service"
+        }
+      },
+      "link_cb": "https://api.live.wortis.cg/commande_card_apk"
+    }
+  ],
+  "logo": "https://apigede.wortispay.cg/apk-mobile/service_logo/game.png"
+}
+
+
+
+
+
+
+
+
+{
+  "_id": {
+    "$oid": "677d5e75c11a9f6c491f288e"
+  },
+  "name": "Cartes Gaming",
+  "Type_Service": "PaiementImmediat",
+  "SecteurActivite": "Cartes Virtuelles",
+  "icon": "credit_score_outlined",
+  "banner": "https://apigede.wortispay.cg/apk-mobile/banner_service/wsgaming.jpg",
+  "description": "Achetez des cartes de jeu en ligne pour vos plateformes favorites (PlayStation, Xbox, Steam, etc.). Profitez d'une expérience de jeu ininterrompue et d'un accès rapide à des contenus premium.",
+  "tite_description": "Accès jeux",
+  "status": true,
+  "error_400": "Pas encore defenit",
+  "error_500": "Quelque chose a mal fonctioné",
+  "comment_payer": "1.\tSélectionnez la carte de jeu souhaitée.\n\n2.\tIndiquez le montant et vos détails de livraison.\n\n3.\tProcédez au paiement via Mobile Money ou carte bancaire.",
+  "button_service": "Payer",
+  "bouton_list": "Ajouter un élément",
+  "steps": [
+    {
+      "request": "POST",
+      "fields": [
+        {
+          "name": "Service",
+          "type": "selecteur",
+          "options": [
+            {
+              "value": "Steam",
+              "label": "Steam"
+            },
+            {
+              "value": "Nitendo",
+              "label": "Nitendo"
+            },
+            {
+              "value": "Fortnite",
+              "label": "Fortnite"
+            },
+            {
+              "value": "PlayStation",
+              "label": "PlayStation"
+            }
+          ],
+          "required": true
+        }
+      ],
+      "link": "https://api.live.wortis.cg/verify_card_apk",
+      "title_button": "Suivant",
+      "body": {
+        "service": "Service"
+      }
+    },
+    {
+      "request": "POST",
+      "fields": [
+        {
+          "name": "TypeCard",
+          "type": "selecteur",
+          "options": [
+            {
+              "value": "Steam Essentiel 10 €/ 8 913 Fcfa",
+              "label": "Steam Essentiel \n10 €/ 8 913 Fcfa\n"
+            },
+            {
+              "value": "Steam Standard 20 €/17 825 Fcfa",
+              "label": "Steam Standard \n20 €/17 825 Fcfa\n"
+            },
+            {
+              "value": "Steam Delux 50 €/ 44 563 Fcfa",
+              "label": "Steam Delux \n50 €/ 44 563 Fcfa\n"
+            },
+            {
+              "value": "Steam Ultime 100 €/ 89 125 Fcfa",
+              "label": "Steam Ultime \n100 €/ 89 125 Fcfa"
+            }
+          ],
+          "dependencies": [
+            {
+              "field": "service_selected",
+              "value": "Steam"
+            }
+          ],
+          "required": true
+        },
+        {
+          "name": "TypeCard",
+          "type": "selecteur",
+          "options": [
+            {
+              "value": "Nitendo Décourte 15 €/ 13 369 Fcfa",
+              "label": "Nitendo Décourte \n15 €/ 13 369 Fcfa"
+            },
+            {
+              "value": "Nitendo Avancée 25 €/22 281 Fcfa",
+              "label": "Nitendo Avancée \n25 €/22 281 Fcfa\n"
+            },
+            {
+              "value": "Nitendo Delux 50 €/ 44 563 Fcfa",
+              "label": "Nitendo Delux \n50 €/ 44 563 Fcfa\n"
+            },
+            {
+              "value": "Nitendo Ultime 100 €/ 89 125 Fcfa",
+              "label": "Nitendo Ultime \n100 €/ 89 125 Fcfa"
+            }
+          ],
+          "dependencies": [
+            {
+              "field": "service_selected",
+              "value": "Nitendo"
+            }
+          ],
+          "required": true
+        },
+        {
+          "name": "TypeCard",
+          "type": "selecteur",
+          "options": [
+            {
+              "value": "Fortnite-1 8.99 €/8 012 Fcfa",
+              "label": "Fortnite-1 \n8.99 €/8 012 Fcfa\n"
+            },
+            {
+              "value": "Fortnite-2 22.99 €/20 490 Fcfa",
+              "label": "Fortnite-2 \n22.99 €/20 490 Fcfa\n"
+            },
+            {
+              "value": "Fortnite-5 36.99 €/32 967 Fcfa",
+              "label": "Fortnite-5 \n36.99 €/32 967 Fcfa\n"
+            },
+            {
+              "value": "Fortnite-13 89.99 €/80 204 Fcfa",
+              "label": "Fortnite-13 \n89.99 €/80 204 Fcfa"
+            }
+          ],
+          "dependencies": [
+            {
+              "field": "service_selected",
+              "value": "Fortnite"
+            }
+          ],
+          "required": true
+        },
+        {
+          "name": "TypeCard",
+          "type": "selecteur",
+          "options": [
+            {
+              "value": "PS Essentiel 10 €/8 913 Fcfa",
+              "label": "PS Essentiel \n10 €/8 913 Fcfa\n"
+            },
+            {
+              "value": "PS Standard 20 €/17 825 Fcfa",
+              "label": "PS Standard \n20 €/17 825 Fcfa\n"
+            },
+            {
+              "value": "PS Prenium 50 €/44 463 Fcfa",
+              "label": "PS Prenium \n50 €/44 463 Fcfa\n"
+            },
+            {
+              "value": "PS Avant-Garde 100 €/89 125 Fcfa",
+              "label": "PS Avant-Garde \n100 €/89 125 Fcfa"
+            }
+          ],
+          "dependencies": [
+            {
+              "field": "service_selected",
+              "value": "PlayStation"
+            }
+          ],
+          "required": true
+        },
+        {
+          "name": "Nom et Prénoms",
+          "type": "text",
+          "required": true
+        },
+        {
+          "name": "Email",
+          "type": "text",
+          "required": true
+        },
+        {
+          "name": "Numéro de paiement",
+          "type": "number",
+          "required": true
+        }
+      ],
+      "body": {
+        "nom": "Nom et Prénoms",
+        "service": "service_selected",
+        "email": "Email",
+        "mobile": "Numéro de paiement",
+        "typeCard": "typeCard"
+      },
+      "link_momo": "https://api.live.wortis.cg/commande_card_apk",
+      "api_fields": {
+        "service_selected": {
+          "type": "text",
+          "readonly": true,
+          "label": "Service Sélectionné",
+          "key": "service"
+        }
+      },
+      "link_cb": "https://api.live.wortis.cg/commande_card_apk"
+    }
+  ],
+  "logo": "https://apigede.wortispay.cg/apk-mobile/service_logo/game.png"
+}
\ No newline at end of file
diff --git a/lib/pages/session_manager.dart b/lib/pages/session_manager.dart
new file mode 100644
index 0000000..ae4ad95
--- /dev/null
+++ b/lib/pages/session_manager.dart
@@ -0,0 +1,157 @@
+import 'package:shared_preferences/shared_preferences.dart';
+
+class SessionManager {
+  static const String _keyUserId = 'user_id';
+  static const String _keyToken = 'user_token';
+  static const String _keyRole = 'user_role';
+  static const String _keyPIN = 'user_pin'; // Ajouté pour le PIN
+  static const String _keyLoginDate = 'login_date';
+  static const String _keyIsLoggedIn = 'is_logged_in';
+
+  static SessionManager? _instance;
+  static SharedPreferences? _prefs;
+
+  SessionManager._internal();
+
+  factory SessionManager() {
+    _instance ??= SessionManager._internal();
+    return _instance!;
+  }
+
+  Future<void> _initPrefs() async {
+    _prefs ??= await SharedPreferences.getInstance();
+  }
+
+  /// Sauvegarder une session
+  Future<void> saveSession(
+    String userId, {
+    String? token,
+    String? role,
+    String? pinkey, // Ajouté pour le PIN
+  }) async {
+    await _initPrefs();
+
+    await _prefs!.setString(_keyUserId, userId);
+    await _prefs!.setBool(_keyIsLoggedIn, true);
+    await _prefs!.setString(_keyLoginDate, DateTime.now().toIso8601String());
+
+    if (token != null) {
+      await _prefs!.setString(_keyToken, token);
+    }
+
+    if (role != null) {
+      await _prefs!.setString(_keyRole, role);
+    }
+
+    if (pinkey != null) {
+      await _prefs!.setString(_keyPIN, pinkey);
+    }
+
+    print('Session sauvegardée pour $userId');
+  }
+
+  /// Vérifier si l'utilisateur est connecté
+  Future<bool> isLoggedIn() async {
+    await _initPrefs();
+    return _prefs!.getBool(_keyIsLoggedIn) ?? false;
+  }
+
+  /// Récupérer l'ID utilisateur
+  Future<String?> getUserId() async {
+    await _initPrefs();
+    return _prefs!.getString(_keyUserId);
+  }
+
+  /// Récupérer le token
+  Future<String?> getToken() async {
+    await _initPrefs();
+    return _prefs!.getString(_keyToken);
+  }
+
+  /// Récupérer le rôle
+  Future<String?> getRole() async {
+    await _initPrefs();
+    return _prefs!.getString(_keyRole);
+  }
+
+  /// Récupérer le PIN (nouvelle méthode)
+  Future<String?> getPIN() async {
+    await _initPrefs();
+    return _prefs!.getString(_keyPIN);
+  }
+
+  /// Méthode synchrone pour le PIN (utilisée dans AuthController)
+  String? getPINSync() {
+    return _prefs?.getString(_keyPIN);
+  }
+
+  /// Récupérer la date de connexion
+  Future<DateTime?> getLoginDate() async {
+    await _initPrefs();
+    String? dateString = _prefs!.getString(_keyLoginDate);
+    if (dateString != null) {
+      return DateTime.parse(dateString);
+    }
+    return null;
+  }
+
+  /// Effacer la session
+  Future<void> clearSession() async {
+    await _initPrefs();
+
+    await _prefs!.remove(_keyUserId);
+    await _prefs!.remove(_keyToken);
+    await _prefs!.remove(_keyRole);
+    await _prefs!.remove(_keyPIN); // Supprimer aussi le PIN
+    await _prefs!.remove(_keyLoginDate);
+    await _prefs!.setBool(_keyIsLoggedIn, false);
+
+    print('Session effacée');
+  }
+
+  /// Mettre à jour le token uniquement
+  Future<void> updateToken(String newToken) async {
+    await _initPrefs();
+    await _prefs!.setString(_keyToken, newToken);
+  }
+
+  /// Vérifier si la session a expiré
+  Future<bool> isSessionExpired({Duration? maxAge}) async {
+    maxAge ??= Duration(days: 30); // 30 jours par défaut
+
+    DateTime? loginDate = await getLoginDate();
+    if (loginDate == null) return true;
+
+    return DateTime.now().difference(loginDate) > maxAge;
+  }
+
+  /// Obtenir toutes les informations de session
+  Future<Map<String, dynamic>> getSessionInfo() async {
+    await _initPrefs();
+
+    return {
+      'user_id': await getUserId(),
+      'token': await getToken(),
+      'role': await getRole(),
+      'pin': await getPIN(),
+      'login_date': await getLoginDate(),
+      'is_logged_in': await isLoggedIn(),
+      'is_expired': await isSessionExpired(),
+    };
+  }
+
+  /// Debug: Afficher les informations de session
+  Future<void> debugPrintSession() async {
+    Map<String, dynamic> sessionInfo = await getSessionInfo();
+    print('=== Informations de Session ===');
+    sessionInfo.forEach((key, value) {
+      if (key == 'pin' || key == 'token') {
+        // Masquer les données sensibles
+        print('$key: ${value?.toString().substring(0, 4) ?? 'null'}...');
+      } else {
+        print('$key: $value');
+      }
+    });
+    print('================================');
+  }
+}
diff --git a/lib/pages/splash_screen.dart b/lib/pages/splash_screen.dart
new file mode 100644
index 0000000..af081c0
--- /dev/null
+++ b/lib/pages/splash_screen.dart
@@ -0,0 +1,533 @@
+// ===== lib/pages/splash_screen.dart MODIFIÉ AVEC API =====
+import 'package:flutter/material.dart';
+import 'package:provider/provider.dart';
+import '../main.dart'; // Pour AuthController
+import '../widgets/wortis_logo.dart'; // NOUVEAU: Import du widget logo
+import 'login.dart';
+import 'main_navigation.dart';
+
+class SplashScreen extends StatefulWidget {
+  const SplashScreen({super.key});
+
+  @override
+  _SplashScreenState createState() => _SplashScreenState();
+}
+
+class _SplashScreenState extends State<SplashScreen>
+    with TickerProviderStateMixin {
+  late AnimationController _logoController;
+  late AnimationController _textController;
+  late AnimationController _loadingController;
+
+  late Animation<double> _logoFadeAnimation;
+  late Animation<double> _logoScaleAnimation;
+  late Animation<Offset> _logoSlideAnimation;
+
+  late Animation<double> _textFadeAnimation;
+  late Animation<Offset> _textSlideAnimation;
+
+  late Animation<double> _loadingFadeAnimation;
+
+  String _statusMessage = 'Initialisation...';
+  bool _hasApiConnection = false;
+
+  // Couleurs Wortis
+  static const Color primaryColor = Color(0xFF006699);
+  static const Color secondaryColor = Color(0xFF0088CC);
+  static const Color accentColor = Color(0xFFFF6B35);
+
+  @override
+  void initState() {
+    super.initState();
+    _setupAnimations();
+    _startAnimationSequence();
+    _checkAuthStatus();
+  }
+
+  void _setupAnimations() {
+    _logoController = AnimationController(
+      duration: Duration(milliseconds: 2000),
+      vsync: this,
+    );
+
+    _textController = AnimationController(
+      duration: Duration(milliseconds: 1500),
+      vsync: this,
+    );
+
+    _loadingController = AnimationController(
+      duration: Duration(milliseconds: 1200),
+      vsync: this,
+    );
+
+    _logoFadeAnimation = Tween<double>(begin: 0.0, end: 1.0).animate(
+      CurvedAnimation(
+        parent: _logoController,
+        curve: Interval(0.0, 0.6, curve: Curves.easeOut),
+      ),
+    );
+
+    _logoScaleAnimation = Tween<double>(begin: 0.3, end: 1.0).animate(
+      CurvedAnimation(
+        parent: _logoController,
+        curve: Interval(0.0, 0.8, curve: Curves.elasticOut),
+      ),
+    );
+
+    _logoSlideAnimation = Tween<Offset>(
+      begin: Offset(0, -0.5),
+      end: Offset.zero,
+    ).animate(
+      CurvedAnimation(
+        parent: _logoController,
+        curve: Interval(0.2, 1.0, curve: Curves.easeOutCubic),
+      ),
+    );
+
+    _textFadeAnimation = Tween<double>(
+      begin: 0.0,
+      end: 1.0,
+    ).animate(CurvedAnimation(parent: _textController, curve: Curves.easeOut));
+
+    _textSlideAnimation = Tween<Offset>(
+      begin: Offset(0, 0.3),
+      end: Offset.zero,
+    ).animate(CurvedAnimation(parent: _textController, curve: Curves.easeOut));
+
+    _loadingFadeAnimation = Tween<double>(begin: 0.0, end: 1.0).animate(
+      CurvedAnimation(parent: _loadingController, curve: Curves.easeIn),
+    );
+  }
+
+  void _startAnimationSequence() async {
+    _logoController.forward();
+
+    await Future.delayed(Duration(milliseconds: 800));
+    if (mounted) _textController.forward();
+
+    await Future.delayed(Duration(milliseconds: 400));
+    if (mounted) _loadingController.repeat();
+  }
+
+  void _updateStatus(String message) {
+    if (mounted) {
+      setState(() {
+        _statusMessage = message;
+      });
+    }
+  }
+
+  void _checkAuthStatus() async {
+    try {
+      // Étape 1: Test de connexion API
+      _updateStatus('Test de connexion API...');
+      await Future.delayed(Duration(milliseconds: 800));
+
+      if (!mounted) return;
+
+      final authController = Provider.of<AuthController>(
+        context,
+        listen: false,
+      );
+
+      // Tester la connexion à l'API
+      _hasApiConnection = await authController.testApiConnection();
+
+      if (_hasApiConnection) {
+        _updateStatus('API connectée ✓');
+        await Future.delayed(Duration(milliseconds: 600));
+      } else {
+        _updateStatus('Mode hors ligne');
+        await Future.delayed(Duration(milliseconds: 600));
+      }
+
+      // Étape 2: Vérification de l'authentification
+      _updateStatus('Vérification de session...');
+      await Future.delayed(Duration(milliseconds: 800));
+
+      if (!mounted) return;
+
+      bool isLoggedIn = await authController.checkLoginStatus(context);
+      print('L\'utilisateur est : $isLoggedIn');
+
+      _updateStatus('Finalisation...');
+      await Future.delayed(Duration(milliseconds: 500));
+
+      if (!mounted) return;
+
+      // Animation de sortie
+      await _logoController.reverse();
+
+      if (!mounted) return;
+
+      // Navigation
+      Navigator.of(context).pushReplacement(
+        PageRouteBuilder(
+          pageBuilder: (context, animation, secondaryAnimation) {
+            return isLoggedIn
+                ? MainNavigationPage(initialIndex: 0)
+                : LoginPage();
+          },
+          transitionsBuilder: (context, animation, secondaryAnimation, child) {
+            return FadeTransition(
+              opacity: animation,
+              child: SlideTransition(
+                position: Tween<Offset>(
+                  begin: Offset(0.0, 0.1),
+                  end: Offset.zero,
+                ).animate(
+                  CurvedAnimation(parent: animation, curve: Curves.easeOut),
+                ),
+                child: child,
+              ),
+            );
+          },
+          transitionDuration: Duration(milliseconds: 600),
+        ),
+      );
+    } catch (e) {
+      print('Erreur lors de la vérification d\'authentification: $e');
+      _updateStatus('Erreur de connexion');
+      await Future.delayed(Duration(seconds: 2));
+
+      if (mounted) {
+        Navigator.of(
+          context,
+        ).pushReplacement(MaterialPageRoute(builder: (context) => LoginPage()));
+      }
+    }
+  }
+
+  void _showConnectionError() {
+    if (mounted) {
+      showDialog(
+        context: context,
+        barrierDismissible: false,
+        builder:
+            (context) => AlertDialog(
+              shape: RoundedRectangleBorder(
+                borderRadius: BorderRadius.circular(16),
+              ),
+              title: Row(
+                children: [
+                  Icon(Icons.warning, color: Colors.orange),
+                  SizedBox(width: 8),
+                  Text('Connexion API'),
+                ],
+              ),
+              content: Column(
+                mainAxisSize: MainAxisSize.min,
+                crossAxisAlignment: CrossAxisAlignment.start,
+                children: [
+                  Text(
+                    'Impossible de se connecter au serveur Flask.\n',
+                    style: TextStyle(fontWeight: FontWeight.w500),
+                  ),
+                  Text('Vérifiez que :'),
+                  SizedBox(height: 8),
+                  Text('• Le serveur Flask est démarré'),
+                  Text('• MongoDB fonctionne'),
+                  Text('• L\'URL API est correcte'),
+                  Text('• Votre connexion réseau'),
+                  SizedBox(height: 12),
+                  Container(
+                    padding: EdgeInsets.all(12),
+                    decoration: BoxDecoration(
+                      color: Colors.grey.shade100,
+                      borderRadius: BorderRadius.circular(8),
+                    ),
+                    child: Text(
+                      'Vous pouvez continuer en mode hors ligne avec des données de démonstration.',
+                      style: TextStyle(
+                        fontSize: 13,
+                        color: Colors.grey.shade700,
+                      ),
+                    ),
+                  ),
+                ],
+              ),
+              actions: [
+                TextButton(
+                  onPressed: () {
+                    Navigator.of(context).pop();
+                    _checkAuthStatus(); // Réessayer
+                  },
+                  child: Text('Réessayer'),
+                ),
+                ElevatedButton(
+                  onPressed: () {
+                    Navigator.of(context).pop();
+                    Navigator.of(context).pushReplacement(
+                      MaterialPageRoute(builder: (context) => LoginPage()),
+                    );
+                  },
+                  style: ElevatedButton.styleFrom(
+                    backgroundColor: primaryColor,
+                  ),
+                  child: Text(
+                    'Continuer',
+                    style: TextStyle(color: Colors.white),
+                  ),
+                ),
+              ],
+            ),
+      );
+    }
+  }
+
+  @override
+  void dispose() {
+    _logoController.dispose();
+    _textController.dispose();
+    _loadingController.dispose();
+    super.dispose();
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return Scaffold(
+      body: Container(
+        decoration: BoxDecoration(
+          gradient: LinearGradient(
+            begin: Alignment.topLeft,
+            end: Alignment.bottomRight,
+            colors: [
+              primaryColor,
+              primaryColor.withOpacity(0.8),
+              secondaryColor,
+            ],
+            stops: [0.0, 0.6, 1.0],
+          ),
+        ),
+        child: SafeArea(
+          child: Center(
+            child: Column(
+              mainAxisAlignment: MainAxisAlignment.center,
+              children: [
+                Spacer(flex: 2),
+
+                // Logo principal animé
+                _buildAnimatedLogo(),
+
+                SizedBox(height: 40),
+
+                // Texte principal animé
+                _buildAnimatedText(),
+
+                Spacer(flex: 2),
+
+                // Section loading avec statut API
+                _buildLoadingSection(),
+
+                SizedBox(height: 60),
+              ],
+            ),
+          ),
+        ),
+      ),
+    );
+  }
+
+  Widget _buildAnimatedLogo() {
+    return AnimatedBuilder(
+      animation: _logoController,
+      builder: (context, child) {
+        return SlideTransition(
+          position: _logoSlideAnimation,
+          child: FadeTransition(
+            opacity: _logoFadeAnimation,
+            child: Transform.scale(
+              scale: _logoScaleAnimation.value,
+              child: WortisLogoWidget(
+                size: 130,
+                isWhite: true, // Logo blanc pour le fond bleu
+                withShadow: true,
+              ),
+            ),
+          ),
+        );
+      },
+    );
+  }
+
+  Widget _buildAnimatedText() {
+    return AnimatedBuilder(
+      animation: _textController,
+      builder: (context, child) {
+        return SlideTransition(
+          position: _textSlideAnimation,
+          child: FadeTransition(
+            opacity: _textFadeAnimation,
+            child: Column(
+              children: [
+                Text(
+                  'WORTIS',
+                  style: TextStyle(
+                    fontSize: 42,
+                    fontWeight: FontWeight.bold,
+                    color: Colors.white,
+                    letterSpacing: 8,
+                    shadows: [
+                      Shadow(
+                        offset: Offset(0, 3),
+                        blurRadius: 6,
+                        color: Colors.black.withOpacity(0.4),
+                      ),
+                    ],
+                  ),
+                ),
+
+                SizedBox(height: 12),
+
+                Text(
+                  'Réseau Commercial',
+                  style: TextStyle(
+                    fontSize: 18,
+                    color: Colors.white.withOpacity(0.9),
+                    letterSpacing: 3,
+                    fontWeight: FontWeight.w300,
+                    shadows: [
+                      Shadow(
+                        offset: Offset(0, 1),
+                        blurRadius: 3,
+                        color: Colors.black.withOpacity(0.3),
+                      ),
+                    ],
+                  ),
+                ),
+
+                SizedBox(height: 8),
+
+                Container(
+                  padding: EdgeInsets.symmetric(horizontal: 16, vertical: 6),
+                  decoration: BoxDecoration(
+                    color: Colors.white.withOpacity(0.2),
+                    borderRadius: BorderRadius.circular(20),
+                    border: Border.all(
+                      color: Colors.white.withOpacity(0.3),
+                      width: 1,
+                    ),
+                  ),
+                  child: Row(
+                    mainAxisSize: MainAxisSize.min,
+                    children: [
+                      Icon(
+                        _hasApiConnection ? Icons.cloud_done : Icons.cloud_off,
+                        color: Colors.white.withOpacity(0.8),
+                        size: 14,
+                      ),
+                      SizedBox(width: 6),
+                      Text(
+                        'Agent Mobile App v1.0',
+                        style: TextStyle(
+                          fontSize: 13,
+                          color: Colors.white.withOpacity(0.8),
+                          letterSpacing: 1,
+                          fontWeight: FontWeight.w400,
+                        ),
+                      ),
+                    ],
+                  ),
+                ),
+              ],
+            ),
+          ),
+        );
+      },
+    );
+  }
+
+  Widget _buildLoadingSection() {
+    return AnimatedBuilder(
+      animation: _loadingController,
+      builder: (context, child) {
+        return FadeTransition(
+          opacity: _loadingFadeAnimation,
+          child: Column(
+            children: [
+              Stack(
+                alignment: Alignment.center,
+                children: [
+                  SizedBox(
+                    width: 50,
+                    height: 50,
+                    child: CircularProgressIndicator(
+                      strokeWidth: 3,
+                      valueColor: AlwaysStoppedAnimation<Color>(
+                        Colors.white.withOpacity(0.8),
+                      ),
+                      backgroundColor: Colors.white.withOpacity(0.2),
+                    ),
+                  ),
+                  Container(
+                    width: 8,
+                    height: 8,
+                    decoration: BoxDecoration(
+                      color: _hasApiConnection ? Colors.green : Colors.orange,
+                      shape: BoxShape.circle,
+                    ),
+                  ),
+                ],
+              ),
+
+              SizedBox(height: 20),
+
+              // Message de statut dynamique
+              Text(
+                _statusMessage,
+                style: TextStyle(
+                  fontSize: 16,
+                  color: Colors.white.withOpacity(0.9),
+                  fontWeight: FontWeight.w300,
+                  letterSpacing: 1,
+                ),
+              ),
+
+              SizedBox(height: 8),
+
+              Text(
+                'Initialisation de votre espace agent',
+                style: TextStyle(
+                  fontSize: 12,
+                  color: Colors.white.withOpacity(0.7),
+                  fontWeight: FontWeight.w300,
+                ),
+              ),
+
+              if (!_hasApiConnection &&
+                  _statusMessage.contains('hors ligne')) ...[
+                SizedBox(height: 12),
+                Container(
+                  padding: EdgeInsets.symmetric(horizontal: 12, vertical: 6),
+                  decoration: BoxDecoration(
+                    color: Colors.orange.withOpacity(0.2),
+                    borderRadius: BorderRadius.circular(16),
+                    border: Border.all(color: Colors.orange.withOpacity(0.3)),
+                  ),
+                  child: Row(
+                    mainAxisSize: MainAxisSize.min,
+                    children: [
+                      Icon(
+                        Icons.wifi_off,
+                        color: Colors.white.withOpacity(0.8),
+                        size: 14,
+                      ),
+                      SizedBox(width: 6),
+                      Text(
+                        'Mode démo',
+                        style: TextStyle(
+                          fontSize: 12,
+                          color: Colors.white.withOpacity(0.8),
+                        ),
+                      ),
+                    ],
+                  ),
+                ),
+              ],
+            ],
+          ),
+        );
+      },
+    );
+  }
+}
diff --git a/lib/services/connectivity_service.dart b/lib/services/connectivity_service.dart
new file mode 100644
index 0000000..da24ffd
--- /dev/null
+++ b/lib/services/connectivity_service.dart
@@ -0,0 +1,600 @@
+// lib/services/connectivity_service.dart - VERSION AVEC SUPPORT ENTREPRISE
+import 'dart:async';
+import 'dart:io';
+import 'package:flutter/material.dart';
+import 'package:flutter/services.dart';
+import 'package:provider/provider.dart';
+import '../main.dart'; // Pour accéder à AuthController
+
+class ConnectivityService extends ChangeNotifier {
+  static final ConnectivityService _instance = ConnectivityService._internal();
+  factory ConnectivityService() => _instance;
+  ConnectivityService._internal();
+
+  bool _isConnected = true;
+  bool _isChecking = false;
+  Timer? _periodicTimer;
+  bool _hasNetworkInterface = true;
+  DateTime? _lastDisconnectionTime;
+  int _reconnectionAttempts = 0;
+
+  bool get isConnected => _isConnected;
+  bool get hasNetworkInterface => _hasNetworkInterface;
+  DateTime? get lastDisconnectionTime => _lastDisconnectionTime;
+  int get reconnectionAttempts => _reconnectionAttempts;
+
+  // Clé globale pour accéder au navigator
+  static GlobalKey<NavigatorState>? navigatorKey;
+
+  /// Initialiser le service avec la clé navigator
+  static void setNavigatorKey(GlobalKey<NavigatorState> key) {
+    navigatorKey = key;
+    print('✅ NavigatorKey configuré pour ConnectivityService');
+  }
+
+  /// Démarrer la surveillance
+  void startMonitoring() {
+    print('🌐 Démarrage de la surveillance de connectivité');
+    _periodicTimer?.cancel();
+    _periodicTimer = Timer.periodic(Duration(seconds: 5), (timer) {
+      checkConnectivity();
+    });
+
+    // Vérification initiale après un délai
+    Future.delayed(Duration(seconds: 2), () {
+      checkConnectivity();
+    });
+  }
+
+  /// Vérifier la connectivité
+  Future<void> checkConnectivity() async {
+    if (_isChecking) return;
+    _isChecking = true;
+
+    try {
+      print('🔍 Vérification de la connectivité...');
+
+      // Étape 1: Vérifier les interfaces réseau
+      _hasNetworkInterface = await _checkNetworkInterfaces();
+
+      if (!_hasNetworkInterface) {
+        print('❌ Aucune interface réseau trouvée');
+        _updateConnectivityStatus(false);
+        return;
+      }
+
+      // Étape 2: Tester la connectivité internet
+      bool hasInternetAccess = await _testInternetConnectivity();
+      print('🌍 Accès internet: $hasInternetAccess');
+
+      _updateConnectivityStatus(hasInternetAccess);
+    } catch (e) {
+      print('❌ Erreur lors de la vérification: $e');
+      _updateConnectivityStatus(false);
+    } finally {
+      _isChecking = false;
+    }
+  }
+
+  /// Vérifier les interfaces réseau
+  Future<bool> _checkNetworkInterfaces() async {
+    try {
+      final interfaces = await NetworkInterface.list(
+        includeLinkLocal: false,
+        type: InternetAddressType.any,
+      );
+
+      bool hasActiveInterface = interfaces.any(
+        (interface) =>
+            !interface.name.toLowerCase().contains('lo') &&
+            interface.addresses.isNotEmpty,
+      );
+
+      print('📡 Interfaces réseau actives: $hasActiveInterface');
+      if (hasActiveInterface) {
+        print(
+          '   Interfaces trouvées: ${interfaces.map((i) => i.name).join(", ")}',
+        );
+      }
+
+      return hasActiveInterface;
+    } catch (e) {
+      print('❌ Erreur vérification interfaces: $e');
+      return false;
+    }
+  }
+
+  /// Tester la connectivité internet avec plusieurs cibles
+  Future<bool> _testInternetConnectivity() async {
+    final testTargets = [
+      {'host': '1.1.1.1', 'port': 53, 'name': 'Cloudflare DNS'},
+      {'host': '8.8.8.8', 'port': 53, 'name': 'Google DNS'},
+      {'host': 'google.com', 'port': 80, 'name': 'Google'},
+    ];
+
+    for (var target in testTargets) {
+      try {
+        final socket = await Socket.connect(
+          target['host'] as String,
+          target['port'] as int,
+          timeout: Duration(seconds: 3),
+        );
+        socket.destroy();
+        print('✅ Connexion réussie à ${target['name']}');
+        return true;
+      } catch (e) {
+        print('⚠️  Échec connexion à ${target['name']}: $e');
+      }
+    }
+
+    print('❌ Toutes les tentatives de connexion ont échoué');
+    return false;
+  }
+
+  /// Mettre à jour le statut de connectivité
+  void _updateConnectivityStatus(bool isConnected) {
+    if (isConnected != _isConnected) {
+      print('🔄 Changement connectivité: $_isConnected -> $isConnected');
+
+      final previousStatus = _isConnected;
+      _isConnected = isConnected;
+
+      if (!_isConnected) {
+        _lastDisconnectionTime = DateTime.now();
+        _reconnectionAttempts = 0;
+        _showNoConnectionDialog();
+      } else if (previousStatus == false && _isConnected) {
+        // Reconnexion réussie
+        print('✅ Reconnexion établie');
+        _reconnectionAttempts = 0;
+        _showReconnectionSuccess();
+      }
+
+      notifyListeners();
+    }
+  }
+
+  /// Afficher le dialog de perte de connexion
+  void _showNoConnectionDialog() {
+    if (navigatorKey?.currentState == null) {
+      print('⚠️  NavigatorState non disponible');
+      return;
+    }
+
+    print('🚨 Affichage du popup de perte de connexion');
+
+    navigatorKey!.currentState!.push(
+      PageRouteBuilder(
+        opaque: false,
+        barrierDismissible: false,
+        barrierColor: Colors.black54,
+        pageBuilder: (BuildContext context, _, __) {
+          return WillPopScope(
+            onWillPop: () async => false,
+            child: Dialog(
+              shape: RoundedRectangleBorder(
+                borderRadius: BorderRadius.circular(20),
+              ),
+              child: _buildDialogContent(context),
+            ),
+          );
+        },
+      ),
+    );
+  }
+
+  /// Construire le contenu du dialog de déconnexion
+  Widget _buildDialogContent(BuildContext context) {
+    return Container(
+      padding: EdgeInsets.all(24),
+      child: Column(
+        mainAxisSize: MainAxisSize.min,
+        children: [
+          // Icône animée
+          TweenAnimationBuilder<double>(
+            duration: Duration(milliseconds: 800),
+            tween: Tween(begin: 0.0, end: 1.0),
+            builder: (context, value, child) {
+              return Transform.scale(
+                scale: value,
+                child: Container(
+                  width: 80,
+                  height: 80,
+                  decoration: BoxDecoration(
+                    gradient: LinearGradient(
+                      colors: [Colors.red[400]!, Colors.red[600]!],
+                      begin: Alignment.topLeft,
+                      end: Alignment.bottomRight,
+                    ),
+                    shape: BoxShape.circle,
+                    boxShadow: [
+                      BoxShadow(
+                        color: Colors.red.withOpacity(0.3),
+                        blurRadius: 20,
+                        offset: Offset(0, 10),
+                      ),
+                    ],
+                  ),
+                  child: Icon(
+                    Icons.wifi_off_rounded,
+                    color: Colors.white,
+                    size: 40,
+                  ),
+                ),
+              );
+            },
+          ),
+
+          SizedBox(height: 24),
+
+          // Titre
+          Text(
+            'Problème de connexion',
+            style: TextStyle(
+              fontSize: 24,
+              fontWeight: FontWeight.bold,
+              color: Color(0xFF006699),
+            ),
+            textAlign: TextAlign.center,
+          ),
+
+          SizedBox(height: 16),
+
+          // Message détaillé
+          Container(
+            padding: EdgeInsets.all(16),
+            decoration: BoxDecoration(
+              color: Colors.red[50],
+              borderRadius: BorderRadius.circular(12),
+              border: Border.all(color: Colors.red[200]!, width: 1),
+            ),
+            child: Row(
+              children: [
+                Icon(
+                  _hasNetworkInterface
+                      ? Icons.cloud_off_rounded
+                      : Icons.wifi_off_rounded,
+                  color: Colors.red[700],
+                  size: 24,
+                ),
+                SizedBox(width: 12),
+                Expanded(
+                  child: Text(
+                    _getDetailedMessage(),
+                    style: TextStyle(
+                      fontSize: 14,
+                      color: Colors.red[900],
+                      height: 1.5,
+                    ),
+                  ),
+                ),
+              ],
+            ),
+          ),
+
+          SizedBox(height: 24),
+
+          // Informations utilisateur (si connecté)
+          Consumer<AuthController>(
+            builder: (context, authController, child) {
+              if (authController.isLoggedIn) {
+                final isEnterprise = authController.isEnterpriseMember;
+                return Container(
+                  padding: EdgeInsets.all(12),
+                  margin: EdgeInsets.only(bottom: 16),
+                  decoration: BoxDecoration(
+                    color:
+                        isEnterprise
+                            ? Color(0xFF8B5CF6).withOpacity(0.1)
+                            : Color(0xFF006699).withOpacity(0.1),
+                    borderRadius: BorderRadius.circular(12),
+                    border: Border.all(
+                      color:
+                          isEnterprise
+                              ? Color(0xFF8B5CF6).withOpacity(0.3)
+                              : Color(0xFF006699).withOpacity(0.3),
+                    ),
+                  ),
+                  child: Row(
+                    children: [
+                      Icon(
+                        isEnterprise ? Icons.business : Icons.person,
+                        color:
+                            isEnterprise
+                                ? Color(0xFF8B5CF6)
+                                : Color(0xFF006699),
+                        size: 20,
+                      ),
+                      SizedBox(width: 8),
+                      Expanded(
+                        child: Column(
+                          crossAxisAlignment: CrossAxisAlignment.start,
+                          children: [
+                            Text(
+                              authController.agentName ?? 'Agent',
+                              style: TextStyle(
+                                fontSize: 14,
+                                fontWeight: FontWeight.w600,
+                                color: Colors.black87,
+                              ),
+                              overflow: TextOverflow.ellipsis,
+                            ),
+                            if (isEnterprise &&
+                                authController.enterprise?.nomEntreprise !=
+                                    null) ...[
+                              SizedBox(height: 2),
+                              Text(
+                                authController.enterprise!.nomEntreprise,
+                                style: TextStyle(
+                                  fontSize: 12,
+                                  color: Colors.grey[600],
+                                ),
+                                overflow: TextOverflow.ellipsis,
+                              ),
+                            ],
+                          ],
+                        ),
+                      ),
+                      Container(
+                        padding: EdgeInsets.symmetric(
+                          horizontal: 8,
+                          vertical: 4,
+                        ),
+                        decoration: BoxDecoration(
+                          color:
+                              isEnterprise
+                                  ? Color(0xFF8B5CF6)
+                                  : Color(0xFF006699),
+                          borderRadius: BorderRadius.circular(8),
+                        ),
+                        child: Text(
+                          isEnterprise ? 'Entreprise' : 'Agent',
+                          style: TextStyle(
+                            color: Colors.white,
+                            fontSize: 10,
+                            fontWeight: FontWeight.w600,
+                          ),
+                        ),
+                      ),
+                    ],
+                  ),
+                );
+              }
+              return SizedBox.shrink();
+            },
+          ),
+
+          // Boutons d'action
+          Row(
+            children: [
+              Expanded(
+                child: OutlinedButton.icon(
+                  onPressed: () {
+                    Navigator.of(context).pop();
+                    _reconnectionAttempts++;
+                    checkConnectivity();
+                  },
+                  icon: Icon(Icons.refresh_rounded, size: 20),
+                  label: Text('Réessayer'),
+                  style: OutlinedButton.styleFrom(
+                    padding: EdgeInsets.symmetric(vertical: 16),
+                    side: BorderSide(color: Color(0xFF006699), width: 2),
+                    foregroundColor: Color(0xFF006699),
+                    shape: RoundedRectangleBorder(
+                      borderRadius: BorderRadius.circular(12),
+                    ),
+                  ),
+                ),
+              ),
+              SizedBox(width: 12),
+              Expanded(
+                child: ElevatedButton.icon(
+                  onPressed: () {
+                    Navigator.of(context).pop();
+                    _openWifiSettings();
+                  },
+                  icon: Icon(Icons.wifi_find_rounded, size: 20),
+                  label: Text('WiFi'),
+                  style: ElevatedButton.styleFrom(
+                    backgroundColor: Color(0xFF006699),
+                    foregroundColor: Colors.white,
+                    padding: EdgeInsets.symmetric(vertical: 16),
+                    elevation: 2,
+                    shape: RoundedRectangleBorder(
+                      borderRadius: BorderRadius.circular(12),
+                    ),
+                  ),
+                ),
+              ),
+            ],
+          ),
+
+          // Compteur de tentatives
+          if (_reconnectionAttempts > 0) ...[
+            SizedBox(height: 12),
+            Text(
+              'Tentative ${_reconnectionAttempts + 1}',
+              style: TextStyle(
+                fontSize: 12,
+                color: Colors.grey[600],
+                fontStyle: FontStyle.italic,
+              ),
+            ),
+          ],
+        ],
+      ),
+    );
+  }
+
+  /// Message détaillé selon le type de problème
+  String _getDetailedMessage() {
+    if (!_hasNetworkInterface) {
+      return 'Aucun réseau WiFi détecté. Veuillez vous connecter à un réseau WiFi pour utiliser WORTIS Agent.';
+    } else {
+      return 'Connexion internet indisponible. Vérifiez que votre réseau WiFi a accès à internet.';
+    }
+  }
+
+  /// Afficher un message de reconnexion réussie
+  void _showReconnectionSuccess() {
+    if (navigatorKey?.currentContext == null) return;
+
+    final context = navigatorKey!.currentContext!;
+
+    ScaffoldMessenger.of(context).showSnackBar(
+      SnackBar(
+        content: Row(
+          children: [
+            Container(
+              padding: EdgeInsets.all(8),
+              decoration: BoxDecoration(
+                color: Colors.white.withOpacity(0.2),
+                shape: BoxShape.circle,
+              ),
+              child: Icon(Icons.wifi_rounded, color: Colors.white, size: 20),
+            ),
+            SizedBox(width: 12),
+            Expanded(
+              child: Column(
+                crossAxisAlignment: CrossAxisAlignment.start,
+                mainAxisSize: MainAxisSize.min,
+                children: [
+                  Text(
+                    'Connexion rétablie',
+                    style: TextStyle(
+                      color: Colors.white,
+                      fontSize: 16,
+                      fontWeight: FontWeight.w600,
+                    ),
+                  ),
+                  SizedBox(height: 2),
+                  Text(
+                    'Vous pouvez continuer à utiliser l\'application',
+                    style: TextStyle(
+                      color: Colors.white.withOpacity(0.9),
+                      fontSize: 12,
+                    ),
+                  ),
+                ],
+              ),
+            ),
+          ],
+        ),
+        backgroundColor: Colors.green[600],
+        behavior: SnackBarBehavior.floating,
+        shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(12)),
+        duration: Duration(seconds: 3),
+        margin: EdgeInsets.all(16),
+      ),
+    );
+  }
+
+  /// Ouvrir les paramètres WiFi
+  void _openWifiSettings() async {
+    try {
+      print('📱 Ouverture des paramètres WiFi');
+      const platform = MethodChannel('com.wortis.agent/settings');
+
+      // Sortir du mode kiosque si activé
+      try {
+        await platform.invokeMethod('exitKioskMode');
+      } catch (e) {
+        print('⚠️  Mode kiosque non actif ou erreur: $e');
+      }
+
+      // Ouvrir les paramètres WiFi
+      await platform.invokeMethod('openWifiSettings');
+
+      // Fermer le dialog
+      if (navigatorKey?.currentContext != null) {
+        Navigator.of(navigatorKey!.currentContext!).pop();
+      }
+    } catch (e) {
+      print('❌ Erreur ouverture paramètres WiFi: $e');
+
+      if (navigatorKey?.currentContext != null) {
+        ScaffoldMessenger.of(navigatorKey!.currentContext!).showSnackBar(
+          SnackBar(
+            content: Text('Impossible d\'ouvrir les paramètres WiFi'),
+            backgroundColor: Colors.red,
+          ),
+        );
+      }
+    }
+  }
+
+  /// Forcer un test manuel (pour debug)
+  void forceCheck() {
+    print('🔧 Test forcé de connectivité');
+    checkConnectivity();
+  }
+
+  /// Méthode de test pour forcer l'affichage du popup
+  void showTestPopup() {
+    print('🧪 Test d\'affichage du popup de déconnexion');
+    _isConnected = false;
+    _lastDisconnectionTime = DateTime.now();
+    _reconnectionAttempts = 0;
+    _showNoConnectionDialog();
+  }
+
+  /// Simuler une reconnexion (pour test)
+  void simulateReconnection() {
+    print('🧪 Simulation de reconnexion');
+    _updateConnectivityStatus(true);
+  }
+
+  /// Obtenir les statistiques de connectivité
+  Map<String, dynamic> getConnectivityStats() {
+    return {
+      'is_connected': _isConnected,
+      'has_network_interface': _hasNetworkInterface,
+      'last_disconnection': _lastDisconnectionTime?.toIso8601String(),
+      'reconnection_attempts': _reconnectionAttempts,
+      'is_checking': _isChecking,
+    };
+  }
+
+  /// Réinitialiser les statistiques
+  void resetStats() {
+    _reconnectionAttempts = 0;
+    _lastDisconnectionTime = null;
+    print('📊 Statistiques de connectivité réinitialisées');
+  }
+
+  @override
+  void dispose() {
+    print('🛑 Arrêt du service de connectivité');
+    _periodicTimer?.cancel();
+    super.dispose();
+  }
+}
+
+/// Extension pour des méthodes utilitaires
+extension ConnectivityServiceExtension on ConnectivityService {
+  /// Vérifier si la connexion est stable
+  bool get isStable {
+    return _isConnected && _reconnectionAttempts == 0;
+  }
+
+  /// Obtenir le temps depuis la dernière déconnexion
+  Duration? get timeSinceLastDisconnection {
+    if (_lastDisconnectionTime == null) return null;
+    return DateTime.now().difference(_lastDisconnectionTime!);
+  }
+
+  /// Obtenir un message de statut lisible
+  String get statusMessage {
+    if (_isConnected) {
+      if (_reconnectionAttempts > 0) {
+        return 'Connexion rétablie après $_reconnectionAttempts tentatives';
+      }
+      return 'Connecté';
+    } else {
+      if (!_hasNetworkInterface) {
+        return 'Aucun réseau WiFi';
+      }
+      return 'Pas de connexion internet';
+    }
+  }
+}
diff --git a/lib/services/wortis_api_service.dart b/lib/services/wortis_api_service.dart
new file mode 100644
index 0000000..767b646
--- /dev/null
+++ b/lib/services/wortis_api_service.dart
@@ -0,0 +1,561 @@
+// Enhanced lib/services/wortis_api_service.dart
+import 'dart:convert';
+import 'dart:io';
+import 'package:flutter/material.dart';
+import 'package:http/http.dart' as http;
+import '../models/service_model.dart';
+
+class WortisApiService {
+  static const String baseUrl = 'https://api.live.wortis.cg/tpe';
+
+  // Singleton pattern
+  static final WortisApiService _instance = WortisApiService._internal();
+  factory WortisApiService() => _instance;
+  WortisApiService._internal();
+
+  // Retry configuration
+  static const int maxRetries = 3;
+  static const Duration retryDelay = Duration(seconds: 2);
+
+  Future<List<WortisService>> getServices() async {
+    return _retryRequest<List<WortisService>>(() async {
+      final response = await http
+          .get(
+            Uri.parse('$baseUrl/get_services_back'),
+            headers: {
+              'Content-Type': 'application/json',
+              'Accept': 'application/json',
+              'Connection': 'keep-alive',
+            },
+          )
+          .timeout(Duration(seconds: 30));
+
+      if (response.statusCode == 200) {
+        final Map<String, dynamic> jsonData = json.decode(response.body);
+        final List<dynamic> servicesJson = jsonData['all_services'] ?? [];
+
+        return servicesJson
+            .map((serviceJson) => WortisService.fromJson(serviceJson))
+            .toList();
+      } else {
+        throw Exception('Erreur API: ${response.statusCode}');
+      }
+    });
+  }
+
+  // Méthode pour grouper les services par secteur
+  Map<String, List<WortisService>> groupServicesBySector(
+    List<WortisService> services,
+  ) {
+    Map<String, List<WortisService>> grouped = {};
+
+    for (var service in services) {
+      String sector = service.secteurActivite;
+      if (grouped[sector] == null) {
+        grouped[sector] = [];
+      }
+      grouped[sector]!.add(service);
+    }
+
+    return grouped;
+  }
+
+  // Generic retry logic
+  Future<T> _retryRequest<T>(Future<T> Function() request) async {
+    Exception? lastException;
+
+    for (int attempt = 1; attempt <= maxRetries; attempt++) {
+      try {
+        return await request();
+      } on SocketException catch (e) {
+        lastException = e;
+        print('Tentative $attempt échouée (SocketException): $e');
+        if (attempt < maxRetries) {
+          await Future.delayed(retryDelay * attempt);
+        }
+      } on HttpException catch (e) {
+        lastException = e;
+        print('Tentative $attempt échouée (HttpException): $e');
+        if (attempt < maxRetries) {
+          await Future.delayed(retryDelay * attempt);
+        }
+      } on http.ClientException catch (e) {
+        lastException = e;
+        print('Tentative $attempt échouée (ClientException): $e');
+        if (attempt < maxRetries) {
+          await Future.delayed(retryDelay * attempt);
+        }
+      } catch (e) {
+        // For other exceptions, don't retry
+        rethrow;
+      }
+    }
+
+    throw Exception(
+      'Impossible de se connecter après $maxRetries tentatives: $lastException',
+    );
+  }
+}
+
+class AuthApiService {
+  static const String baseUrl = 'https://api.live.wortis.cg/tpe';
+  static const int maxRetries = 3;
+  static const Duration retryDelay = Duration(seconds: 2);
+
+  /// Test de connexion à l'API avec retry
+  static Future<bool> testConnection() async {
+    try {
+      return await _retryRequest<bool>(() async {
+        final response = await http
+            .get(
+              Uri.parse('http://google.com/'),
+              headers: {
+                'Content-Type': 'application/json',
+                'Connection': 'keep-alive',
+              },
+            )
+            .timeout(Duration(seconds: 10));
+
+        if (response.statusCode == 200) {
+          final data = jsonDecode(response.body);
+          return data['success'] == true;
+        }
+        return false;
+      });
+    } catch (e) {
+      print('Erreur test connexion après plusieurs tentatives: $e');
+      return false;
+    }
+  }
+
+  /// Connexion utilisateur avec retry
+  static Future<Map<String, dynamic>> login(String agentId, String pin) async {
+    try {
+      return await _retryRequest<Map<String, dynamic>>(() async {
+        final response = await http
+            .post(
+              Uri.parse('$baseUrl/auth/login'),
+              headers: {
+                'Content-Type': 'application/json',
+                'Connection': 'keep-alive',
+              },
+              body: jsonEncode({'agent_id': agentId, 'pin': pin}),
+            )
+            .timeout(Duration(seconds: 15));
+
+        return jsonDecode(response.body);
+      });
+    } catch (e) {
+      print('Erreur login API après retry: $e');
+      return {'success': false, 'message': 'Erreur de connexion au serveur'};
+    }
+  }
+
+  /// Créer un utilisateur avec retry
+  static Future<Map<String, dynamic>> createUser(
+    String nom,
+    String pin, {
+    String role = 'agent',
+  }) async {
+    try {
+      return await _retryRequest<Map<String, dynamic>>(() async {
+        final response = await http
+            .post(
+              Uri.parse('$baseUrl/users/register'),
+              headers: {
+                'Content-Type': 'application/json',
+                'Connection': 'keep-alive',
+              },
+              body: jsonEncode({'nom': nom, 'pin': pin, 'role': role}),
+            )
+            .timeout(Duration(seconds: 15));
+
+        return jsonDecode(response.body);
+      });
+    } catch (e) {
+      print('Erreur création utilisateur après retry: $e');
+      return {'success': false, 'message': 'Erreur de création'};
+    }
+  }
+
+  /// Récupérer le solde d'un agent avec retry
+  static Future<Map<String, dynamic>> getAgentBalance(String agentId) async {
+    try {
+      return await _retryRequest<Map<String, dynamic>>(() async {
+        final response = await http
+            .get(
+              Uri.parse('$baseUrl/agent/$agentId/balance'),
+              headers: {
+                'Content-Type': 'application/json',
+                'Connection': 'keep-alive',
+              },
+            )
+            .timeout(Duration(seconds: 15));
+
+        return jsonDecode(response.body);
+      });
+    } catch (e) {
+      print('Erreur récupération solde après retry: $e');
+      return {
+        'success': false,
+        'message': 'Erreur lors de la récupération du solde',
+      };
+    }
+  }
+
+  /// Recharger le solde d'un agent avec retry
+  static Future<Map<String, dynamic>> rechargeAgent(
+    String agentId,
+    double montant,
+  ) async {
+    try {
+      return await _retryRequest<Map<String, dynamic>>(() async {
+        final response = await http
+            .post(
+              Uri.parse('$baseUrl/agent/$agentId/recharge'),
+              headers: {
+                'Content-Type': 'application/json',
+                'Connection': 'keep-alive',
+              },
+              body: jsonEncode({'montant': montant}),
+            )
+            .timeout(Duration(seconds: 15));
+
+        return jsonDecode(response.body);
+      });
+    } catch (e) {
+      print('Erreur recharge après retry: $e');
+      return {'success': false, 'message': 'Erreur lors de la recharge'};
+    }
+  }
+
+  /// Mettre à jour le solde d'un agent avec retry
+  static Future<Map<String, dynamic>> updateAgentBalance(
+    String agentId,
+    double nouveauSolde,
+  ) async {
+    try {
+      return await _retryRequest<Map<String, dynamic>>(() async {
+        final response = await http
+            .put(
+              Uri.parse('$baseUrl/agent/$agentId/balance'),
+              headers: {
+                'Content-Type': 'application/json',
+                'Connection': 'keep-alive',
+              },
+              body: jsonEncode({'solde': nouveauSolde}),
+            )
+            .timeout(Duration(seconds: 15));
+
+        return jsonDecode(response.body);
+      });
+    } catch (e) {
+      print('Erreur mise à jour solde après retry: $e');
+      return {
+        'success': false,
+        'message': 'Erreur lors de la mise à jour du solde',
+      };
+    }
+  }
+
+  /// Enregistrer une transaction avec retry
+  static Future<Map<String, dynamic>> recordTransaction({
+    required String agentId,
+    required String serviceId,
+    required String serviceName,
+    required double montant,
+    required double commission,
+    required String typeTransaction,
+    required Map<String, dynamic> detailsTransaction,
+  }) async {
+    try {
+      return await _retryRequest<Map<String, dynamic>>(() async {
+        final response = await http
+            .post(
+              Uri.parse('$baseUrl/transactions'),
+              headers: {
+                'Content-Type': 'application/json',
+                'Connection': 'keep-alive',
+              },
+              body: jsonEncode({
+                'agent_id': agentId,
+                'service_id': serviceId,
+                'service_name': serviceName,
+                'montant': montant,
+                'commission': commission,
+                'type_transaction': typeTransaction,
+                'details': detailsTransaction,
+                'date_transaction': DateTime.now().toIso8601String(),
+              }),
+            )
+            .timeout(Duration(seconds: 15));
+
+        return jsonDecode(response.body);
+      });
+    } catch (e) {
+      print('Erreur enregistrement transaction après retry: $e');
+      return {
+        'success': false,
+        'message': 'Erreur lors de l\'enregistrement de la transaction',
+      };
+    }
+  }
+
+  // Generic retry logic for AuthApiService
+  static Future<T> _retryRequest<T>(Future<T> Function() request) async {
+    Exception? lastException;
+
+    for (int attempt = 1; attempt <= maxRetries; attempt++) {
+      try {
+        return await request();
+      } on SocketException catch (e) {
+        lastException = e;
+        print('AuthAPI - Tentative $attempt échouée (SocketException): $e');
+        if (attempt < maxRetries) {
+          await Future.delayed(retryDelay * attempt);
+        }
+      } on HttpException catch (e) {
+        lastException = e;
+        print('AuthAPI - Tentative $attempt échouée (HttpException): $e');
+        if (attempt < maxRetries) {
+          await Future.delayed(retryDelay * attempt);
+        }
+      } on http.ClientException catch (e) {
+        lastException = e;
+        print('AuthAPI - Tentative $attempt échouée (ClientException): $e');
+        if (attempt < maxRetries) {
+          await Future.delayed(retryDelay * attempt);
+        }
+      } catch (e) {
+        // For other exceptions, don't retry
+        rethrow;
+      }
+    }
+
+    throw Exception(
+      'Impossible de se connecter après $maxRetries tentatives: $lastException',
+    );
+  }
+}
+
+class ApiService {
+  static const String baseUrl = 'https://api.live.wortis.cg/tpe';
+  static const int maxRetries = 3;
+  static const Duration retryDelay = Duration(seconds: 2);
+
+  /// Récupérer les champs d'un service avec retry amélioré
+  Future<Map<String, dynamic>> fetchServiceFields(String serviceName) async {
+    return _retryRequest<Map<String, dynamic>>(() async {
+      // Fix: Remove double slash in URL
+      final url = '$baseUrl/service/${Uri.encodeComponent(serviceName)}';
+      print('Fetching service fields from: $url');
+
+      final response = await http
+          .get(
+            Uri.parse(url),
+            headers: {
+              'Content-Type': 'application/json',
+              'Accept': 'application/json',
+              'Connection': 'keep-alive',
+              'User-Agent': 'WortisApp/1.0',
+            },
+          )
+          .timeout(Duration(seconds: 30));
+
+      print('Response status: ${response.statusCode}');
+      print('Response headers: ${response.headers}');
+
+      if (response.statusCode == 200) {
+        return jsonDecode(response.body);
+      } else {
+        throw Exception(
+          'Erreur API: ${response.statusCode} - ${response.body}',
+        );
+      }
+    });
+  }
+
+  /// Vérifier les données avec GET et retry
+  Future<Map<String, dynamic>> verifyDataGet(
+    String url,
+    Map<String, dynamic> params,
+  ) async {
+    return _retryRequest<Map<String, dynamic>>(() async {
+      final uri = Uri.parse(url).replace(
+        queryParameters: params.map(
+          (key, value) => MapEntry(key, value.toString()),
+        ),
+      );
+
+      final response = await http
+          .get(
+            uri,
+            headers: {
+              'Content-Type': 'application/json',
+              'Connection': 'keep-alive',
+            },
+          )
+          .timeout(Duration(seconds: 30));
+
+      if (response.statusCode == 200) {
+        return jsonDecode(response.body);
+      } else {
+        throw Exception(
+          'Données non trouvées - Status: ${response.statusCode}',
+        );
+      }
+    });
+  }
+
+  /// Vérifier les données avec POST et retry
+  Future<Map<String, dynamic>> verifyDataPost(
+    String url,
+    Map<String, dynamic> data,
+    String operationId,
+  ) async {
+    return _retryRequest<Map<String, dynamic>>(() async {
+      final response = await http
+          .post(
+            Uri.parse(url),
+            headers: {
+              'Content-Type': 'application/json',
+              'Connection': 'keep-alive',
+            },
+            body: jsonEncode(data),
+          )
+          .timeout(Duration(seconds: 30));
+
+      if (response.statusCode == 200) {
+        return jsonDecode(response.body);
+      } else {
+        throw Exception(
+          'Données non trouvées - Status: ${response.statusCode}',
+        );
+      }
+    });
+  }
+
+  /// Soumettre les données du formulaire avec retry
+  Future<void> submitFormData(
+    BuildContext context,
+    String url,
+    Map<String, dynamic> data,
+    Map<String, dynamic>? serviceData,
+    dynamic additionalData,
+    bool isCardPayment,
+  ) async {
+    try {
+      await _retryRequest<void>(() async {
+        print(url);
+        final response = await http
+            .post(
+              Uri.parse(url),
+              headers: {
+                'Content-Type': 'application/json',
+                'Connection': 'keep-alive',
+              },
+              body: jsonEncode(data),
+            )
+            .timeout(Duration(seconds: 30));
+
+        if (response.statusCode == 200) {
+          final responseData = jsonDecode(response.body);
+
+          // Afficher un message de succès
+          if (context.mounted) {
+            ScaffoldMessenger.of(context).showSnackBar(
+              SnackBar(
+                content: Row(
+                  children: [
+                    Icon(Icons.check_circle, color: Colors.white),
+                    SizedBox(width: 8),
+                    Text('Transaction effectuée avec succès'),
+                  ],
+                ),
+                backgroundColor: Colors.green,
+                behavior: SnackBarBehavior.floating,
+                shape: RoundedRectangleBorder(
+                  borderRadius: BorderRadius.circular(8),
+                ),
+              ),
+            );
+
+            // Retourner à la page précédente
+            Navigator.of(context).pop();
+          }
+        } else {
+          throw Exception(
+            'Erreur lors de la soumission - Status: ${response.statusCode}',
+          );
+        }
+      });
+    } catch (e) {
+      print('Erreur submitFormData après retry: $e');
+      if (context.mounted) {
+        ScaffoldMessenger.of(context).showSnackBar(
+          SnackBar(
+            content: Row(
+              children: [
+                Icon(Icons.error, color: Colors.white),
+                SizedBox(width: 8),
+                Expanded(
+                  child: Text(
+                    'Erreur lors de la transaction: ${e.toString()}',
+                    maxLines: 2,
+                  ),
+                ),
+              ],
+            ),
+            backgroundColor: Colors.red,
+            behavior: SnackBarBehavior.floating,
+            shape: RoundedRectangleBorder(
+              borderRadius: BorderRadius.circular(8),
+            ),
+            duration: Duration(seconds: 5),
+          ),
+        );
+      }
+    }
+  }
+
+  /// Annuler l'opération en cours
+  void cancelOperation() {
+    print('Opération annulée');
+  }
+
+  // Generic retry logic for ApiService
+  Future<T> _retryRequest<T>(Future<T> Function() request) async {
+    Exception? lastException;
+
+    for (int attempt = 1; attempt <= maxRetries; attempt++) {
+      try {
+        return await request();
+      } on SocketException catch (e) {
+        lastException = e;
+        print('API - Tentative $attempt échouée (SocketException): $e');
+        if (attempt < maxRetries) {
+          await Future.delayed(retryDelay * attempt);
+        }
+      } on HttpException catch (e) {
+        lastException = e;
+        print('API - Tentative $attempt échouée (HttpException): $e');
+        if (attempt < maxRetries) {
+          await Future.delayed(retryDelay * attempt);
+        }
+      } on http.ClientException catch (e) {
+        lastException = e;
+        print('API - Tentative $attempt échouée (ClientException): $e');
+        if (attempt < maxRetries) {
+          await Future.delayed(retryDelay * attempt);
+        }
+      } catch (e) {
+        // For other exceptions, don't retry
+        rethrow;
+      }
+    }
+
+    throw Exception(
+      'Impossible de se connecter après $maxRetries tentatives: $lastException',
+    );
+  }
+}
diff --git a/lib/tpe.py b/lib/tpe.py
new file mode 100644
index 0000000..c3769df
--- /dev/null
+++ b/lib/tpe.py
@@ -0,0 +1,2651 @@
+import random
+import uuid
+import logging
+from flask import Flask, request, jsonify, Blueprint
+from werkzeug.security import generate_password_hash, check_password_hash
+from datetime import datetime, timezone
+import requests
+from flask_cors import CORS
+import os
+from bson import ObjectId
+from pymongo import MongoClient, DESCENDING
+import json
+from datetime import timedelta
+import string
+
+# Configuration Blueprint
+tpe_bp = Blueprint('tpe', __name__, url_prefix='/tpe')
+
+@tpe_bp.route('/')
+def hello():
+    return jsonify({"message": "Hello from TPE"})
+
+# Configuration MongoDB
+client = MongoClient("mongodb://dipadmin:Cgt*2020#@31.207.36.187,62.210.100.14,62.210.101.31/admin?replicaSet=rs0&readPreference=secondaryPreferred&authSource=admin&connectTimeoutMS=30000", connect=False)
+mongo = client
+
+BD_e2c = MongoClient("mongodb://e2c:6GpxLTPhe8JkF83J@mongodb.wortis.cg/e2c")
+clientpaiements = BD_e2c.e2c.clientpaiements
+
+# Collections principales
+users_collection = mongo.TPE.users
+transactions_collection = mongo.TPE.transactions
+services_collection = mongo.TPE.services
+recharges_collection = mongo.TPE.recharges
+activities_collection = mongo.TPE.activities
+
+# Collections entreprises
+enterprises_collection = mongo.TPE.enterprises
+enterprise_members_collection = mongo.TPE.enterprise_members
+commission_withdrawals_collection = mongo.TPE.commission_withdrawals
+
+# Configuration logging
+logging.basicConfig(level=logging.INFO)
+logger = logging.getLogger(__name__)
+
+# ===== CLASSES UTILITAIRES =====
+
+class JSONEncoder(json.JSONEncoder):
+    """Encodeur JSON personnalisé pour gérer ObjectId"""
+    def default(self, obj):
+        if isinstance(obj, ObjectId):
+            return str(obj)
+        if isinstance(obj, datetime):
+            return obj.isoformat()
+        return super().default(obj)
+
+class User:
+    def __init__(self, nom, agent_id, pin, role="agent", solde=0.0):
+        self.nom = nom
+        self.agent_id = agent_id
+        self.pin_hash = generate_password_hash(pin)
+        self.role = role
+        self.solde = solde
+        self.date_creation = datetime.utcnow()
+    
+    def to_dict(self):
+        return {
+            "nom": self.nom,
+            "agent_id": self.agent_id,
+            "pin_hash": self.pin_hash,
+            "role": self.role,
+            "solde": self.solde,
+            "date_creation": self.date_creation
+        }
+    
+    @staticmethod
+    def verify_pin(pin_hash, pin):
+        return check_password_hash(pin_hash, pin)
+
+class Enterprise:
+    """Modèle pour les comptes entreprise"""
+    def __init__(self, nom_entreprise, email_entreprise, telephone_entreprise, 
+                 adresse=None, secteur_activite=None):
+        self.enterprise_id = self.generate_enterprise_id()
+        self.nom_entreprise = nom_entreprise
+        self.email_entreprise = email_entreprise
+        self.telephone_entreprise = telephone_entreprise
+        self.adresse = adresse
+        self.secteur_activite = secteur_activite
+        self.solde_entreprise = 0.0
+        self.commission_entreprise = 0.0
+        self.type = 'enterprise'
+        self.status = 'active'
+        self.created_at = datetime.now(timezone.utc)
+        self.updated_at = datetime.now(timezone.utc)
+        
+    @staticmethod
+    def generate_enterprise_id():
+        """Génère un ID entreprise unique au format ENT + 4 chiffres"""
+        while True:
+            random_number = random.randint(1000, 9999)
+            enterprise_id = f"ENT{random_number}"
+            existing = enterprises_collection.find_one({'enterprise_id': enterprise_id})
+            if not existing:
+                return enterprise_id
+    
+    def to_dict(self):
+        return {
+            'enterprise_id': self.enterprise_id,
+            'nom_entreprise': self.nom_entreprise,
+            'email_entreprise': self.email_entreprise,
+            'telephone_entreprise': self.telephone_entreprise,
+            'adresse': self.adresse,
+            'secteur_activite': self.secteur_activite,
+            'solde_entreprise': self.solde_entreprise,
+            'commission_entreprise': self.commission_entreprise,
+            'type': self.type,
+            'status': self.status,
+            'created_at': self.created_at,
+            'updated_at': self.updated_at,
+            'total_members': 0,
+            'total_transactions': 0,
+            'total_volume': 0.0
+        }
+
+# ===== FONCTIONS UTILITAIRES =====
+
+def serialize_objectid(obj):
+    """Convertit les ObjectId MongoDB en strings pour JSON"""
+    if isinstance(obj, ObjectId):
+        return str(obj)
+    elif isinstance(obj, dict):
+        return {key: serialize_objectid(value) for key, value in obj.items()}
+    elif isinstance(obj, list):
+        return [serialize_objectid(item) for item in obj]
+    return obj
+
+def generate_agent_id():
+    """Génère un ID agent unique au format WRT + 4 chiffres"""
+    while True:
+        random_number = random.randint(1000, 9999)
+        agent_id = f"WRT{random_number}"
+        existing_user = users_collection.find_one({'agent_id': agent_id})
+        if not existing_user:
+            return agent_id
+
+def log_activity(activity_type, title, description, user_id=None, metadata=None):
+    """Enregistre une activité dans les logs"""
+    try:
+        activity = {
+            'type': activity_type,
+            'title': title,
+            'description': description,
+            'user_id': user_id,
+            'metadata': metadata or {},
+            'created_at': datetime.now(),
+            'icon': get_activity_icon(activity_type),
+            'color': get_activity_color(activity_type)
+        }
+        activities_collection.insert_one(activity)
+    except Exception as e:
+        logger.error(f"❌ Erreur log activité: {e}")
+        
+        
+
+def get_effective_balance(agent_id):
+    """
+    Retourne le solde effectif selon le type de compte (agent ou membre entreprise)
+    """
+    user = users_collection.find_one({'agent_id': agent_id})
+    if not user:
+        raise ValueError("AGENT_NOT_FOUND")
+
+    account_type = user.get('type', 'agent')
+
+    if account_type == 'enterprise_member':
+        enterprise_id = user.get('enterprise_id')
+        if not enterprise_id:
+            raise ValueError("ENTERPRISE_ID_MISSING")
+
+        enterprise = enterprises_collection.find_one({'enterprise_id': enterprise_id})
+        if not enterprise:
+            raise ValueError("ENTERPRISE_NOT_FOUND")
+
+        return {
+            'source': 'enterprise',
+            'balance': float(enterprise.get('solde_entreprise', 0)),
+            'enterprise_id': enterprise_id,
+            'nom_entreprise': enterprise.get('nom_entreprise', '')
+        }
+
+    return {
+        'source': 'personal',
+        'balance': float(user.get('solde', 0)),
+        'agent_id': agent_id,
+        'nom_agent': user.get('nom', '')
+    }
+
+
+def get_activity_icon(activity_type):
+    """Retourne l'icône selon le type d'activité"""
+    icons = {
+        'agent_created': 'person_add',
+        'agent_updated': 'person',
+        'agent_status_changed': 'toggle_on',
+        'recharge_approved': 'check_circle',
+        'recharge_rejected': 'cancel',
+        'export_generated': 'download',
+        'login': 'login',
+        'logout': 'logout',
+        'system_error': 'error',
+        'enterprise_created': 'business',
+        'enterprise_member_added': 'group_add',
+    }
+    return icons.get(activity_type, 'info')
+
+def get_activity_color(activity_type):
+    """Retourne la couleur selon le type d'activité"""
+    colors = {
+        'agent_created': 'green',
+        'agent_updated': 'blue',
+        'agent_status_changed': 'orange',
+        'recharge_approved': 'green',
+        'recharge_rejected': 'red',
+        'export_generated': 'blue',
+        'login': 'green',
+        'logout': 'grey',
+        'system_error': 'red',
+        'enterprise_created': 'blue',
+        'enterprise_member_added': 'green',
+    }
+    return colors.get(activity_type, 'grey')
+
+def calculate_agent_commission(agent_id):
+    """Calculer la commission disponible d'un agent"""
+    try:
+        commission_pipeline = [
+            {'$match': {
+                'agent_id': agent_id,
+                'status': 'completed'
+            }},
+            {'$group': {
+                '_id': None,
+                'total_commission': {'$sum': {'$toDouble': '$commission_agent'}}
+            }}
+        ]
+        
+        commission_result = list(transactions_collection.aggregate(commission_pipeline))
+        total_commission_earned = commission_result[0]['total_commission'] if commission_result else 0.0
+        
+        withdrawal_pipeline = [
+            {'$match': {
+                'agent_id': agent_id,
+                'status': 'completed'
+            }},
+            {'$group': {
+                '_id': None,
+                'total_withdrawn': {'$sum': {'$toDouble': '$montant'}}
+            }}
+        ]
+        
+        withdrawal_result = list(commission_withdrawals_collection.aggregate(withdrawal_pipeline))
+        total_commission_withdrawn = withdrawal_result[0]['total_withdrawn'] if withdrawal_result else 0.0
+        
+        available_commission = total_commission_earned - total_commission_withdrawn
+        
+        return max(0.0, available_commission)
+        
+    except Exception as e:
+        logger.error(f"❌ Erreur calcul commission: {e}")
+        return 0.0
+
+# ===== FONCTION PRINCIPALE DE PAIEMENT =====
+
+def process_agent_payment(agent_id, service_name, montant_total, montant_reel, client_reference, additional_data=None):
+    """
+    Fonction réutilisable pour débiter un agent (individuel ou membre entreprise)
+    Gère automatiquement le type de compte
+    """
+    try:
+        # 1. VÉRIFIER LE COMPTE UTILISATEUR
+        user = users_collection.find_one({
+            "agent_id": agent_id,
+            "status": "active"
+        })
+        
+        if not user:
+            raise ValueError("AGENT_NOT_FOUND")
+        
+        # 2. DÉTERMINER LE TYPE DE COMPTE ET LE SOLDE
+        account_type = user.get('type', 'agent')
+        
+        if account_type == 'enterprise_member':
+            # Membre d'entreprise - utiliser le solde de l'entreprise
+            enterprise_id = user.get('enterprise_id')
+            if not enterprise_id:
+                raise ValueError("ENTERPRISE_ID_MISSING")
+            
+            enterprise = enterprises_collection.find_one({'enterprise_id': enterprise_id})
+            if not enterprise:
+                raise ValueError("ENTERPRISE_NOT_FOUND")
+            
+            if enterprise.get('status') != 'active':
+                raise ValueError("ENTERPRISE_INACTIVE")
+            
+            current_balance = float(enterprise.get('solde_entreprise', 0))
+            balance_source = 'enterprise'
+            balance_id = enterprise_id
+        else:
+            # Agent individuel - utiliser son propre solde
+            current_balance = float(user.get("solde", 0))
+            balance_source = 'personal'
+            balance_id = agent_id
+        
+        # 3. VÉRIFIER LE SOLDE SUFFISANT
+        if current_balance < montant_total:
+            deficit = montant_total - current_balance
+            raise ValueError(f"INSUFFICIENT_BALANCE|{deficit}")
+        
+        # 4. CALCULER LA COMMISSION ET LES FRAIS
+        frais_totaux_rate = 0.02
+        commission_agent_rate = 0.01
+        frais_plateforme_rate = 0.01
+        
+        frais_totaux = montant_reel * frais_totaux_rate
+        commission_agent = montant_reel * commission_agent_rate
+        frais_plateforme = montant_reel * frais_plateforme_rate
+        
+        montant_total_calcule = montant_reel + frais_totaux
+        
+        if abs(montant_total - montant_total_calcule) > 0.01:
+            logger.warning(f"⚠️  Montant total ajusté: {montant_total} → {montant_total_calcule}")
+            montant_total = montant_total_calcule
+        
+        # 5. CRÉER LA TRANSACTION
+        now = datetime.now(timezone.utc)
+        trans_id = f"WTPE{now.strftime('%Y%m%d%H%M%S')}"
+        
+        transaction_data = {
+            "_id": trans_id,
+            "transID": trans_id,
+            "user_id": str(user["_id"]),
+            "agent_id": agent_id,
+            "agent_name": user["nom"],
+            "phone_agent": user.get("telephone", ""),
+            "service_name": service_name,
+            "client_reference": str(client_reference),
+            
+            # Informations entreprise (si applicable)
+            "account_type": account_type,
+            "enterprise_id": user.get('enterprise_id') if account_type == 'enterprise_member' else None,
+            "balance_source": balance_source,
+            
+            # Montants
+            "montant_reel": float(montant_reel),
+            "frais_totaux": round(float(frais_totaux), 2),
+            "frais_plateforme": round(float(frais_plateforme), 2),
+            "commission_agent": round(float(commission_agent), 2),
+            "montant_total_debite": round(float(montant_total), 2),
+            "solde_avant": float(current_balance),
+            "solde_apres": round(float(current_balance - montant_total), 2),
+            
+            "status": "pending",
+            "created_at": now,
+            "updated_at": now,
+            "additional_data": additional_data or {}
+        }
+        
+        # 6. INSÉRER LA TRANSACTION
+        transactions_collection.insert_one(transaction_data)
+        
+        # 7. DÉBITER LE COMPTE APPROPRIÉ
+        if balance_source == 'enterprise':
+            # Débiter l'entreprise
+            debit_result = enterprises_collection.update_one(
+                {
+                    "enterprise_id": enterprise_id,
+                    "status": "active",
+                    "solde_entreprise": {"$gte": montant_total}
+                },
+                {
+                    "$inc": {
+                        "solde_entreprise": -montant_total,
+                        "total_transactions": 1,
+                        "commission_entreprise": commission_agent,
+                        "total_volume": montant_total
+                    },
+                    "$set": {
+                        "updated_at": now
+                    }
+                }
+            )
+        else:
+            # Débiter l'agent individuel
+            debit_result = users_collection.update_one(
+                {
+                    "agent_id": agent_id,
+                    "status": "active",
+                    "solde": {"$gte": montant_total}
+                },
+                {
+                    "$inc": {
+                        "solde": -montant_total,
+                        "total_transactions": 1,
+                        "total_commission_earned": commission_agent,
+                        "total_volume": montant_total
+                    },
+                    "$set": {
+                        "last_transaction_date": now,
+                        "updated_at": now
+                    }
+                }
+            )
+        
+        # 8. VÉRIFIER QUE LE DÉBIT A RÉUSSI
+        if debit_result.modified_count == 0:
+            transactions_collection.update_one(
+                {"_id": trans_id},
+                {
+                    "$set": {
+                        "status": "failed",
+                        "failure_reason": "debit_failed",
+                        "updated_at": datetime.now(timezone.utc)
+                    }
+                }
+            )
+            raise ValueError("DEBIT_FAILED")
+        
+        # 9. MARQUER LA TRANSACTION COMME RÉUSSIE
+        transactions_collection.update_one(
+            {"_id": trans_id},
+            {
+                "$set": {
+                    "status": "completed",
+                    "debited_at": datetime.now(timezone.utc),
+                    "updated_at": datetime.now(timezone.utc)
+                }
+            }
+        )
+        
+        logger.info(f"✅ Paiement traité - Transaction: {trans_id} - Type: {account_type}")
+        
+        return {
+            "success": True,
+            "transaction_id": trans_id,
+            "agent_id": agent_id,
+            "agent_name": user["nom"],
+            "account_type": account_type,
+            "enterprise_id": user.get('enterprise_id') if account_type == 'enterprise_member' else None,
+            "montant_debite": round(float(montant_total), 2),
+            "commission_gagnee": round(float(commission_agent), 2),
+            "nouveau_solde": round(float(current_balance - montant_total), 2),
+            "balance_source": balance_source,
+            "details": transaction_data
+        }
+        
+    except ValueError as e:
+        logger.error(f"❌ Erreur de validation: {e}")
+        raise
+    except Exception as e:
+        logger.error(f"❌ Erreur inattendue: {e}")
+        if 'trans_id' in locals():
+            transactions_collection.update_one(
+                {"_id": trans_id},
+                {
+                    "$set": {
+                        "status": "error",
+                        "error_message": str(e),
+                        "updated_at": datetime.now(timezone.utc)
+                    }
+                }
+            )
+        raise
+
+def rollback_agent_payment(trans_id):
+    """Fonction pour annuler une transaction et rembourser l'agent"""
+    try:
+        transaction = transactions_collection.find_one({"_id": trans_id})
+        if not transaction:
+            raise ValueError("TRANSACTION_NOT_FOUND")
+        
+        # Déterminer le type de compte
+        balance_source = transaction.get('balance_source', 'personal')
+        
+        if balance_source == 'enterprise':
+            # Rembourser l'entreprise
+            enterprises_collection.update_one(
+                {"enterprise_id": transaction.get("enterprise_id")},
+                {
+                    "$inc": {
+                        "solde_entreprise": transaction["montant_total_debite"],
+                        "total_transactions": -1,
+                        "commission_entreprise": -transaction["commission_agent"],
+                        "total_volume": -transaction["montant_total_debite"]
+                    },
+                    "$set": {"updated_at": datetime.now(timezone.utc)}
+                }
+            )
+        else:
+            # Rembourser l'agent
+            users_collection.update_one(
+                {"agent_id": transaction["agent_id"]},
+                {
+                    "$inc": {
+                        "solde": transaction["montant_total_debite"],
+                        "total_transactions": -1,
+                        "total_commission_earned": -transaction["commission_agent"],
+                        "total_volume": -transaction["montant_total_debite"]
+                    },
+                    "$set": {"updated_at": datetime.now(timezone.utc)}
+                }
+            )
+        
+        # Marquer la transaction comme remboursée
+        transactions_collection.update_one(
+            {"_id": trans_id},
+            {
+                "$set": {
+                    "status": "refunded",
+                    "refunded_at": datetime.now(timezone.utc),
+                    "updated_at": datetime.now(timezone.utc)
+                }
+            }
+        )
+        
+        return {"success": True, "message": "Transaction remboursée"}
+        
+    except Exception as e:
+        logger.error(f"❌ Erreur rollback: {e}")
+        raise
+
+# ===== ROUTES AUTHENTIFICATION =====
+
+@tpe_bp.route('/users/register', methods=['POST'])
+def register_user():
+    """Créer un nouveau compte utilisateur avec ID auto-généré"""
+    try:
+        data = request.get_json()
+        
+        required_fields = ['nom', 'pin']
+        for field in required_fields:
+            if field not in data or not data[field]:
+                return jsonify({
+                    'success': False,
+                    'message': f'Le champ {field} est requis'
+                }), 400
+        
+        if len(data['pin']) < 4:
+            return jsonify({
+                'success': False,
+                'message': 'Le PIN doit contenir au moins 4 caractères'
+            }), 400
+        
+        agent_id = generate_agent_id()
+        
+        user = User(
+            nom=data['nom'].strip(),
+            agent_id=agent_id,
+            pin=data['pin'],
+            role=data.get('role', 'agent'),
+            solde=0.0
+        )
+        
+        result = users_collection.insert_one(user.to_dict())
+        created_user = users_collection.find_one({'_id': result.inserted_id})
+        del created_user['pin_hash']
+        
+        return jsonify({
+            'success': True,
+            'message': 'Utilisateur créé avec succès',
+            'user': json.loads(json.dumps(created_user, cls=JSONEncoder)),
+            'generated_agent_id': agent_id
+        }), 201
+        
+    except Exception as e:
+        return jsonify({
+            'success': False,
+            'message': f'Erreur lors de la création de l\'utilisateur: {str(e)}'
+        }), 500
+
+@tpe_bp.route('/login', methods=['POST'])
+def login():
+    """Authentification utilisateur - Gère agents ET membres entreprise"""
+    try:
+        data = request.get_json()
+        
+        agent_id = data.get('agent_id')
+        pin_input = data.get('pin') or data.get('token')
+        
+        if not agent_id or not pin_input:
+            return jsonify({
+                'success': False,
+                'message': 'ID agent et PIN requis'
+            }), 400
+        
+        user = users_collection.find_one({'agent_id': agent_id})
+        
+        if not user:
+            logger.info(f"❌ Tentative de connexion - Agent introuvable: {agent_id}")
+            return jsonify({
+                'success': False,
+                'message': 'ID agent ou PIN incorrect'
+            }), 401
+        
+        # Vérification du PIN
+        pin_valid = False
+        if user.get('token') and data.get('token'):
+            pin_valid = (user['token'] == pin_input)
+        elif user.get('pin_hash'):
+            pin_valid = User.verify_pin(user['pin_hash'], pin_input)
+        elif user.get('pin'):
+            pin_valid = (user['pin'] == pin_input)
+        else:
+            return jsonify({
+                'success': False,
+                'message': 'Configuration utilisateur invalide'
+            }), 500
+        
+        if not pin_valid:
+            logger.info(f"❌ PIN incorrect pour {agent_id}")
+            return jsonify({
+                'success': False,
+                'message': 'ID agent ou PIN incorrect'
+            }), 401
+        
+        # Vérifier le statut
+        if user.get('status') == 'blocked' or user.get('is_blocked'):
+            return jsonify({
+                'success': False,
+                'message': 'Compte bloqué. Contactez l\'administrateur.'
+            }), 403
+        
+        if user.get('status') == 'inactive':
+            return jsonify({
+                'success': False,
+                'message': 'Compte inactif. Contactez l\'administrateur.'
+            }), 403
+        
+        # Mettre à jour les informations de connexion
+        users_collection.update_one(
+            {'agent_id': agent_id},
+            {
+                '$set': {
+                    'last_login': datetime.now(),
+                    'login_attempts': 0
+                },
+                '$inc': {
+                    'total_logins': 1
+                }
+            }
+        )
+        
+        # Préparer les données utilisateur
+        user_data = {
+            'id': str(user['_id']),
+            'nom': user.get('nom', ''),
+            'agent_id': user['agent_id'],
+            'role': user.get('role', 'agent'),
+            'solde': user.get('solde', 0),
+            'date_creation': user.get('date_creation', user.get('created_at')),
+            'telephone': user.get('telephone', ''),
+            'email': user.get('email', ''),
+            'type': user.get('type', 'agent'),
+            'status': user.get('status', 'active')
+        }
+        
+        # Ajouter le token si il existe
+        if user.get('token'):
+            user_data['token'] = user['token']
+        
+        # Ajouter informations entreprise si membre
+        if user.get('type') == 'enterprise_member' and user.get('enterprise_id'):
+            enterprise = enterprises_collection.find_one({'enterprise_id': user.get('enterprise_id')})
+            if enterprise:
+                user_data['enterprise'] = {
+                    'enterprise_id': enterprise.get('enterprise_id'),
+                    'nom_entreprise': enterprise.get('nom_entreprise'),
+                    'solde_entreprise': enterprise.get('solde_entreprise', 0),
+                    'status': enterprise.get('status')
+                }
+                user_data['is_admin_entreprise'] = user.get('is_admin_entreprise', False)
+        
+        logger.info(f"✅ Connexion réussie pour {agent_id} - {user.get('nom')}")
+        
+        return jsonify({
+            'success': True,
+            'message': 'Connexion réussie',
+            'user': user_data
+        }), 200
+            
+    except Exception as e:
+        logger.error(f"❌ Erreur lors de l'authentification: {e}")
+        return jsonify({
+            'success': False,
+            'message': f'Erreur lors de l\'authentification: {str(e)}'
+        }), 500
+
+
+@tpe_bp.route('/agent/<agent_id>/effective_balance', methods=['GET'])
+def get_effective_balance_route(agent_id):
+    try:
+        balance_info = get_effective_balance(agent_id)
+        return jsonify({
+            'success': True,
+            'balance_info': balance_info
+        }), 200
+    except Exception as e:
+        return jsonify({
+            'success': False,
+            'message': str(e)
+        }), 400
+
+# ===== ROUTES UTILISATEURS =====
+
+@tpe_bp.route('/users', methods=['GET'])
+def get_users():
+    """Récupérer la liste des utilisateurs"""
+    try:
+        users = list(users_collection.find({}, {'pin_hash': 0}))
+        
+        return jsonify({
+            'success': True,
+            'users': serialize_objectid(users),
+            'count': len(users)
+        }), 200
+        
+    except Exception as e:
+        return jsonify({
+            'success': False,
+            'message': f'Erreur lors de la récupération des utilisateurs: {str(e)}'
+        }), 500
+
+@tpe_bp.route('/users/<agent_id>', methods=['GET'])
+def get_user_by_agent_id(agent_id):
+    """Récupérer un utilisateur par son ID agent"""
+    try:
+        user = users_collection.find_one({'agent_id': agent_id}, {'pin_hash': 0})
+        
+        if not user:
+            return jsonify({
+                'success': False,
+                'message': 'Utilisateur non trouvé'
+            }), 404
+        
+        return jsonify({
+            'success': True,
+            'user': serialize_objectid(user)
+        }), 200
+        
+    except Exception as e:
+        return jsonify({
+            'success': False,
+            'message': f'Erreur lors de la récupération de l\'utilisateur: {str(e)}'
+        }), 500
+
+@tpe_bp.route('/agent/<agent_id>/balance', methods=['GET'])
+def get_agent_balance(agent_id):
+    """Récupérer le solde d'un agent"""
+    try:
+        user = users_collection.find_one({'agent_id': agent_id})
+        
+        if not user:
+            return jsonify({
+                'success': False,
+                'message': 'Agent non trouvé'
+            }), 404
+        
+        total_transactions = transactions_collection.count_documents({'agent_id': agent_id})
+        
+        commission_pipeline = [
+            {'$match': {'agent_id': agent_id}},
+            {'$group': {
+                '_id': None,
+                'total_commission': {'$sum': {'$toDouble': '$commission_agent'}}
+            }}
+        ]
+        commission_result = list(transactions_collection.aggregate(commission_pipeline))
+        total_commission = commission_result[0]['total_commission'] if commission_result else 0.0
+        
+        response_data = {
+            'success': True,
+            'agent_id': agent_id,
+            'solde': float(user.get('solde', 0)),
+            'nom': user['nom'],
+            'role': user.get('role'),
+            'type': user.get('type', 'agent'),
+            'total_transactions': total_transactions,
+            'total_commission': round(total_commission, 2),
+            'date_creation': user.get('date_creation', user.get('created_at')),
+            'last_transaction_date': user.get('last_transaction_date')
+        }
+        
+        # Si membre entreprise, ajouter infos entreprise
+        if user.get('type') == 'enterprise_member' and user.get('enterprise_id'):
+            enterprise = enterprises_collection.find_one({'enterprise_id': user.get('enterprise_id')})
+            if enterprise:
+                response_data['enterprise'] = {
+                    'enterprise_id': enterprise.get('enterprise_id'),
+                    'nom_entreprise': enterprise.get('nom_entreprise'),
+                    'solde_entreprise': enterprise.get('solde_entreprise', 0)
+                }
+        
+        return jsonify(response_data), 200
+        
+    except Exception as e:
+        logger.error(f"❌ Erreur get_agent_balance: {e}")
+        return jsonify({
+            'success': False,
+            'message': f'Erreur: {str(e)}'
+        }), 500
+
+# ===== ROUTES RECHARGES =====
+
+@tpe_bp.route('/agent/<agent_id>/recharge', methods=['POST'])
+def recharge_agent_balance(agent_id):
+    """Recharger le solde d'un agent (ajouter un montant)"""
+    try:
+        data = request.get_json()
+        
+        if 'montant' not in data:
+            return jsonify({
+                'success': False,
+                'message': 'Le champ montant est requis'
+            }), 400
+        
+        montant = float(data['montant'])
+        
+        if montant <= 0:
+            return jsonify({
+                'success': False,
+                'message': 'Le montant doit être positif'
+            }), 400
+        
+        user = users_collection.find_one({'agent_id': agent_id})
+        
+        if not user:
+            return jsonify({
+                'success': False,
+                'message': 'Agent non trouvé'
+            }), 404
+        
+        # Vérifier si c'est un membre entreprise
+        if user.get('type') == 'enterprise_member':
+            return jsonify({
+                'success': False,
+                'message': 'Utilisez l\'endpoint de recharge entreprise pour les membres d\'entreprise',
+                'enterprise_recharge_endpoint': f'/tpe/enterprise/{user.get("enterprise_id")}/recharge'
+            }), 400
+        
+        ancien_solde = user.get('solde', 0.0)
+        nouveau_solde = ancien_solde + montant
+        
+        users_collection.update_one(
+            {'agent_id': agent_id},
+            {'$set': {'solde': nouveau_solde}}
+        )
+        
+        return jsonify({
+            'success': True,
+            'message': 'Recharge effectuée avec succès',
+            'agent_id': agent_id,
+            'montant_recharge': montant,
+            'ancien_solde': ancien_solde,
+            'nouveau_solde': nouveau_solde
+        }), 200
+        
+    except ValueError:
+        return jsonify({
+            'success': False,
+            'message': 'Le montant doit être un nombre valide'
+        }), 400
+    except Exception as e:
+        return jsonify({
+            'success': False,
+            'message': f'Erreur lors de la recharge: {str(e)}'
+        }), 500
+
+@tpe_bp.route('/recharge/create/agent/<agent_id>', methods=['POST'])
+def create_recharge(agent_id):
+    """Créer une nouvelle demande de recharge"""
+    try:
+        data = request.get_json()
+        
+        required_fields = ['pin', 'montant']
+        for field in required_fields:
+            if field not in data or not data[field]:
+                return jsonify({
+                    'success': False,
+                    'message': f'Champ requis manquant: {field}'
+                }), 400
+        
+        montant = data['montant']
+        requested_by = data.get('requested_by', agent_id)
+        
+        try:
+            montant_float = float(montant)
+            if montant_float <= 0:
+                return jsonify({
+                    'success': False,
+                    'message': 'Le montant doit être supérieur à 0'
+                }), 400
+            if montant_float > 10000000:
+                return jsonify({
+                    'success': False,
+                    'message': 'Le montant ne peut pas dépasser 10,000,000 FCFA'
+                }), 400
+        except ValueError:
+            return jsonify({
+                'success': False,
+                'message': 'Montant invalide'
+            }), 400
+        
+        agent = users_collection.find_one({'agent_id': agent_id})
+        if not agent:
+            return jsonify({
+                'success': False,
+                'message': f'Agent {agent_id} introuvable dans le système'
+            }), 404
+        
+        if not User.verify_pin(agent['pin_hash'], data['pin']):
+            return jsonify({
+                'success': False,
+                'message': 'ID agent ou PIN incorrect'
+            }), 401
+        
+        recharge_data = {
+            'agent_id': agent_id,
+            'montant': str(int(montant_float)),
+            'status': 'pending',
+            'requested_by': requested_by,
+            'created_at': datetime.now(),
+            'updated_at': datetime.now(),
+        }
+        
+        insert_result = recharges_collection.insert_one(recharge_data)
+        
+        if insert_result.inserted_id:
+            created_recharge = recharges_collection.find_one({'_id': insert_result.inserted_id})
+            
+            recharge_response = {
+                '_id': {'$oid': str(created_recharge['_id'])},
+                'agent_id': created_recharge['agent_id'],
+                'montant': created_recharge['montant'],
+                'status': created_recharge['status'],
+                'requested_by': created_recharge['requested_by'],
+                'description': created_recharge.get('description', ''),
+                'created_at': created_recharge['created_at'].isoformat(),
+            }
+            
+            return jsonify({
+                'success': True,
+                'message': f'Demande de recharge créée avec succès pour l\'agent {agent_id}',
+                'recharge': recharge_response,
+                'recharge_id': str(insert_result.inserted_id)
+            }), 201
+        else:
+            return jsonify({
+                'success': False,
+                'message': 'Erreur lors de la création de la recharge'
+            }), 500
+            
+    except Exception as e:
+        return jsonify({
+            'success': False,
+            'message': f'Erreur lors de la création: {str(e)}'
+        }), 500
+
+@tpe_bp.route('/recharge/get_recharges', methods=['GET'])
+def get_recharges():
+    """Récupérer toutes les recharges"""
+    try:
+        status_filter = request.args.get('status')
+        
+        filter_query = {}
+        if status_filter:
+            filter_query['status'] = status_filter
+        
+        recharges = list(recharges_collection.find(filter_query).sort("created_at", -1))
+        
+        recharges_serialized = []
+        for recharge in recharges:
+            recharge_data = {
+                '_id': {'$oid': str(recharge['_id'])},
+                'agent_id': recharge.get('agent_id', ''),
+                'enterprise_id': recharge.get('enterprise_id', ''),
+                'montant': recharge.get('montant', '0'),
+                'status': recharge.get('status', 'pending'),
+                'type': recharge.get('type', 'personal'),
+                'created_at': recharge.get('created_at', datetime.now()).isoformat(),
+                'processed_at': recharge.get('processed_at'),
+                'processed_by': recharge.get('processed_by'),
+                'rejection_reason': recharge.get('rejection_reason'),
+                'approved_by': recharge.get('approved_by'),
+                'rejected_by': recharge.get('rejected_by')
+            }
+            recharges_serialized.append(recharge_data)
+        
+        return jsonify({
+            'success': True,
+            'all_recharges': recharges_serialized,
+            'total': len(recharges_serialized)
+        }), 200
+        
+    except Exception as e:
+        return jsonify({
+            'success': False,
+            'message': f'Erreur lors de la récupération: {str(e)}'
+        }), 500
+
+@tpe_bp.route('/recharge/approve/<recharge_id>/agent/<agent_id>', methods=['PUT'])
+def approve_recharge(recharge_id, agent_id):
+    """Approuver une recharge"""
+    try:
+        data = request.get_json()
+        approved_by = data.get('approved_by')
+        
+        if not approved_by:
+            return jsonify({
+                'success': False,
+                'message': 'ID du rechargeur requis'
+            }), 400
+        
+        recharge = recharges_collection.find_one({'_id': ObjectId(recharge_id)})
+        if not recharge:
+            return jsonify({
+                'success': False,
+                'message': 'Recharge introuvable'
+            }), 404
+        
+        agent = users_collection.find_one({'agent_id': agent_id})
+        if not agent:
+            return jsonify({
+                'success': False,
+                'message': f'Agent {agent_id} introuvable dans le système'
+            }), 404
+        
+        if not User.verify_pin(agent['pin_hash'], data['pin']):
+            return jsonify({
+                'success': False,
+                'message': 'ID agent ou PIN incorrect'
+            }), 401
+        
+        if recharge.get('status') != 'pending':
+            return jsonify({
+                'success': False,
+                'message': f'Impossible d\'approuver une recharge avec le statut: {recharge.get("status")}'
+            }), 400
+        
+        update_result = recharges_collection.update_one(
+            {'_id': ObjectId(recharge_id)},
+            {
+                '$set': {
+                    'status': 'approved',
+                    'approved_by': approved_by,
+                    'approved_at': datetime.now(),
+                    'processed_at': datetime.now()
+                }
+            }
+        )
+        
+        if update_result.modified_count > 0:
+            target_agent_id = recharge.get('agent_id')
+            target_enterprise_id = recharge.get('enterprise_id')
+            montant = float(recharge.get('montant', 0))
+            
+            if target_enterprise_id:
+                # Recharge entreprise
+                enterprises_collection.update_one(
+                    {'enterprise_id': target_enterprise_id},
+                    {'$inc': {'solde_entreprise': montant}}
+                )
+            elif target_agent_id and montant > 0:
+                # Recharge agent individuel
+                users_collection.update_one(
+                    {'agent_id': target_agent_id},
+                    {'$inc': {'solde': montant}}
+                )
+            
+            return jsonify({
+                'success': True,
+                'message': 'Recharge approuvée avec succès',
+                'data': {
+                    'recharge_id': recharge_id,
+                    'agent_id': target_agent_id,
+                    'enterprise_id': target_enterprise_id,
+                    'montant': montant,
+                    'approved_by': approved_by
+                }
+            }), 200
+        else:
+            return jsonify({
+                'success': False,
+                'message': 'Erreur lors de la mise à jour'
+            }), 500
+            
+    except Exception as e:
+        return jsonify({
+            'success': False,
+            'message': f'Erreur lors de l\'approbation: {str(e)}'
+        }), 500
+
+# ===== ROUTES TRANSACTIONS =====
+
+@tpe_bp.route('/agent/<agent_id>/transactions', methods=['GET'])
+def get_agent_transactions(agent_id):
+    """Récupérer les transactions d'un agent"""
+    try:
+        page = int(request.args.get('page', 1))
+        limit = int(request.args.get('limit', 50))
+        skip = (page - 1) * limit
+        
+        date_debut = request.args.get('date_debut')
+        date_fin = request.args.get('date_fin')
+        type_transaction = request.args.get('type_transaction')
+        
+        query = {'agent_id': agent_id}
+        
+        if date_debut and date_fin:
+            query['created_at'] = {
+                '$gte': datetime.fromisoformat(date_debut.replace('Z', '+00:00')),
+                '$lte': datetime.fromisoformat(date_fin.replace('Z', '+00:00'))
+            }
+        
+        if type_transaction:
+            query['service_name'] = {'$regex': type_transaction, '$options': 'i'}
+        
+        transactions = list(transactions_collection.find(query, {
+            '_id': 1,
+            'transID': 1,
+            'agent_id': 1,
+            'service_name': 1,
+            'client_reference': 1,
+            'montant_total_debite': 1,
+            'montant_reel': 1,
+            'commission_agent': 1,
+            'status': 1,
+            'account_type': 1,
+            'enterprise_id': 1,
+            'balance_source': 1,
+            'created_at': 1,
+            'updated_at': 1
+        }).sort('created_at', -1).skip(skip).limit(limit))
+        
+        total = transactions_collection.count_documents(query)
+        
+        serialized_transactions = []
+        for trans in transactions:
+            trans_data = {
+                '_id': str(trans['_id']),
+                'transID': trans.get('transID', str(trans['_id'])),
+                'agent_id': trans.get('agent_id'),
+                'service_name': trans.get('service_name'),
+                'client_reference': trans.get('client_reference'),
+                'montant_total_debite': float(trans.get('montant_total_debite', 0)),
+                'montant_reel': float(trans.get('montant_reel', 0)),
+                'commission_agent': float(trans.get('commission_agent', 0)),
+                'status': trans.get('status'),
+                'account_type': trans.get('account_type', 'agent'),
+                'enterprise_id': trans.get('enterprise_id'),
+                'balance_source': trans.get('balance_source', 'personal'),
+                'created_at': trans.get('created_at').isoformat() if trans.get('created_at') else None,
+                'updated_at': trans.get('updated_at').isoformat() if trans.get('updated_at') else None
+            }
+            serialized_transactions.append(trans_data)
+        
+        return jsonify({
+            'success': True,
+            'transactions': serialized_transactions,
+            'pagination': {
+                'page': page,
+                'limit': limit,
+                'total': total,
+                'pages': (total + limit - 1) // limit if limit > 0 else 1
+            }
+        }), 200
+        
+    except Exception as e:
+        logger.error(f"❌ Erreur get_agent_transactions: {e}")
+        return jsonify({
+            'success': False,
+            'message': f'Erreur lors de la récupération des transactions: {str(e)}'
+        }), 500
+
+@tpe_bp.route('/agent/<agent_id>/stats', methods=['GET'])
+def get_agent_stats(agent_id):
+    """Récupérer les statistiques d'un agent"""
+    try:
+        agent = users_collection.find_one({'agent_id': agent_id})
+        if not agent:
+            return jsonify({
+                'success': False,
+                'message': 'Agent non trouvé'
+            }), 404
+        
+        today = datetime.now().replace(hour=0, minute=0, second=0, microsecond=0)
+        tomorrow = today + timedelta(days=1)
+        this_month_start = today.replace(day=1)
+        
+        stats_jour = list(transactions_collection.aggregate([
+            {'$match': {
+                'agent_id': agent_id,
+                'created_at': {'$gte': today, '$lt': tomorrow}
+            }},
+            {'$group': {
+                '_id': None,
+                'total_transactions': {'$sum': 1},
+                'total_montant': {'$sum': {'$toDouble': '$montant_total_debite'}},
+                'total_commissions': {'$sum': {'$toDouble': '$commission_agent'}}
+            }}
+        ]))
+        
+        stats_mois = list(transactions_collection.aggregate([
+            {'$match': {
+                'agent_id': agent_id,
+                'created_at': {'$gte': this_month_start}
+            }},
+            {'$group': {
+                '_id': None,
+                'total_transactions': {'$sum': 1},
+                'total_montant': {'$sum': {'$toDouble': '$montant_total_debite'}},
+                'total_commissions': {'$sum': {'$toDouble': '$commission_agent'}}
+            }}
+        ]))
+        
+        top_services = list(transactions_collection.aggregate([
+            {'$match': {'agent_id': agent_id}},
+            {'$group': {
+                '_id': '$service_name',
+                'count': {'$sum': 1},
+                'total_montant': {'$sum': {'$toDouble': '$montant_total_debite'}}
+            }},
+            {'$sort': {'count': -1}},
+            {'$limit': 5}
+        ]))
+        
+        result = {
+            'solde_actuel': float(agent.get('solde', 0)),
+            'account_type': agent.get('type', 'agent'),
+            'statistiques_jour': stats_jour[0] if stats_jour else {
+                'total_transactions': 0,
+                'total_montant': 0.0,
+                'total_commissions': 0.0
+            },
+            'statistiques_mois': stats_mois[0] if stats_mois else {
+                'total_transactions': 0,
+                'total_montant': 0.0,
+                'total_commissions': 0.0
+            },
+            'services_favoris': top_services
+        }
+        
+        for stat_period in ['statistiques_jour', 'statistiques_mois']:
+            if result[stat_period] and '_id' in result[stat_period]:
+                result[stat_period].pop('_id')
+        
+        # Si membre entreprise, ajouter le solde entreprise
+        if agent.get('type') == 'enterprise_member' and agent.get('enterprise_id'):
+            enterprise = enterprises_collection.find_one({'enterprise_id': agent.get('enterprise_id')})
+            if enterprise:
+                result['solde_entreprise'] = float(enterprise.get('solde_entreprise', 0))
+                result['enterprise_id'] = enterprise.get('enterprise_id')
+                result['nom_entreprise'] = enterprise.get('nom_entreprise')
+        
+        return jsonify({
+            'success': True,
+            'stats': result
+        }), 200
+        
+    except Exception as e:
+        logger.error(f"❌ Erreur get_agent_stats: {e}")
+        return jsonify({
+            'success': False,
+            'message': f'Erreur lors de la récupération des statistiques: {str(e)}'
+        }), 500
+
+# ===== ROUTES SERVICES =====
+@tpe_bp.route('/service/<service_name>', methods=['GET'])
+def get_service_fields(service_name):
+    """Récupérer les champs d'un service"""
+    service = services_collection.find_one({"name": service_name})
+    if service is None:
+        return jsonify({"error": "Service not found"}), 404
+    
+    service['_id'] = str(service['_id'])
+    return jsonify({"service": service})
+
+@tpe_bp.route('/get_services_tpe', methods=['GET'])
+def get_services_all_back():
+    """Récupérer tous les services"""
+    services = list(services_collection.find({}))
+    
+    for service in services:
+        service['_id'] = str(service['_id'])
+    
+    services.sort(key=lambda x: x.get('rang', '').lower())
+    random_services = random.sample(services, min(3, len(services)))
+
+    return jsonify({
+        "random_services": random_services,
+        "all_services": services
+    })
+
+# ===== ROUTES PAIEMENTS INTERNET =====
+
+@tpe_bp.route('/get_abn_info_tpe', methods=['POST'])
+def get_abn_info_tpe():
+    """Récupérer les informations d'un abonnement Internet"""
+    try:
+        data = request.json
+        if not data or not data.get("numabn"):
+            return jsonify({"error": "Numéro d'abonnement requis"}), 400
+            
+        logger.info(f"🔍 Récupération infos abonnement TPE: {data.get('numabn')}")
+            
+        url = "https://apingbss-prod.speedpro.cg/api/get/customer"
+        payload = json.dumps({
+            "mode": "GET",
+            "numabn": data.get("numabn")
+        })
+        headers = {
+            'Content-Type': 'application/json',
+        }
+        
+        response = requests.post(url, headers=headers, data=payload)
+        response.raise_for_status()
+        api_response = response.json()
+        
+        if not api_response or 'prix' not in api_response or 'name' not in api_response:
+            return jsonify({
+                "error": "Abonnement non trouvé",
+                "details": "Vérifiez le numéro d'abonnement",
+                "numAbn": data.get("numabn")
+            }), 404
+            
+        prix = float(api_response.get("prix"))
+        frais_totaux = prix * 0.02
+        commission_agent = prix * 0.01
+        frais_plateforme = prix * 0.01
+        montant_total = prix + frais_totaux
+        
+        response_data = {
+            "Numéro d'Abonnement": data.get("numabn"),
+            "Abonné": api_response.get("name", "N/A"),
+            "Adresse": api_response.get("adresse", "Pas d'adresse"),
+            "Offre": api_response.get("offer", api_response.get("formule", "Standard")),
+            "Prix": prix,
+            "Frais": round(frais_totaux, 2),
+            "Commission": round(commission_agent, 2),
+            "Total": round(montant_total, 2)
+        }
+        
+        logger.info(f"✅ Infos abonnement TPE récupérées: {data.get('numabn')} - {api_response.get('name')}")
+        
+        return jsonify(response_data), 200
+        
+    except requests.exceptions.RequestException as e:
+        logger.error(f"❌ Erreur API Congo Télécom: {e}")
+        return jsonify({
+            "error": "Service temporairement indisponible",
+            "details": "Impossible de contacter le service d'abonnement"
+        }), 503
+        
+    except Exception as e:
+        logger.error(f"❌ Erreur get_abn_info_tpe: {e}")
+        return jsonify({
+            "error": "Erreur interne",
+            "details": str(e)
+        }), 500
+
+@tpe_bp.route('/speed_paiement_tpe', methods=['POST'])
+def speed_paiement_tpe():
+    """Route principale pour le paiement Internet via solde agent"""
+    try:
+        data = request.json
+        logger.info(f"📥 Données reçues pour paiement: {data}")
+        
+        if not data or not data.get("numAbn"):
+            return jsonify({
+                "success": False,
+                "error": "Numéro d'abonnement requis"
+            }), 400
+        
+        agent_id = data.get("agent_id")
+        if not agent_id:
+            agent_id = request.headers.get("X-Agent-ID")
+            if not agent_id:
+                return jsonify({
+                    "success": False,
+                    "error": "agent_id requis pour le paiement"
+                }), 400
+            
+        logger.info(f"🔄 Début paiement Internet - Agent: {agent_id}, Abonnement: {data.get('numAbn')}")
+            
+        url = "https://apingbss-prod.speedpro.cg/api/get/customer"
+        payload = json.dumps({
+            "mode": "GET",
+            "numabn": data.get("numAbn")
+        })
+        headers = {
+            'Content-Type': 'application/json',
+        }
+        
+        response = requests.post(url, headers=headers, data=payload)
+        response.raise_for_status()
+        api_response = response.json()
+        
+        if not api_response or 'prix' not in api_response or 'name' not in api_response:
+            return jsonify({
+                "success": False,
+                "error": "Abonnement non trouvé"
+            }), 404
+            
+        prix = float(api_response.get("prix"))
+        frais_totaux = prix * 0.02
+        commission_prevue = prix * 0.01
+        frais_plateforme = prix * 0.01
+        montant_total = prix + frais_totaux
+        
+        logger.info(f"💰 Calcul tarification - Prix: {prix} FCFA, Total: {montant_total} FCFA")
+        
+        additional_data = {
+            "numAbn": data.get("numAbn"),
+            "subscriber_name": api_response.get("name"),
+            "subscriber_address": api_response.get("address", "Pas d'adresse"),
+            "service_provider": "Congo Télécom",
+            "subscription_plan": api_response.get("plan", "Standard"),
+            "api_response": api_response,
+            "payment_method": "agent_balance"
+        }
+        
+        try:
+            payment_result = process_agent_payment(
+                agent_id=agent_id,
+                service_name="Internet",
+                montant_total=montant_total,
+                montant_reel=prix,
+                client_reference=data.get("numAbn"),
+                additional_data=additional_data
+            )
+            
+            logger.info(f"💰 Agent débité avec succès: {payment_result}")
+            
+        except ValueError as e:
+            error_msg = str(e)
+            if "INSUFFICIENT_BALANCE" in error_msg:
+                deficit = error_msg.split("|")[1] if "|" in error_msg else "N/A"
+                return jsonify({
+                    "success": False,
+                    "error": "Solde insuffisant",
+                    "details": f"Il manque {deficit} FCFA",
+                    "required_amount": montant_total
+                }), 400
+            elif "AGENT_NOT_FOUND" in error_msg:
+                return jsonify({
+                    "success": False,
+                    "error": "Agent non trouvé ou inactif"
+                }), 404
+            else:
+                return jsonify({
+                    "success": False,
+                    "error": f"Erreur de paiement: {error_msg}"
+                }), 400
+        
+        try:
+            confirmation_code = f"WTPE{datetime.now().strftime('%Y%m%d')}{data.get('numAbn')[-4:]}"
+            
+            transactions_collection.update_one(
+                {"_id": payment_result["transaction_id"]},
+                {
+                    "$set": {
+                        "tel": data.get("tel"),
+                        "status": "completed",
+                        "confirmation_code": confirmation_code,
+                        "completed_at": datetime.now(timezone.utc),
+                        "updated_at": datetime.now(timezone.utc)
+                    }
+                }
+            )
+            
+            logger.info(f"✅ Paiement Internet réussi - Transaction: {payment_result['transaction_id']}")
+            
+            return jsonify({
+                "success": True,
+                "message": "Paiement Internet effectué avec succès",
+                "data": {
+                    "transaction_id": payment_result["transaction_id"],
+                    "confirmation_code": confirmation_code,
+                    "agent_id": agent_id,
+                    "agent_name": payment_result["agent_name"],
+                    "account_type": payment_result.get("account_type", "agent"),
+                    "enterprise_id": payment_result.get("enterprise_id"),
+                    "subscriber_name": api_response.get("name"),
+                    "subscription_number": data.get("numAbn"),
+                    "amount_paid": prix,
+                    "total_debited": round(montant_total, 2),
+                    "commission_earned": payment_result["commission_gagnee"],
+                    "new_balance": payment_result["nouveau_solde"],
+                    "balance_source": payment_result.get("balance_source", "personal"),
+                    "payment_date": datetime.now(timezone.utc).isoformat()
+                }
+            }), 200
+                
+        except Exception as completion_error:
+            logger.error(f"❌ Erreur finalisation: {completion_error}")
+            return jsonify({
+                "success": False,
+                "error": "Erreur lors de la finalisation du paiement"
+            }), 500
+        
+    except Exception as e:
+        logger.error(f"❌ Erreur inattendue: {e}")
+        return jsonify({
+            "success": False,
+            "error": f"Erreur inattendue: {str(e)}"
+        }), 500
+
+# ===== ROUTES PAIEMENTS PELISA =====
+
+@tpe_bp.route('/get_pelisa_info_tpe', methods=['POST'])
+def get_pelisa_info_tpe():
+    """Récupérer les informations d'un compteur Pelisa"""
+    try:
+        data = request.json
+        if not data or not data.get("ref_meter"):
+            return jsonify({"error": "Numéro de compteur requis"}), 400
+            
+        url = "https://api.live.wortis.cg/get_user_pelissa"
+        payload = json.dumps({"ref_meter": data.get("ref_meter")})
+        headers = {'Content-Type': 'application/json'}
+        
+        response = requests.post(url, headers=headers, data=payload)
+        response.raise_for_status()
+        api_response = response.json()
+        
+        if not api_response or api_response.get('Ustatus') != 1:
+            return jsonify({
+                "error": "Compteur non trouvé ou inactif",
+                "ref_meter": data.get("ref_meter")
+            }), 404
+        
+        response_data = {
+            "Numéro de Compteur": data.get("ref_meter"),
+            "Nom complet": api_response.get("first_name", "N/A").strip(),
+            "Adresse": api_response.get("addresse", "Pas d'adresse").strip(),
+            "Profil Tarifaire": api_response.get("profil_tarif", "Standard"),
+            "Numéro de Police": api_response.get("n_police", "N/A"),
+            "Référence Contrat": api_response.get("ref_contract", "N/A"),
+            "Numéro de Branchement": str(api_response.get("branchement", "N/A")),
+            "Téléphone": api_response.get("tel", "").strip() or "Non renseigné",
+            "Statut Compteur": "Actif" if api_response.get('status') == 0 else "Inactif",
+            "Statut Résiliation": "Normal" if api_response.get('status_resiliation') == 0 else "Résilié"
+        }
+        
+        return jsonify(response_data), 200
+        
+    except Exception as e:
+        logger.error(f"❌ Erreur get_pelisa_info_tpe: {e}")
+        return jsonify({"error": "Erreur interne", "details": str(e)}), 500
+
+@tpe_bp.route('/pelisa_paiement_tpe', methods=['POST'])
+def pelisa_paiement_tpe():
+    """Route principale pour le paiement Pelisa via solde agent"""
+    try:
+        data = request.json
+        
+        required_fields = ["ref_meter", "montantinitial"]
+        for field in required_fields:
+            if not data or not data.get(field):
+                return jsonify({"success": False, "error": f"{field} requis"}), 400
+        
+        agent_id = data.get("agent_id") or request.headers.get("X-Agent-ID")
+        if not agent_id:
+            return jsonify({"success": False, "error": "agent_id requis"}), 400
+        
+        # Récupérer infos compteur
+        url = "https://api.live.wortis.cg/get_user_pelissa"
+        payload = json.dumps({"ref_meter": data.get("ref_meter")})
+        response = requests.post(url, headers={'Content-Type': 'application/json'}, data=payload)
+        response.raise_for_status()
+        api_response = response.json()
+        
+        if not api_response or api_response.get('Ustatus') != 1:
+            return jsonify({"success": False, "error": "Compteur non trouvé ou inactif"}), 404
+        
+        montant_initial = float(data.get("montantinitial"))
+        if montant_initial <= 0:
+            return jsonify({"success": False, "error": "Le montant doit être supérieur à zéro"}), 400
+        
+        prix = montant_initial
+        frais_totaux = prix * 0.02
+        montant_total = prix + frais_totaux
+        
+        additional_data = {
+            "ref_meter": data.get("ref_meter"),
+            "subscriber_name": api_response.get("first_name", "").strip(),
+            "service_provider": "Pelisa",
+            "montant_initial": montant_initial
+        }
+        
+        try:
+            payment_result = process_agent_payment(
+                agent_id=agent_id,
+                service_name="Recharge de Compteur Pelisa",
+                montant_total=montant_total,
+                montant_reel=prix,
+                client_reference=str(data.get("ref_meter")),
+                additional_data=additional_data
+            )
+        except ValueError as e:
+            error_msg = str(e)
+            if "INSUFFICIENT_BALANCE" in error_msg:
+                deficit = error_msg.split("|")[1] if "|" in error_msg else "N/A"
+                return jsonify({
+                    "success": False,
+                    "error": "Solde insuffisant",
+                    "details": f"Il manque {deficit} FCFA"
+                }), 400
+            return jsonify({"success": False, "error": str(e)}), 400
+        
+        confirmation_code = f"WPEL{datetime.now().strftime('%Y%m%d')}{str(data.get('ref_meter'))[-4:]}"
+        
+        transactions_collection.update_one(
+            {"_id": payment_result["transaction_id"]},
+            {"$set": {
+                "tel": data.get("tel"),
+                "status": "completed",
+                "confirmation_code": confirmation_code,
+                "completed_at": datetime.now(timezone.utc)
+            }}
+        )
+        
+        # Envoi WhatsApp
+        try:
+            reqUrl = "https://api.live.wortis.cg/send_whatsapp_backoffice_api"
+            payload_wa = json.dumps({
+                "sms": (
+                    f"🪙 TPE : {data.get('num_operation', 'N/A')}\n"
+                    f"Marchand : Pelissa\n"
+                    f"Compteur : {data.get('ref_meter')}\n"
+                    f"Client : {api_response.get('first_name', '').strip()}\n"
+                    f"Tel.: {data.get('tel', 'N/A')}\n"
+                    f"Montant : {prix}\n"
+                    f"Agent : {agent_id}\n"
+                    f"TransID : {confirmation_code}"
+                )
+            })
+            requests.post(reqUrl, data=payload_wa, headers={'Content-Type': 'application/json'})
+        except:
+            pass
+        
+        return jsonify({
+            "success": True,
+            "message": "Paiement Pelisa effectué avec succès",
+            "data": {
+                "transaction_id": payment_result["transaction_id"],
+                "confirmation_code": confirmation_code,
+                "agent_id": agent_id,
+                "account_type": payment_result.get("account_type"),
+                "enterprise_id": payment_result.get("enterprise_id"),
+                "amount_paid": prix,
+                "total_debited": round(montant_total, 2),
+                "commission_earned": payment_result["commission_gagnee"],
+                "new_balance": payment_result["nouveau_solde"],
+                "balance_source": payment_result.get("balance_source")
+            }
+        }), 200
+        
+    except Exception as e:
+        logger.error(f"❌ Erreur Pelisa: {e}")
+        return jsonify({"success": False, "error": str(e)}), 500
+
+# ===== ROUTES PAIEMENTS E2C =====
+
+@tpe_bp.route('/get_e2c_info_tpe', methods=['POST'])
+def get_e2c_info_tpe():
+    """Récupérer les informations d'un client E2C"""
+    try:
+        data = request.json
+        if not data or not data.get("numc") or not data.get("ville"):
+            return jsonify({"error": "Numéro client et ville requis"}), 400
+        
+        url = "https://api.live.wortis.cg/get_e2c_apk"
+        payload = json.dumps({"numc": data.get("numc"), "ville": data.get("ville")})
+        response = requests.post(url, headers={'Content-Type': 'application/json'}, data=payload)
+        response.raise_for_status()
+        api_response = response.json()
+        
+        if not api_response or not api_response.get('NomClient'):
+            return jsonify({"error": "Client non trouvé"}), 404
+        
+        dette_totale = float(api_response.get("SoldeDetteTotale", 0))
+        
+        response_data = {
+            "Numéro Client": data.get("numc"),
+            "Nom Complet": api_response.get("NomClient", "N/A").strip(),
+            "Adresse": api_response.get("Adresse", "Pas d'adresse").strip(),
+            "Ref de Paiement": api_response.get("RefPaiement", "N/A"),
+            "Numéro de Branchement": api_response.get("NumBranchement", "N/A"),
+            "Dette Totale": f"{dette_totale:.0f} FCFA",
+            "Ville": data.get("ville"),
+            "MontantAPayer": dette_totale,
+            "StatutFacture": "Impayée" if dette_totale > 0 else "Soldée"
+        }
+        
+        return jsonify(response_data), 200
+        
+    except Exception as e:
+        logger.error(f"❌ Erreur get_e2c_info_tpe: {e}")
+        return jsonify({"error": "Erreur interne"}), 500
+
+@tpe_bp.route('/e2c_paiement_tpe', methods=['POST'])
+def e2c_paiement_tpe():
+    """Route principale pour le paiement E2C via solde agent"""
+    try:
+        data = request.json
+        
+        required_fields = ["numc", "ville", "montantinitial"]
+        for field in required_fields:
+            if not data or not data.get(field):
+                return jsonify({"success": False, "error": f"{field} requis"}), 400
+        
+        agent_id = data.get("agent_id") or request.headers.get("X-Agent-ID")
+        if not agent_id:
+            return jsonify({"success": False, "error": "agent_id requis"}), 400
+        
+        url = "https://api.live.wortis.cg/get_e2c_apk"
+        payload = json.dumps({"numc": data.get("numc"), "ville": data.get("ville")})
+        response = requests.post(url, headers={'Content-Type': 'application/json'}, data=payload)
+        response.raise_for_status()
+        api_response = response.json()
+        
+        if not api_response or not api_response.get('NomClient'):
+            return jsonify({"success": False, "error": "Client non trouvé"}), 404
+        
+        dette_totale = float(api_response.get("SoldeDetteTotale", 0))
+        montant_initial = float(data.get("montantinitial"))
+        
+        if montant_initial <= 0:
+            return jsonify({"success": False, "error": "Le montant doit être supérieur à zéro"}), 400
+        
+        prix = montant_initial
+        frais_totaux = prix * 0.02
+        montant_total = prix + frais_totaux
+        
+        additional_data = {
+            "numc": data.get("numc"),
+            "ville": data.get("ville"),
+            "client_name": api_response.get("NomClient", "").strip(),
+            "service_provider": "E2C",
+            "dette_totale_avant": dette_totale
+        }
+        
+        try:
+            payment_result = process_agent_payment(
+                agent_id=agent_id,
+                service_name="Facture électricité",
+                montant_total=montant_total,
+                montant_reel=prix,
+                client_reference=data.get("numc"),
+                additional_data=additional_data
+            )
+        except ValueError as e:
+            error_msg = str(e)
+            if "INSUFFICIENT_BALANCE" in error_msg:
+                deficit = error_msg.split("|")[1] if "|" in error_msg else "N/A"
+                return jsonify({"success": False, "error": "Solde insuffisant", "details": f"Il manque {deficit} FCFA"}), 400
+            return jsonify({"success": False, "error": str(e)}), 400
+        
+        confirmation_code = f"WE2C{datetime.now().strftime('%Y%m%d')}{data.get('numc')[-4:]}"
+        
+        transactions_collection.update_one(
+            {"_id": payment_result["transaction_id"]},
+            {"$set": {
+                "status": "completed",
+                "confirmation_code": confirmation_code,
+                "completed_at": datetime.now(timezone.utc)
+            }}
+        )
+        
+        return jsonify({
+            "success": True,
+            "message": "Paiement facture E2C effectué avec succès",
+            "data": {
+                "transaction_id": payment_result["transaction_id"],
+                "confirmation_code": confirmation_code,
+                "agent_id": agent_id,
+                "account_type": payment_result.get("account_type"),
+                "enterprise_id": payment_result.get("enterprise_id"),
+                "client_name": api_response.get("NomClient", "").strip(),
+                "amount_paid": prix,
+                "total_debited": round(montant_total, 2),
+                "commission_earned": payment_result["commission_gagnee"],
+                "new_balance": payment_result["nouveau_solde"],
+                "balance_source": payment_result.get("balance_source"),
+                "dette_restante": dette_totale - montant_initial
+            }
+        }), 200
+        
+    except Exception as e:
+        logger.error(f"❌ Erreur E2C: {e}")
+        return jsonify({"success": False, "error": str(e)}), 500
+
+# ===== ROUTES ENTREPRISES =====
+
+@tpe_bp.route('/enterprise/create', methods=['POST'])
+def create_enterprise():
+    """Créer un nouveau compte entreprise"""
+    try:
+        data = request.get_json()
+        
+        required_fields = ['nom_entreprise', 'email_entreprise', 'telephone_entreprise']
+        for field in required_fields:
+            if field not in data or not data[field]:
+                return jsonify({
+                    'success': False,
+                    'message': f'Champ requis manquant: {field}'
+                }), 400
+        
+        existing_email = enterprises_collection.find_one({'email_entreprise': data['email_entreprise']})
+        if existing_email:
+            return jsonify({
+                'success': False,
+                'message': 'Cette adresse email est déjà utilisée'
+            }), 409
+        
+        enterprise = Enterprise(
+            nom_entreprise=data['nom_entreprise'].strip(),
+            email_entreprise=data['email_entreprise'].strip(),
+            telephone_entreprise=data['telephone_entreprise'].strip(),
+            adresse=data.get('adresse', '').strip(),
+            secteur_activite=data.get('secteur_activite', '').strip()
+        )
+        
+        result = enterprises_collection.insert_one(enterprise.to_dict())
+        
+        if result.inserted_id:
+            log_activity(
+                'enterprise_created',
+                'Entreprise créée',
+                f'{enterprise.enterprise_id} - {data["nom_entreprise"]}',
+                data.get('created_by', 'admin'),
+                {'enterprise_id': enterprise.enterprise_id}
+            )
+            
+            created_enterprise = enterprise.to_dict()
+            created_enterprise['_id'] = str(result.inserted_id)
+            
+            return jsonify({
+                'success': True,
+                'message': f'Entreprise {enterprise.enterprise_id} créée avec succès',
+                'enterprise': serialize_objectid(created_enterprise)
+            }), 201
+        else:
+            return jsonify({
+                'success': False,
+                'message': 'Erreur lors de la création de l\'entreprise'
+            }), 500
+            
+    except Exception as e:
+        logger.error(f"❌ Erreur création entreprise: {e}")
+        return jsonify({
+            'success': False,
+            'message': f'Erreur lors de la création: {str(e)}'
+        }), 500
+
+@tpe_bp.route('/enterprise/<enterprise_id>/add-member', methods=['POST'])
+def add_enterprise_member(enterprise_id):
+    """Ajouter un membre à une entreprise"""
+    try:
+        data = request.get_json()
+        
+        required_fields = ['nom', 'telephone', 'role_dans_entreprise']
+        for field in required_fields:
+            if field not in data or not data[field]:
+                return jsonify({
+                    'success': False,
+                    'message': f'Champ requis manquant: {field}'
+                }), 400
+        
+        enterprise = enterprises_collection.find_one({'enterprise_id': enterprise_id})
+        if not enterprise:
+            return jsonify({
+                'success': False,
+                'message': f'Entreprise {enterprise_id} introuvable'
+            }), 404
+        
+        existing_phone = users_collection.find_one({'telephone': data['telephone']})
+        if existing_phone:
+            return jsonify({
+                'success': False,
+                'message': 'Ce numéro de téléphone est déjà utilisé'
+            }), 409
+        
+        agent_id = generate_agent_id()
+        default_pin = ''.join(random.choices(string.digits, k=4))
+        
+        member_data = {
+            'agent_id': agent_id,
+            'nom': data['nom'].strip(),
+            'telephone': data['telephone'].strip(),
+            'email': data.get('email', '').strip(),
+            'pin': default_pin,
+            'pin_hash': generate_password_hash(default_pin),
+            'type': 'enterprise_member',
+            'enterprise_id': enterprise_id,
+            'role_dans_entreprise': data['role_dans_entreprise'],
+            'is_admin_entreprise': data.get('is_admin_entreprise', False),
+            'status': 'active',
+            'solde': 0.0,
+            'created_at': datetime.now(timezone.utc),
+            'updated_at': datetime.now(timezone.utc),
+            'created_by': data.get('created_by', 'admin'),
+            'last_login': None
+        }
+        
+        result = users_collection.insert_one(member_data)
+        
+        if result.inserted_id:
+            membership = {
+                'enterprise_id': enterprise_id,
+                'agent_id': agent_id,
+                'role': data['role_dans_entreprise'],
+                'is_admin': data.get('is_admin_entreprise', False),
+                'joined_at': datetime.now(timezone.utc),
+                'status': 'active'
+            }
+            enterprise_members_collection.insert_one(membership)
+            
+            enterprises_collection.update_one(
+                {'enterprise_id': enterprise_id},
+                {
+                    '$inc': {'total_members': 1},
+                    '$set': {'updated_at': datetime.now(timezone.utc)}
+                }
+            )
+            
+            log_activity(
+                'enterprise_member_added',
+                'Membre ajouté à l\'entreprise',
+                f'{agent_id} ajouté à {enterprise_id}',
+                data.get('created_by', 'admin'),
+                {'enterprise_id': enterprise_id, 'agent_id': agent_id}
+            )
+            
+            created_member = member_data.copy()
+            created_member.pop('pin')
+            created_member.pop('pin_hash')
+            created_member['_id'] = str(result.inserted_id)
+            
+            return jsonify({
+                'success': True,
+                'message': f'Membre {agent_id} ajouté à l\'entreprise {enterprise_id}',
+                'member': serialize_objectid(created_member),
+                'default_pin': default_pin,
+                'enterprise': {
+                    'enterprise_id': enterprise_id,
+                    'nom_entreprise': enterprise.get('nom_entreprise')
+                }
+            }), 201
+        else:
+            return jsonify({
+                'success': False,
+                'message': 'Erreur lors de l\'ajout du membre'
+            }), 500
+            
+    except Exception as e:
+        logger.error(f"❌ Erreur ajout membre entreprise: {e}")
+        return jsonify({
+            'success': False,
+            'message': f'Erreur lors de l\'ajout: {str(e)}'
+        }), 500
+
+@tpe_bp.route('/enterprise/<enterprise_id>/members', methods=['GET'])
+def get_enterprise_members(enterprise_id):
+    """Récupérer tous les membres d'une entreprise"""
+    try:
+        enterprise = enterprises_collection.find_one({'enterprise_id': enterprise_id})
+        if not enterprise:
+            return jsonify({
+                'success': False,
+                'message': f'Entreprise {enterprise_id} introuvable'
+            }), 404
+        
+        members = list(users_collection.find({
+            'enterprise_id': enterprise_id,
+            'type': 'enterprise_member'
+        }, {'pin': 0, 'pin_hash': 0}))
+        
+        for member in members:
+            member_transactions = transactions_collection.count_documents({
+                'agent_id': member['agent_id']
+            })
+            
+            volume_result = list(transactions_collection.aggregate([
+                {'$match': {'agent_id': member['agent_id']}},
+                {'$group': {
+                    '_id': None,
+                    'total_volume': {'$sum': {'$toDouble': '$montant_total_debite'}}
+                }}
+            ]))
+            
+            member['total_transactions'] = member_transactions
+            member['total_volume'] = volume_result[0]['total_volume'] if volume_result else 0.0
+        
+        return jsonify({
+            'success': True,
+            'enterprise': {
+                'enterprise_id': enterprise_id,
+                'nom_entreprise': enterprise.get('nom_entreprise'),
+                'solde_entreprise': enterprise.get('solde_entreprise', 0.0),
+                'status': enterprise.get('status')
+            },
+            'members': serialize_objectid(members),
+            'total_members': len(members)
+        }), 200
+        
+    except Exception as e:
+        logger.error(f"❌ Erreur récupération membres: {e}")
+        return jsonify({
+            'success': False,
+            'message': f'Erreur: {str(e)}'
+        }), 500
+
+@tpe_bp.route('/enterprise/<enterprise_id>/balance', methods=['GET'])
+def get_enterprise_balance(enterprise_id):
+    """Récupérer le solde et les statistiques d'une entreprise"""
+    try:
+        enterprise = enterprises_collection.find_one({'enterprise_id': enterprise_id})
+        
+        if not enterprise:
+            return jsonify({
+                'success': False,
+                'message': f'Entreprise {enterprise_id} introuvable'
+            }), 404
+        
+        members = list(users_collection.find({
+            'enterprise_id': enterprise_id,
+            'type': 'enterprise_member'
+        }, {'agent_id': 1}))
+        
+        member_ids = [m['agent_id'] for m in members]
+        
+        total_transactions = transactions_collection.count_documents({
+            'agent_id': {'$in': member_ids}
+        })
+        
+        financial_stats = list(transactions_collection.aggregate([
+            {'$match': {'agent_id': {'$in': member_ids}}},
+            {'$group': {
+                '_id': None,
+                'total_volume': {'$sum': {'$toDouble': '$montant_total_debite'}},
+                'total_commissions': {'$sum': {'$toDouble': '$commission_agent'}}
+            }}
+        ]))
+        
+        total_volume = financial_stats[0]['total_volume'] if financial_stats else 0.0
+        total_commissions = financial_stats[0]['total_commissions'] if financial_stats else 0.0
+        
+        today = datetime.now().replace(hour=0, minute=0, second=0, microsecond=0)
+        tomorrow = today + timedelta(days=1)
+        
+        daily_stats = list(transactions_collection.aggregate([
+            {
+                '$match': {
+                    'agent_id': {'$in': member_ids},
+                    'created_at': {'$gte': today, '$lt': tomorrow}
+                }
+            },
+            {
+                '$group': {
+                    '_id': None,
+                    'daily_transactions': {'$sum': 1},
+                    'daily_volume': {'$sum': {'$toDouble': '$montant_total_debite'}},
+                    'daily_commissions': {'$sum': {'$toDouble': '$commission_agent'}}
+                }
+            }
+        ]))
+        
+        return jsonify({
+            'success': True,
+            'enterprise_id': enterprise_id,
+            'nom_entreprise': enterprise.get('nom_entreprise'),
+            'solde_entreprise': float(enterprise.get('solde_entreprise', 0)),
+            'commission_entreprise': float(enterprise.get('commission_entreprise', 0)),
+            'status': enterprise.get('status'),
+            'total_members': len(member_ids),
+            'statistics': {
+                'total_transactions': total_transactions,
+                'total_volume': round(total_volume, 2),
+                'total_commissions': round(total_commissions, 2),
+                'daily_transactions': daily_stats[0]['daily_transactions'] if daily_stats else 0,
+                'daily_volume': round(daily_stats[0]['daily_volume'] if daily_stats else 0, 2),
+                'daily_commissions': round(daily_stats[0]['daily_commissions'] if daily_stats else 0, 2)
+            },
+            'created_at': enterprise.get('created_at').isoformat() if enterprise.get('created_at') else None
+        }), 200
+        
+    except Exception as e:
+        logger.error(f"❌ Erreur récupération solde entreprise: {e}")
+        return jsonify({
+            'success': False,
+            'message': f'Erreur: {str(e)}'
+        }), 500
+
+@tpe_bp.route('/enterprise/<enterprise_id>/recharge', methods=['POST'])
+def recharge_enterprise_balance(enterprise_id):
+    """Recharger le solde d'une entreprise"""
+    try:
+        data = request.get_json()
+        
+        if 'montant' not in data:
+            return jsonify({
+                'success': False,
+                'message': 'Le champ montant est requis'
+            }), 400
+        
+        montant = float(data['montant'])
+        
+        if montant <= 0:
+            return jsonify({
+                'success': False,
+                'message': 'Le montant doit être positif'
+            }), 400
+        
+        enterprise = enterprises_collection.find_one({'enterprise_id': enterprise_id})
+        if not enterprise:
+            return jsonify({
+                'success': False,
+                'message': f'Entreprise {enterprise_id} introuvable'
+            }), 404
+        
+        ancien_solde = enterprise.get('solde_entreprise', 0.0)
+        nouveau_solde = ancien_solde + montant
+        
+        enterprises_collection.update_one(
+            {'enterprise_id': enterprise_id},
+            {
+                '$set': {
+                    'solde_entreprise': nouveau_solde,
+                    'updated_at': datetime.now(timezone.utc)
+                },
+                '$inc': {'total_volume': montant}
+            }
+        )
+        
+        recharge_record = {
+            'enterprise_id': enterprise_id,
+            'montant': str(int(montant)),
+            'type': 'enterprise_recharge',
+            'ancien_solde': ancien_solde,
+            'nouveau_solde': nouveau_solde,
+            'recharged_by': data.get('recharged_by', 'admin'),
+            'description': data.get('description', 'Recharge solde entreprise'),
+            'created_at': datetime.now(timezone.utc),
+            'status': 'completed'
+        }
+        
+        recharges_collection.insert_one(recharge_record)
+        
+        log_activity(
+            'enterprise_recharged',
+            'Recharge entreprise',
+            f'{enterprise_id} - {montant} FCFA',
+            data.get('recharged_by', 'admin'),
+            {'enterprise_id': enterprise_id, 'montant': montant}
+        )
+        
+        return jsonify({
+            'success': True,
+            'message': f'Recharge de {montant} FCFA effectuée avec succès',
+            'enterprise_id': enterprise_id,
+            'montant_recharge': montant,
+            'ancien_solde': ancien_solde,
+            'nouveau_solde': nouveau_solde,
+            'recharge_id': str(recharge_record.get('_id'))
+        }), 200
+        
+    except ValueError:
+        return jsonify({
+            'success': False,
+            'message': 'Le montant doit être un nombre valide'
+        }), 400
+    except Exception as e:
+        logger.error(f"❌ Erreur recharge entreprise: {e}")
+        return jsonify({
+            'success': False,
+            'message': f'Erreur: {str(e)}'
+        }), 500
+
+@tpe_bp.route('/enterprises', methods=['GET'])
+def get_all_enterprises():
+    """Récupérer toutes les entreprises"""
+    try:
+        status_filter = request.args.get('status')
+        page = int(request.args.get('page', 1))
+        limit = int(request.args.get('limit', 50))
+        
+        filter_query = {}
+        if status_filter:
+            filter_query['status'] = status_filter
+        
+        total = enterprises_collection.count_documents(filter_query)
+        skip = (page - 1) * limit
+        
+        enterprises = list(
+            enterprises_collection.find(filter_query)
+            .sort("created_at", -1)
+            .skip(skip)
+            .limit(limit)
+        )
+        
+        return jsonify({
+            'success': True,
+            'enterprises': serialize_objectid(enterprises),
+            'pagination': {
+                'page': page,
+                'limit': limit,
+                'total': total,
+                'total_pages': (total + limit - 1) // limit
+            }
+        }), 200
+        
+    except Exception as e:
+        return jsonify({
+            'success': False,
+            'message': f'Erreur: {str(e)}'
+        }), 500
+
+@tpe_bp.route('/member/<agent_id>/info', methods=['GET'])
+def get_member_info(agent_id):
+    """Récupérer les informations complètes d'un membre"""
+    try:
+        member = users_collection.find_one({'agent_id': agent_id}, {'pin': 0, 'pin_hash': 0})
+        
+        if not member:
+            return jsonify({
+                'success': False,
+                'message': 'Membre non trouvé'
+            }), 404
+        
+        response_data = {
+            'member': serialize_objectid(member)
+        }
+        
+        if member.get('type') == 'enterprise_member' and member.get('enterprise_id'):
+            enterprise = enterprises_collection.find_one(
+                {'enterprise_id': member.get('enterprise_id')}
+            )
+            
+            if enterprise:
+                response_data['enterprise'] = {
+                    'enterprise_id': enterprise.get('enterprise_id'),
+                    'nom_entreprise': enterprise.get('nom_entreprise'),
+                    'solde_entreprise': enterprise.get('solde_entreprise', 0),
+                    'status': enterprise.get('status'),
+                    'total_members': enterprise.get('total_members', 0)
+                }
+                
+                trans_count = transactions_collection.count_documents({'agent_id': agent_id})
+                
+                volume_result = list(transactions_collection.aggregate([
+                    {'$match': {'agent_id': agent_id}},
+                    {'$group': {
+                        '_id': None,
+                        'total_volume': {'$sum': {'$toDouble': '$montant_total_debite'}},
+                        'total_commissions': {'$sum': {'$toDouble': '$commission_agent'}}
+                    }}
+                ]))
+                
+                response_data['member_stats'] = {
+                    'total_transactions': trans_count,
+                    'total_volume': round(volume_result[0]['total_volume'] if volume_result else 0, 2),
+                    'total_commissions': round(volume_result[0]['total_commissions'] if volume_result else 0, 2)
+                }
+        
+        return jsonify({
+            'success': True,
+            **response_data
+        }), 200
+        
+    except Exception as e:
+        logger.error(f"❌ Erreur récupération info membre: {e}")
+        return jsonify({
+            'success': False,
+            'message': f'Erreur: {str(e)}'
+        }), 500
+
+# ===== ROUTES ADMIN =====
+
+@tpe_bp.route('/admin/system/stats', methods=['GET'])
+def get_system_stats():
+    """Récupérer les statistiques système"""
+    try:
+        agents_stats = users_collection.aggregate([
+            {'$group': {'_id': '$status', 'count': {'$sum': 1}}}
+        ])
+        
+        active_agents = 0
+        for stat in agents_stats:
+            if stat['_id'] == 'active':
+                active_agents = stat['count']
+        
+        today = datetime.now().replace(hour=0, minute=0, second=0, microsecond=0)
+        tomorrow = today + timedelta(days=1)
+        
+        daily_transactions = transactions_collection.count_documents({
+            'created_at': {'$gte': today, '$lt': tomorrow}
+        })
+        
+        volume_result = list(transactions_collection.aggregate([
+            {'$group': {
+                '_id': None,
+                'total_volume': {'$sum': {'$toDouble': '$montant_total_debite'}},
+                'total_commissions': {'$sum': {'$toDouble': '$commission_agent'}}
+            }}
+        ]))
+        
+        total_volume = volume_result[0]['total_volume'] if volume_result else 0.0
+        total_commissions = volume_result[0]['total_commissions'] if volume_result else 0.0
+        
+        total_transactions = transactions_collection.count_documents({})
+        success_transactions = transactions_collection.count_documents({'status': 'completed'})
+        success_rate = (success_transactions / total_transactions * 100) if total_transactions > 0 else 0.0
+        
+        pending_recharges = recharges_collection.count_documents({'status': 'pending'})
+        
+        # Stats entreprises
+        total_enterprises = enterprises_collection.count_documents({})
+        total_enterprise_members = users_collection.count_documents({'type': 'enterprise_member'})
+        
+        return jsonify({
+            'success': True,
+            'stats': {
+                'active_agents': active_agents,
+                'daily_transactions': daily_transactions,
+                'total_volume': total_volume,
+                'total_commissions': total_commissions,
+                'success_rate': round(success_rate, 2),
+                'pending_recharges': pending_recharges,
+                'total_agents': users_collection.count_documents({}),
+                'total_enterprises': total_enterprises,
+                'total_enterprise_members': total_enterprise_members,
+                'last_updated': datetime.now().isoformat()
+            }
+        }), 200
+        
+    except Exception as e:
+        return jsonify({
+            'success': False,
+            'message': f'Erreur: {str(e)}'
+        }), 500
+
+@tpe_bp.route('/admin/agents', methods=['GET'])
+def get_all_agents():
+    """Récupérer tous les agents"""
+    try:
+        status_filter = request.args.get('status')
+        search = request.args.get('search')
+        agent_type = request.args.get('type')
+        page = int(request.args.get('page', 1))
+        limit = int(request.args.get('limit', 50))
+        
+        filter_query = {}
+        if status_filter:
+            filter_query['status'] = status_filter
+        if agent_type:
+            filter_query['type'] = agent_type
+        if search:
+            filter_query['$or'] = [
+                {'nom': {'$regex': search, '$options': 'i'}},
+                {'agent_id': {'$regex': search, '$options': 'i'}},
+                {'email': {'$regex': search, '$options': 'i'}}
+            ]
+        
+        total = users_collection.count_documents(filter_query)
+        skip = (page - 1) * limit
+        
+        agents = list(
+            users_collection.find(filter_query)
+            .sort("created_at", -1)
+            .skip(skip)
+            .limit(limit)
+        )
+        
+        # Enrichir avec infos entreprise si nécessaire
+        for agent in agents:
+            if agent.get('type') == 'enterprise_member' and agent.get('enterprise_id'):
+                enterprise = enterprises_collection.find_one({'enterprise_id': agent.get('enterprise_id')})
+                if enterprise:
+                    agent['enterprise_name'] = enterprise.get('nom_entreprise')
+        
+        return jsonify({
+            'success': True,
+            'agents': serialize_objectid(agents),
+            'pagination': {
+                'page': page,
+                'limit': limit,
+                'total': total,
+                'total_pages': (total + limit - 1) // limit,
+                'has_next': skip + limit < total,
+                'has_prev': page > 1
+            }
+        }), 200
+        
+    except Exception as e:
+        return jsonify({
+            'success': False,
+            'message': f'Erreur: {str(e)}'
+        }), 500
+
+@tpe_bp.route('/admin/dashboard/enterprises', methods=['GET'])
+def get_enterprises_dashboard():
+    """Dashboard récapitulatif pour toutes les entreprises"""
+    try:
+        total_enterprises = enterprises_collection.count_documents({})
+        active_enterprises = enterprises_collection.count_documents({'status': 'active'})
+        
+        total_balance_result = list(enterprises_collection.aggregate([
+            {'$group': {
+                '_id': None,
+                'total_balance': {'$sum': {'$toDouble': '$solde_entreprise'}},
+                'total_commissions': {'$sum': {'$toDouble': '$commission_entreprise'}}
+            }}
+        ]))
+        
+        total_members = users_collection.count_documents({'type': 'enterprise_member'})
+        
+        top_enterprises = list(enterprises_collection.aggregate([
+            {'$sort': {'total_volume': -1}},
+            {'$limit': 10},
+            {'$project': {
+                'enterprise_id': 1,
+                'nom_entreprise': 1,
+                'solde_entreprise': 1,
+                'total_transactions': 1,
+                'total_volume': 1,
+                'total_members': 1
+            }}
+        ]))
+        
+        today = datetime.now().replace(hour=0, minute=0, second=0, microsecond=0)
+        tomorrow = today + timedelta(days=1)
+        
+        all_enterprise_members = list(users_collection.find(
+            {'type': 'enterprise_member'},
+            {'agent_id': 1}
+        ))
+        all_member_ids = [m['agent_id'] for m in all_enterprise_members]
+        
+        daily_enterprise_transactions = transactions_collection.count_documents({
+            'agent_id': {'$in': all_member_ids},
+            'created_at': {'$gte': today, '$lt': tomorrow}
+        })
+        
+        return jsonify({
+            'success': True,
+            'dashboard': {
+                'total_enterprises': total_enterprises,
+                'active_enterprises': active_enterprises,
+                'total_balance': round(total_balance_result[0]['total_balance'] if total_balance_result else 0, 2),
+                'total_commissions': round(total_balance_result[0]['total_commissions'] if total_balance_result else 0, 2),
+                'total_members': total_members,
+                'daily_transactions': daily_enterprise_transactions,
+                'top_enterprises': serialize_objectid(top_enterprises)
+            },
+            'generated_at': datetime.now().isoformat()
+        }), 200
+        
+    except Exception as e:
+        logger.error(f"❌ Erreur dashboard entreprises: {e}")
+        return jsonify({
+            'success': False,
+            'message': f'Erreur: {str(e)}'
+        }), 500
+
+# ===== ROUTES UTILITAIRES =====
+
+@tpe_bp.route('/health', methods=['GET'])
+def health_check():
+    """Vérification de l'état de l'API"""
+    try:
+        mongo.TPE.command('ping')
+        
+        total_users = users_collection.count_documents({})
+        total_transactions = transactions_collection.count_documents({})
+        total_enterprises = enterprises_collection.count_documents({})
+        
+        return jsonify({
+            'success': True,
+            'message': 'API opérationnelle',
+            'database': 'MongoDB connecté',
+            'stats': {
+                'total_users': total_users,
+                'total_transactions': total_transactions,
+                'total_enterprises': total_enterprises
+            },
+            'timestamp': datetime.now(timezone.utc).isoformat()
+        }), 200
+    except Exception as e:
+        return jsonify({
+            'success': False,
+            'message': 'Erreur de connexion à la base de données',
+            'error': str(e)
+        }), 500
+
+@tpe_bp.route('/api/docs', methods=['GET'])
+def api_documentation():
+    """Documentation complète de l'API TPE"""
+    docs = {
+        "version": "2.0.0",
+        "description": "API TPE avec support des comptes entreprise",
+        "endpoints": {
+            "Authentification": {
+                "POST /tpe/login": "Connexion agent ou membre entreprise",
+                "POST /tpe/users/register": "Créer un compte agent individuel"
+            },
+            "Gestion Agents Individuels": {
+                "GET /tpe/agent/{agent_id}/balance": "Récupérer le solde",
+                "POST /tpe/agent/{agent_id}/recharge": "Recharger le solde",
+                "GET /tpe/agent/{agent_id}/transactions": "Historique transactions",
+                "GET /tpe/agent/{agent_id}/stats": "Statistiques agent"
+            },
+            "Gestion Entreprises": {
+                "POST /tpe/enterprise/create": "Créer une entreprise",
+                "GET /tpe/enterprises": "Liste des entreprises",
+                "GET /tpe/enterprise/{id}/balance": "Solde entreprise",
+                "POST /tpe/enterprise/{id}/recharge": "Recharger entreprise",
+                "POST /tpe/enterprise/{id}/add-member": "Ajouter un membre",
+                "GET /tpe/enterprise/{id}/members": "Liste des membres",
+                "GET /tpe/member/{agent_id}/info": "Info membre"
+            },
+            "Paiements (Fonctionne pour agents ET membres entreprise)": {
+                "POST /tpe/speed_paiement_tpe": "Paiement Internet",
+                "POST /tpe/pelisa_paiement_tpe": "Paiement Pelisa",
+                "POST /tpe/e2c_paiement_tpe": "Paiement E2C"
+            },
+            "Services": {
+                "GET /tpe/get_services_tpe": "Liste des services",
+                "POST /tpe/get_abn_info_tpe": "Info abonnement Internet",
+                "POST /tpe/get_pelisa_info_tpe": "Info compteur Pelisa",
+                "POST /tpe/get_e2c_info_tpe": "Info client E2C"
+            },
+            "Recharges": {
+                "POST /tpe/recharge/create/agent/{agent_id}": "Créer demande recharge",
+                "GET /tpe/recharge/get_recharges": "Liste des recharges",
+                "PUT /tpe/recharge/approve/{recharge_id}/agent/{agent_id}": "Approuver recharge"
+            },
+            "Administration": {
+                "GET /tpe/admin/system/stats": "Statistiques système",
+                "GET /tpe/admin/agents": "Liste agents (avec filtres)",
+                "GET /tpe/admin/dashboard/enterprises": "Dashboard entreprises"
+            },
+            "Utilitaires": {
+                "GET /tpe/health": "Vérifier l'état de l'API",
+                "GET /tpe/api/docs": "Documentation de l'API"
+            }
+        },
+        "features": {
+            "Comptes Entreprise": "Support complet des comptes entreprise avec solde partagé",
+            "Rétrocompatibilité": "Les agents individuels fonctionnent exactement comme avant",
+            "Détection Automatique": "Le système détecte automatiquement le type de compte",
+            "Traçabilité": "Toutes les transactions indiquent la source du solde (personnel/entreprise)"
+        },
+        "exemples": {
+            "Créer entreprise et ajouter 2 membres": {
+                "1_create_enterprise": {
+                    "method": "POST",
+                    "url": "/tpe/enterprise/create",
+                    "body": {
+                        "nom_entreprise": "TechCorp SARL",
+                        "email_entreprise": "contact@techcorp.cg",
+                        "telephone_entreprise": "+242 06 123 45 67"
+                    }
+                },
+                "2_add_member_1": {
+                    "method": "POST",
+                    "url": "/tpe/enterprise/ENT1234/add-member",
+                    "body": {
+                        "nom": "Jean Dupont",
+                        "telephone": "+242 06 111 11 11",
+                        "role_dans_entreprise": "Caissier"
+                    }
+                },
+                "3_add_member_2": {
+                    "method": "POST",
+                    "url": "/tpe/enterprise/ENT1234/add-member",
+                    "body": {
+                        "nom": "Marie Martin",
+                        "telephone": "+242 06 222 22 22",
+                        "role_dans_entreprise": "Manager"
+                    }
+                },
+                "4_recharge_enterprise": {
+                    "method": "POST",
+                    "url": "/tpe/enterprise/ENT1234/recharge",
+                    "body": {
+                        "montant": 100000,
+                        "recharged_by": "admin"
+                    }
+                },
+                "5_member_payment": {
+                    "method": "POST",
+                    "url": "/tpe/speed_paiement_tpe",
+                    "body": {
+                        "agent_id": "WRT5001",
+                        "numAbn": "12345"
+                    },
+                    "note": "Débite automatiquement le solde de l'entreprise ENT1234"
+                }
+            }
+        }
+    }
+    
+    return jsonify(docs), 200
+
+# ===== GESTION DES ERREURS =====
+
+@tpe_bp.errorhandler(404)
+def not_found(error):
+    return jsonify({'success': False, 'message': 'Endpoint non trouvé'}), 404
+
+@tpe_bp.errorhandler(500)
+def internal_error(error):
+    return jsonify({'success': False, 'message': 'Erreur interne du serveur'}), 500
+
+@tpe_bp.errorhandler(400)
+def bad_request(error):
+    return jsonify({'success': False, 'message': 'Requête invalide'}), 400
+
+# ===== MESSAGE DE DÉMARRAGE =====
+logger.info("=" * 60)
+logger.info("🚀 API TPE avec Support Entreprise chargée")
+logger.info("=" * 60)
+logger.info("✅ Collections:")
+logger.info("   - users_collection (agents individuels + membres entreprise)")
+logger.info("   - enterprises_collection")
+logger.info("   - enterprise_members_collection")
+logger.info("   - transactions_collection")
+logger.info("   - recharges_collection")
+logger.info("   - services_collection")
+logger.info("   - activities_collection")
+logger.info("   - commission_withdrawals_collection")
+logger.info("")
+logger.info("✅ Fonctionnalités:")
+logger.info("   - Agents individuels: Fonctionnement INCHANGÉ")
+logger.info("   - Comptes entreprise: Solde partagé entre membres")
+logger.info("   - Détection automatique du type de compte")
+logger.info("   - Toutes vos routes existantes compatibles")
+logger.info("")
+logger.info("📚 Documentation disponible: GET /tpe/api/docs")
+logger.info("=" * 60)
\ No newline at end of file
diff --git a/lib/widgets/balance_widget.dart b/lib/widgets/balance_widget.dart
new file mode 100644
index 0000000..b48ac43
--- /dev/null
+++ b/lib/widgets/balance_widget.dart
@@ -0,0 +1,328 @@
+// lib/widgets/balance_widget.dart
+import 'package:flutter/material.dart';
+import 'package:provider/provider.dart';
+import '../main.dart';
+import '../services/wortis_api_service.dart';
+
+class BalanceWidget extends StatefulWidget {
+  final bool showIcon;
+  final bool compact;
+  final Color? textColor;
+  final Color? backgroundColor;
+
+  const BalanceWidget({
+    super.key,
+    this.showIcon = true,
+    this.compact = false,
+    this.textColor,
+    this.backgroundColor,
+  });
+
+  @override
+  _BalanceWidgetState createState() => _BalanceWidgetState();
+}
+
+class _BalanceWidgetState extends State<BalanceWidget> {
+  bool _isRefreshing = false;
+  DateTime _lastRefresh = DateTime.now();
+
+  @override
+  void initState() {
+    super.initState();
+    // Rafraîchir le solde au démarrage
+    WidgetsBinding.instance.addPostFrameCallback((_) {
+      _refreshBalance();
+    });
+  }
+
+  Future<void> _refreshBalance() async {
+    final authController = Provider.of<AuthController>(context, listen: false);
+    final agentId = authController.agentId;
+
+    if (agentId == null || _isRefreshing) return;
+
+    setState(() {
+      _isRefreshing = true;
+    });
+
+    try {
+      // Test de connexion API d'abord
+      final isConnected = await AuthApiService.testConnection();
+
+      if (isConnected) {
+        final response = await AuthApiService.getAgentBalance(agentId);
+
+        if (response['success'] == true && mounted) {
+          final nouveauSolde = (response['solde'] ?? 0.0).toDouble();
+          authController.updateBalance(nouveauSolde);
+
+          setState(() {
+            _lastRefresh = DateTime.now();
+          });
+
+          // Afficher un message si le solde a changé significativement
+          final ancienSolde = authController.balance;
+          if ((nouveauSolde - ancienSolde).abs() > 100) {
+            ScaffoldMessenger.of(context).showSnackBar(
+              SnackBar(
+                content: Row(
+                  children: [
+                    Icon(Icons.refresh, color: Colors.white, size: 16),
+                    SizedBox(width: 8),
+                    Text(
+                      'Solde mis à jour: ${nouveauSolde.toStringAsFixed(0)} XAF',
+                    ),
+                  ],
+                ),
+                backgroundColor: Colors.green,
+                duration: Duration(seconds: 2),
+                behavior: SnackBarBehavior.floating,
+                shape: RoundedRectangleBorder(
+                  borderRadius: BorderRadius.circular(8),
+                ),
+              ),
+            );
+          }
+        }
+      }
+    } catch (e) {
+      print('Erreur rafraîchissement solde: $e');
+    } finally {
+      if (mounted) {
+        setState(() {
+          _isRefreshing = false;
+        });
+      }
+    }
+  }
+
+  String _getTimeAgo() {
+    final now = DateTime.now();
+    final difference = now.difference(_lastRefresh);
+
+    if (difference.inMinutes < 1) {
+      return 'À l\'instant';
+    } else if (difference.inMinutes < 60) {
+      return 'Il y a ${difference.inMinutes}min';
+    } else {
+      return 'Il y a ${difference.inHours}h';
+    }
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return Consumer<AuthController>(
+      builder: (context, authController, child) {
+        // Utiliser le solde actif (entreprise ou personnel selon le type de compte)
+        final solde = authController.activeBalance;
+        final isEnterprise = authController.isEnterpriseMember;
+        final textColor = widget.textColor ?? Colors.white;
+
+        if (widget.compact) {
+          return GestureDetector(
+            onTap: _refreshBalance,
+            child: Container(
+              padding: EdgeInsets.symmetric(horizontal: 12, vertical: 6),
+              decoration: BoxDecoration(
+                color: widget.backgroundColor ?? Colors.white.withOpacity(0.2),
+                borderRadius: BorderRadius.circular(20),
+                border: Border.all(
+                  color: (widget.backgroundColor ?? Colors.white).withOpacity(
+                    0.3,
+                  ),
+                ),
+              ),
+              child: Row(
+                mainAxisSize: MainAxisSize.min,
+                children: [
+                  if (widget.showIcon) ...[
+                    Icon(
+                      isEnterprise ? Icons.business_center : Icons.account_balance_wallet,
+                      color: textColor,
+                      size: 14,
+                    ),
+                    SizedBox(width: 6),
+                  ],
+                  if (_isRefreshing)
+                    SizedBox(
+                      width: 12,
+                      height: 12,
+                      child: CircularProgressIndicator(
+                        strokeWidth: 1.5,
+                        valueColor: AlwaysStoppedAnimation<Color>(textColor),
+                      ),
+                    )
+                  else
+                    Text(
+                      '${solde.toStringAsFixed(0)} XAF',
+                      style: TextStyle(
+                        color: textColor,
+                        fontSize: 12,
+                        fontWeight: FontWeight.w600,
+                      ),
+                    ),
+                ],
+              ),
+            ),
+          );
+        }
+
+        // Version étendue
+        final enterpriseColor = Color(0xFF8B5CF6);
+        final displayColor = isEnterprise ? enterpriseColor : Color(0xFF006699);
+
+        return Container(
+          padding: EdgeInsets.all(16),
+          decoration: BoxDecoration(
+            color: widget.backgroundColor ?? Colors.white,
+            borderRadius: BorderRadius.circular(16),
+            boxShadow: [
+              BoxShadow(
+                color: Colors.black.withOpacity(0.1),
+                blurRadius: 10,
+                offset: Offset(0, 4),
+              ),
+            ],
+          ),
+          child: Column(
+            crossAxisAlignment: CrossAxisAlignment.start,
+            children: [
+              Row(
+                mainAxisAlignment: MainAxisAlignment.spaceBetween,
+                children: [
+                  Expanded(
+                    child: Column(
+                      crossAxisAlignment: CrossAxisAlignment.start,
+                      children: [
+                        Row(
+                          children: [
+                            Icon(
+                              isEnterprise ? Icons.business_center : Icons.account_balance_wallet,
+                              color: displayColor,
+                              size: 24,
+                            ),
+                            SizedBox(width: 8),
+                            Flexible(
+                              child: Text(
+                                isEnterprise ? 'Solde entreprise' : 'Solde disponible',
+                                style: TextStyle(
+                                  fontSize: 16,
+                                  fontWeight: FontWeight.w600,
+                                  color: Colors.black87,
+                                ),
+                                overflow: TextOverflow.ellipsis,
+                              ),
+                            ),
+                          ],
+                        ),
+                        if (isEnterprise && authController.enterprise?.nomEntreprise != null) ...[
+                          SizedBox(height: 4),
+                          Text(
+                            authController.enterprise!.nomEntreprise,
+                            style: TextStyle(
+                              fontSize: 12,
+                              color: Colors.grey[600],
+                            ),
+                            overflow: TextOverflow.ellipsis,
+                          ),
+                        ],
+                      ],
+                    ),
+                  ),
+                  GestureDetector(
+                    onTap: _isRefreshing ? null : _refreshBalance,
+                    child: Container(
+                      padding: EdgeInsets.all(8),
+                      decoration: BoxDecoration(
+                        color: displayColor.withOpacity(0.1),
+                        borderRadius: BorderRadius.circular(8),
+                      ),
+                      child:
+                          _isRefreshing
+                              ? SizedBox(
+                                width: 16,
+                                height: 16,
+                                child: CircularProgressIndicator(
+                                  strokeWidth: 2,
+                                  valueColor: AlwaysStoppedAnimation<Color>(displayColor),
+                                ),
+                              )
+                              : Icon(
+                                Icons.refresh,
+                                color: displayColor,
+                                size: 16,
+                              ),
+                    ),
+                  ),
+                ],
+              ),
+              SizedBox(height: 12),
+              Row(
+                crossAxisAlignment: CrossAxisAlignment.end,
+                children: [
+                  Flexible(
+                    child: Text(
+                      solde.toStringAsFixed(0),
+                      style: TextStyle(
+                        fontSize: 32,
+                        fontWeight: FontWeight.bold,
+                        color: displayColor,
+                      ),
+                      overflow: TextOverflow.ellipsis,
+                    ),
+                  ),
+                  SizedBox(width: 8),
+                  Padding(
+                    padding: EdgeInsets.only(bottom: 4),
+                    child: Text(
+                      'XAF',
+                      style: TextStyle(
+                        fontSize: 16,
+                        fontWeight: FontWeight.w600,
+                        color: Colors.grey[600],
+                      ),
+                    ),
+                  ),
+                ],
+              ),
+              SizedBox(height: 8),
+              Row(
+                children: [
+                  Expanded(
+                    child: Text(
+                      'Dernière mise à jour: ${_getTimeAgo()}',
+                      style: TextStyle(fontSize: 12, color: Colors.grey[500]),
+                    ),
+                  ),
+                  if (isEnterprise)
+                    Container(
+                      padding: EdgeInsets.symmetric(horizontal: 8, vertical: 4),
+                      decoration: BoxDecoration(
+                        color: enterpriseColor.withOpacity(0.1),
+                        borderRadius: BorderRadius.circular(12),
+                      ),
+                      child: Row(
+                        mainAxisSize: MainAxisSize.min,
+                        children: [
+                          Icon(Icons.business, size: 10, color: enterpriseColor),
+                          SizedBox(width: 4),
+                          Text(
+                            'PRO',
+                            style: TextStyle(
+                              fontSize: 10,
+                              color: enterpriseColor,
+                              fontWeight: FontWeight.bold,
+                            ),
+                          ),
+                        ],
+                      ),
+                    ),
+                ],
+              ),
+            ],
+          ),
+        );
+      },
+    );
+  }
+}
diff --git a/lib/widgets/connectivity_wrapper.dart b/lib/widgets/connectivity_wrapper.dart
new file mode 100644
index 0000000..e69de29
diff --git a/lib/widgets/pin_verification_dialog.dart b/lib/widgets/pin_verification_dialog.dart
new file mode 100644
index 0000000..ad262d0
--- /dev/null
+++ b/lib/widgets/pin_verification_dialog.dart
@@ -0,0 +1,484 @@
+// widgets/pin_verification_dialog.dart - Version mise à jour
+import 'package:flutter/material.dart';
+import 'package:intl/intl.dart';
+
+class PinVerificationDialog extends StatefulWidget {
+  final String agentName;
+  final String serviceName;
+  final double baseAmount;
+  final double fees;
+  final double totalAmount;
+  final double agentBalance; // Nouveau paramètre
+  final Function(String) onPinConfirmed;
+  final VoidCallback onCancel;
+
+  const PinVerificationDialog({
+    super.key,
+    required this.agentName,
+    required this.serviceName,
+    required this.baseAmount,
+    required this.fees,
+    required this.totalAmount,
+    required this.agentBalance, // Nouveau paramètre requis
+    required this.onPinConfirmed,
+    required this.onCancel,
+  });
+
+  @override
+  _PinVerificationDialogState createState() => _PinVerificationDialogState();
+}
+
+class _PinVerificationDialogState extends State<PinVerificationDialog> {
+  final TextEditingController _pinController = TextEditingController();
+  bool _isObscured = true;
+  bool _isLoading = false;
+  String? _errorMessage;
+
+  // Formatter pour les montants
+  String _formatAmount(double amount) {
+    final formatter = NumberFormat('#,###', 'fr_FR');
+    return formatter.format(amount);
+  }
+
+  // Vérifier si l'agent a suffisamment de solde
+  bool get _hasSufficientBalance {
+    return widget.agentBalance >= widget.totalAmount;
+  }
+
+  @override
+  void dispose() {
+    _pinController.dispose();
+    super.dispose();
+  }
+
+  Future<void> _handlePinConfirmation() async {
+    if (_pinController.text.length < 4) {
+      setState(() {
+        _errorMessage = 'Le PIN doit contenir au moins 4 chiffres';
+      });
+      return;
+    }
+
+    if (!_hasSufficientBalance) {
+      setState(() {
+        _errorMessage = 'Solde insuffisant pour effectuer cette transaction';
+      });
+      return;
+    }
+
+    setState(() {
+      _isLoading = true;
+      _errorMessage = null;
+    });
+
+    try {
+      // Simuler une vérification (remplacez par votre logique de vérification)
+      await Future.delayed(const Duration(seconds: 1));
+
+      widget.onPinConfirmed(_pinController.text);
+    } catch (e) {
+      setState(() {
+        _errorMessage = 'Erreur lors de la vérification du PIN';
+        _isLoading = false;
+      });
+    }
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    final size = MediaQuery.of(context).size;
+    final isSmallScreen = size.width < 360;
+
+    return Dialog(
+      shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(16)),
+      elevation: 0,
+      backgroundColor: Colors.transparent,
+      child: Container(
+        constraints: BoxConstraints(
+          maxWidth: size.width * 0.9,
+          maxHeight: size.height * 0.8,
+        ),
+        decoration: BoxDecoration(
+          color: Colors.white,
+          borderRadius: BorderRadius.circular(16),
+          boxShadow: [
+            BoxShadow(
+              color: Colors.black.withOpacity(0.1),
+              spreadRadius: 0,
+              blurRadius: 10,
+              offset: const Offset(0, 4),
+            ),
+          ],
+        ),
+        child: SingleChildScrollView(
+          child: Padding(
+            padding: EdgeInsets.all(isSmallScreen ? 16 : 24),
+            child: Column(
+              mainAxisSize: MainAxisSize.min,
+              crossAxisAlignment: CrossAxisAlignment.center,
+              children: [
+                // En-tête avec icône de sécurité
+                Container(
+                  padding: const EdgeInsets.all(16),
+                  decoration: BoxDecoration(
+                    color: const Color(0xFF006699).withOpacity(0.1),
+                    shape: BoxShape.circle,
+                  ),
+                  child: const Icon(
+                    Icons.security,
+                    size: 32,
+                    color: Color(0xFF006699),
+                  ),
+                ),
+                const SizedBox(height: 16),
+
+                // Titre
+                Text(
+                  'Confirmation sécurisée',
+                  style: TextStyle(
+                    fontSize: isSmallScreen ? 20 : 24,
+                    fontWeight: FontWeight.bold,
+                    color: Colors.black87,
+                  ),
+                  textAlign: TextAlign.center,
+                ),
+
+                const SizedBox(height: 8),
+
+                Text(
+                  'Vérifiez les détails et confirmez avec votre PIN',
+                  style: TextStyle(
+                    fontSize: isSmallScreen ? 14 : 16,
+                    color: Colors.black54,
+                  ),
+                  textAlign: TextAlign.center,
+                ),
+
+                const SizedBox(height: 24),
+
+                // Informations de la transaction
+                Container(
+                  padding: const EdgeInsets.all(16),
+                  decoration: BoxDecoration(
+                    color: Colors.grey[50],
+                    borderRadius: BorderRadius.circular(12),
+                    border: Border.all(color: Colors.grey[200]!),
+                  ),
+                  child: Column(
+                    children: [
+                      // Service
+                      _buildDetailRow(
+                        icon: Icons.business_center,
+                        label: 'Service',
+                        value: widget.serviceName,
+                        isSmallScreen: isSmallScreen,
+                      ),
+
+                      if (widget.baseAmount > 0) ...[
+                        const SizedBox(height: 12),
+                        _buildDetailRow(
+                          icon: Icons.account_balance_wallet,
+                          label: 'Montant à payer',
+                          value: '${_formatAmount(widget.baseAmount)} FCFA',
+                          isSmallScreen: isSmallScreen,
+                        ),
+                      ],
+
+                      if (widget.fees > 0) ...[
+                        const SizedBox(height: 12),
+                        _buildDetailRow(
+                          icon: Icons.receipt_long,
+                          label: 'Frais',
+                          value: '${_formatAmount(widget.fees)} FCFA',
+                          isSmallScreen: isSmallScreen,
+                        ),
+                      ],
+
+                      const SizedBox(height: 12),
+                      Divider(color: Colors.grey[300]),
+                      const SizedBox(height: 12),
+
+                      // Total
+                      _buildDetailRow(
+                        icon: Icons.payments,
+                        label: 'Total',
+                        value: '${_formatAmount(widget.totalAmount)} FCFA',
+                        isTotal: true,
+                        isSmallScreen: isSmallScreen,
+                      ),
+
+                      const SizedBox(height: 16),
+
+                      // Solde agent avec indicateur de suffisance
+                      Container(
+                        padding: const EdgeInsets.all(12),
+                        decoration: BoxDecoration(
+                          color:
+                              _hasSufficientBalance
+                                  ? Colors.green[50]
+                                  : Colors.red[50],
+                          borderRadius: BorderRadius.circular(8),
+                          border: Border.all(
+                            color:
+                                _hasSufficientBalance
+                                    ? Colors.green[200]!
+                                    : Colors.red[200]!,
+                          ),
+                        ),
+                        child: Row(
+                          children: [
+                            Icon(
+                              _hasSufficientBalance
+                                  ? Icons.check_circle
+                                  : Icons.warning,
+                              color:
+                                  _hasSufficientBalance
+                                      ? Colors.green[600]
+                                      : Colors.red[600],
+                              size: 20,
+                            ),
+                            const SizedBox(width: 8),
+                            Expanded(
+                              child: Column(
+                                crossAxisAlignment: CrossAxisAlignment.start,
+                                children: [
+                                  Text(
+                                    'Votre solde',
+                                    style: TextStyle(
+                                      fontSize: 12,
+                                      color: Colors.grey[600],
+                                      fontWeight: FontWeight.w500,
+                                    ),
+                                  ),
+                                  Text(
+                                    '${_formatAmount(widget.agentBalance)} FCFA',
+                                    style: TextStyle(
+                                      fontSize: 16,
+                                      fontWeight: FontWeight.bold,
+                                      color:
+                                          _hasSufficientBalance
+                                              ? Colors.green[700]
+                                              : Colors.red[700],
+                                    ),
+                                  ),
+                                  if (!_hasSufficientBalance)
+                                    Text(
+                                      'Solde insuffisant',
+                                      style: TextStyle(
+                                        fontSize: 12,
+                                        color: Colors.red[600],
+                                        fontStyle: FontStyle.italic,
+                                      ),
+                                    ),
+                                ],
+                              ),
+                            ),
+                          ],
+                        ),
+                      ),
+                    ],
+                  ),
+                ),
+
+                const SizedBox(height: 24),
+
+                // Champ PIN
+                Text(
+                  'PIN de sécurité',
+                  style: TextStyle(
+                    fontSize: isSmallScreen ? 14 : 16,
+                    fontWeight: FontWeight.w600,
+                    color: Colors.black87,
+                  ),
+                ),
+
+                const SizedBox(height: 8),
+
+                TextField(
+                  controller: _pinController,
+                  keyboardType: TextInputType.number,
+                  obscureText: _isObscured,
+                  maxLength: 6,
+                  enabled: !_isLoading && _hasSufficientBalance,
+                  decoration: InputDecoration(
+                    hintText: 'Saisissez votre PIN',
+                    prefixIcon: const Icon(
+                      Icons.lock,
+                      color: Color(0xFF006699),
+                    ),
+                    suffixIcon: IconButton(
+                      icon: Icon(
+                        _isObscured ? Icons.visibility : Icons.visibility_off,
+                        color: Colors.grey,
+                      ),
+                      onPressed: () {
+                        setState(() {
+                          _isObscured = !_isObscured;
+                        });
+                      },
+                    ),
+                    border: OutlineInputBorder(
+                      borderRadius: BorderRadius.circular(12),
+                      borderSide: const BorderSide(color: Color(0xFFE0E7FF)),
+                    ),
+                    enabledBorder: OutlineInputBorder(
+                      borderRadius: BorderRadius.circular(12),
+                      borderSide: const BorderSide(color: Color(0xFFE0E7FF)),
+                    ),
+                    focusedBorder: OutlineInputBorder(
+                      borderRadius: BorderRadius.circular(12),
+                      borderSide: const BorderSide(
+                        color: Color(0xFF006699),
+                        width: 2,
+                      ),
+                    ),
+                    counterText: '',
+                  ),
+                  onSubmitted:
+                      _hasSufficientBalance
+                          ? (_) => _handlePinConfirmation()
+                          : null,
+                ),
+
+                if (_errorMessage != null) ...[
+                  const SizedBox(height: 8),
+                  Container(
+                    padding: const EdgeInsets.all(8),
+                    decoration: BoxDecoration(
+                      color: Colors.red[50],
+                      borderRadius: BorderRadius.circular(8),
+                      border: Border.all(color: Colors.red[200]!),
+                    ),
+                    child: Row(
+                      children: [
+                        Icon(
+                          Icons.error_outline,
+                          color: Colors.red[600],
+                          size: 16,
+                        ),
+                        const SizedBox(width: 8),
+                        Expanded(
+                          child: Text(
+                            _errorMessage!,
+                            style: TextStyle(
+                              color: Colors.red[600],
+                              fontSize: 12,
+                            ),
+                          ),
+                        ),
+                      ],
+                    ),
+                  ),
+                ],
+
+                const SizedBox(height: 24),
+
+                // Boutons
+                Row(
+                  children: [
+                    Expanded(
+                      child: TextButton(
+                        onPressed: _isLoading ? null : widget.onCancel,
+                        style: TextButton.styleFrom(
+                          padding: EdgeInsets.symmetric(
+                            vertical: isSmallScreen ? 12 : 16,
+                          ),
+                          shape: RoundedRectangleBorder(
+                            borderRadius: BorderRadius.circular(12),
+                          ),
+                        ),
+                        child: Text(
+                          'Annuler',
+                          style: TextStyle(
+                            fontSize: isSmallScreen ? 14 : 16,
+                            color: Colors.grey[600],
+                          ),
+                        ),
+                      ),
+                    ),
+                    const SizedBox(width: 12),
+                    Expanded(
+                      child: ElevatedButton(
+                        onPressed:
+                            (_isLoading || !_hasSufficientBalance)
+                                ? null
+                                : _handlePinConfirmation,
+                        style: ElevatedButton.styleFrom(
+                          backgroundColor: const Color(0xFF006699),
+                          foregroundColor: Colors.white,
+                          padding: EdgeInsets.symmetric(
+                            vertical: isSmallScreen ? 12 : 16,
+                          ),
+                          shape: RoundedRectangleBorder(
+                            borderRadius: BorderRadius.circular(12),
+                          ),
+                          elevation: 0,
+                        ),
+                        child:
+                            _isLoading
+                                ? SizedBox(
+                                  height: isSmallScreen ? 16 : 20,
+                                  width: isSmallScreen ? 16 : 20,
+                                  child: const CircularProgressIndicator(
+                                    strokeWidth: 2,
+                                    valueColor: AlwaysStoppedAnimation<Color>(
+                                      Colors.white,
+                                    ),
+                                  ),
+                                )
+                                : Text(
+                                  'CONFIRMER',
+                                  style: TextStyle(
+                                    fontSize: isSmallScreen ? 14 : 16,
+                                    fontWeight: FontWeight.w600,
+                                  ),
+                                ),
+                      ),
+                    ),
+                  ],
+                ),
+              ],
+            ),
+          ),
+        ),
+      ),
+    );
+  }
+
+  Widget _buildDetailRow({
+    required IconData icon,
+    required String label,
+    required String value,
+    bool isTotal = false,
+    required bool isSmallScreen,
+  }) {
+    return Row(
+      children: [
+        Icon(
+          icon,
+          size: isSmallScreen ? 16 : 18,
+          color: isTotal ? const Color(0xFF006699) : Colors.grey[600],
+        ),
+        const SizedBox(width: 8),
+        Expanded(
+          child: Text(
+            label,
+            style: TextStyle(
+              fontSize: isSmallScreen ? 13 : 14,
+              fontWeight: isTotal ? FontWeight.w600 : FontWeight.w500,
+              color: isTotal ? const Color(0xFF006699) : Colors.grey[700],
+            ),
+          ),
+        ),
+        Text(
+          value,
+          style: TextStyle(
+            fontSize: isSmallScreen ? 13 : 14,
+            fontWeight: isTotal ? FontWeight.bold : FontWeight.w600,
+            color: isTotal ? const Color(0xFF006699) : Colors.black87,
+          ),
+        ),
+      ],
+    );
+  }
+}
diff --git a/lib/widgets/responsive_helper.dart b/lib/widgets/responsive_helper.dart
new file mode 100644
index 0000000..192d7a6
--- /dev/null
+++ b/lib/widgets/responsive_helper.dart
@@ -0,0 +1,377 @@
+// ===== lib/utils/responsive_helper.dart =====
+// Système de responsivité centralisé pour tablettes et rotation
+import 'package:flutter/material.dart';
+import 'package:flutter/services.dart';
+import 'dart:math' as math;
+
+/// Gestionnaire principal de la responsivité et rotation
+class ResponsiveHelper {
+  
+  // =================== CONSTANTES DE BREAKPOINTS ===================
+  
+  /// Breakpoints pour différentes tailles d'écran
+  static const double phoneMaxWidth = 400;
+  static const double tabletMinWidth = 600;
+  static const double desktopMinWidth = 1024;
+  
+  /// Hauteurs critiques pour détection d'orientation
+  static const double portraitMinHeight = 600;
+  static const double landscapeMaxHeight = 500;
+  
+  // =================== DÉTECTION DE TYPE D'APPAREIL ===================
+  
+  /// Détermine si c'est un petit téléphone
+  static bool isSmallPhone(BuildContext context) {
+    return MediaQuery.of(context).size.width < phoneMaxWidth;
+  }
+  
+  /// Détermine si c'est un téléphone standard
+  static bool isPhone(BuildContext context) {
+    return MediaQuery.of(context).size.width < tabletMinWidth;
+  }
+  
+  /// Détermine si c'est une tablette
+  static bool isTablet(BuildContext context) {
+    final width = MediaQuery.of(context).size.width;
+    return width >= tabletMinWidth && width < desktopMinWidth;
+  }
+  
+  /// Détermine si c'est un grand écran/desktop
+  static bool isDesktop(BuildContext context) {
+    return MediaQuery.of(context).size.width >= desktopMinWidth;
+  }
+  
+  // =================== DÉTECTION D'ORIENTATION ===================
+  
+  /// Détection précise de l'orientation
+  static bool isPortrait(BuildContext context) {
+    final size = MediaQuery.of(context).size;
+    return size.height > size.width;
+  }
+  
+  /// Détection du mode paysage
+  static bool isLandscape(BuildContext context) {
+    final size = MediaQuery.of(context).size;
+    return size.width > size.height;
+  }
+  
+  /// Détection spéciale pour tablette en mode paysage
+  static bool isTabletLandscape(BuildContext context) {
+    return isTablet(context) && isLandscape(context);
+  }
+  
+  /// Détection spéciale pour téléphone en mode paysage
+  static bool isPhoneLandscape(BuildContext context) {
+    return isPhone(context) && isLandscape(context);
+  }
+  
+  // =================== CONFIGURATION D'ORIENTATION ===================
+  
+  /// Force l'orientation portrait et paysage pour tablettes
+  static void enableAllOrientations() {
+    SystemChrome.setPreferredOrientations([
+      DeviceOrientation.portraitUp,
+      DeviceOrientation.portraitDown,
+      DeviceOrientation.landscapeLeft,
+      DeviceOrientation.landscapeRight,
+    ]);
+  }
+  
+  /// Force uniquement le mode portrait (pour certains écrans si nécessaire)
+  static void enablePortraitOnly() {
+    SystemChrome.setPreferredOrientations([
+      DeviceOrientation.portraitUp,
+      DeviceOrientation.portraitDown,
+    ]);
+  }
+  
+  /// Force uniquement le mode paysage
+  static void enableLandscapeOnly() {
+    SystemChrome.setPreferredOrientations([
+      DeviceOrientation.landscapeLeft,
+      DeviceOrientation.landscapeRight,
+    ]);
+  }
+  
+  // =================== DIMENSIONS RESPONSIVES ===================
+  
+  /// Obtient la largeur responsive selon l'appareil
+  static double getResponsiveWidth(BuildContext context, {
+    double? phone,
+    double? tablet,
+    double? desktop,
+  }) {
+    if (isDesktop(context)) return desktop ?? tablet ?? phone ?? 0;
+    if (isTablet(context)) return tablet ?? phone ?? 0;
+    return phone ?? 0;
+  }
+  
+  /// Obtient la hauteur responsive selon l'appareil
+  static double getResponsiveHeight(BuildContext context, {
+    double? phone,
+    double? tablet,
+    double? desktop,
+  }) {
+    if (isDesktop(context)) return desktop ?? tablet ?? phone ?? 0;
+    if (isTablet(context)) return tablet ?? phone ?? 0;
+    return phone ?? 0;
+  }
+  
+  /// Padding responsive adaptatif
+  static EdgeInsets getResponsivePadding(BuildContext context, {
+    EdgeInsets? phone,
+    EdgeInsets? tablet,
+    EdgeInsets? desktop,
+  }) {
+    if (isDesktop(context)) return desktop ?? tablet ?? phone ?? EdgeInsets.zero;
+    if (isTablet(context)) return tablet ?? phone ?? EdgeInsets.zero;
+    return phone ?? EdgeInsets.zero;
+  }
+  
+  /// Taille de police responsive
+  static double getResponsiveFontSize(BuildContext context, {
+    double? phone,
+    double? tablet,
+    double? desktop,
+  }) {
+    if (isDesktop(context)) return desktop ?? tablet ?? phone ?? 14;
+    if (isTablet(context)) return tablet ?? phone ?? 14;
+    return phone ?? 14;
+  }
+  
+  // =================== GRILLES RESPONSIVES ===================
+  
+  /// Nombre de colonnes selon la taille d'écran
+  static int getGridColumns(BuildContext context, {
+    int phoneColumns = 2,
+    int tabletPortraitColumns = 3,
+    int tabletLandscapeColumns = 4,
+    int desktopColumns = 5,
+  }) {
+    if (isDesktop(context)) return desktopColumns;
+    if (isTabletLandscape(context)) return tabletLandscapeColumns;
+    if (isTablet(context)) return tabletPortraitColumns;
+    return phoneColumns;
+  }
+  
+  /// Ratio d'aspect adaptatif pour les cartes
+  static double getCardAspectRatio(BuildContext context) {
+    if (isPhoneLandscape(context)) return 2.5;
+    if (isTabletLandscape(context)) return 1.8;
+    if (isTablet(context)) return 1.4;
+    return 1.2; // Portrait par défaut
+  }
+  
+  // =================== WIDGETS RESPONSIVES ===================
+  
+  /// Container responsive avec padding adaptatif
+  static Widget responsiveContainer({
+    required BuildContext context,
+    required Widget child,
+    EdgeInsets? phonePadding,
+    EdgeInsets? tabletPadding,
+    EdgeInsets? desktopPadding,
+    Color? backgroundColor,
+    BorderRadius? borderRadius,
+  }) {
+    return Container(
+      padding: getResponsivePadding(
+        context,
+        phone: phonePadding ?? const EdgeInsets.all(16),
+        tablet: tabletPadding ?? const EdgeInsets.all(24),
+        desktop: desktopPadding ?? const EdgeInsets.all(32),
+      ),
+      decoration: BoxDecoration(
+        color: backgroundColor,
+        borderRadius: borderRadius ?? BorderRadius.circular(12),
+      ),
+      child: child,
+    );
+  }
+  
+  /// Texte responsive avec tailles adaptatives
+  static Widget responsiveText(
+    String text, {
+    required BuildContext context,
+    double? phoneSize,
+    double? tabletSize,
+    double? desktopSize,
+    FontWeight? fontWeight,
+    Color? color,
+    TextAlign? textAlign,
+    int? maxLines,
+    TextOverflow? overflow,
+  }) {
+    return Text(
+      text,
+      style: TextStyle(
+        fontSize: getResponsiveFontSize(
+          context,
+          phone: phoneSize ?? 14,
+          tablet: tabletSize ?? 16,
+          desktop: desktopSize ?? 18,
+        ),
+        fontWeight: fontWeight,
+        color: color,
+      ),
+      textAlign: textAlign,
+      maxLines: maxLines,
+      overflow: overflow,
+    );
+  }
+  
+  // =================== LAYOUTS RESPONSIVES ===================
+  
+  /// Layout responsive en colonnes
+  static Widget responsiveRow({
+    required BuildContext context,
+    required List<Widget> children,
+    MainAxisAlignment mainAxisAlignment = MainAxisAlignment.start,
+    CrossAxisAlignment crossAxisAlignment = CrossAxisAlignment.center,
+    bool forceColumnOnPhone = true,
+  }) {
+    if (forceColumnOnPhone && isPhone(context)) {
+      return Column(
+        mainAxisAlignment: mainAxisAlignment,
+        crossAxisAlignment: crossAxisAlignment,
+        children: children,
+      );
+    }
+    
+    return Row(
+      mainAxisAlignment: mainAxisAlignment,
+      crossAxisAlignment: crossAxisAlignment,
+      children: children,
+    );
+  }
+  
+  /// GridView responsive adaptatif
+  static Widget responsiveGridView({
+    required BuildContext context,
+    required List<Widget> children,
+    int? phoneColumns,
+    int? tabletPortraitColumns,
+    int? tabletLandscapeColumns,
+    int? desktopColumns,
+    double childAspectRatio = 1.0,
+    double crossAxisSpacing = 8.0,
+    double mainAxisSpacing = 8.0,
+    EdgeInsets? padding,
+    ScrollPhysics? physics,
+  }) {
+    final columns = getGridColumns(
+      context,
+      phoneColumns: phoneColumns ?? 2,
+      tabletPortraitColumns: tabletPortraitColumns ?? 3,
+      tabletLandscapeColumns: tabletLandscapeColumns ?? 4,
+      desktopColumns: desktopColumns ?? 5,
+    );
+    
+    return GridView.count(
+      shrinkWrap: true,
+      physics: physics ?? const NeverScrollableScrollPhysics(),
+      crossAxisCount: columns,
+      childAspectRatio: childAspectRatio,
+      crossAxisSpacing: crossAxisSpacing,
+      mainAxisSpacing: mainAxisSpacing,
+      padding: padding ?? getResponsivePadding(
+        context,
+        phone: const EdgeInsets.all(16),
+        tablet: const EdgeInsets.all(24),
+      ),
+      children: children,
+    );
+  }
+  
+  // =================== NAVIGATION RESPONSIVE ===================
+  
+  /// Détermine si on doit utiliser un Drawer ou une BottomNavigationBar
+  static bool shouldUseDrawer(BuildContext context) {
+    return isTabletLandscape(context) || isDesktop(context);
+  }
+  
+  /// Détermine si on doit utiliser une navigation rail (côté gauche)
+  static bool shouldUseNavigationRail(BuildContext context) {
+    return isTabletLandscape(context) || isDesktop(context);
+  }
+  
+  // =================== ORIENTATIONS SPÉCIFIQUES ===================
+  
+  /// Initialise les orientations selon l'appareil
+  static void initializeOrientations(BuildContext context) {
+    if (isTablet(context) || isDesktop(context)) {
+      enableAllOrientations();
+    } else {
+      // Pour les téléphones, on peut choisir de limiter ou non
+      enableAllOrientations(); // Ou enablePortraitOnly() selon les besoins
+    }
+  }
+  
+  // =================== UTILITAIRES DIVERS ===================
+  
+  /// Obtient la largeur maximale recommandée pour le contenu
+  static double getMaxContentWidth(BuildContext context) {
+    final screenWidth = MediaQuery.of(context).size.width;
+    
+    if (isDesktop(context)) {
+      return math.min(screenWidth * 0.8, 1200); // Max 1200px sur desktop
+    } else if (isTablet(context)) {
+      return screenWidth * 0.9; // 90% sur tablette
+    }
+    return screenWidth; // 100% sur téléphone
+  }
+  
+  /// Centre le contenu avec une largeur maximale
+  static Widget centerContent({
+    required BuildContext context,
+    required Widget child,
+    double? maxWidth,
+  }) {
+    return Center(
+      child: ConstrainedBox(
+        constraints: BoxConstraints(
+          maxWidth: maxWidth ?? getMaxContentWidth(context),
+        ),
+        child: child,
+      ),
+    );
+  }
+  
+  /// Détermine l'espacement entre les éléments
+  static double getSpacing(BuildContext context, {
+    double? small,
+    double? medium,
+    double? large,
+  }) {
+    if (isDesktop(context)) return large ?? 24;
+    if (isTablet(context)) return medium ?? 16;
+    return small ?? 12;
+  }
+}
+
+// =================== EXTENSION POUR MEDIAQUERY ===================
+
+/// Extension pour simplifier l'utilisation de ResponsiveHelper
+extension ResponsiveExtension on BuildContext {
+  bool get isSmallPhone => ResponsiveHelper.isSmallPhone(this);
+  bool get isPhone => ResponsiveHelper.isPhone(this);
+  bool get isTablet => ResponsiveHelper.isTablet(this);
+  bool get isDesktop => ResponsiveHelper.isDesktop(this);
+  bool get isPortrait => ResponsiveHelper.isPortrait(this);
+  bool get isLandscape => ResponsiveHelper.isLandscape(this);
+  bool get isTabletLandscape => ResponsiveHelper.isTabletLandscape(this);
+  bool get isPhoneLandscape => ResponsiveHelper.isPhoneLandscape(this);
+  
+  double responsiveWidth({double? phone, double? tablet, double? desktop}) =>
+      ResponsiveHelper.getResponsiveWidth(this, phone: phone, tablet: tablet, desktop: desktop);
+      
+  double responsiveHeight({double? phone, double? tablet, double? desktop}) =>
+      ResponsiveHelper.getResponsiveHeight(this, phone: phone, tablet: tablet, desktop: desktop);
+      
+  double responsiveFontSize({double? phone, double? tablet, double? desktop}) =>
+      ResponsiveHelper.getResponsiveFontSize(this, phone: phone, tablet: tablet, desktop: desktop);
+      
+  EdgeInsets responsivePadding({EdgeInsets? phone, EdgeInsets? tablet, EdgeInsets? desktop}) =>
+      ResponsiveHelper.getResponsivePadding(this, phone: phone, tablet: tablet, desktop: desktop);
+}
+
diff --git a/lib/widgets/wortis_logo.dart b/lib/widgets/wortis_logo.dart
new file mode 100644
index 0000000..ca9dda5
--- /dev/null
+++ b/lib/widgets/wortis_logo.dart
@@ -0,0 +1,108 @@
+// ===== lib/widgets/wortis_logo.dart FONCTIONNEL =====
+import 'package:flutter/material.dart';
+
+class WortisLogoWidget extends StatelessWidget {
+  final double size;
+  final bool isWhite;
+  final bool withShadow;
+  final String? customPath;
+
+  const WortisLogoWidget({
+    super.key,
+    this.size = 100,
+    this.isWhite = false,
+    this.withShadow = true,
+    this.customPath,
+  });
+
+  @override
+  Widget build(BuildContext context) {
+    // Utilise exactement vos noms de fichiers
+    String logoPath =
+        customPath ??
+        (isWhite
+            ? 'assets/images/wortis_logo_white.png'
+            : 'assets/images/wortis_logo.png');
+
+    return Container(
+      width: size,
+      height: size,
+      decoration: BoxDecoration(
+        borderRadius: BorderRadius.circular(size * 0.15),
+        boxShadow:
+            withShadow
+                ? [
+                  BoxShadow(
+                    color: Colors.black.withOpacity(0.2),
+                    blurRadius: size * 0.1,
+                    offset: Offset(0, size * 0.05),
+                    spreadRadius: 1,
+                  ),
+                ]
+                : null,
+      ),
+      child: ClipRRect(
+        borderRadius: BorderRadius.circular(size * 0.15),
+        child: Image.asset(
+          logoPath,
+          width: size,
+          height: size,
+          fit: BoxFit.contain,
+          errorBuilder: (context, error, stackTrace) {
+            // Debug : Afficher l'erreur pour diagnostiquer
+            print('Erreur chargement logo: $error');
+            print('Chemin tenté: $logoPath');
+
+            // Fallback avec le "W" stylisé
+            return Container(
+              width: size,
+              height: size,
+              decoration: BoxDecoration(
+                gradient: LinearGradient(
+                  begin: Alignment.topLeft,
+                  end: Alignment.bottomRight,
+                  colors: [Color(0xFF006699), Color(0xFF0088CC)],
+                ),
+                borderRadius: BorderRadius.circular(size * 0.15),
+                boxShadow:
+                    withShadow
+                        ? [
+                          BoxShadow(
+                            color: Color(0xFF006699).withOpacity(0.3),
+                            blurRadius: size * 0.15,
+                            offset: Offset(0, size * 0.08),
+                          ),
+                        ]
+                        : null,
+              ),
+            );
+          },
+        ),
+      ),
+    );
+  }
+}
+
+/*
+DIAGNOSTIC : Si les images ne s'affichent toujours pas, vérifiez :
+
+1. pubspec.yaml contient bien :
+   flutter:
+     assets:
+       - assets/images/
+
+2. Redémarrez l'app complètement (hot restart, pas hot reload)
+
+3. Dans votre terminal, exécutez :
+   flutter clean
+   flutter pub get
+   flutter run
+
+4. Vérifiez que les images sont bien au format PNG/JPG valide
+
+5. Si ça ne marche toujours pas, essayez de renommer temporairement 
+   vos fichiers en :
+   - logo1.png 
+   - logo2.png
+   Et modifiez les chemins dans le code pour tester.
+*/
diff --git a/linux/.gitignore b/linux/.gitignore
new file mode 100644
index 0000000..c7ea17f
--- /dev/null
+++ b/linux/.gitignore
@@ -0,0 +1 @@
+flutter/ephemeral
diff --git a/linux/CMakeLists.txt b/linux/CMakeLists.txt
new file mode 100644
index 0000000..5b8c5e5
--- /dev/null
+++ b/linux/CMakeLists.txt
@@ -0,0 +1,128 @@
+# Project-level configuration.
+cmake_minimum_required(VERSION 3.13)
+project(runner LANGUAGES CXX)
+
+# The name of the executable created for the application. Change this to change
+# the on-disk name of your application.
+set(BINARY_NAME "wtpe")
+# The unique GTK application identifier for this application. See:
+# https://wiki.gnome.org/HowDoI/ChooseApplicationID
+set(APPLICATION_ID "com.example.wtpe")
+
+# Explicitly opt in to modern CMake behaviors to avoid warnings with recent
+# versions of CMake.
+cmake_policy(SET CMP0063 NEW)
+
+# Load bundled libraries from the lib/ directory relative to the binary.
+set(CMAKE_INSTALL_RPATH "$ORIGIN/lib")
+
+# Root filesystem for cross-building.
+if(FLUTTER_TARGET_PLATFORM_SYSROOT)
+  set(CMAKE_SYSROOT ${FLUTTER_TARGET_PLATFORM_SYSROOT})
+  set(CMAKE_FIND_ROOT_PATH ${CMAKE_SYSROOT})
+  set(CMAKE_FIND_ROOT_PATH_MODE_PROGRAM NEVER)
+  set(CMAKE_FIND_ROOT_PATH_MODE_PACKAGE ONLY)
+  set(CMAKE_FIND_ROOT_PATH_MODE_LIBRARY ONLY)
+  set(CMAKE_FIND_ROOT_PATH_MODE_INCLUDE ONLY)
+endif()
+
+# Define build configuration options.
+if(NOT CMAKE_BUILD_TYPE AND NOT CMAKE_CONFIGURATION_TYPES)
+  set(CMAKE_BUILD_TYPE "Debug" CACHE
+    STRING "Flutter build mode" FORCE)
+  set_property(CACHE CMAKE_BUILD_TYPE PROPERTY STRINGS
+    "Debug" "Profile" "Release")
+endif()
+
+# Compilation settings that should be applied to most targets.
+#
+# Be cautious about adding new options here, as plugins use this function by
+# default. In most cases, you should add new options to specific targets instead
+# of modifying this function.
+function(APPLY_STANDARD_SETTINGS TARGET)
+  target_compile_features(${TARGET} PUBLIC cxx_std_14)
+  target_compile_options(${TARGET} PRIVATE -Wall -Werror)
+  target_compile_options(${TARGET} PRIVATE "$<$<NOT:$<CONFIG:Debug>>:-O3>")
+  target_compile_definitions(${TARGET} PRIVATE "$<$<NOT:$<CONFIG:Debug>>:NDEBUG>")
+endfunction()
+
+# Flutter library and tool build rules.
+set(FLUTTER_MANAGED_DIR "${CMAKE_CURRENT_SOURCE_DIR}/flutter")
+add_subdirectory(${FLUTTER_MANAGED_DIR})
+
+# System-level dependencies.
+find_package(PkgConfig REQUIRED)
+pkg_check_modules(GTK REQUIRED IMPORTED_TARGET gtk+-3.0)
+
+# Application build; see runner/CMakeLists.txt.
+add_subdirectory("runner")
+
+# Run the Flutter tool portions of the build. This must not be removed.
+add_dependencies(${BINARY_NAME} flutter_assemble)
+
+# Only the install-generated bundle's copy of the executable will launch
+# correctly, since the resources must in the right relative locations. To avoid
+# people trying to run the unbundled copy, put it in a subdirectory instead of
+# the default top-level location.
+set_target_properties(${BINARY_NAME}
+  PROPERTIES
+  RUNTIME_OUTPUT_DIRECTORY "${CMAKE_BINARY_DIR}/intermediates_do_not_run"
+)
+
+
+# Generated plugin build rules, which manage building the plugins and adding
+# them to the application.
+include(flutter/generated_plugins.cmake)
+
+
+# === Installation ===
+# By default, "installing" just makes a relocatable bundle in the build
+# directory.
+set(BUILD_BUNDLE_DIR "${PROJECT_BINARY_DIR}/bundle")
+if(CMAKE_INSTALL_PREFIX_INITIALIZED_TO_DEFAULT)
+  set(CMAKE_INSTALL_PREFIX "${BUILD_BUNDLE_DIR}" CACHE PATH "..." FORCE)
+endif()
+
+# Start with a clean build bundle directory every time.
+install(CODE "
+  file(REMOVE_RECURSE \"${BUILD_BUNDLE_DIR}/\")
+  " COMPONENT Runtime)
+
+set(INSTALL_BUNDLE_DATA_DIR "${CMAKE_INSTALL_PREFIX}/data")
+set(INSTALL_BUNDLE_LIB_DIR "${CMAKE_INSTALL_PREFIX}/lib")
+
+install(TARGETS ${BINARY_NAME} RUNTIME DESTINATION "${CMAKE_INSTALL_PREFIX}"
+  COMPONENT Runtime)
+
+install(FILES "${FLUTTER_ICU_DATA_FILE}" DESTINATION "${INSTALL_BUNDLE_DATA_DIR}"
+  COMPONENT Runtime)
+
+install(FILES "${FLUTTER_LIBRARY}" DESTINATION "${INSTALL_BUNDLE_LIB_DIR}"
+  COMPONENT Runtime)
+
+foreach(bundled_library ${PLUGIN_BUNDLED_LIBRARIES})
+  install(FILES "${bundled_library}"
+    DESTINATION "${INSTALL_BUNDLE_LIB_DIR}"
+    COMPONENT Runtime)
+endforeach(bundled_library)
+
+# Copy the native assets provided by the build.dart from all packages.
+set(NATIVE_ASSETS_DIR "${PROJECT_BUILD_DIR}native_assets/linux/")
+install(DIRECTORY "${NATIVE_ASSETS_DIR}"
+   DESTINATION "${INSTALL_BUNDLE_LIB_DIR}"
+   COMPONENT Runtime)
+
+# Fully re-copy the assets directory on each build to avoid having stale files
+# from a previous install.
+set(FLUTTER_ASSET_DIR_NAME "flutter_assets")
+install(CODE "
+  file(REMOVE_RECURSE \"${INSTALL_BUNDLE_DATA_DIR}/${FLUTTER_ASSET_DIR_NAME}\")
+  " COMPONENT Runtime)
+install(DIRECTORY "${PROJECT_BUILD_DIR}/${FLUTTER_ASSET_DIR_NAME}"
+  DESTINATION "${INSTALL_BUNDLE_DATA_DIR}" COMPONENT Runtime)
+
+# Install the AOT library on non-Debug builds only.
+if(NOT CMAKE_BUILD_TYPE MATCHES "Debug")
+  install(FILES "${AOT_LIBRARY}" DESTINATION "${INSTALL_BUNDLE_LIB_DIR}"
+    COMPONENT Runtime)
+endif()
diff --git a/linux/flutter/CMakeLists.txt b/linux/flutter/CMakeLists.txt
new file mode 100644
index 0000000..27860e8
--- /dev/null
+++ b/linux/flutter/CMakeLists.txt
@@ -0,0 +1,88 @@
+# This file controls Flutter-level build steps. It should not be edited.
+cmake_minimum_required(VERSION 3.10)
+
+set(EPHEMERAL_DIR "${CMAKE_CURRENT_SOURCE_DIR}/ephemeral")
+
+# Configuration provided via flutter tool.
+include(${EPHEMERAL_DIR}/generated_config.cmake)
+
+# TODO: Move the rest of this into files in ephemeral. See
+# https://github.com/flutter/flutter/issues/57146.
+
+# Serves the same purpose as list(TRANSFORM ... PREPEND ...),
+# which isn't available in 3.10.
+function(list_prepend LIST_NAME PREFIX)
+    set(NEW_LIST "")
+    foreach(element ${${LIST_NAME}})
+        list(APPEND NEW_LIST "${PREFIX}${element}")
+    endforeach(element)
+    set(${LIST_NAME} "${NEW_LIST}" PARENT_SCOPE)
+endfunction()
+
+# === Flutter Library ===
+# System-level dependencies.
+find_package(PkgConfig REQUIRED)
+pkg_check_modules(GTK REQUIRED IMPORTED_TARGET gtk+-3.0)
+pkg_check_modules(GLIB REQUIRED IMPORTED_TARGET glib-2.0)
+pkg_check_modules(GIO REQUIRED IMPORTED_TARGET gio-2.0)
+
+set(FLUTTER_LIBRARY "${EPHEMERAL_DIR}/libflutter_linux_gtk.so")
+
+# Published to parent scope for install step.
+set(FLUTTER_LIBRARY ${FLUTTER_LIBRARY} PARENT_SCOPE)
+set(FLUTTER_ICU_DATA_FILE "${EPHEMERAL_DIR}/icudtl.dat" PARENT_SCOPE)
+set(PROJECT_BUILD_DIR "${PROJECT_DIR}/build/" PARENT_SCOPE)
+set(AOT_LIBRARY "${PROJECT_DIR}/build/lib/libapp.so" PARENT_SCOPE)
+
+list(APPEND FLUTTER_LIBRARY_HEADERS
+  "fl_basic_message_channel.h"
+  "fl_binary_codec.h"
+  "fl_binary_messenger.h"
+  "fl_dart_project.h"
+  "fl_engine.h"
+  "fl_json_message_codec.h"
+  "fl_json_method_codec.h"
+  "fl_message_codec.h"
+  "fl_method_call.h"
+  "fl_method_channel.h"
+  "fl_method_codec.h"
+  "fl_method_response.h"
+  "fl_plugin_registrar.h"
+  "fl_plugin_registry.h"
+  "fl_standard_message_codec.h"
+  "fl_standard_method_codec.h"
+  "fl_string_codec.h"
+  "fl_value.h"
+  "fl_view.h"
+  "flutter_linux.h"
+)
+list_prepend(FLUTTER_LIBRARY_HEADERS "${EPHEMERAL_DIR}/flutter_linux/")
+add_library(flutter INTERFACE)
+target_include_directories(flutter INTERFACE
+  "${EPHEMERAL_DIR}"
+)
+target_link_libraries(flutter INTERFACE "${FLUTTER_LIBRARY}")
+target_link_libraries(flutter INTERFACE
+  PkgConfig::GTK
+  PkgConfig::GLIB
+  PkgConfig::GIO
+)
+add_dependencies(flutter flutter_assemble)
+
+# === Flutter tool backend ===
+# _phony_ is a non-existent file to force this command to run every time,
+# since currently there's no way to get a full input/output list from the
+# flutter tool.
+add_custom_command(
+  OUTPUT ${FLUTTER_LIBRARY} ${FLUTTER_LIBRARY_HEADERS}
+    ${CMAKE_CURRENT_BINARY_DIR}/_phony_
+  COMMAND ${CMAKE_COMMAND} -E env
+    ${FLUTTER_TOOL_ENVIRONMENT}
+    "${FLUTTER_ROOT}/packages/flutter_tools/bin/tool_backend.sh"
+      ${FLUTTER_TARGET_PLATFORM} ${CMAKE_BUILD_TYPE}
+  VERBATIM
+)
+add_custom_target(flutter_assemble DEPENDS
+  "${FLUTTER_LIBRARY}"
+  ${FLUTTER_LIBRARY_HEADERS}
+)
diff --git a/linux/flutter/generated_plugin_registrant.cc b/linux/flutter/generated_plugin_registrant.cc
new file mode 100644
index 0000000..3446bf7
--- /dev/null
+++ b/linux/flutter/generated_plugin_registrant.cc
@@ -0,0 +1,19 @@
+//
+//  Generated file. Do not edit.
+//
+
+// clang-format off
+
+#include "generated_plugin_registrant.h"
+
+#include <flutter_window_close/flutter_window_close_plugin.h>
+#include <url_launcher_linux/url_launcher_plugin.h>
+
+void fl_register_plugins(FlPluginRegistry* registry) {
+  g_autoptr(FlPluginRegistrar) flutter_window_close_registrar =
+      fl_plugin_registry_get_registrar_for_plugin(registry, "FlutterWindowClosePlugin");
+  flutter_window_close_plugin_register_with_registrar(flutter_window_close_registrar);
+  g_autoptr(FlPluginRegistrar) url_launcher_linux_registrar =
+      fl_plugin_registry_get_registrar_for_plugin(registry, "UrlLauncherPlugin");
+  url_launcher_plugin_register_with_registrar(url_launcher_linux_registrar);
+}
diff --git a/linux/flutter/generated_plugin_registrant.h b/linux/flutter/generated_plugin_registrant.h
new file mode 100644
index 0000000..e0f0a47
--- /dev/null
+++ b/linux/flutter/generated_plugin_registrant.h
@@ -0,0 +1,15 @@
+//
+//  Generated file. Do not edit.
+//
+
+// clang-format off
+
+#ifndef GENERATED_PLUGIN_REGISTRANT_
+#define GENERATED_PLUGIN_REGISTRANT_
+
+#include <flutter_linux/flutter_linux.h>
+
+// Registers Flutter plugins.
+void fl_register_plugins(FlPluginRegistry* registry);
+
+#endif  // GENERATED_PLUGIN_REGISTRANT_
diff --git a/linux/flutter/generated_plugins.cmake b/linux/flutter/generated_plugins.cmake
new file mode 100644
index 0000000..85d1381
--- /dev/null
+++ b/linux/flutter/generated_plugins.cmake
@@ -0,0 +1,25 @@
+#
+# Generated file, do not edit.
+#
+
+list(APPEND FLUTTER_PLUGIN_LIST
+  flutter_window_close
+  url_launcher_linux
+)
+
+list(APPEND FLUTTER_FFI_PLUGIN_LIST
+)
+
+set(PLUGIN_BUNDLED_LIBRARIES)
+
+foreach(plugin ${FLUTTER_PLUGIN_LIST})
+  add_subdirectory(flutter/ephemeral/.plugin_symlinks/${plugin}/linux plugins/${plugin})
+  target_link_libraries(${BINARY_NAME} PRIVATE ${plugin}_plugin)
+  list(APPEND PLUGIN_BUNDLED_LIBRARIES $<TARGET_FILE:${plugin}_plugin>)
+  list(APPEND PLUGIN_BUNDLED_LIBRARIES ${${plugin}_bundled_libraries})
+endforeach(plugin)
+
+foreach(ffi_plugin ${FLUTTER_FFI_PLUGIN_LIST})
+  add_subdirectory(flutter/ephemeral/.plugin_symlinks/${ffi_plugin}/linux plugins/${ffi_plugin})
+  list(APPEND PLUGIN_BUNDLED_LIBRARIES ${${ffi_plugin}_bundled_libraries})
+endforeach(ffi_plugin)
diff --git a/linux/runner/CMakeLists.txt b/linux/runner/CMakeLists.txt
new file mode 100644
index 0000000..7ed6f3e
--- /dev/null
+++ b/linux/runner/CMakeLists.txt
@@ -0,0 +1,26 @@
+cmake_minimum_required(VERSION 3.13)
+project(runner LANGUAGES CXX)
+
+# Define the application target. To change its name, change BINARY_NAME in the
+# top-level CMakeLists.txt, not the value here, or `flutter run` will no longer
+# work.
+#
+# Any new source files that you add to the application should be added here.
+add_executable(${BINARY_NAME}
+  "main.cc"
+  "my_application.cc"
+  "${FLUTTER_MANAGED_DIR}/generated_plugin_registrant.cc"
+)
+
+# Apply the standard set of build settings. This can be removed for applications
+# that need different build settings.
+apply_standard_settings(${BINARY_NAME})
+
+# Add preprocessor definitions for the application ID.
+add_definitions(-DAPPLICATION_ID="${APPLICATION_ID}")
+
+# Add dependency libraries. Add any application-specific dependencies here.
+target_link_libraries(${BINARY_NAME} PRIVATE flutter)
+target_link_libraries(${BINARY_NAME} PRIVATE PkgConfig::GTK)
+
+target_include_directories(${BINARY_NAME} PRIVATE "${CMAKE_SOURCE_DIR}")
diff --git a/linux/runner/main.cc b/linux/runner/main.cc
new file mode 100644
index 0000000..4340ffc
--- /dev/null
+++ b/linux/runner/main.cc
@@ -0,0 +1,6 @@
+#include "my_application.h"
+
+int main(int argc, char** argv) {
+  g_autoptr(MyApplication) app = my_application_new();
+  return g_application_run(G_APPLICATION(app), argc, argv);
+}
diff --git a/linux/runner/my_application.cc b/linux/runner/my_application.cc
new file mode 100644
index 0000000..48edade
--- /dev/null
+++ b/linux/runner/my_application.cc
@@ -0,0 +1,130 @@
+#include "my_application.h"
+
+#include <flutter_linux/flutter_linux.h>
+#ifdef GDK_WINDOWING_X11
+#include <gdk/gdkx.h>
+#endif
+
+#include "flutter/generated_plugin_registrant.h"
+
+struct _MyApplication {
+  GtkApplication parent_instance;
+  char** dart_entrypoint_arguments;
+};
+
+G_DEFINE_TYPE(MyApplication, my_application, GTK_TYPE_APPLICATION)
+
+// Implements GApplication::activate.
+static void my_application_activate(GApplication* application) {
+  MyApplication* self = MY_APPLICATION(application);
+  GtkWindow* window =
+      GTK_WINDOW(gtk_application_window_new(GTK_APPLICATION(application)));
+
+  // Use a header bar when running in GNOME as this is the common style used
+  // by applications and is the setup most users will be using (e.g. Ubuntu
+  // desktop).
+  // If running on X and not using GNOME then just use a traditional title bar
+  // in case the window manager does more exotic layout, e.g. tiling.
+  // If running on Wayland assume the header bar will work (may need changing
+  // if future cases occur).
+  gboolean use_header_bar = TRUE;
+#ifdef GDK_WINDOWING_X11
+  GdkScreen* screen = gtk_window_get_screen(window);
+  if (GDK_IS_X11_SCREEN(screen)) {
+    const gchar* wm_name = gdk_x11_screen_get_window_manager_name(screen);
+    if (g_strcmp0(wm_name, "GNOME Shell") != 0) {
+      use_header_bar = FALSE;
+    }
+  }
+#endif
+  if (use_header_bar) {
+    GtkHeaderBar* header_bar = GTK_HEADER_BAR(gtk_header_bar_new());
+    gtk_widget_show(GTK_WIDGET(header_bar));
+    gtk_header_bar_set_title(header_bar, "wtpe");
+    gtk_header_bar_set_show_close_button(header_bar, TRUE);
+    gtk_window_set_titlebar(window, GTK_WIDGET(header_bar));
+  } else {
+    gtk_window_set_title(window, "wtpe");
+  }
+
+  gtk_window_set_default_size(window, 1280, 720);
+  gtk_widget_show(GTK_WIDGET(window));
+
+  g_autoptr(FlDartProject) project = fl_dart_project_new();
+  fl_dart_project_set_dart_entrypoint_arguments(project, self->dart_entrypoint_arguments);
+
+  FlView* view = fl_view_new(project);
+  gtk_widget_show(GTK_WIDGET(view));
+  gtk_container_add(GTK_CONTAINER(window), GTK_WIDGET(view));
+
+  fl_register_plugins(FL_PLUGIN_REGISTRY(view));
+
+  gtk_widget_grab_focus(GTK_WIDGET(view));
+}
+
+// Implements GApplication::local_command_line.
+static gboolean my_application_local_command_line(GApplication* application, gchar*** arguments, int* exit_status) {
+  MyApplication* self = MY_APPLICATION(application);
+  // Strip out the first argument as it is the binary name.
+  self->dart_entrypoint_arguments = g_strdupv(*arguments + 1);
+
+  g_autoptr(GError) error = nullptr;
+  if (!g_application_register(application, nullptr, &error)) {
+     g_warning("Failed to register: %s", error->message);
+     *exit_status = 1;
+     return TRUE;
+  }
+
+  g_application_activate(application);
+  *exit_status = 0;
+
+  return TRUE;
+}
+
+// Implements GApplication::startup.
+static void my_application_startup(GApplication* application) {
+  //MyApplication* self = MY_APPLICATION(object);
+
+  // Perform any actions required at application startup.
+
+  G_APPLICATION_CLASS(my_application_parent_class)->startup(application);
+}
+
+// Implements GApplication::shutdown.
+static void my_application_shutdown(GApplication* application) {
+  //MyApplication* self = MY_APPLICATION(object);
+
+  // Perform any actions required at application shutdown.
+
+  G_APPLICATION_CLASS(my_application_parent_class)->shutdown(application);
+}
+
+// Implements GObject::dispose.
+static void my_application_dispose(GObject* object) {
+  MyApplication* self = MY_APPLICATION(object);
+  g_clear_pointer(&self->dart_entrypoint_arguments, g_strfreev);
+  G_OBJECT_CLASS(my_application_parent_class)->dispose(object);
+}
+
+static void my_application_class_init(MyApplicationClass* klass) {
+  G_APPLICATION_CLASS(klass)->activate = my_application_activate;
+  G_APPLICATION_CLASS(klass)->local_command_line = my_application_local_command_line;
+  G_APPLICATION_CLASS(klass)->startup = my_application_startup;
+  G_APPLICATION_CLASS(klass)->shutdown = my_application_shutdown;
+  G_OBJECT_CLASS(klass)->dispose = my_application_dispose;
+}
+
+static void my_application_init(MyApplication* self) {}
+
+MyApplication* my_application_new() {
+  // Set the program name to the application ID, which helps various systems
+  // like GTK and desktop environments map this running application to its
+  // corresponding .desktop file. This ensures better integration by allowing
+  // the application to be recognized beyond its binary name.
+  g_set_prgname(APPLICATION_ID);
+
+  return MY_APPLICATION(g_object_new(my_application_get_type(),
+                                     "application-id", APPLICATION_ID,
+                                     "flags", G_APPLICATION_NON_UNIQUE,
+                                     nullptr));
+}
diff --git a/linux/runner/my_application.h b/linux/runner/my_application.h
new file mode 100644
index 0000000..8f20fb5
--- /dev/null
+++ b/linux/runner/my_application.h
@@ -0,0 +1,18 @@
+#ifndef FLUTTER_MY_APPLICATION_H_
+#define FLUTTER_MY_APPLICATION_H_
+
+#include <gtk/gtk.h>
+
+G_DECLARE_FINAL_TYPE(MyApplication, my_application, MY, APPLICATION,
+                     GtkApplication)
+
+/**
+ * my_application_new:
+ *
+ * Creates a new Flutter-based application.
+ *
+ * Returns: a new #MyApplication.
+ */
+MyApplication* my_application_new();
+
+#endif  // FLUTTER_MY_APPLICATION_H_
diff --git a/macos/.gitignore b/macos/.gitignore
new file mode 100644
index 0000000..d4e0569
--- /dev/null
+++ b/macos/.gitignore
@@ -0,0 +1,7 @@
+# Flutter-related
+**/Flutter/ephemeral/
+**/Pods/
+
+# Xcode-related
+**/dgph
+**/xcuserdata/
diff --git a/macos/Flutter/Flutter-Debug.xcconfig b/macos/Flutter/Flutter-Debug.xcconfig
new file mode 100644
index 0000000..df4c964
--- /dev/null
+++ b/macos/Flutter/Flutter-Debug.xcconfig
@@ -0,0 +1,2 @@
+#include? "Pods/Target Support Files/Pods-Runner/Pods-Runner.debug.xcconfig"
+#include "ephemeral/Flutter-Generated.xcconfig"
diff --git a/macos/Flutter/Flutter-Release.xcconfig b/macos/Flutter/Flutter-Release.xcconfig
new file mode 100644
index 0000000..e79501e
--- /dev/null
+++ b/macos/Flutter/Flutter-Release.xcconfig
@@ -0,0 +1,2 @@
+#include? "Pods/Target Support Files/Pods-Runner/Pods-Runner.release.xcconfig"
+#include "ephemeral/Flutter-Generated.xcconfig"
diff --git a/macos/Flutter/GeneratedPluginRegistrant.swift b/macos/Flutter/GeneratedPluginRegistrant.swift
new file mode 100644
index 0000000..17e7fad
--- /dev/null
+++ b/macos/Flutter/GeneratedPluginRegistrant.swift
@@ -0,0 +1,20 @@
+//
+//  Generated file. Do not edit.
+//
+
+import FlutterMacOS
+import Foundation
+
+import connectivity_plus
+import device_info_plus
+import flutter_window_close
+import shared_preferences_foundation
+import url_launcher_macos
+
+func RegisterGeneratedPlugins(registry: FlutterPluginRegistry) {
+  ConnectivityPlugin.register(with: registry.registrar(forPlugin: "ConnectivityPlugin"))
+  DeviceInfoPlusMacosPlugin.register(with: registry.registrar(forPlugin: "DeviceInfoPlusMacosPlugin"))
+  FlutterWindowClosePlugin.register(with: registry.registrar(forPlugin: "FlutterWindowClosePlugin"))
+  SharedPreferencesPlugin.register(with: registry.registrar(forPlugin: "SharedPreferencesPlugin"))
+  UrlLauncherPlugin.register(with: registry.registrar(forPlugin: "UrlLauncherPlugin"))
+}
diff --git a/macos/Podfile b/macos/Podfile
new file mode 100644
index 0000000..29c8eb3
--- /dev/null
+++ b/macos/Podfile
@@ -0,0 +1,42 @@
+platform :osx, '10.14'
+
+# CocoaPods analytics sends network stats synchronously affecting flutter build latency.
+ENV['COCOAPODS_DISABLE_STATS'] = 'true'
+
+project 'Runner', {
+  'Debug' => :debug,
+  'Profile' => :release,
+  'Release' => :release,
+}
+
+def flutter_root
+  generated_xcode_build_settings_path = File.expand_path(File.join('..', 'Flutter', 'ephemeral', 'Flutter-Generated.xcconfig'), __FILE__)
+  unless File.exist?(generated_xcode_build_settings_path)
+    raise "#{generated_xcode_build_settings_path} must exist. If you're running pod install manually, make sure \"flutter pub get\" is executed first"
+  end
+
+  File.foreach(generated_xcode_build_settings_path) do |line|
+    matches = line.match(/FLUTTER_ROOT\=(.*)/)
+    return matches[1].strip if matches
+  end
+  raise "FLUTTER_ROOT not found in #{generated_xcode_build_settings_path}. Try deleting Flutter-Generated.xcconfig, then run \"flutter pub get\""
+end
+
+require File.expand_path(File.join('packages', 'flutter_tools', 'bin', 'podhelper'), flutter_root)
+
+flutter_macos_podfile_setup
+
+target 'Runner' do
+  use_frameworks!
+
+  flutter_install_all_macos_pods File.dirname(File.realpath(__FILE__))
+  target 'RunnerTests' do
+    inherit! :search_paths
+  end
+end
+
+post_install do |installer|
+  installer.pods_project.targets.each do |target|
+    flutter_additional_macos_build_settings(target)
+  end
+end
diff --git a/macos/Runner.xcodeproj/project.pbxproj b/macos/Runner.xcodeproj/project.pbxproj
new file mode 100644
index 0000000..a09d6d5
--- /dev/null
+++ b/macos/Runner.xcodeproj/project.pbxproj
@@ -0,0 +1,705 @@
+// !$*UTF8*$!
+{
+	archiveVersion = 1;
+	classes = {
+	};
+	objectVersion = 54;
+	objects = {
+
+/* Begin PBXAggregateTarget section */
+		33CC111A2044C6BA0003C045 /* Flutter Assemble */ = {
+			isa = PBXAggregateTarget;
+			buildConfigurationList = 33CC111B2044C6BA0003C045 /* Build configuration list for PBXAggregateTarget "Flutter Assemble" */;
+			buildPhases = (
+				33CC111E2044C6BF0003C045 /* ShellScript */,
+			);
+			dependencies = (
+			);
+			name = "Flutter Assemble";
+			productName = FLX;
+		};
+/* End PBXAggregateTarget section */
+
+/* Begin PBXBuildFile section */
+		331C80D8294CF71000263BE5 /* RunnerTests.swift in Sources */ = {isa = PBXBuildFile; fileRef = 331C80D7294CF71000263BE5 /* RunnerTests.swift */; };
+		335BBD1B22A9A15E00E9071D /* GeneratedPluginRegistrant.swift in Sources */ = {isa = PBXBuildFile; fileRef = 335BBD1A22A9A15E00E9071D /* GeneratedPluginRegistrant.swift */; };
+		33CC10F12044A3C60003C045 /* AppDelegate.swift in Sources */ = {isa = PBXBuildFile; fileRef = 33CC10F02044A3C60003C045 /* AppDelegate.swift */; };
+		33CC10F32044A3C60003C045 /* Assets.xcassets in Resources */ = {isa = PBXBuildFile; fileRef = 33CC10F22044A3C60003C045 /* Assets.xcassets */; };
+		33CC10F62044A3C60003C045 /* MainMenu.xib in Resources */ = {isa = PBXBuildFile; fileRef = 33CC10F42044A3C60003C045 /* MainMenu.xib */; };
+		33CC11132044BFA00003C045 /* MainFlutterWindow.swift in Sources */ = {isa = PBXBuildFile; fileRef = 33CC11122044BFA00003C045 /* MainFlutterWindow.swift */; };
+/* End PBXBuildFile section */
+
+/* Begin PBXContainerItemProxy section */
+		331C80D9294CF71000263BE5 /* PBXContainerItemProxy */ = {
+			isa = PBXContainerItemProxy;
+			containerPortal = 33CC10E52044A3C60003C045 /* Project object */;
+			proxyType = 1;
+			remoteGlobalIDString = 33CC10EC2044A3C60003C045;
+			remoteInfo = Runner;
+		};
+		33CC111F2044C79F0003C045 /* PBXContainerItemProxy */ = {
+			isa = PBXContainerItemProxy;
+			containerPortal = 33CC10E52044A3C60003C045 /* Project object */;
+			proxyType = 1;
+			remoteGlobalIDString = 33CC111A2044C6BA0003C045;
+			remoteInfo = FLX;
+		};
+/* End PBXContainerItemProxy section */
+
+/* Begin PBXCopyFilesBuildPhase section */
+		33CC110E2044A8840003C045 /* Bundle Framework */ = {
+			isa = PBXCopyFilesBuildPhase;
+			buildActionMask = 2147483647;
+			dstPath = "";
+			dstSubfolderSpec = 10;
+			files = (
+			);
+			name = "Bundle Framework";
+			runOnlyForDeploymentPostprocessing = 0;
+		};
+/* End PBXCopyFilesBuildPhase section */
+
+/* Begin PBXFileReference section */
+		331C80D5294CF71000263BE5 /* RunnerTests.xctest */ = {isa = PBXFileReference; explicitFileType = wrapper.cfbundle; includeInIndex = 0; path = RunnerTests.xctest; sourceTree = BUILT_PRODUCTS_DIR; };
+		331C80D7294CF71000263BE5 /* RunnerTests.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = RunnerTests.swift; sourceTree = "<group>"; };
+		333000ED22D3DE5D00554162 /* Warnings.xcconfig */ = {isa = PBXFileReference; lastKnownFileType = text.xcconfig; path = Warnings.xcconfig; sourceTree = "<group>"; };
+		335BBD1A22A9A15E00E9071D /* GeneratedPluginRegistrant.swift */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.swift; path = GeneratedPluginRegistrant.swift; sourceTree = "<group>"; };
+		33CC10ED2044A3C60003C045 /* wtpe.app */ = {isa = PBXFileReference; explicitFileType = wrapper.application; includeInIndex = 0; path = "wtpe.app"; sourceTree = BUILT_PRODUCTS_DIR; };
+		33CC10F02044A3C60003C045 /* AppDelegate.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = AppDelegate.swift; sourceTree = "<group>"; };
+		33CC10F22044A3C60003C045 /* Assets.xcassets */ = {isa = PBXFileReference; lastKnownFileType = folder.assetcatalog; name = Assets.xcassets; path = Runner/Assets.xcassets; sourceTree = "<group>"; };
+		33CC10F52044A3C60003C045 /* Base */ = {isa = PBXFileReference; lastKnownFileType = file.xib; name = Base; path = Base.lproj/MainMenu.xib; sourceTree = "<group>"; };
+		33CC10F72044A3C60003C045 /* Info.plist */ = {isa = PBXFileReference; lastKnownFileType = text.plist.xml; name = Info.plist; path = Runner/Info.plist; sourceTree = "<group>"; };
+		33CC11122044BFA00003C045 /* MainFlutterWindow.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = MainFlutterWindow.swift; sourceTree = "<group>"; };
+		33CEB47222A05771004F2AC0 /* Flutter-Debug.xcconfig */ = {isa = PBXFileReference; lastKnownFileType = text.xcconfig; path = "Flutter-Debug.xcconfig"; sourceTree = "<group>"; };
+		33CEB47422A05771004F2AC0 /* Flutter-Release.xcconfig */ = {isa = PBXFileReference; lastKnownFileType = text.xcconfig; path = "Flutter-Release.xcconfig"; sourceTree = "<group>"; };
+		33CEB47722A0578A004F2AC0 /* Flutter-Generated.xcconfig */ = {isa = PBXFileReference; lastKnownFileType = text.xcconfig; name = "Flutter-Generated.xcconfig"; path = "ephemeral/Flutter-Generated.xcconfig"; sourceTree = "<group>"; };
+		33E51913231747F40026EE4D /* DebugProfile.entitlements */ = {isa = PBXFileReference; lastKnownFileType = text.plist.entitlements; path = DebugProfile.entitlements; sourceTree = "<group>"; };
+		33E51914231749380026EE4D /* Release.entitlements */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = text.plist.entitlements; path = Release.entitlements; sourceTree = "<group>"; };
+		33E5194F232828860026EE4D /* AppInfo.xcconfig */ = {isa = PBXFileReference; lastKnownFileType = text.xcconfig; path = AppInfo.xcconfig; sourceTree = "<group>"; };
+		7AFA3C8E1D35360C0083082E /* Release.xcconfig */ = {isa = PBXFileReference; lastKnownFileType = text.xcconfig; path = Release.xcconfig; sourceTree = "<group>"; };
+		9740EEB21CF90195004384FC /* Debug.xcconfig */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = text.xcconfig; path = Debug.xcconfig; sourceTree = "<group>"; };
+/* End PBXFileReference section */
+
+/* Begin PBXFrameworksBuildPhase section */
+		331C80D2294CF70F00263BE5 /* Frameworks */ = {
+			isa = PBXFrameworksBuildPhase;
+			buildActionMask = 2147483647;
+			files = (
+			);
+			runOnlyForDeploymentPostprocessing = 0;
+		};
+		33CC10EA2044A3C60003C045 /* Frameworks */ = {
+			isa = PBXFrameworksBuildPhase;
+			buildActionMask = 2147483647;
+			files = (
+			);
+			runOnlyForDeploymentPostprocessing = 0;
+		};
+/* End PBXFrameworksBuildPhase section */
+
+/* Begin PBXGroup section */
+		331C80D6294CF71000263BE5 /* RunnerTests */ = {
+			isa = PBXGroup;
+			children = (
+				331C80D7294CF71000263BE5 /* RunnerTests.swift */,
+			);
+			path = RunnerTests;
+			sourceTree = "<group>";
+		};
+		33BA886A226E78AF003329D5 /* Configs */ = {
+			isa = PBXGroup;
+			children = (
+				33E5194F232828860026EE4D /* AppInfo.xcconfig */,
+				9740EEB21CF90195004384FC /* Debug.xcconfig */,
+				7AFA3C8E1D35360C0083082E /* Release.xcconfig */,
+				333000ED22D3DE5D00554162 /* Warnings.xcconfig */,
+			);
+			path = Configs;
+			sourceTree = "<group>";
+		};
+		33CC10E42044A3C60003C045 = {
+			isa = PBXGroup;
+			children = (
+				33FAB671232836740065AC1E /* Runner */,
+				33CEB47122A05771004F2AC0 /* Flutter */,
+				331C80D6294CF71000263BE5 /* RunnerTests */,
+				33CC10EE2044A3C60003C045 /* Products */,
+				D73912EC22F37F3D000D13A0 /* Frameworks */,
+			);
+			sourceTree = "<group>";
+		};
+		33CC10EE2044A3C60003C045 /* Products */ = {
+			isa = PBXGroup;
+			children = (
+				33CC10ED2044A3C60003C045 /* wtpe.app */,
+				331C80D5294CF71000263BE5 /* RunnerTests.xctest */,
+			);
+			name = Products;
+			sourceTree = "<group>";
+		};
+		33CC11242044D66E0003C045 /* Resources */ = {
+			isa = PBXGroup;
+			children = (
+				33CC10F22044A3C60003C045 /* Assets.xcassets */,
+				33CC10F42044A3C60003C045 /* MainMenu.xib */,
+				33CC10F72044A3C60003C045 /* Info.plist */,
+			);
+			name = Resources;
+			path = ..;
+			sourceTree = "<group>";
+		};
+		33CEB47122A05771004F2AC0 /* Flutter */ = {
+			isa = PBXGroup;
+			children = (
+				335BBD1A22A9A15E00E9071D /* GeneratedPluginRegistrant.swift */,
+				33CEB47222A05771004F2AC0 /* Flutter-Debug.xcconfig */,
+				33CEB47422A05771004F2AC0 /* Flutter-Release.xcconfig */,
+				33CEB47722A0578A004F2AC0 /* Flutter-Generated.xcconfig */,
+			);
+			path = Flutter;
+			sourceTree = "<group>";
+		};
+		33FAB671232836740065AC1E /* Runner */ = {
+			isa = PBXGroup;
+			children = (
+				33CC10F02044A3C60003C045 /* AppDelegate.swift */,
+				33CC11122044BFA00003C045 /* MainFlutterWindow.swift */,
+				33E51913231747F40026EE4D /* DebugProfile.entitlements */,
+				33E51914231749380026EE4D /* Release.entitlements */,
+				33CC11242044D66E0003C045 /* Resources */,
+				33BA886A226E78AF003329D5 /* Configs */,
+			);
+			path = Runner;
+			sourceTree = "<group>";
+		};
+		D73912EC22F37F3D000D13A0 /* Frameworks */ = {
+			isa = PBXGroup;
+			children = (
+			);
+			name = Frameworks;
+			sourceTree = "<group>";
+		};
+/* End PBXGroup section */
+
+/* Begin PBXNativeTarget section */
+		331C80D4294CF70F00263BE5 /* RunnerTests */ = {
+			isa = PBXNativeTarget;
+			buildConfigurationList = 331C80DE294CF71000263BE5 /* Build configuration list for PBXNativeTarget "RunnerTests" */;
+			buildPhases = (
+				331C80D1294CF70F00263BE5 /* Sources */,
+				331C80D2294CF70F00263BE5 /* Frameworks */,
+				331C80D3294CF70F00263BE5 /* Resources */,
+			);
+			buildRules = (
+			);
+			dependencies = (
+				331C80DA294CF71000263BE5 /* PBXTargetDependency */,
+			);
+			name = RunnerTests;
+			productName = RunnerTests;
+			productReference = 331C80D5294CF71000263BE5 /* RunnerTests.xctest */;
+			productType = "com.apple.product-type.bundle.unit-test";
+		};
+		33CC10EC2044A3C60003C045 /* Runner */ = {
+			isa = PBXNativeTarget;
+			buildConfigurationList = 33CC10FB2044A3C60003C045 /* Build configuration list for PBXNativeTarget "Runner" */;
+			buildPhases = (
+				33CC10E92044A3C60003C045 /* Sources */,
+				33CC10EA2044A3C60003C045 /* Frameworks */,
+				33CC10EB2044A3C60003C045 /* Resources */,
+				33CC110E2044A8840003C045 /* Bundle Framework */,
+				3399D490228B24CF009A79C7 /* ShellScript */,
+			);
+			buildRules = (
+			);
+			dependencies = (
+				33CC11202044C79F0003C045 /* PBXTargetDependency */,
+			);
+			name = Runner;
+			productName = Runner;
+			productReference = 33CC10ED2044A3C60003C045 /* wtpe.app */;
+			productType = "com.apple.product-type.application";
+		};
+/* End PBXNativeTarget section */
+
+/* Begin PBXProject section */
+		33CC10E52044A3C60003C045 /* Project object */ = {
+			isa = PBXProject;
+			attributes = {
+				BuildIndependentTargetsInParallel = YES;
+				LastSwiftUpdateCheck = 0920;
+				LastUpgradeCheck = 1510;
+				ORGANIZATIONNAME = "";
+				TargetAttributes = {
+					331C80D4294CF70F00263BE5 = {
+						CreatedOnToolsVersion = 14.0;
+						TestTargetID = 33CC10EC2044A3C60003C045;
+					};
+					33CC10EC2044A3C60003C045 = {
+						CreatedOnToolsVersion = 9.2;
+						LastSwiftMigration = 1100;
+						ProvisioningStyle = Automatic;
+						SystemCapabilities = {
+							com.apple.Sandbox = {
+								enabled = 1;
+							};
+						};
+					};
+					33CC111A2044C6BA0003C045 = {
+						CreatedOnToolsVersion = 9.2;
+						ProvisioningStyle = Manual;
+					};
+				};
+			};
+			buildConfigurationList = 33CC10E82044A3C60003C045 /* Build configuration list for PBXProject "Runner" */;
+			compatibilityVersion = "Xcode 9.3";
+			developmentRegion = en;
+			hasScannedForEncodings = 0;
+			knownRegions = (
+				en,
+				Base,
+			);
+			mainGroup = 33CC10E42044A3C60003C045;
+			productRefGroup = 33CC10EE2044A3C60003C045 /* Products */;
+			projectDirPath = "";
+			projectRoot = "";
+			targets = (
+				33CC10EC2044A3C60003C045 /* Runner */,
+				331C80D4294CF70F00263BE5 /* RunnerTests */,
+				33CC111A2044C6BA0003C045 /* Flutter Assemble */,
+			);
+		};
+/* End PBXProject section */
+
+/* Begin PBXResourcesBuildPhase section */
+		331C80D3294CF70F00263BE5 /* Resources */ = {
+			isa = PBXResourcesBuildPhase;
+			buildActionMask = 2147483647;
+			files = (
+			);
+			runOnlyForDeploymentPostprocessing = 0;
+		};
+		33CC10EB2044A3C60003C045 /* Resources */ = {
+			isa = PBXResourcesBuildPhase;
+			buildActionMask = 2147483647;
+			files = (
+				33CC10F32044A3C60003C045 /* Assets.xcassets in Resources */,
+				33CC10F62044A3C60003C045 /* MainMenu.xib in Resources */,
+			);
+			runOnlyForDeploymentPostprocessing = 0;
+		};
+/* End PBXResourcesBuildPhase section */
+
+/* Begin PBXShellScriptBuildPhase section */
+		3399D490228B24CF009A79C7 /* ShellScript */ = {
+			isa = PBXShellScriptBuildPhase;
+			alwaysOutOfDate = 1;
+			buildActionMask = 2147483647;
+			files = (
+			);
+			inputFileListPaths = (
+			);
+			inputPaths = (
+			);
+			outputFileListPaths = (
+			);
+			outputPaths = (
+			);
+			runOnlyForDeploymentPostprocessing = 0;
+			shellPath = /bin/sh;
+			shellScript = "echo \"$PRODUCT_NAME.app\" > \"$PROJECT_DIR\"/Flutter/ephemeral/.app_filename && \"$FLUTTER_ROOT\"/packages/flutter_tools/bin/macos_assemble.sh embed\n";
+		};
+		33CC111E2044C6BF0003C045 /* ShellScript */ = {
+			isa = PBXShellScriptBuildPhase;
+			buildActionMask = 2147483647;
+			files = (
+			);
+			inputFileListPaths = (
+				Flutter/ephemeral/FlutterInputs.xcfilelist,
+			);
+			inputPaths = (
+				Flutter/ephemeral/tripwire,
+			);
+			outputFileListPaths = (
+				Flutter/ephemeral/FlutterOutputs.xcfilelist,
+			);
+			outputPaths = (
+			);
+			runOnlyForDeploymentPostprocessing = 0;
+			shellPath = /bin/sh;
+			shellScript = "\"$FLUTTER_ROOT\"/packages/flutter_tools/bin/macos_assemble.sh && touch Flutter/ephemeral/tripwire";
+		};
+/* End PBXShellScriptBuildPhase section */
+
+/* Begin PBXSourcesBuildPhase section */
+		331C80D1294CF70F00263BE5 /* Sources */ = {
+			isa = PBXSourcesBuildPhase;
+			buildActionMask = 2147483647;
+			files = (
+				331C80D8294CF71000263BE5 /* RunnerTests.swift in Sources */,
+			);
+			runOnlyForDeploymentPostprocessing = 0;
+		};
+		33CC10E92044A3C60003C045 /* Sources */ = {
+			isa = PBXSourcesBuildPhase;
+			buildActionMask = 2147483647;
+			files = (
+				33CC11132044BFA00003C045 /* MainFlutterWindow.swift in Sources */,
+				33CC10F12044A3C60003C045 /* AppDelegate.swift in Sources */,
+				335BBD1B22A9A15E00E9071D /* GeneratedPluginRegistrant.swift in Sources */,
+			);
+			runOnlyForDeploymentPostprocessing = 0;
+		};
+/* End PBXSourcesBuildPhase section */
+
+/* Begin PBXTargetDependency section */
+		331C80DA294CF71000263BE5 /* PBXTargetDependency */ = {
+			isa = PBXTargetDependency;
+			target = 33CC10EC2044A3C60003C045 /* Runner */;
+			targetProxy = 331C80D9294CF71000263BE5 /* PBXContainerItemProxy */;
+		};
+		33CC11202044C79F0003C045 /* PBXTargetDependency */ = {
+			isa = PBXTargetDependency;
+			target = 33CC111A2044C6BA0003C045 /* Flutter Assemble */;
+			targetProxy = 33CC111F2044C79F0003C045 /* PBXContainerItemProxy */;
+		};
+/* End PBXTargetDependency section */
+
+/* Begin PBXVariantGroup section */
+		33CC10F42044A3C60003C045 /* MainMenu.xib */ = {
+			isa = PBXVariantGroup;
+			children = (
+				33CC10F52044A3C60003C045 /* Base */,
+			);
+			name = MainMenu.xib;
+			path = Runner;
+			sourceTree = "<group>";
+		};
+/* End PBXVariantGroup section */
+
+/* Begin XCBuildConfiguration section */
+		331C80DB294CF71000263BE5 /* Debug */ = {
+			isa = XCBuildConfiguration;
+			buildSettings = {
+				BUNDLE_LOADER = "$(TEST_HOST)";
+				CURRENT_PROJECT_VERSION = 1;
+				GENERATE_INFOPLIST_FILE = YES;
+				MARKETING_VERSION = 1.0;
+				PRODUCT_BUNDLE_IDENTIFIER = com.example.wtpe.RunnerTests;
+				PRODUCT_NAME = "$(TARGET_NAME)";
+				SWIFT_VERSION = 5.0;
+				TEST_HOST = "$(BUILT_PRODUCTS_DIR)/wtpe.app/$(BUNDLE_EXECUTABLE_FOLDER_PATH)/wtpe";
+			};
+			name = Debug;
+		};
+		331C80DC294CF71000263BE5 /* Release */ = {
+			isa = XCBuildConfiguration;
+			buildSettings = {
+				BUNDLE_LOADER = "$(TEST_HOST)";
+				CURRENT_PROJECT_VERSION = 1;
+				GENERATE_INFOPLIST_FILE = YES;
+				MARKETING_VERSION = 1.0;
+				PRODUCT_BUNDLE_IDENTIFIER = com.example.wtpe.RunnerTests;
+				PRODUCT_NAME = "$(TARGET_NAME)";
+				SWIFT_VERSION = 5.0;
+				TEST_HOST = "$(BUILT_PRODUCTS_DIR)/wtpe.app/$(BUNDLE_EXECUTABLE_FOLDER_PATH)/wtpe";
+			};
+			name = Release;
+		};
+		331C80DD294CF71000263BE5 /* Profile */ = {
+			isa = XCBuildConfiguration;
+			buildSettings = {
+				BUNDLE_LOADER = "$(TEST_HOST)";
+				CURRENT_PROJECT_VERSION = 1;
+				GENERATE_INFOPLIST_FILE = YES;
+				MARKETING_VERSION = 1.0;
+				PRODUCT_BUNDLE_IDENTIFIER = com.example.wtpe.RunnerTests;
+				PRODUCT_NAME = "$(TARGET_NAME)";
+				SWIFT_VERSION = 5.0;
+				TEST_HOST = "$(BUILT_PRODUCTS_DIR)/wtpe.app/$(BUNDLE_EXECUTABLE_FOLDER_PATH)/wtpe";
+			};
+			name = Profile;
+		};
+		338D0CE9231458BD00FA5F75 /* Profile */ = {
+			isa = XCBuildConfiguration;
+			baseConfigurationReference = 7AFA3C8E1D35360C0083082E /* Release.xcconfig */;
+			buildSettings = {
+				ALWAYS_SEARCH_USER_PATHS = NO;
+				ASSETCATALOG_COMPILER_GENERATE_SWIFT_ASSET_SYMBOL_EXTENSIONS = YES;
+				CLANG_ANALYZER_NONNULL = YES;
+				CLANG_ANALYZER_NUMBER_OBJECT_CONVERSION = YES_AGGRESSIVE;
+				CLANG_CXX_LANGUAGE_STANDARD = "gnu++14";
+				CLANG_CXX_LIBRARY = "libc++";
+				CLANG_ENABLE_MODULES = YES;
+				CLANG_ENABLE_OBJC_ARC = YES;
+				CLANG_WARN_BLOCK_CAPTURE_AUTORELEASING = YES;
+				CLANG_WARN_BOOL_CONVERSION = YES;
+				CLANG_WARN_CONSTANT_CONVERSION = YES;
+				CLANG_WARN_DEPRECATED_OBJC_IMPLEMENTATIONS = YES;
+				CLANG_WARN_DIRECT_OBJC_ISA_USAGE = YES_ERROR;
+				CLANG_WARN_DOCUMENTATION_COMMENTS = YES;
+				CLANG_WARN_EMPTY_BODY = YES;
+				CLANG_WARN_ENUM_CONVERSION = YES;
+				CLANG_WARN_INFINITE_RECURSION = YES;
+				CLANG_WARN_INT_CONVERSION = YES;
+				CLANG_WARN_NON_LITERAL_NULL_CONVERSION = YES;
+				CLANG_WARN_OBJC_LITERAL_CONVERSION = YES;
+				CLANG_WARN_OBJC_ROOT_CLASS = YES_ERROR;
+				CLANG_WARN_RANGE_LOOP_ANALYSIS = YES;
+				CLANG_WARN_SUSPICIOUS_MOVE = YES;
+				CODE_SIGN_IDENTITY = "-";
+				COPY_PHASE_STRIP = NO;
+				DEAD_CODE_STRIPPING = YES;
+				DEBUG_INFORMATION_FORMAT = "dwarf-with-dsym";
+				ENABLE_NS_ASSERTIONS = NO;
+				ENABLE_STRICT_OBJC_MSGSEND = YES;
+				ENABLE_USER_SCRIPT_SANDBOXING = NO;
+				GCC_C_LANGUAGE_STANDARD = gnu11;
+				GCC_NO_COMMON_BLOCKS = YES;
+				GCC_WARN_64_TO_32_BIT_CONVERSION = YES;
+				GCC_WARN_ABOUT_RETURN_TYPE = YES_ERROR;
+				GCC_WARN_UNINITIALIZED_AUTOS = YES_AGGRESSIVE;
+				GCC_WARN_UNUSED_FUNCTION = YES;
+				GCC_WARN_UNUSED_VARIABLE = YES;
+				MACOSX_DEPLOYMENT_TARGET = 10.14;
+				MTL_ENABLE_DEBUG_INFO = NO;
+				SDKROOT = macosx;
+				SWIFT_COMPILATION_MODE = wholemodule;
+				SWIFT_OPTIMIZATION_LEVEL = "-O";
+			};
+			name = Profile;
+		};
+		338D0CEA231458BD00FA5F75 /* Profile */ = {
+			isa = XCBuildConfiguration;
+			baseConfigurationReference = 33E5194F232828860026EE4D /* AppInfo.xcconfig */;
+			buildSettings = {
+				ASSETCATALOG_COMPILER_APPICON_NAME = AppIcon;
+				CLANG_ENABLE_MODULES = YES;
+				CODE_SIGN_ENTITLEMENTS = Runner/DebugProfile.entitlements;
+				CODE_SIGN_STYLE = Automatic;
+				COMBINE_HIDPI_IMAGES = YES;
+				INFOPLIST_FILE = Runner/Info.plist;
+				LD_RUNPATH_SEARCH_PATHS = (
+					"$(inherited)",
+					"@executable_path/../Frameworks",
+				);
+				PROVISIONING_PROFILE_SPECIFIER = "";
+				SWIFT_VERSION = 5.0;
+			};
+			name = Profile;
+		};
+		338D0CEB231458BD00FA5F75 /* Profile */ = {
+			isa = XCBuildConfiguration;
+			buildSettings = {
+				CODE_SIGN_STYLE = Manual;
+				PRODUCT_NAME = "$(TARGET_NAME)";
+			};
+			name = Profile;
+		};
+		33CC10F92044A3C60003C045 /* Debug */ = {
+			isa = XCBuildConfiguration;
+			baseConfigurationReference = 9740EEB21CF90195004384FC /* Debug.xcconfig */;
+			buildSettings = {
+				ALWAYS_SEARCH_USER_PATHS = NO;
+				ASSETCATALOG_COMPILER_GENERATE_SWIFT_ASSET_SYMBOL_EXTENSIONS = YES;
+				CLANG_ANALYZER_NONNULL = YES;
+				CLANG_ANALYZER_NUMBER_OBJECT_CONVERSION = YES_AGGRESSIVE;
+				CLANG_CXX_LANGUAGE_STANDARD = "gnu++14";
+				CLANG_CXX_LIBRARY = "libc++";
+				CLANG_ENABLE_MODULES = YES;
+				CLANG_ENABLE_OBJC_ARC = YES;
+				CLANG_WARN_BLOCK_CAPTURE_AUTORELEASING = YES;
+				CLANG_WARN_BOOL_CONVERSION = YES;
+				CLANG_WARN_CONSTANT_CONVERSION = YES;
+				CLANG_WARN_DEPRECATED_OBJC_IMPLEMENTATIONS = YES;
+				CLANG_WARN_DIRECT_OBJC_ISA_USAGE = YES_ERROR;
+				CLANG_WARN_DOCUMENTATION_COMMENTS = YES;
+				CLANG_WARN_EMPTY_BODY = YES;
+				CLANG_WARN_ENUM_CONVERSION = YES;
+				CLANG_WARN_INFINITE_RECURSION = YES;
+				CLANG_WARN_INT_CONVERSION = YES;
+				CLANG_WARN_NON_LITERAL_NULL_CONVERSION = YES;
+				CLANG_WARN_OBJC_LITERAL_CONVERSION = YES;
+				CLANG_WARN_OBJC_ROOT_CLASS = YES_ERROR;
+				CLANG_WARN_RANGE_LOOP_ANALYSIS = YES;
+				CLANG_WARN_SUSPICIOUS_MOVE = YES;
+				CODE_SIGN_IDENTITY = "-";
+				COPY_PHASE_STRIP = NO;
+				DEAD_CODE_STRIPPING = YES;
+				DEBUG_INFORMATION_FORMAT = dwarf;
+				ENABLE_STRICT_OBJC_MSGSEND = YES;
+				ENABLE_TESTABILITY = YES;
+				ENABLE_USER_SCRIPT_SANDBOXING = NO;
+				GCC_C_LANGUAGE_STANDARD = gnu11;
+				GCC_DYNAMIC_NO_PIC = NO;
+				GCC_NO_COMMON_BLOCKS = YES;
+				GCC_OPTIMIZATION_LEVEL = 0;
+				GCC_PREPROCESSOR_DEFINITIONS = (
+					"DEBUG=1",
+					"$(inherited)",
+				);
+				GCC_WARN_64_TO_32_BIT_CONVERSION = YES;
+				GCC_WARN_ABOUT_RETURN_TYPE = YES_ERROR;
+				GCC_WARN_UNINITIALIZED_AUTOS = YES_AGGRESSIVE;
+				GCC_WARN_UNUSED_FUNCTION = YES;
+				GCC_WARN_UNUSED_VARIABLE = YES;
+				MACOSX_DEPLOYMENT_TARGET = 10.14;
+				MTL_ENABLE_DEBUG_INFO = YES;
+				ONLY_ACTIVE_ARCH = YES;
+				SDKROOT = macosx;
+				SWIFT_ACTIVE_COMPILATION_CONDITIONS = DEBUG;
+				SWIFT_OPTIMIZATION_LEVEL = "-Onone";
+			};
+			name = Debug;
+		};
+		33CC10FA2044A3C60003C045 /* Release */ = {
+			isa = XCBuildConfiguration;
+			baseConfigurationReference = 7AFA3C8E1D35360C0083082E /* Release.xcconfig */;
+			buildSettings = {
+				ALWAYS_SEARCH_USER_PATHS = NO;
+				ASSETCATALOG_COMPILER_GENERATE_SWIFT_ASSET_SYMBOL_EXTENSIONS = YES;
+				CLANG_ANALYZER_NONNULL = YES;
+				CLANG_ANALYZER_NUMBER_OBJECT_CONVERSION = YES_AGGRESSIVE;
+				CLANG_CXX_LANGUAGE_STANDARD = "gnu++14";
+				CLANG_CXX_LIBRARY = "libc++";
+				CLANG_ENABLE_MODULES = YES;
+				CLANG_ENABLE_OBJC_ARC = YES;
+				CLANG_WARN_BLOCK_CAPTURE_AUTORELEASING = YES;
+				CLANG_WARN_BOOL_CONVERSION = YES;
+				CLANG_WARN_CONSTANT_CONVERSION = YES;
+				CLANG_WARN_DEPRECATED_OBJC_IMPLEMENTATIONS = YES;
+				CLANG_WARN_DIRECT_OBJC_ISA_USAGE = YES_ERROR;
+				CLANG_WARN_DOCUMENTATION_COMMENTS = YES;
+				CLANG_WARN_EMPTY_BODY = YES;
+				CLANG_WARN_ENUM_CONVERSION = YES;
+				CLANG_WARN_INFINITE_RECURSION = YES;
+				CLANG_WARN_INT_CONVERSION = YES;
+				CLANG_WARN_NON_LITERAL_NULL_CONVERSION = YES;
+				CLANG_WARN_OBJC_LITERAL_CONVERSION = YES;
+				CLANG_WARN_OBJC_ROOT_CLASS = YES_ERROR;
+				CLANG_WARN_RANGE_LOOP_ANALYSIS = YES;
+				CLANG_WARN_SUSPICIOUS_MOVE = YES;
+				CODE_SIGN_IDENTITY = "-";
+				COPY_PHASE_STRIP = NO;
+				DEAD_CODE_STRIPPING = YES;
+				DEBUG_INFORMATION_FORMAT = "dwarf-with-dsym";
+				ENABLE_NS_ASSERTIONS = NO;
+				ENABLE_STRICT_OBJC_MSGSEND = YES;
+				ENABLE_USER_SCRIPT_SANDBOXING = NO;
+				GCC_C_LANGUAGE_STANDARD = gnu11;
+				GCC_NO_COMMON_BLOCKS = YES;
+				GCC_WARN_64_TO_32_BIT_CONVERSION = YES;
+				GCC_WARN_ABOUT_RETURN_TYPE = YES_ERROR;
+				GCC_WARN_UNINITIALIZED_AUTOS = YES_AGGRESSIVE;
+				GCC_WARN_UNUSED_FUNCTION = YES;
+				GCC_WARN_UNUSED_VARIABLE = YES;
+				MACOSX_DEPLOYMENT_TARGET = 10.14;
+				MTL_ENABLE_DEBUG_INFO = NO;
+				SDKROOT = macosx;
+				SWIFT_COMPILATION_MODE = wholemodule;
+				SWIFT_OPTIMIZATION_LEVEL = "-O";
+			};
+			name = Release;
+		};
+		33CC10FC2044A3C60003C045 /* Debug */ = {
+			isa = XCBuildConfiguration;
+			baseConfigurationReference = 33E5194F232828860026EE4D /* AppInfo.xcconfig */;
+			buildSettings = {
+				ASSETCATALOG_COMPILER_APPICON_NAME = AppIcon;
+				CLANG_ENABLE_MODULES = YES;
+				CODE_SIGN_ENTITLEMENTS = Runner/DebugProfile.entitlements;
+				CODE_SIGN_STYLE = Automatic;
+				COMBINE_HIDPI_IMAGES = YES;
+				INFOPLIST_FILE = Runner/Info.plist;
+				LD_RUNPATH_SEARCH_PATHS = (
+					"$(inherited)",
+					"@executable_path/../Frameworks",
+				);
+				PROVISIONING_PROFILE_SPECIFIER = "";
+				SWIFT_OPTIMIZATION_LEVEL = "-Onone";
+				SWIFT_VERSION = 5.0;
+			};
+			name = Debug;
+		};
+		33CC10FD2044A3C60003C045 /* Release */ = {
+			isa = XCBuildConfiguration;
+			baseConfigurationReference = 33E5194F232828860026EE4D /* AppInfo.xcconfig */;
+			buildSettings = {
+				ASSETCATALOG_COMPILER_APPICON_NAME = AppIcon;
+				CLANG_ENABLE_MODULES = YES;
+				CODE_SIGN_ENTITLEMENTS = Runner/Release.entitlements;
+				CODE_SIGN_STYLE = Automatic;
+				COMBINE_HIDPI_IMAGES = YES;
+				INFOPLIST_FILE = Runner/Info.plist;
+				LD_RUNPATH_SEARCH_PATHS = (
+					"$(inherited)",
+					"@executable_path/../Frameworks",
+				);
+				PROVISIONING_PROFILE_SPECIFIER = "";
+				SWIFT_VERSION = 5.0;
+			};
+			name = Release;
+		};
+		33CC111C2044C6BA0003C045 /* Debug */ = {
+			isa = XCBuildConfiguration;
+			buildSettings = {
+				CODE_SIGN_STYLE = Manual;
+				PRODUCT_NAME = "$(TARGET_NAME)";
+			};
+			name = Debug;
+		};
+		33CC111D2044C6BA0003C045 /* Release */ = {
+			isa = XCBuildConfiguration;
+			buildSettings = {
+				CODE_SIGN_STYLE = Automatic;
+				PRODUCT_NAME = "$(TARGET_NAME)";
+			};
+			name = Release;
+		};
+/* End XCBuildConfiguration section */
+
+/* Begin XCConfigurationList section */
+		331C80DE294CF71000263BE5 /* Build configuration list for PBXNativeTarget "RunnerTests" */ = {
+			isa = XCConfigurationList;
+			buildConfigurations = (
+				331C80DB294CF71000263BE5 /* Debug */,
+				331C80DC294CF71000263BE5 /* Release */,
+				331C80DD294CF71000263BE5 /* Profile */,
+			);
+			defaultConfigurationIsVisible = 0;
+			defaultConfigurationName = Release;
+		};
+		33CC10E82044A3C60003C045 /* Build configuration list for PBXProject "Runner" */ = {
+			isa = XCConfigurationList;
+			buildConfigurations = (
+				33CC10F92044A3C60003C045 /* Debug */,
+				33CC10FA2044A3C60003C045 /* Release */,
+				338D0CE9231458BD00FA5F75 /* Profile */,
+			);
+			defaultConfigurationIsVisible = 0;
+			defaultConfigurationName = Release;
+		};
+		33CC10FB2044A3C60003C045 /* Build configuration list for PBXNativeTarget "Runner" */ = {
+			isa = XCConfigurationList;
+			buildConfigurations = (
+				33CC10FC2044A3C60003C045 /* Debug */,
+				33CC10FD2044A3C60003C045 /* Release */,
+				338D0CEA231458BD00FA5F75 /* Profile */,
+			);
+			defaultConfigurationIsVisible = 0;
+			defaultConfigurationName = Release;
+		};
+		33CC111B2044C6BA0003C045 /* Build configuration list for PBXAggregateTarget "Flutter Assemble" */ = {
+			isa = XCConfigurationList;
+			buildConfigurations = (
+				33CC111C2044C6BA0003C045 /* Debug */,
+				33CC111D2044C6BA0003C045 /* Release */,
+				338D0CEB231458BD00FA5F75 /* Profile */,
+			);
+			defaultConfigurationIsVisible = 0;
+			defaultConfigurationName = Release;
+		};
+/* End XCConfigurationList section */
+	};
+	rootObject = 33CC10E52044A3C60003C045 /* Project object */;
+}
diff --git a/macos/Runner.xcodeproj/project.xcworkspace/xcshareddata/IDEWorkspaceChecks.plist b/macos/Runner.xcodeproj/project.xcworkspace/xcshareddata/IDEWorkspaceChecks.plist
new file mode 100644
index 0000000..fc6bf80
--- /dev/null
+++ b/macos/Runner.xcodeproj/project.xcworkspace/xcshareddata/IDEWorkspaceChecks.plist
@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
+<plist version="1.0">
+<dict>
+	<key>IDEDidComputeMac32BitWarning</key>
+	<true/>
+</dict>
+</plist>
diff --git a/macos/Runner.xcodeproj/xcshareddata/xcschemes/Runner.xcscheme b/macos/Runner.xcodeproj/xcshareddata/xcschemes/Runner.xcscheme
new file mode 100644
index 0000000..7d18de4
--- /dev/null
+++ b/macos/Runner.xcodeproj/xcshareddata/xcschemes/Runner.xcscheme
@@ -0,0 +1,99 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<Scheme
+   LastUpgradeVersion = "1510"
+   version = "1.3">
+   <BuildAction
+      parallelizeBuildables = "YES"
+      buildImplicitDependencies = "YES">
+      <BuildActionEntries>
+         <BuildActionEntry
+            buildForTesting = "YES"
+            buildForRunning = "YES"
+            buildForProfiling = "YES"
+            buildForArchiving = "YES"
+            buildForAnalyzing = "YES">
+            <BuildableReference
+               BuildableIdentifier = "primary"
+               BlueprintIdentifier = "33CC10EC2044A3C60003C045"
+               BuildableName = "wtpe.app"
+               BlueprintName = "Runner"
+               ReferencedContainer = "container:Runner.xcodeproj">
+            </BuildableReference>
+         </BuildActionEntry>
+      </BuildActionEntries>
+   </BuildAction>
+   <TestAction
+      buildConfiguration = "Debug"
+      selectedDebuggerIdentifier = "Xcode.DebuggerFoundation.Debugger.LLDB"
+      selectedLauncherIdentifier = "Xcode.DebuggerFoundation.Launcher.LLDB"
+      shouldUseLaunchSchemeArgsEnv = "YES">
+      <MacroExpansion>
+         <BuildableReference
+            BuildableIdentifier = "primary"
+            BlueprintIdentifier = "33CC10EC2044A3C60003C045"
+            BuildableName = "wtpe.app"
+            BlueprintName = "Runner"
+            ReferencedContainer = "container:Runner.xcodeproj">
+         </BuildableReference>
+      </MacroExpansion>
+      <Testables>
+         <TestableReference
+            skipped = "NO"
+            parallelizable = "YES">
+            <BuildableReference
+               BuildableIdentifier = "primary"
+               BlueprintIdentifier = "331C80D4294CF70F00263BE5"
+               BuildableName = "RunnerTests.xctest"
+               BlueprintName = "RunnerTests"
+               ReferencedContainer = "container:Runner.xcodeproj">
+            </BuildableReference>
+         </TestableReference>
+      </Testables>
+   </TestAction>
+   <LaunchAction
+      buildConfiguration = "Debug"
+      selectedDebuggerIdentifier = "Xcode.DebuggerFoundation.Debugger.LLDB"
+      selectedLauncherIdentifier = "Xcode.DebuggerFoundation.Launcher.LLDB"
+      launchStyle = "0"
+      useCustomWorkingDirectory = "NO"
+      ignoresPersistentStateOnLaunch = "NO"
+      debugDocumentVersioning = "YES"
+      debugServiceExtension = "internal"
+      enableGPUValidationMode = "1"
+      allowLocationSimulation = "YES">
+      <BuildableProductRunnable
+         runnableDebuggingMode = "0">
+         <BuildableReference
+            BuildableIdentifier = "primary"
+            BlueprintIdentifier = "33CC10EC2044A3C60003C045"
+            BuildableName = "wtpe.app"
+            BlueprintName = "Runner"
+            ReferencedContainer = "container:Runner.xcodeproj">
+         </BuildableReference>
+      </BuildableProductRunnable>
+   </LaunchAction>
+   <ProfileAction
+      buildConfiguration = "Profile"
+      shouldUseLaunchSchemeArgsEnv = "YES"
+      savedToolIdentifier = ""
+      useCustomWorkingDirectory = "NO"
+      debugDocumentVersioning = "YES">
+      <BuildableProductRunnable
+         runnableDebuggingMode = "0">
+         <BuildableReference
+            BuildableIdentifier = "primary"
+            BlueprintIdentifier = "33CC10EC2044A3C60003C045"
+            BuildableName = "wtpe.app"
+            BlueprintName = "Runner"
+            ReferencedContainer = "container:Runner.xcodeproj">
+         </BuildableReference>
+      </BuildableProductRunnable>
+   </ProfileAction>
+   <AnalyzeAction
+      buildConfiguration = "Debug">
+   </AnalyzeAction>
+   <ArchiveAction
+      buildConfiguration = "Release"
+      revealArchiveInOrganizer = "YES">
+   </ArchiveAction>
+</Scheme>
diff --git a/macos/Runner.xcworkspace/contents.xcworkspacedata b/macos/Runner.xcworkspace/contents.xcworkspacedata
new file mode 100644
index 0000000..59c6d39
--- /dev/null
+++ b/macos/Runner.xcworkspace/contents.xcworkspacedata
@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<Workspace
+   version = "1.0">
+   <FileRef
+      location = "group:Runner.xcodeproj">
+   </FileRef>
+</Workspace>
diff --git a/macos/Runner.xcworkspace/xcshareddata/IDEWorkspaceChecks.plist b/macos/Runner.xcworkspace/xcshareddata/IDEWorkspaceChecks.plist
new file mode 100644
index 0000000..fc6bf80
--- /dev/null
+++ b/macos/Runner.xcworkspace/xcshareddata/IDEWorkspaceChecks.plist
@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
+<plist version="1.0">
+<dict>
+	<key>IDEDidComputeMac32BitWarning</key>
+	<true/>
+</dict>
+</plist>
diff --git a/macos/Runner/AppDelegate.swift b/macos/Runner/AppDelegate.swift
new file mode 100644
index 0000000..c5c474d
--- /dev/null
+++ b/macos/Runner/AppDelegate.swift
@@ -0,0 +1,13 @@
+import Cocoa
+import FlutterMacOS
+
+@main
+class AppDelegate: FlutterAppDelegate {
+  override func applicationShouldTerminateAfterLastWindowClosed(_ sender: NSApplication) -> Bool {
+    return true
+  }
+
+  override func applicationSupportsSecureRestorableState(_ app: NSApplication) -> Bool {
+    return true
+  }
+}
diff --git a/macos/Runner/Assets.xcassets/AppIcon.appiconset/Contents.json b/macos/Runner/Assets.xcassets/AppIcon.appiconset/Contents.json
new file mode 100644
index 0000000..8d4e7cb
--- /dev/null
+++ b/macos/Runner/Assets.xcassets/AppIcon.appiconset/Contents.json
@@ -0,0 +1,68 @@
+{
+  "images" : [
+    {
+      "size" : "16x16",
+      "idiom" : "mac",
+      "filename" : "app_icon_16.png",
+      "scale" : "1x"
+    },
+    {
+      "size" : "16x16",
+      "idiom" : "mac",
+      "filename" : "app_icon_32.png",
+      "scale" : "2x"
+    },
+    {
+      "size" : "32x32",
+      "idiom" : "mac",
+      "filename" : "app_icon_32.png",
+      "scale" : "1x"
+    },
+    {
+      "size" : "32x32",
+      "idiom" : "mac",
+      "filename" : "app_icon_64.png",
+      "scale" : "2x"
+    },
+    {
+      "size" : "128x128",
+      "idiom" : "mac",
+      "filename" : "app_icon_128.png",
+      "scale" : "1x"
+    },
+    {
+      "size" : "128x128",
+      "idiom" : "mac",
+      "filename" : "app_icon_256.png",
+      "scale" : "2x"
+    },
+    {
+      "size" : "256x256",
+      "idiom" : "mac",
+      "filename" : "app_icon_256.png",
+      "scale" : "1x"
+    },
+    {
+      "size" : "256x256",
+      "idiom" : "mac",
+      "filename" : "app_icon_512.png",
+      "scale" : "2x"
+    },
+    {
+      "size" : "512x512",
+      "idiom" : "mac",
+      "filename" : "app_icon_512.png",
+      "scale" : "1x"
+    },
+    {
+      "size" : "512x512",
+      "idiom" : "mac",
+      "filename" : "app_icon_1024.png",
+      "scale" : "2x"
+    }
+  ],
+  "info" : {
+    "version" : 1,
+    "author" : "xcode"
+  }
+}
diff --git a/macos/Runner/Assets.xcassets/AppIcon.appiconset/app_icon_1024.png b/macos/Runner/Assets.xcassets/AppIcon.appiconset/app_icon_1024.png
new file mode 100644
index 0000000..82b6f9d
Binary files /dev/null and b/macos/Runner/Assets.xcassets/AppIcon.appiconset/app_icon_1024.png differ
diff --git a/macos/Runner/Assets.xcassets/AppIcon.appiconset/app_icon_128.png b/macos/Runner/Assets.xcassets/AppIcon.appiconset/app_icon_128.png
new file mode 100644
index 0000000..13b35eb
Binary files /dev/null and b/macos/Runner/Assets.xcassets/AppIcon.appiconset/app_icon_128.png differ
diff --git a/macos/Runner/Assets.xcassets/AppIcon.appiconset/app_icon_16.png b/macos/Runner/Assets.xcassets/AppIcon.appiconset/app_icon_16.png
new file mode 100644
index 0000000..0a3f5fa
Binary files /dev/null and b/macos/Runner/Assets.xcassets/AppIcon.appiconset/app_icon_16.png differ
diff --git a/macos/Runner/Assets.xcassets/AppIcon.appiconset/app_icon_256.png b/macos/Runner/Assets.xcassets/AppIcon.appiconset/app_icon_256.png
new file mode 100644
index 0000000..bdb5722
Binary files /dev/null and b/macos/Runner/Assets.xcassets/AppIcon.appiconset/app_icon_256.png differ
diff --git a/macos/Runner/Assets.xcassets/AppIcon.appiconset/app_icon_32.png b/macos/Runner/Assets.xcassets/AppIcon.appiconset/app_icon_32.png
new file mode 100644
index 0000000..f083318
Binary files /dev/null and b/macos/Runner/Assets.xcassets/AppIcon.appiconset/app_icon_32.png differ
diff --git a/macos/Runner/Assets.xcassets/AppIcon.appiconset/app_icon_512.png b/macos/Runner/Assets.xcassets/AppIcon.appiconset/app_icon_512.png
new file mode 100644
index 0000000..326c0e7
Binary files /dev/null and b/macos/Runner/Assets.xcassets/AppIcon.appiconset/app_icon_512.png differ
diff --git a/macos/Runner/Assets.xcassets/AppIcon.appiconset/app_icon_64.png b/macos/Runner/Assets.xcassets/AppIcon.appiconset/app_icon_64.png
new file mode 100644
index 0000000..2f1632c
Binary files /dev/null and b/macos/Runner/Assets.xcassets/AppIcon.appiconset/app_icon_64.png differ
diff --git a/macos/Runner/Base.lproj/MainMenu.xib b/macos/Runner/Base.lproj/MainMenu.xib
new file mode 100644
index 0000000..4632c69
--- /dev/null
+++ b/macos/Runner/Base.lproj/MainMenu.xib
@@ -0,0 +1,343 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<document type="com.apple.InterfaceBuilder3.Cocoa.XIB" version="3.0" toolsVersion="14490.70" targetRuntime="MacOSX.Cocoa" propertyAccessControl="none" useAutolayout="YES" customObjectInstantitationMethod="direct">
+    <dependencies>
+        <deployment identifier="macosx"/>
+        <plugIn identifier="com.apple.InterfaceBuilder.CocoaPlugin" version="14490.70"/>
+        <capability name="documents saved in the Xcode 8 format" minToolsVersion="8.0"/>
+    </dependencies>
+    <objects>
+        <customObject id="-2" userLabel="File's Owner" customClass="NSApplication">
+            <connections>
+                <outlet property="delegate" destination="Voe-Tx-rLC" id="GzC-gU-4Uq"/>
+            </connections>
+        </customObject>
+        <customObject id="-1" userLabel="First Responder" customClass="FirstResponder"/>
+        <customObject id="-3" userLabel="Application" customClass="NSObject"/>
+        <customObject id="Voe-Tx-rLC" customClass="AppDelegate" customModule="Runner" customModuleProvider="target">
+            <connections>
+                <outlet property="applicationMenu" destination="uQy-DD-JDr" id="XBo-yE-nKs"/>
+                <outlet property="mainFlutterWindow" destination="QvC-M9-y7g" id="gIp-Ho-8D9"/>
+            </connections>
+        </customObject>
+        <customObject id="YLy-65-1bz" customClass="NSFontManager"/>
+        <menu title="Main Menu" systemMenu="main" id="AYu-sK-qS6">
+            <items>
+                <menuItem title="APP_NAME" id="1Xt-HY-uBw">
+                    <modifierMask key="keyEquivalentModifierMask"/>
+                    <menu key="submenu" title="APP_NAME" systemMenu="apple" id="uQy-DD-JDr">
+                        <items>
+                            <menuItem title="About APP_NAME" id="5kV-Vb-QxS">
+                                <modifierMask key="keyEquivalentModifierMask"/>
+                                <connections>
+                                    <action selector="orderFrontStandardAboutPanel:" target="-1" id="Exp-CZ-Vem"/>
+                                </connections>
+                            </menuItem>
+                            <menuItem isSeparatorItem="YES" id="VOq-y0-SEH"/>
+                            <menuItem title="Preferences…" keyEquivalent="," id="BOF-NM-1cW"/>
+                            <menuItem isSeparatorItem="YES" id="wFC-TO-SCJ"/>
+                            <menuItem title="Services" id="NMo-om-nkz">
+                                <modifierMask key="keyEquivalentModifierMask"/>
+                                <menu key="submenu" title="Services" systemMenu="services" id="hz9-B4-Xy5"/>
+                            </menuItem>
+                            <menuItem isSeparatorItem="YES" id="4je-JR-u6R"/>
+                            <menuItem title="Hide APP_NAME" keyEquivalent="h" id="Olw-nP-bQN">
+                                <connections>
+                                    <action selector="hide:" target="-1" id="PnN-Uc-m68"/>
+                                </connections>
+                            </menuItem>
+                            <menuItem title="Hide Others" keyEquivalent="h" id="Vdr-fp-XzO">
+                                <modifierMask key="keyEquivalentModifierMask" option="YES" command="YES"/>
+                                <connections>
+                                    <action selector="hideOtherApplications:" target="-1" id="VT4-aY-XCT"/>
+                                </connections>
+                            </menuItem>
+                            <menuItem title="Show All" id="Kd2-mp-pUS">
+                                <modifierMask key="keyEquivalentModifierMask"/>
+                                <connections>
+                                    <action selector="unhideAllApplications:" target="-1" id="Dhg-Le-xox"/>
+                                </connections>
+                            </menuItem>
+                            <menuItem isSeparatorItem="YES" id="kCx-OE-vgT"/>
+                            <menuItem title="Quit APP_NAME" keyEquivalent="q" id="4sb-4s-VLi">
+                                <connections>
+                                    <action selector="terminate:" target="-1" id="Te7-pn-YzF"/>
+                                </connections>
+                            </menuItem>
+                        </items>
+                    </menu>
+                </menuItem>
+                <menuItem title="Edit" id="5QF-Oa-p0T">
+                    <modifierMask key="keyEquivalentModifierMask"/>
+                    <menu key="submenu" title="Edit" id="W48-6f-4Dl">
+                        <items>
+                            <menuItem title="Undo" keyEquivalent="z" id="dRJ-4n-Yzg">
+                                <connections>
+                                    <action selector="undo:" target="-1" id="M6e-cu-g7V"/>
+                                </connections>
+                            </menuItem>
+                            <menuItem title="Redo" keyEquivalent="Z" id="6dh-zS-Vam">
+                                <connections>
+                                    <action selector="redo:" target="-1" id="oIA-Rs-6OD"/>
+                                </connections>
+                            </menuItem>
+                            <menuItem isSeparatorItem="YES" id="WRV-NI-Exz"/>
+                            <menuItem title="Cut" keyEquivalent="x" id="uRl-iY-unG">
+                                <connections>
+                                    <action selector="cut:" target="-1" id="YJe-68-I9s"/>
+                                </connections>
+                            </menuItem>
+                            <menuItem title="Copy" keyEquivalent="c" id="x3v-GG-iWU">
+                                <connections>
+                                    <action selector="copy:" target="-1" id="G1f-GL-Joy"/>
+                                </connections>
+                            </menuItem>
+                            <menuItem title="Paste" keyEquivalent="v" id="gVA-U4-sdL">
+                                <connections>
+                                    <action selector="paste:" target="-1" id="UvS-8e-Qdg"/>
+                                </connections>
+                            </menuItem>
+                            <menuItem title="Paste and Match Style" keyEquivalent="V" id="WeT-3V-zwk">
+                                <modifierMask key="keyEquivalentModifierMask" option="YES" command="YES"/>
+                                <connections>
+                                    <action selector="pasteAsPlainText:" target="-1" id="cEh-KX-wJQ"/>
+                                </connections>
+                            </menuItem>
+                            <menuItem title="Delete" id="pa3-QI-u2k">
+                                <modifierMask key="keyEquivalentModifierMask"/>
+                                <connections>
+                                    <action selector="delete:" target="-1" id="0Mk-Ml-PaM"/>
+                                </connections>
+                            </menuItem>
+                            <menuItem title="Select All" keyEquivalent="a" id="Ruw-6m-B2m">
+                                <connections>
+                                    <action selector="selectAll:" target="-1" id="VNm-Mi-diN"/>
+                                </connections>
+                            </menuItem>
+                            <menuItem isSeparatorItem="YES" id="uyl-h8-XO2"/>
+                            <menuItem title="Find" id="4EN-yA-p0u">
+                                <modifierMask key="keyEquivalentModifierMask"/>
+                                <menu key="submenu" title="Find" id="1b7-l0-nxx">
+                                    <items>
+                                        <menuItem title="Find…" tag="1" keyEquivalent="f" id="Xz5-n4-O0W">
+                                            <connections>
+                                                <action selector="performFindPanelAction:" target="-1" id="cD7-Qs-BN4"/>
+                                            </connections>
+                                        </menuItem>
+                                        <menuItem title="Find and Replace…" tag="12" keyEquivalent="f" id="YEy-JH-Tfz">
+                                            <modifierMask key="keyEquivalentModifierMask" option="YES" command="YES"/>
+                                            <connections>
+                                                <action selector="performFindPanelAction:" target="-1" id="WD3-Gg-5AJ"/>
+                                            </connections>
+                                        </menuItem>
+                                        <menuItem title="Find Next" tag="2" keyEquivalent="g" id="q09-fT-Sye">
+                                            <connections>
+                                                <action selector="performFindPanelAction:" target="-1" id="NDo-RZ-v9R"/>
+                                            </connections>
+                                        </menuItem>
+                                        <menuItem title="Find Previous" tag="3" keyEquivalent="G" id="OwM-mh-QMV">
+                                            <connections>
+                                                <action selector="performFindPanelAction:" target="-1" id="HOh-sY-3ay"/>
+                                            </connections>
+                                        </menuItem>
+                                        <menuItem title="Use Selection for Find" tag="7" keyEquivalent="e" id="buJ-ug-pKt">
+                                            <connections>
+                                                <action selector="performFindPanelAction:" target="-1" id="U76-nv-p5D"/>
+                                            </connections>
+                                        </menuItem>
+                                        <menuItem title="Jump to Selection" keyEquivalent="j" id="S0p-oC-mLd">
+                                            <connections>
+                                                <action selector="centerSelectionInVisibleArea:" target="-1" id="IOG-6D-g5B"/>
+                                            </connections>
+                                        </menuItem>
+                                    </items>
+                                </menu>
+                            </menuItem>
+                            <menuItem title="Spelling and Grammar" id="Dv1-io-Yv7">
+                                <modifierMask key="keyEquivalentModifierMask"/>
+                                <menu key="submenu" title="Spelling" id="3IN-sU-3Bg">
+                                    <items>
+                                        <menuItem title="Show Spelling and Grammar" keyEquivalent=":" id="HFo-cy-zxI">
+                                            <connections>
+                                                <action selector="showGuessPanel:" target="-1" id="vFj-Ks-hy3"/>
+                                            </connections>
+                                        </menuItem>
+                                        <menuItem title="Check Document Now" keyEquivalent=";" id="hz2-CU-CR7">
+                                            <connections>
+                                                <action selector="checkSpelling:" target="-1" id="fz7-VC-reM"/>
+                                            </connections>
+                                        </menuItem>
+                                        <menuItem isSeparatorItem="YES" id="bNw-od-mp5"/>
+                                        <menuItem title="Check Spelling While Typing" id="rbD-Rh-wIN">
+                                            <modifierMask key="keyEquivalentModifierMask"/>
+                                            <connections>
+                                                <action selector="toggleContinuousSpellChecking:" target="-1" id="7w6-Qz-0kB"/>
+                                            </connections>
+                                        </menuItem>
+                                        <menuItem title="Check Grammar With Spelling" id="mK6-2p-4JG">
+                                            <modifierMask key="keyEquivalentModifierMask"/>
+                                            <connections>
+                                                <action selector="toggleGrammarChecking:" target="-1" id="muD-Qn-j4w"/>
+                                            </connections>
+                                        </menuItem>
+                                        <menuItem title="Correct Spelling Automatically" id="78Y-hA-62v">
+                                            <modifierMask key="keyEquivalentModifierMask"/>
+                                            <connections>
+                                                <action selector="toggleAutomaticSpellingCorrection:" target="-1" id="2lM-Qi-WAP"/>
+                                            </connections>
+                                        </menuItem>
+                                    </items>
+                                </menu>
+                            </menuItem>
+                            <menuItem title="Substitutions" id="9ic-FL-obx">
+                                <modifierMask key="keyEquivalentModifierMask"/>
+                                <menu key="submenu" title="Substitutions" id="FeM-D8-WVr">
+                                    <items>
+                                        <menuItem title="Show Substitutions" id="z6F-FW-3nz">
+                                            <modifierMask key="keyEquivalentModifierMask"/>
+                                            <connections>
+                                                <action selector="orderFrontSubstitutionsPanel:" target="-1" id="oku-mr-iSq"/>
+                                            </connections>
+                                        </menuItem>
+                                        <menuItem isSeparatorItem="YES" id="gPx-C9-uUO"/>
+                                        <menuItem title="Smart Copy/Paste" id="9yt-4B-nSM">
+                                            <modifierMask key="keyEquivalentModifierMask"/>
+                                            <connections>
+                                                <action selector="toggleSmartInsertDelete:" target="-1" id="3IJ-Se-DZD"/>
+                                            </connections>
+                                        </menuItem>
+                                        <menuItem title="Smart Quotes" id="hQb-2v-fYv">
+                                            <modifierMask key="keyEquivalentModifierMask"/>
+                                            <connections>
+                                                <action selector="toggleAutomaticQuoteSubstitution:" target="-1" id="ptq-xd-QOA"/>
+                                            </connections>
+                                        </menuItem>
+                                        <menuItem title="Smart Dashes" id="rgM-f4-ycn">
+                                            <modifierMask key="keyEquivalentModifierMask"/>
+                                            <connections>
+                                                <action selector="toggleAutomaticDashSubstitution:" target="-1" id="oCt-pO-9gS"/>
+                                            </connections>
+                                        </menuItem>
+                                        <menuItem title="Smart Links" id="cwL-P1-jid">
+                                            <modifierMask key="keyEquivalentModifierMask"/>
+                                            <connections>
+                                                <action selector="toggleAutomaticLinkDetection:" target="-1" id="Gip-E3-Fov"/>
+                                            </connections>
+                                        </menuItem>
+                                        <menuItem title="Data Detectors" id="tRr-pd-1PS">
+                                            <modifierMask key="keyEquivalentModifierMask"/>
+                                            <connections>
+                                                <action selector="toggleAutomaticDataDetection:" target="-1" id="R1I-Nq-Kbl"/>
+                                            </connections>
+                                        </menuItem>
+                                        <menuItem title="Text Replacement" id="HFQ-gK-NFA">
+                                            <modifierMask key="keyEquivalentModifierMask"/>
+                                            <connections>
+                                                <action selector="toggleAutomaticTextReplacement:" target="-1" id="DvP-Fe-Py6"/>
+                                            </connections>
+                                        </menuItem>
+                                    </items>
+                                </menu>
+                            </menuItem>
+                            <menuItem title="Transformations" id="2oI-Rn-ZJC">
+                                <modifierMask key="keyEquivalentModifierMask"/>
+                                <menu key="submenu" title="Transformations" id="c8a-y6-VQd">
+                                    <items>
+                                        <menuItem title="Make Upper Case" id="vmV-6d-7jI">
+                                            <modifierMask key="keyEquivalentModifierMask"/>
+                                            <connections>
+                                                <action selector="uppercaseWord:" target="-1" id="sPh-Tk-edu"/>
+                                            </connections>
+                                        </menuItem>
+                                        <menuItem title="Make Lower Case" id="d9M-CD-aMd">
+                                            <modifierMask key="keyEquivalentModifierMask"/>
+                                            <connections>
+                                                <action selector="lowercaseWord:" target="-1" id="iUZ-b5-hil"/>
+                                            </connections>
+                                        </menuItem>
+                                        <menuItem title="Capitalize" id="UEZ-Bs-lqG">
+                                            <modifierMask key="keyEquivalentModifierMask"/>
+                                            <connections>
+                                                <action selector="capitalizeWord:" target="-1" id="26H-TL-nsh"/>
+                                            </connections>
+                                        </menuItem>
+                                    </items>
+                                </menu>
+                            </menuItem>
+                            <menuItem title="Speech" id="xrE-MZ-jX0">
+                                <modifierMask key="keyEquivalentModifierMask"/>
+                                <menu key="submenu" title="Speech" id="3rS-ZA-NoH">
+                                    <items>
+                                        <menuItem title="Start Speaking" id="Ynk-f8-cLZ">
+                                            <modifierMask key="keyEquivalentModifierMask"/>
+                                            <connections>
+                                                <action selector="startSpeaking:" target="-1" id="654-Ng-kyl"/>
+                                            </connections>
+                                        </menuItem>
+                                        <menuItem title="Stop Speaking" id="Oyz-dy-DGm">
+                                            <modifierMask key="keyEquivalentModifierMask"/>
+                                            <connections>
+                                                <action selector="stopSpeaking:" target="-1" id="dX8-6p-jy9"/>
+                                            </connections>
+                                        </menuItem>
+                                    </items>
+                                </menu>
+                            </menuItem>
+                        </items>
+                    </menu>
+                </menuItem>
+                <menuItem title="View" id="H8h-7b-M4v">
+                    <modifierMask key="keyEquivalentModifierMask"/>
+                    <menu key="submenu" title="View" id="HyV-fh-RgO">
+                        <items>
+                            <menuItem title="Enter Full Screen" keyEquivalent="f" id="4J7-dP-txa">
+                                <modifierMask key="keyEquivalentModifierMask" control="YES" command="YES"/>
+                                <connections>
+                                    <action selector="toggleFullScreen:" target="-1" id="dU3-MA-1Rq"/>
+                                </connections>
+                            </menuItem>
+                        </items>
+                    </menu>
+                </menuItem>
+                <menuItem title="Window" id="aUF-d1-5bR">
+                    <modifierMask key="keyEquivalentModifierMask"/>
+                    <menu key="submenu" title="Window" systemMenu="window" id="Td7-aD-5lo">
+                        <items>
+                            <menuItem title="Minimize" keyEquivalent="m" id="OY7-WF-poV">
+                                <connections>
+                                    <action selector="performMiniaturize:" target="-1" id="VwT-WD-YPe"/>
+                                </connections>
+                            </menuItem>
+                            <menuItem title="Zoom" id="R4o-n2-Eq4">
+                                <modifierMask key="keyEquivalentModifierMask"/>
+                                <connections>
+                                    <action selector="performZoom:" target="-1" id="DIl-cC-cCs"/>
+                                </connections>
+                            </menuItem>
+                            <menuItem isSeparatorItem="YES" id="eu3-7i-yIM"/>
+                            <menuItem title="Bring All to Front" id="LE2-aR-0XJ">
+                                <modifierMask key="keyEquivalentModifierMask"/>
+                                <connections>
+                                    <action selector="arrangeInFront:" target="-1" id="DRN-fu-gQh"/>
+                                </connections>
+                            </menuItem>
+                        </items>
+                    </menu>
+                </menuItem>
+                <menuItem title="Help" id="EPT-qC-fAb">
+                    <modifierMask key="keyEquivalentModifierMask"/>
+                    <menu key="submenu" title="Help" systemMenu="help" id="rJ0-wn-3NY"/>
+                </menuItem>
+            </items>
+            <point key="canvasLocation" x="142" y="-258"/>
+        </menu>
+        <window title="APP_NAME" allowsToolTipsWhenApplicationIsInactive="NO" autorecalculatesKeyViewLoop="NO" releasedWhenClosed="NO" animationBehavior="default" id="QvC-M9-y7g" customClass="MainFlutterWindow" customModule="Runner" customModuleProvider="target">
+            <windowStyleMask key="styleMask" titled="YES" closable="YES" miniaturizable="YES" resizable="YES"/>
+            <rect key="contentRect" x="335" y="390" width="800" height="600"/>
+            <rect key="screenRect" x="0.0" y="0.0" width="2560" height="1577"/>
+            <view key="contentView" wantsLayer="YES" id="EiT-Mj-1SZ">
+                <rect key="frame" x="0.0" y="0.0" width="800" height="600"/>
+                <autoresizingMask key="autoresizingMask"/>
+            </view>
+        </window>
+    </objects>
+</document>
diff --git a/macos/Runner/Configs/AppInfo.xcconfig b/macos/Runner/Configs/AppInfo.xcconfig
new file mode 100644
index 0000000..3ef8777
--- /dev/null
+++ b/macos/Runner/Configs/AppInfo.xcconfig
@@ -0,0 +1,14 @@
+// Application-level settings for the Runner target.
+//
+// This may be replaced with something auto-generated from metadata (e.g., pubspec.yaml) in the
+// future. If not, the values below would default to using the project name when this becomes a
+// 'flutter create' template.
+
+// The application's name. By default this is also the title of the Flutter window.
+PRODUCT_NAME = wtpe
+
+// The application's bundle identifier
+PRODUCT_BUNDLE_IDENTIFIER = com.example.wtpe
+
+// The copyright displayed in application information
+PRODUCT_COPYRIGHT = Copyright © 2025 com.example. All rights reserved.
diff --git a/macos/Runner/Configs/Debug.xcconfig b/macos/Runner/Configs/Debug.xcconfig
new file mode 100644
index 0000000..b398823
--- /dev/null
+++ b/macos/Runner/Configs/Debug.xcconfig
@@ -0,0 +1,2 @@
+#include "../../Flutter/Flutter-Debug.xcconfig"
+#include "Warnings.xcconfig"
diff --git a/macos/Runner/Configs/Release.xcconfig b/macos/Runner/Configs/Release.xcconfig
new file mode 100644
index 0000000..d93e5dc
--- /dev/null
+++ b/macos/Runner/Configs/Release.xcconfig
@@ -0,0 +1,2 @@
+#include "../../Flutter/Flutter-Release.xcconfig"
+#include "Warnings.xcconfig"
diff --git a/macos/Runner/Configs/Warnings.xcconfig b/macos/Runner/Configs/Warnings.xcconfig
new file mode 100644
index 0000000..fb4d7d3
--- /dev/null
+++ b/macos/Runner/Configs/Warnings.xcconfig
@@ -0,0 +1,13 @@
+WARNING_CFLAGS = -Wall -Wconditional-uninitialized -Wnullable-to-nonnull-conversion -Wmissing-method-return-type -Woverlength-strings
+GCC_WARN_UNDECLARED_SELECTOR = YES
+CLANG_UNDEFINED_BEHAVIOR_SANITIZER_NULLABILITY = YES
+CLANG_WARN_UNGUARDED_AVAILABILITY = YES_AGGRESSIVE
+CLANG_WARN__DUPLICATE_METHOD_MATCH = YES
+CLANG_WARN_PRAGMA_PACK = YES
+CLANG_WARN_STRICT_PROTOTYPES = YES
+CLANG_WARN_COMMA = YES
+GCC_WARN_STRICT_SELECTOR_MATCH = YES
+CLANG_WARN_OBJC_REPEATED_USE_OF_WEAK = YES
+CLANG_WARN_OBJC_IMPLICIT_RETAIN_SELF = YES
+GCC_WARN_SHADOW = YES
+CLANG_WARN_UNREACHABLE_CODE = YES
diff --git a/macos/Runner/DebugProfile.entitlements b/macos/Runner/DebugProfile.entitlements
new file mode 100644
index 0000000..51d0967
--- /dev/null
+++ b/macos/Runner/DebugProfile.entitlements
@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
+<plist version="1.0">
+<dict>
+	<key>com.apple.security.app-sandbox</key>
+	<true/>
+	<key>com.apple.security.cs.allow-jit</key>
+	<true/>
+	<key>com.apple.security.network.server</key>
+	<true/>
+</dict>
+</plist>
diff --git a/macos/Runner/Info.plist b/macos/Runner/Info.plist
new file mode 100644
index 0000000..3733c1a
--- /dev/null
+++ b/macos/Runner/Info.plist
@@ -0,0 +1,32 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
+<plist version="1.0">
+<dict>
+	<key>CFBundleDevelopmentRegion</key>
+	<string>$(DEVELOPMENT_LANGUAGE)</string>
+	<key>CFBundleExecutable</key>
+	<string>$(EXECUTABLE_NAME)</string>
+	<key>CFBundleIconFile</key>
+	<string></string>
+	<key>CFBundleIdentifier</key>
+	<string>$(PRODUCT_BUNDLE_IDENTIFIER)</string>
+	<key>CFBundleInfoDictionaryVersion</key>
+	<string>6.0</string>
+	<key>CFBundleName</key>
+	<string>$(PRODUCT_NAME)</string>
+	<key>CFBundlePackageType</key>
+	<string>APPL</string>
+	<key>CFBundleShortVersionString</key>
+	<string>$(FLUTTER_BUILD_NAME)</string>
+	<key>CFBundleVersion</key>
+	<string>$(FLUTTER_BUILD_NUMBER)</string>
+	<key>LSMinimumSystemVersion</key>
+	<string>$(MACOSX_DEPLOYMENT_TARGET)</string>
+	<key>NSHumanReadableCopyright</key>
+	<string>$(PRODUCT_COPYRIGHT)</string>
+	<key>NSMainNibFile</key>
+	<string>MainMenu</string>
+	<key>NSPrincipalClass</key>
+	<string>NSApplication</string>
+</dict>
+</plist>
diff --git a/macos/Runner/MainFlutterWindow.swift b/macos/Runner/MainFlutterWindow.swift
new file mode 100644
index 0000000..ab30cba
--- /dev/null
+++ b/macos/Runner/MainFlutterWindow.swift
@@ -0,0 +1,15 @@
+import Cocoa
+import FlutterMacOS
+
+class MainFlutterWindow: NSWindow {
+  override func awakeFromNib() {
+    let flutterViewController = FlutterViewController()
+    let windowFrame = self.frame
+    self.contentViewController = flutterViewController
+    self.setFrame(windowFrame, display: true)
+
+    RegisterGeneratedPlugins(registry: flutterViewController)
+
+    super.awakeFromNib()
+  }
+}
diff --git a/macos/Runner/Release.entitlements b/macos/Runner/Release.entitlements
new file mode 100644
index 0000000..04336df
--- /dev/null
+++ b/macos/Runner/Release.entitlements
@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
+<plist version="1.0">
+<dict>
+	<key>com.apple.security.app-sandbox</key>
+	<true/>
+</dict>
+</plist>
diff --git a/macos/RunnerTests/RunnerTests.swift b/macos/RunnerTests/RunnerTests.swift
new file mode 100644
index 0000000..21fe1ab
--- /dev/null
+++ b/macos/RunnerTests/RunnerTests.swift
@@ -0,0 +1,12 @@
+import Cocoa
+import FlutterMacOS
+import XCTest
+
+class RunnerTests: XCTestCase {
+
+  func testExample() {
+    // If you add code to the Runner application, consider adding tests here.
+    // See https://developer.apple.com/documentation/xctest for more information about using XCTest.
+  }
+
+}
diff --git a/pubspec.lock b/pubspec.lock
new file mode 100644
index 0000000..d838a47
--- /dev/null
+++ b/pubspec.lock
@@ -0,0 +1,626 @@
+# Generated by pub
+# See https://dart.dev/tools/pub/glossary#lockfile
+packages:
+  args:
+    dependency: transitive
+    description:
+      name: args
+      sha256: d0481093c50b1da8910eb0bb301626d4d8eb7284aa739614d2b394ee09e3ea04
+      url: "https://pub.dev"
+    source: hosted
+    version: "2.7.0"
+  async:
+    dependency: transitive
+    description:
+      name: async
+      sha256: "758e6d74e971c3e5aceb4110bfd6698efc7f501675bcfe0c775459a8140750eb"
+      url: "https://pub.dev"
+    source: hosted
+    version: "2.13.0"
+  boolean_selector:
+    dependency: transitive
+    description:
+      name: boolean_selector
+      sha256: "8aab1771e1243a5063b8b0ff68042d67334e3feab9e95b9490f9a6ebf73b42ea"
+      url: "https://pub.dev"
+    source: hosted
+    version: "2.1.2"
+  characters:
+    dependency: transitive
+    description:
+      name: characters
+      sha256: f71061c654a3380576a52b451dd5532377954cf9dbd272a78fc8479606670803
+      url: "https://pub.dev"
+    source: hosted
+    version: "1.4.0"
+  clock:
+    dependency: transitive
+    description:
+      name: clock
+      sha256: fddb70d9b5277016c77a80201021d40a2247104d9f4aa7bab7157b7e3f05b84b
+      url: "https://pub.dev"
+    source: hosted
+    version: "1.1.2"
+  collection:
+    dependency: transitive
+    description:
+      name: collection
+      sha256: "2f5709ae4d3d59dd8f7cd309b4e023046b57d8a6c82130785d2b0e5868084e76"
+      url: "https://pub.dev"
+    source: hosted
+    version: "1.19.1"
+  connectivity_plus:
+    dependency: "direct main"
+    description:
+      name: connectivity_plus
+      sha256: "77a180d6938f78ca7d2382d2240eb626c0f6a735d0bfdce227d8ffb80f95c48b"
+      url: "https://pub.dev"
+    source: hosted
+    version: "4.0.2"
+  connectivity_plus_platform_interface:
+    dependency: transitive
+    description:
+      name: connectivity_plus_platform_interface
+      sha256: cf1d1c28f4416f8c654d7dc3cd638ec586076255d407cef3ddbdaf178272a71a
+      url: "https://pub.dev"
+    source: hosted
+    version: "1.2.4"
+  cupertino_icons:
+    dependency: "direct main"
+    description:
+      name: cupertino_icons
+      sha256: ba631d1c7f7bef6b729a622b7b752645a2d076dba9976925b8f25725a30e1ee6
+      url: "https://pub.dev"
+    source: hosted
+    version: "1.0.8"
+  dbus:
+    dependency: transitive
+    description:
+      name: dbus
+      sha256: "79e0c23480ff85dc68de79e2cd6334add97e48f7f4865d17686dd6ea81a47e8c"
+      url: "https://pub.dev"
+    source: hosted
+    version: "0.7.11"
+  device_info_plus:
+    dependency: "direct main"
+    description:
+      name: device_info_plus
+      sha256: "77f757b789ff68e4eaf9c56d1752309bd9f7ad557cb105b938a7f8eb89e59110"
+      url: "https://pub.dev"
+    source: hosted
+    version: "9.1.2"
+  device_info_plus_platform_interface:
+    dependency: transitive
+    description:
+      name: device_info_plus_platform_interface
+      sha256: e1ea89119e34903dca74b883d0dd78eb762814f97fb6c76f35e9ff74d261a18f
+      url: "https://pub.dev"
+    source: hosted
+    version: "7.0.3"
+  fake_async:
+    dependency: transitive
+    description:
+      name: fake_async
+      sha256: "5368f224a74523e8d2e7399ea1638b37aecfca824a3cc4dfdf77bf1fa905ac44"
+      url: "https://pub.dev"
+    source: hosted
+    version: "1.3.3"
+  ffi:
+    dependency: transitive
+    description:
+      name: ffi
+      sha256: "289279317b4b16eb2bb7e271abccd4bf84ec9bdcbe999e278a94b804f5630418"
+      url: "https://pub.dev"
+    source: hosted
+    version: "2.1.4"
+  file:
+    dependency: transitive
+    description:
+      name: file
+      sha256: a3b4f84adafef897088c160faf7dfffb7696046cb13ae90b508c2cbc95d3b8d4
+      url: "https://pub.dev"
+    source: hosted
+    version: "7.0.1"
+  flutter:
+    dependency: "direct main"
+    description: flutter
+    source: sdk
+    version: "0.0.0"
+  flutter_lints:
+    dependency: "direct dev"
+    description:
+      name: flutter_lints
+      sha256: "5398f14efa795ffb7a33e9b6a08798b26a180edac4ad7db3f231e40f82ce11e1"
+      url: "https://pub.dev"
+    source: hosted
+    version: "5.0.0"
+  flutter_test:
+    dependency: "direct dev"
+    description: flutter
+    source: sdk
+    version: "0.0.0"
+  flutter_web_plugins:
+    dependency: transitive
+    description: flutter
+    source: sdk
+    version: "0.0.0"
+  flutter_window_close:
+    dependency: "direct main"
+    description:
+      name: flutter_window_close
+      sha256: "63f5846efbf0974ec233e6b5f468aa604a4857157f4c6c44fd482621804a0464"
+      url: "https://pub.dev"
+    source: hosted
+    version: "0.2.2"
+  font_awesome_flutter:
+    dependency: "direct main"
+    description:
+      name: font_awesome_flutter
+      sha256: "27af5982e6c510dec1ba038eff634fa284676ee84e3fd807225c80c4ad869177"
+      url: "https://pub.dev"
+    source: hosted
+    version: "10.10.0"
+  http:
+    dependency: "direct main"
+    description:
+      name: http
+      sha256: bb2ce4590bc2667c96f318d68cac1b5a7987ec819351d32b1c987239a815e007
+      url: "https://pub.dev"
+    source: hosted
+    version: "1.5.0"
+  http_parser:
+    dependency: transitive
+    description:
+      name: http_parser
+      sha256: "178d74305e7866013777bab2c3d8726205dc5a4dd935297175b19a23a2e66571"
+      url: "https://pub.dev"
+    source: hosted
+    version: "4.1.2"
+  intl:
+    dependency: "direct main"
+    description:
+      name: intl
+      sha256: "3df61194eb431efc39c4ceba583b95633a403f46c9fd341e550ce0bfa50e9aa5"
+      url: "https://pub.dev"
+    source: hosted
+    version: "0.20.2"
+  js:
+    dependency: transitive
+    description:
+      name: js
+      sha256: f2c445dce49627136094980615a031419f7f3eb393237e4ecd97ac15dea343f3
+      url: "https://pub.dev"
+    source: hosted
+    version: "0.6.7"
+  leak_tracker:
+    dependency: transitive
+    description:
+      name: leak_tracker
+      sha256: "33e2e26bdd85a0112ec15400c8cbffea70d0f9c3407491f672a2fad47915e2de"
+      url: "https://pub.dev"
+    source: hosted
+    version: "11.0.2"
+  leak_tracker_flutter_testing:
+    dependency: transitive
+    description:
+      name: leak_tracker_flutter_testing
+      sha256: "1dbc140bb5a23c75ea9c4811222756104fbcd1a27173f0c34ca01e16bea473c1"
+      url: "https://pub.dev"
+    source: hosted
+    version: "3.0.10"
+  leak_tracker_testing:
+    dependency: transitive
+    description:
+      name: leak_tracker_testing
+      sha256: "8d5a2d49f4a66b49744b23b018848400d23e54caf9463f4eb20df3eb8acb2eb1"
+      url: "https://pub.dev"
+    source: hosted
+    version: "3.0.2"
+  lints:
+    dependency: transitive
+    description:
+      name: lints
+      sha256: c35bb79562d980e9a453fc715854e1ed39e24e7d0297a880ef54e17f9874a9d7
+      url: "https://pub.dev"
+    source: hosted
+    version: "5.1.1"
+  matcher:
+    dependency: transitive
+    description:
+      name: matcher
+      sha256: dc58c723c3c24bf8d3e2d3ad3f2f9d7bd9cf43ec6feaa64181775e60190153f2
+      url: "https://pub.dev"
+    source: hosted
+    version: "0.12.17"
+  material_color_utilities:
+    dependency: transitive
+    description:
+      name: material_color_utilities
+      sha256: f7142bb1154231d7ea5f96bc7bde4bda2a0945d2806bb11670e30b850d56bdec
+      url: "https://pub.dev"
+    source: hosted
+    version: "0.11.1"
+  meta:
+    dependency: transitive
+    description:
+      name: meta
+      sha256: e3641ec5d63ebf0d9b41bd43201a66e3fc79a65db5f61fc181f04cd27aab950c
+      url: "https://pub.dev"
+    source: hosted
+    version: "1.16.0"
+  nested:
+    dependency: transitive
+    description:
+      name: nested
+      sha256: "03bac4c528c64c95c722ec99280375a6f2fc708eec17c7b3f07253b626cd2a20"
+      url: "https://pub.dev"
+    source: hosted
+    version: "1.0.0"
+  nm:
+    dependency: transitive
+    description:
+      name: nm
+      sha256: "2c9aae4127bdc8993206464fcc063611e0e36e72018696cd9631023a31b24254"
+      url: "https://pub.dev"
+    source: hosted
+    version: "0.5.0"
+  path:
+    dependency: transitive
+    description:
+      name: path
+      sha256: "75cca69d1490965be98c73ceaea117e8a04dd21217b37b292c9ddbec0d955bc5"
+      url: "https://pub.dev"
+    source: hosted
+    version: "1.9.1"
+  path_provider_linux:
+    dependency: transitive
+    description:
+      name: path_provider_linux
+      sha256: f7a1fe3a634fe7734c8d3f2766ad746ae2a2884abe22e241a8b301bf5cac3279
+      url: "https://pub.dev"
+    source: hosted
+    version: "2.2.1"
+  path_provider_platform_interface:
+    dependency: transitive
+    description:
+      name: path_provider_platform_interface
+      sha256: "88f5779f72ba699763fa3a3b06aa4bf6de76c8e5de842cf6f29e2e06476c2334"
+      url: "https://pub.dev"
+    source: hosted
+    version: "2.1.2"
+  path_provider_windows:
+    dependency: transitive
+    description:
+      name: path_provider_windows
+      sha256: bd6f00dbd873bfb70d0761682da2b3a2c2fccc2b9e84c495821639601d81afe7
+      url: "https://pub.dev"
+    source: hosted
+    version: "2.3.0"
+  permission_handler:
+    dependency: "direct main"
+    description:
+      name: permission_handler
+      sha256: "59adad729136f01ea9e35a48f5d1395e25cba6cea552249ddbe9cf950f5d7849"
+      url: "https://pub.dev"
+    source: hosted
+    version: "11.4.0"
+  permission_handler_android:
+    dependency: transitive
+    description:
+      name: permission_handler_android
+      sha256: d3971dcdd76182a0c198c096b5db2f0884b0d4196723d21a866fc4cdea057ebc
+      url: "https://pub.dev"
+    source: hosted
+    version: "12.1.0"
+  permission_handler_apple:
+    dependency: transitive
+    description:
+      name: permission_handler_apple
+      sha256: f000131e755c54cf4d84a5d8bd6e4149e262cc31c5a8b1d698de1ac85fa41023
+      url: "https://pub.dev"
+    source: hosted
+    version: "9.4.7"
+  permission_handler_html:
+    dependency: transitive
+    description:
+      name: permission_handler_html
+      sha256: "38f000e83355abb3392140f6bc3030660cfaef189e1f87824facb76300b4ff24"
+      url: "https://pub.dev"
+    source: hosted
+    version: "0.1.3+5"
+  permission_handler_platform_interface:
+    dependency: transitive
+    description:
+      name: permission_handler_platform_interface
+      sha256: eb99b295153abce5d683cac8c02e22faab63e50679b937fa1bf67d58bb282878
+      url: "https://pub.dev"
+    source: hosted
+    version: "4.3.0"
+  permission_handler_windows:
+    dependency: transitive
+    description:
+      name: permission_handler_windows
+      sha256: "1a790728016f79a41216d88672dbc5df30e686e811ad4e698bfc51f76ad91f1e"
+      url: "https://pub.dev"
+    source: hosted
+    version: "0.2.1"
+  petitparser:
+    dependency: transitive
+    description:
+      name: petitparser
+      sha256: "1a97266a94f7350d30ae522c0af07890c70b8e62c71e8e3920d1db4d23c057d1"
+      url: "https://pub.dev"
+    source: hosted
+    version: "7.0.1"
+  platform:
+    dependency: transitive
+    description:
+      name: platform
+      sha256: "5d6b1b0036a5f331ebc77c850ebc8506cbc1e9416c27e59b439f917a902a4984"
+      url: "https://pub.dev"
+    source: hosted
+    version: "3.1.6"
+  plugin_platform_interface:
+    dependency: transitive
+    description:
+      name: plugin_platform_interface
+      sha256: "4820fbfdb9478b1ebae27888254d445073732dae3d6ea81f0b7e06d5dedc3f02"
+      url: "https://pub.dev"
+    source: hosted
+    version: "2.1.8"
+  provider:
+    dependency: "direct main"
+    description:
+      name: provider
+      sha256: "4abbd070a04e9ddc287673bf5a030c7ca8b685ff70218720abab8b092f53dd84"
+      url: "https://pub.dev"
+    source: hosted
+    version: "6.1.5"
+  shared_preferences:
+    dependency: "direct main"
+    description:
+      name: shared_preferences
+      sha256: "6e8bf70b7fef813df4e9a36f658ac46d107db4b4cfe1048b477d4e453a8159f5"
+      url: "https://pub.dev"
+    source: hosted
+    version: "2.5.3"
+  shared_preferences_android:
+    dependency: transitive
+    description:
+      name: shared_preferences_android
+      sha256: "5bcf0772a761b04f8c6bf814721713de6f3e5d9d89caf8d3fe031b02a342379e"
+      url: "https://pub.dev"
+    source: hosted
+    version: "2.4.11"
+  shared_preferences_foundation:
+    dependency: transitive
+    description:
+      name: shared_preferences_foundation
+      sha256: "6a52cfcdaeac77cad8c97b539ff688ccfc458c007b4db12be584fbe5c0e49e03"
+      url: "https://pub.dev"
+    source: hosted
+    version: "2.5.4"
+  shared_preferences_linux:
+    dependency: transitive
+    description:
+      name: shared_preferences_linux
+      sha256: "580abfd40f415611503cae30adf626e6656dfb2f0cee8f465ece7b6defb40f2f"
+      url: "https://pub.dev"
+    source: hosted
+    version: "2.4.1"
+  shared_preferences_platform_interface:
+    dependency: transitive
+    description:
+      name: shared_preferences_platform_interface
+      sha256: "57cbf196c486bc2cf1f02b85784932c6094376284b3ad5779d1b1c6c6a816b80"
+      url: "https://pub.dev"
+    source: hosted
+    version: "2.4.1"
+  shared_preferences_web:
+    dependency: transitive
+    description:
+      name: shared_preferences_web
+      sha256: c49bd060261c9a3f0ff445892695d6212ff603ef3115edbb448509d407600019
+      url: "https://pub.dev"
+    source: hosted
+    version: "2.4.3"
+  shared_preferences_windows:
+    dependency: transitive
+    description:
+      name: shared_preferences_windows
+      sha256: "94ef0f72b2d71bc3e700e025db3710911bd51a71cefb65cc609dd0d9a982e3c1"
+      url: "https://pub.dev"
+    source: hosted
+    version: "2.4.1"
+  sky_engine:
+    dependency: transitive
+    description: flutter
+    source: sdk
+    version: "0.0.0"
+  source_span:
+    dependency: transitive
+    description:
+      name: source_span
+      sha256: "254ee5351d6cb365c859e20ee823c3bb479bf4a293c22d17a9f1bf144ce86f7c"
+      url: "https://pub.dev"
+    source: hosted
+    version: "1.10.1"
+  stack_trace:
+    dependency: transitive
+    description:
+      name: stack_trace
+      sha256: "8b27215b45d22309b5cddda1aa2b19bdfec9df0e765f2de506401c071d38d1b1"
+      url: "https://pub.dev"
+    source: hosted
+    version: "1.12.1"
+  stream_channel:
+    dependency: transitive
+    description:
+      name: stream_channel
+      sha256: "969e04c80b8bcdf826f8f16579c7b14d780458bd97f56d107d3950fdbeef059d"
+      url: "https://pub.dev"
+    source: hosted
+    version: "2.1.4"
+  string_scanner:
+    dependency: transitive
+    description:
+      name: string_scanner
+      sha256: "921cd31725b72fe181906c6a94d987c78e3b98c2e205b397ea399d4054872b43"
+      url: "https://pub.dev"
+    source: hosted
+    version: "1.4.1"
+  term_glyph:
+    dependency: transitive
+    description:
+      name: term_glyph
+      sha256: "7f554798625ea768a7518313e58f83891c7f5024f88e46e7182a4558850a4b8e"
+      url: "https://pub.dev"
+    source: hosted
+    version: "1.2.2"
+  test_api:
+    dependency: transitive
+    description:
+      name: test_api
+      sha256: "522f00f556e73044315fa4585ec3270f1808a4b186c936e612cab0b565ff1e00"
+      url: "https://pub.dev"
+    source: hosted
+    version: "0.7.6"
+  typed_data:
+    dependency: transitive
+    description:
+      name: typed_data
+      sha256: f9049c039ebfeb4cf7a7104a675823cd72dba8297f264b6637062516699fa006
+      url: "https://pub.dev"
+    source: hosted
+    version: "1.4.0"
+  url_launcher:
+    dependency: "direct main"
+    description:
+      name: url_launcher
+      sha256: f6a7e5c4835bb4e3026a04793a4199ca2d14c739ec378fdfe23fc8075d0439f8
+      url: "https://pub.dev"
+    source: hosted
+    version: "6.3.2"
+  url_launcher_android:
+    dependency: transitive
+    description:
+      name: url_launcher_android
+      sha256: "199bc33e746088546a39cc5f36bac5a278c5e53b40cb3196f99e7345fdcfae6b"
+      url: "https://pub.dev"
+    source: hosted
+    version: "6.3.22"
+  url_launcher_ios:
+    dependency: transitive
+    description:
+      name: url_launcher_ios
+      sha256: d80b3f567a617cb923546034cc94bfe44eb15f989fe670b37f26abdb9d939cb7
+      url: "https://pub.dev"
+    source: hosted
+    version: "6.3.4"
+  url_launcher_linux:
+    dependency: transitive
+    description:
+      name: url_launcher_linux
+      sha256: "4e9ba368772369e3e08f231d2301b4ef72b9ff87c31192ef471b380ef29a4935"
+      url: "https://pub.dev"
+    source: hosted
+    version: "3.2.1"
+  url_launcher_macos:
+    dependency: transitive
+    description:
+      name: url_launcher_macos
+      sha256: c043a77d6600ac9c38300567f33ef12b0ef4f4783a2c1f00231d2b1941fea13f
+      url: "https://pub.dev"
+    source: hosted
+    version: "3.2.3"
+  url_launcher_platform_interface:
+    dependency: transitive
+    description:
+      name: url_launcher_platform_interface
+      sha256: "552f8a1e663569be95a8190206a38187b531910283c3e982193e4f2733f01029"
+      url: "https://pub.dev"
+    source: hosted
+    version: "2.3.2"
+  url_launcher_web:
+    dependency: transitive
+    description:
+      name: url_launcher_web
+      sha256: "4bd2b7b4dc4d4d0b94e5babfffbca8eac1a126c7f3d6ecbc1a11013faa3abba2"
+      url: "https://pub.dev"
+    source: hosted
+    version: "2.4.1"
+  url_launcher_windows:
+    dependency: transitive
+    description:
+      name: url_launcher_windows
+      sha256: "3284b6d2ac454cf34f114e1d3319866fdd1e19cdc329999057e44ffe936cfa77"
+      url: "https://pub.dev"
+    source: hosted
+    version: "3.1.4"
+  vector_math:
+    dependency: transitive
+    description:
+      name: vector_math
+      sha256: d530bd74fea330e6e364cda7a85019c434070188383e1cd8d9777ee586914c5b
+      url: "https://pub.dev"
+    source: hosted
+    version: "2.2.0"
+  vm_service:
+    dependency: transitive
+    description:
+      name: vm_service
+      sha256: ddfa8d30d89985b96407efce8acbdd124701f96741f2d981ca860662f1c0dc02
+      url: "https://pub.dev"
+    source: hosted
+    version: "15.0.0"
+  web:
+    dependency: transitive
+    description:
+      name: web
+      sha256: "868d88a33d8a87b18ffc05f9f030ba328ffefba92d6c127917a2ba740f9cfe4a"
+      url: "https://pub.dev"
+    source: hosted
+    version: "1.1.1"
+  wifi_iot:
+    dependency: "direct main"
+    description:
+      name: wifi_iot
+      sha256: "0861aed0c0afd6031b4337811d31cdd181c594a8a2c73e94826ea21d2cb4707b"
+      url: "https://pub.dev"
+    source: hosted
+    version: "0.3.19+2"
+  win32:
+    dependency: transitive
+    description:
+      name: win32
+      sha256: "66814138c3562338d05613a6e368ed8cfb237ad6d64a9e9334be3f309acfca03"
+      url: "https://pub.dev"
+    source: hosted
+    version: "5.14.0"
+  win32_registry:
+    dependency: transitive
+    description:
+      name: win32_registry
+      sha256: "21ec76dfc731550fd3e2ce7a33a9ea90b828fdf19a5c3bcf556fa992cfa99852"
+      url: "https://pub.dev"
+    source: hosted
+    version: "1.1.5"
+  xdg_directories:
+    dependency: transitive
+    description:
+      name: xdg_directories
+      sha256: "7a3f37b05d989967cdddcbb571f1ea834867ae2faa29725fd085180e0883aa15"
+      url: "https://pub.dev"
+    source: hosted
+    version: "1.1.0"
+  xml:
+    dependency: transitive
+    description:
+      name: xml
+      sha256: "971043b3a0d3da28727e40ed3e0b5d18b742fa5a68665cca88e74b7876d5e025"
+      url: "https://pub.dev"
+    source: hosted
+    version: "6.6.1"
+sdks:
+  dart: ">=3.9.0 <4.0.0"
+  flutter: ">=3.35.0"
diff --git a/pubspec.yaml b/pubspec.yaml
new file mode 100644
index 0000000..58782d4
--- /dev/null
+++ b/pubspec.yaml
@@ -0,0 +1,101 @@
+name: wtpe
+description: "A new Flutter project."
+# The following line prevents the package from being accidentally published to
+# pub.dev using `flutter pub publish`. This is preferred for private packages.
+publish_to: 'none' # Remove this line if you wish to publish to pub.dev
+
+# The following defines the version and build number for your application.
+# A version number is three numbers separated by dots, like 1.2.43
+# followed by an optional build number separated by a +.
+# Both the version and the builder number may be overridden in flutter
+# build by specifying --build-name and --build-number, respectively.
+# In Android, build-name is used as versionName while build-number used as versionCode.
+# Read more about Android versioning at https://developer.android.com/studio/publish/versioning
+# In iOS, build-name is used as CFBundleShortVersionString while build-number is used as CFBundleVersion.
+# Read more about iOS versioning at
+# https://developer.apple.com/library/archive/documentation/General/Reference/InfoPlistKeyReference/Articles/CoreFoundationKeys.html
+# In Windows, build-name is used as the major, minor, and patch parts
+# of the product and file versions while build-number is used as the build suffix.
+version: 1.0.0+1
+
+environment:
+  sdk: ^3.7.2
+
+# Dependencies specify other packages that your package needs in order to work.
+# To automatically upgrade your package dependencies to the latest versions
+# consider running `flutter pub upgrade --major-versions`. Alternatively,
+# dependencies can be manually updated by changing the version numbers below to
+# the latest version available on pub.dev. To see which dependencies have newer
+# versions available, run `flutter pub outdated`.
+dependencies:
+  flutter:
+    sdk: flutter
+
+  # The following adds the Cupertino Icons font to your application.
+  # Use with the CupertinoIcons class for iOS style icons.
+  cupertino_icons: ^1.0.8
+  provider: ^6.1.5
+  http: ^1.4.0
+  shared_preferences: ^2.5.3
+  intl: ^0.20.2
+  permission_handler: ^11.0.1
+  device_info_plus: ^9.1.0
+  connectivity_plus: ^4.0.2
+  wifi_iot: ^0.3.19
+  flutter_window_close: ^0.2.2
+  url_launcher: ^6.2.2
+  font_awesome_flutter: ^10.10.0
+  
+
+dev_dependencies:
+  flutter_test:
+    sdk: flutter
+
+  # The "flutter_lints" package below contains a set of recommended lints to
+  # encourage good coding practices. The lint set provided by the package is
+  # activated in the `analysis_options.yaml` file located at the root of your
+  # package. See that file for information about deactivating specific lint
+  # rules and activating additional ones.
+  flutter_lints: ^5.0.0
+
+# For information on the generic Dart part of this file, see the
+# following page: https://dart.dev/tools/pub/pubspec
+
+# The following section is specific to Flutter packages.
+flutter:
+
+  # The following line ensures that the Material Icons font is
+  # included with your application, so that you can use the icons in
+  # the material Icons class.
+  uses-material-design: true
+
+  # To add assets to your application, add an assets section, like this:
+  assets:
+    - assets/images/
+  #   - images/a_dot_ham.jpeg
+
+  # An image asset can refer to one or more resolution-specific "variants", see
+  # https://flutter.dev/to/resolution-aware-images
+
+  # For details regarding adding assets from package dependencies, see
+  # https://flutter.dev/to/asset-from-package
+
+  # To add custom fonts to your application, add a fonts section here,
+  # in this "flutter" section. Each entry in this list should have a
+  # "family" key with the font family name, and a "fonts" key with a
+  # list giving the asset and other descriptors for the font. For
+  # example:
+  # fonts:
+  #   - family: Schyler
+  #     fonts:
+  #       - asset: fonts/Schyler-Regular.ttf
+  #       - asset: fonts/Schyler-Italic.ttf
+  #         style: italic
+  #   - family: Trajan Pro
+  #     fonts:
+  #       - asset: fonts/TrajanPro.ttf
+  #       - asset: fonts/TrajanPro_Bold.ttf
+  #         weight: 700
+  #
+  # For details regarding fonts from package dependencies,
+  # see https://flutter.dev/to/font-from-package
diff --git a/test/widget_test.dart b/test/widget_test.dart
new file mode 100644
index 0000000..124be7c
--- /dev/null
+++ b/test/widget_test.dart
@@ -0,0 +1,30 @@
+// This is a basic Flutter widget test.
+//
+// To perform an interaction with a widget in your test, use the WidgetTester
+// utility in the flutter_test package. For example, you can send tap and scroll
+// gestures. You can also use WidgetTester to find child widgets in the widget
+// tree, read text, and verify that the values of widget properties are correct.
+
+import 'package:flutter/material.dart';
+import 'package:flutter_test/flutter_test.dart';
+
+import 'package:wtpe/main.dart';
+
+void main() {
+  testWidgets('Counter increments smoke test', (WidgetTester tester) async {
+    // Build our app and trigger a frame.
+    await tester.pumpWidget(const WortisApp());
+
+    // Verify that our counter starts at 0.
+    expect(find.text('0'), findsOneWidget);
+    expect(find.text('1'), findsNothing);
+
+    // Tap the '+' icon and trigger a frame.
+    await tester.tap(find.byIcon(Icons.add));
+    await tester.pump();
+
+    // Verify that our counter has incremented.
+    expect(find.text('0'), findsNothing);
+    expect(find.text('1'), findsOneWidget);
+  });
+}
diff --git a/transactions.html b/transactions.html
new file mode 100644
index 0000000..d9fef80
--- /dev/null
+++ b/transactions.html
@@ -0,0 +1,1147 @@
+
+<!DOCTYPE html>
+<html lang="fr">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Moniteur de Transactions - WortsPay</title>
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/socket.io/4.0.4/socket.io.js"></script>
+    <style>
+        * {
+            margin: 0;
+            padding: 0;
+            box-sizing: border-box;
+        }
+        
+        body {
+            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
+            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+            min-height: 100vh;
+            padding: 20px;
+        }
+        
+        .container {
+            max-width: 1400px;
+            margin: 0 auto;
+            background: white;
+            border-radius: 15px;
+            box-shadow: 0 20px 40px rgba(0,0,0,0.1);
+            overflow: hidden;
+        }
+        
+        .header {
+            background: linear-gradient(45deg, #2c3e50, #3498db);
+            color: white;
+            padding: 30px;
+            text-align: center;
+        }
+        
+        .header h1 {
+            font-size: 2.5em;
+            margin-bottom: 10px;
+        }
+        
+        .header p {
+            opacity: 0.9;
+            font-size: 1.1em;
+        }
+        
+        .stats-grid {
+            display: grid;
+            grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
+            gap: 20px;
+            padding: 30px;
+            background: #f8f9fa;
+        }
+        
+        .stat-card {
+            background: white;
+            padding: 25px;
+            border-radius: 10px;
+            text-align: center;
+            box-shadow: 0 5px 15px rgba(0,0,0,0.08);
+            transition: transform 0.3s ease;
+        }
+        
+        .stat-card:hover {
+            transform: translateY(-5px);
+        }
+        
+        .stat-card h3 {
+            color: #666;
+            font-size: 0.9em;
+            text-transform: uppercase;
+            letter-spacing: 1px;
+            margin-bottom: 10px;
+        }
+        
+        .stat-card p {
+            font-size: 2.5em;
+            font-weight: bold;
+            color: #2c3e50;
+        }
+        
+        .stat-card.success p { color: #27ae60; }
+        .stat-card.failed p { color: #e74c3c; }
+        .stat-card.pending p { color: #f39c12; }
+        .stat-card.total p { color: #3498db; }
+        
+        .table-container {
+            padding: 30px;
+            overflow-x: auto;
+        }
+        
+        .controls {
+            margin-bottom: 20px;
+            display: flex;
+            gap: 10px;
+            align-items: center;
+        }
+        
+        .search-box {
+            padding: 10px 15px;
+            border: 2px solid #ddd;
+            border-radius: 25px;
+            font-size: 14px;
+            width: 300px;
+        }
+        
+        .search-box:focus {
+            outline: none;
+            border-color: #3498db;
+        }
+        
+        .status-indicator {
+            display: inline-block;
+            width: 10px;
+            height: 10px;
+            border-radius: 50%;
+            margin-right: 5px;
+        }
+        
+        .status-indicator.live {
+            background: #27ae60;
+            animation: pulse 2s infinite;
+        }
+        
+        @keyframes pulse {
+            0% { opacity: 1; }
+            50% { opacity: 0.5; }
+            100% { opacity: 1; }
+        }
+        
+        table {
+            width: 100%;
+            border-collapse: collapse;
+            background: white;
+            border-radius: 10px;
+            overflow: hidden;
+            box-shadow: 0 5px 15px rgba(0,0,0,0.08);
+        }
+        
+        th {
+            background: #34495e;
+            color: white;
+            padding: 15px;
+            text-align: left;
+            font-weight: 600;
+            text-transform: uppercase;
+            font-size: 0.85em;
+            letter-spacing: 1px;
+        }
+        
+        td {
+            padding: 12px 15px;
+            border-bottom: 1px solid #eee;
+        }
+        
+        tr.success {
+            background: linear-gradient(90deg, #d5f4e6, #ffffff);
+        }
+        
+        tr.failed {
+            background: linear-gradient(90deg, #ffeaea, #ffffff);
+        }
+        
+        tr.pending {
+            background: linear-gradient(90deg, #fff3cd, #ffffff);
+        }
+        
+        tr:hover {
+            background: #f8f9fa !important;
+            transform: scale(1.01);
+            transition: all 0.2s ease;
+        }
+        
+        .timestamp {
+            font-family: 'Courier New', monospace;
+            font-size: 0.9em;
+            color: #666;
+        }
+        
+        .amount {
+            font-weight: bold;
+            color: #2c3e50;
+        }
+        
+        .footer {
+            background: #2c3e50;
+            color: white;
+            padding: 20px;
+            text-align: center;
+            font-size: 0.9em;
+        }
+        
+        .new-transaction {
+            animation: highlight 3s ease-in-out;
+        }
+        
+        @keyframes highlight {
+            0% { background-color: #fff3cd; }
+            100% { background-color: transparent; }
+        }
+        
+        @media (max-width: 768px) {
+            .container {
+                margin: 10px;
+                border-radius: 10px;
+            }
+            
+            .header {
+                padding: 20px;
+            }
+            
+            .header h1 {
+                font-size: 1.8em;
+            }
+            
+            .stats-grid {
+                grid-template-columns: repeat(2, 1fr);
+                padding: 20px;
+                gap: 15px;
+            }
+            
+            .table-container {
+                padding: 20px;
+            }
+            
+            table {
+                font-size: 0.9em;
+            }
+            
+            th, td {
+                padding: 8px;
+            }
+        }
+    </style>
+</head>
+<body>
+    <div class="container">
+        <div class="header">
+            <h1>🔍 Moniteur de Transactions</h1>
+            <p>Surveillance en temps réel - WortsPay</p>
+        </div>
+        
+        
+            <div class="stats-grid">
+                <div class="stat-card total">
+                    <h3>Total</h3>
+                    <p>69</p>
+                </div>
+                <div class="stat-card success">
+                    <h3>Réussies</h3>
+                    <p>33</p>
+                </div>
+                <div class="stat-card failed">
+                    <h3>Échouées</h3>
+                    <p>19</p>
+                </div>
+                <div class="stat-card pending">
+                    <h3>En attente</h3>
+                    <p>17</p>
+                </div>
+            </div>
+            
+        
+        <div class="table-container">
+            <div class="controls">
+                <span class="status-indicator live"></span>
+                <span>En direct</span>
+                <input type="text" class="search-box" placeholder="Rechercher une transaction..." id="searchBox">
+                <span style="margin-left: auto; color: #666; font-size: 0.9em;">
+                    Dernière mise à jour: 2025-09-08 13:37:51
+                </span>
+            </div>
+            
+            <table id="transactionsTable">
+                <thead>
+                    <tr>
+                        <th>Horodatage</th>
+                        <th>Statut</th>
+                        <th>ID Client</th>
+                        <th>Réseau</th>
+                        <th>Numéro</th>
+                        <th>Montant</th>
+                        <th>État</th>
+                        <th>ID Transaction</th>
+                    </tr>
+                </thead>
+                <tbody>
+                    
+                <tr class="failed">
+                    <td>2025-09-08 13:15:24</td>
+                    <td>❌</td>
+                    <td>WPMSPEEDPAY_250908742</td>
+                    <td>mtn</td>
+                    <td>066510283</td>
+                    <td>25977</td>
+                    <td>FAILED</td>
+                    <td></td>
+                </tr>
+                
+                <tr class="pending">
+                    <td>2025-09-08 13:16:32</td>
+                    <td>🕒</td>
+                    <td>WPMSPEEDPAY_250908977</td>
+                    <td>mtn</td>
+                    <td>066510283</td>
+                    <td>25977</td>
+                    <td></td>
+                    <td></td>
+                </tr>
+                
+                <tr class="pending">
+                    <td>2025-09-08 13:16:36</td>
+                    <td>🕒</td>
+                    <td>WPASPEEDPAY_250908868</td>
+                    <td>airtel</td>
+                    <td>055878181</td>
+                    <td>15607</td>
+                    <td></td>
+                    <td></td>
+                </tr>
+                
+                <tr class="failed">
+                    <td>2025-09-08 13:16:43</td>
+                    <td>❌</td>
+                    <td>WPMSPEEDPAY_250908977</td>
+                    <td>mtn</td>
+                    <td>066510283</td>
+                    <td>25977</td>
+                    <td>FAILED</td>
+                    <td></td>
+                </tr>
+                
+                <tr class="failed">
+                    <td>2025-09-08 13:16:46</td>
+                    <td>❌</td>
+                    <td>WPMSPEEDPAY_250908977</td>
+                    <td>mtn</td>
+                    <td>066510283</td>
+                    <td>25977</td>
+                    <td>FAILED</td>
+                    <td></td>
+                </tr>
+                
+                <tr class="success">
+                    <td>2025-09-08 13:16:49</td>
+                    <td>✅</td>
+                    <td>WPASPEEDPAY_250908868</td>
+                    <td>airtel</td>
+                    <td>055878181</td>
+                    <td>15607</td>
+                    <td>200</td>
+                    <td></td>
+                </tr>
+                
+                <tr class="failed">
+                    <td>2025-09-08 13:17:37</td>
+                    <td>❌</td>
+                    <td>WPMSPEEDPAY_250908977</td>
+                    <td>mtn</td>
+                    <td>066510283</td>
+                    <td>25977</td>
+                    <td>FAILED</td>
+                    <td></td>
+                </tr>
+                
+                <tr class="pending">
+                    <td>2025-09-08 13:17:40</td>
+                    <td>🕒</td>
+                    <td>WPAE2C_250908288</td>
+                    <td>airtel</td>
+                    <td>N/A</td>
+                    <td>33978</td>
+                    <td></td>
+                    <td></td>
+                </tr>
+                
+                <tr class="failed">
+                    <td>2025-09-08 13:18:02</td>
+                    <td>❌</td>
+                    <td>WPAE2C_250908288</td>
+                    <td>airtel</td>
+                    <td>N/A</td>
+                    <td>33978</td>
+                    <td>500</td>
+                    <td></td>
+                </tr>
+                
+                <tr class="failed">
+                    <td>2025-09-08 13:18:07</td>
+                    <td>❌</td>
+                    <td>WPMSPEEDPAY_250908452</td>
+                    <td>mtn</td>
+                    <td>066777128</td>
+                    <td>25977</td>
+                    <td>FAILED</td>
+                    <td></td>
+                </tr>
+                
+                <tr class="failed">
+                    <td>2025-09-08 13:18:07</td>
+                    <td>❌</td>
+                    <td>WPMSPEEDPAY_250908452</td>
+                    <td>mtn</td>
+                    <td>066777128</td>
+                    <td>25977</td>
+                    <td>FAILED</td>
+                    <td></td>
+                </tr>
+                
+                <tr class="success">
+                    <td>2025-09-08 13:18:44</td>
+                    <td>✅</td>
+                    <td>WPASPEEDPAY_250908868</td>
+                    <td>airtel</td>
+                    <td>055878181</td>
+                    <td>15607</td>
+                    <td>200</td>
+                    <td>TRSPEED0809202513181757333925</td>
+                </tr>
+                
+                <tr class="failed">
+                    <td>2025-09-08 13:19:05</td>
+                    <td>❌</td>
+                    <td>WPMSPEEDPAY_250908356</td>
+                    <td>mtn</td>
+                    <td>066777128</td>
+                    <td>25977</td>
+                    <td>FAILED</td>
+                    <td></td>
+                </tr>
+                
+                <tr class="failed">
+                    <td>2025-09-08 13:19:08</td>
+                    <td>❌</td>
+                    <td>WPMSPEEDPAY_250908356</td>
+                    <td>mtn</td>
+                    <td>066777128</td>
+                    <td>25977</td>
+                    <td>FAILED</td>
+                    <td></td>
+                </tr>
+                
+                <tr class="pending">
+                    <td>2025-09-08 13:19:49</td>
+                    <td>🕒</td>
+                    <td>WPMSPEEDPAY_250908720</td>
+                    <td>mtn</td>
+                    <td>066777128</td>
+                    <td>25977</td>
+                    <td></td>
+                    <td></td>
+                </tr>
+                
+                <tr class="success">
+                    <td>2025-09-08 13:20:12</td>
+                    <td>✅</td>
+                    <td>WPMSPEEDPAY_250908720</td>
+                    <td>mtn</td>
+                    <td>066777128</td>
+                    <td>25977</td>
+                    <td>SUCCESSFUL</td>
+                    <td></td>
+                </tr>
+                
+                <tr class="success">
+                    <td>2025-09-08 13:20:17</td>
+                    <td>✅</td>
+                    <td>WPAE2C_250908288</td>
+                    <td>airtel</td>
+                    <td>N/A</td>
+                    <td>33978</td>
+                    <td>200</td>
+                    <td></td>
+                </tr>
+                
+                <tr class="success">
+                    <td>2025-09-08 13:20:21</td>
+                    <td>✅</td>
+                    <td>WPMSPEEDPAY_250908720</td>
+                    <td>mtn</td>
+                    <td>066777128</td>
+                    <td>25977</td>
+                    <td>SUCCESSFUL</td>
+                    <td></td>
+                </tr>
+                
+                <tr class="success">
+                    <td>2025-09-08 13:20:53</td>
+                    <td>✅</td>
+                    <td>WPMSPEEDPAY_250908720</td>
+                    <td>mtn</td>
+                    <td>066777128</td>
+                    <td>25977</td>
+                    <td>SUCCESSFUL</td>
+                    <td>TRSPEED0809202513201757334053</td>
+                </tr>
+                
+                <tr class="success">
+                    <td>2025-09-08 13:21:07</td>
+                    <td>✅</td>
+                    <td>WPAE2C_250908288</td>
+                    <td>airtel</td>
+                    <td>N/A</td>
+                    <td>33978</td>
+                    <td>200</td>
+                    <td></td>
+                </tr>
+                
+                <tr class="success">
+                    <td>2025-09-08 13:21:14</td>
+                    <td>✅</td>
+                    <td>WPAE2C_250908288</td>
+                    <td>airtel</td>
+                    <td>N/A</td>
+                    <td>33978</td>
+                    <td>200</td>
+                    <td></td>
+                </tr>
+                
+                <tr class="pending">
+                    <td>2025-09-08 13:23:13</td>
+                    <td>🕒</td>
+                    <td>WPME2C_250908860</td>
+                    <td>mtn</td>
+                    <td>N/A</td>
+                    <td>83315</td>
+                    <td></td>
+                    <td></td>
+                </tr>
+                
+                <tr class="success">
+                    <td>2025-09-08 13:23:40</td>
+                    <td>✅</td>
+                    <td>WPME2C_250908860</td>
+                    <td>mtn</td>
+                    <td>N/A</td>
+                    <td>83315</td>
+                    <td>SUCCESSFUL</td>
+                    <td></td>
+                </tr>
+                
+                <tr class="success">
+                    <td>2025-09-08 13:24:06</td>
+                    <td>✅</td>
+                    <td>WPME2C_250908860</td>
+                    <td>mtn</td>
+                    <td>N/A</td>
+                    <td>83315</td>
+                    <td>SUCCESSFUL</td>
+                    <td></td>
+                </tr>
+                
+                <tr class="success">
+                    <td>2025-09-08 13:24:14</td>
+                    <td>✅</td>
+                    <td>WPME2C_250908860</td>
+                    <td>mtn</td>
+                    <td>N/A</td>
+                    <td>83315</td>
+                    <td>SUCCESSFUL</td>
+                    <td></td>
+                </tr>
+                
+                <tr class="pending">
+                    <td>2025-09-08 13:28:57</td>
+                    <td>🕒</td>
+                    <td>WPMSPEEDPAY_250908843</td>
+                    <td>mtn</td>
+                    <td>068439884</td>
+                    <td>15607</td>
+                    <td></td>
+                    <td></td>
+                </tr>
+                
+                <tr class="pending">
+                    <td>2025-09-08 13:29:23</td>
+                    <td>🕒</td>
+                    <td>WPME2C_250908589</td>
+                    <td>mtn</td>
+                    <td>N/A</td>
+                    <td>3000</td>
+                    <td></td>
+                    <td></td>
+                </tr>
+                
+                <tr class="success">
+                    <td>2025-09-08 13:29:33</td>
+                    <td>✅</td>
+                    <td>WPMSPEEDPAY_250908843</td>
+                    <td>mtn</td>
+                    <td>068439884</td>
+                    <td>15607</td>
+                    <td>SUCCESSFUL</td>
+                    <td></td>
+                </tr>
+                
+                <tr class="success">
+                    <td>2025-09-08 13:30:42</td>
+                    <td>✅</td>
+                    <td>WPME2C_250908589</td>
+                    <td>mtn</td>
+                    <td>N/A</td>
+                    <td>3000</td>
+                    <td>SUCCESSFUL</td>
+                    <td></td>
+                </tr>
+                
+                <tr class="pending">
+                    <td>2025-09-08 13:31:01</td>
+                    <td>🕒</td>
+                    <td>WPMSPEEDPAY_250908104</td>
+                    <td>mtn</td>
+                    <td>068439884</td>
+                    <td>15607</td>
+                    <td></td>
+                    <td></td>
+                </tr>
+                
+                <tr class="success">
+                    <td>2025-09-08 13:31:06</td>
+                    <td>✅</td>
+                    <td>WPME2C_250908589</td>
+                    <td>mtn</td>
+                    <td>N/A</td>
+                    <td>3000</td>
+                    <td>SUCCESSFUL</td>
+                    <td></td>
+                </tr>
+                
+                <tr class="pending">
+                    <td>2025-09-08 13:31:08</td>
+                    <td>🕒</td>
+                    <td>WPAE2C_250908316</td>
+                    <td>airtel</td>
+                    <td>N/A</td>
+                    <td>5250</td>
+                    <td></td>
+                    <td></td>
+                </tr>
+                
+                <tr class="failed">
+                    <td>2025-09-08 13:31:11</td>
+                    <td>❌</td>
+                    <td>WPMSPEEDPAY_250908104</td>
+                    <td>mtn</td>
+                    <td>068439884</td>
+                    <td>15607</td>
+                    <td>FAILED</td>
+                    <td></td>
+                </tr>
+                
+                <tr class="success">
+                    <td>2025-09-08 13:31:14</td>
+                    <td>✅</td>
+                    <td>WPME2C_250908589</td>
+                    <td>mtn</td>
+                    <td>N/A</td>
+                    <td>3000</td>
+                    <td>SUCCESSFUL</td>
+                    <td></td>
+                </tr>
+                
+                <tr class="success">
+                    <td>2025-09-08 13:31:41</td>
+                    <td>✅</td>
+                    <td>WPMSPEEDPAY_250908843</td>
+                    <td>mtn</td>
+                    <td>068439884</td>
+                    <td>15607</td>
+                    <td>SUCCESSFUL</td>
+                    <td></td>
+                </tr>
+                
+                <tr class="success">
+                    <td>2025-09-08 13:32:12</td>
+                    <td>✅</td>
+                    <td>WPMSPEEDPAY_250908843</td>
+                    <td>mtn</td>
+                    <td>068439884</td>
+                    <td>15607</td>
+                    <td>SUCCESSFUL</td>
+                    <td></td>
+                </tr>
+                
+                <tr class="success">
+                    <td>2025-09-08 13:32:45</td>
+                    <td>✅</td>
+                    <td>WPMSPEEDPAY_250908843</td>
+                    <td>mtn</td>
+                    <td>068439884</td>
+                    <td>15607</td>
+                    <td>SUCCESSFUL</td>
+                    <td></td>
+                </tr>
+                
+                <tr class="failed">
+                    <td>2025-09-08 13:33:02</td>
+                    <td>❌</td>
+                    <td>WPAE2C_250908316</td>
+                    <td>airtel</td>
+                    <td>N/A</td>
+                    <td>5250</td>
+                    <td>500</td>
+                    <td></td>
+                </tr>
+                
+                <tr class="success">
+                    <td>2025-09-08 13:33:13</td>
+                    <td>✅</td>
+                    <td>WPMSPEEDPAY_250908843</td>
+                    <td>mtn</td>
+                    <td>068439884</td>
+                    <td>15607</td>
+                    <td>SUCCESSFUL</td>
+                    <td></td>
+                </tr>
+                
+                <tr class="failed">
+                    <td>2025-09-08 13:33:17</td>
+                    <td>❌</td>
+                    <td>WPMSPEEDPAY_250908104</td>
+                    <td>mtn</td>
+                    <td>068439884</td>
+                    <td>15607</td>
+                    <td>FAILED</td>
+                    <td></td>
+                </tr>
+                
+                <tr class="pending">
+                    <td>2025-09-08 13:33:17</td>
+                    <td>🕒</td>
+                    <td>WPAPELISSA_250908615</td>
+                    <td>airtel</td>
+                    <td>044924646</td>
+                    <td>31110</td>
+                    <td></td>
+                    <td></td>
+                </tr>
+                
+                <tr class="pending">
+                    <td>2025-09-08 13:33:21</td>
+                    <td>🕒</td>
+                    <td>WPAE2C_250908776</td>
+                    <td>airtel</td>
+                    <td>N/A</td>
+                    <td>5250</td>
+                    <td></td>
+                    <td></td>
+                </tr>
+                
+                <tr class="success">
+                    <td>2025-09-08 13:33:45</td>
+                    <td>✅</td>
+                    <td>WPMSPEEDPAY_250908843</td>
+                    <td>mtn</td>
+                    <td>068439884</td>
+                    <td>15607</td>
+                    <td>SUCCESSFUL</td>
+                    <td></td>
+                </tr>
+                
+                <tr class="failed">
+                    <td>2025-09-08 13:33:54</td>
+                    <td>❌</td>
+                    <td>WPMSPEEDPAY_250908104</td>
+                    <td>mtn</td>
+                    <td>068439884</td>
+                    <td>15607</td>
+                    <td>FAILED</td>
+                    <td></td>
+                </tr>
+                
+                <tr class="success">
+                    <td>2025-09-08 13:34:38</td>
+                    <td>✅</td>
+                    <td>WPMSPEEDPAY_250908843</td>
+                    <td>mtn</td>
+                    <td>068439884</td>
+                    <td>15607</td>
+                    <td>SUCCESSFUL</td>
+                    <td></td>
+                </tr>
+                
+                <tr class="success">
+                    <td>2025-09-08 13:34:55</td>
+                    <td>✅</td>
+                    <td>WPMSPEEDPAY_250908843</td>
+                    <td>mtn</td>
+                    <td>068439884</td>
+                    <td>15607</td>
+                    <td>SUCCESSFUL</td>
+                    <td></td>
+                </tr>
+                
+                <tr class="success">
+                    <td>2025-09-08 13:35:11</td>
+                    <td>✅</td>
+                    <td>WPMSPEEDPAY_250908843</td>
+                    <td>mtn</td>
+                    <td>068439884</td>
+                    <td>15607</td>
+                    <td>SUCCESSFUL</td>
+                    <td></td>
+                </tr>
+                
+                <tr class="pending">
+                    <td>2025-09-08 13:35:18</td>
+                    <td>🕒</td>
+                    <td>WPAPELISSA_250908871</td>
+                    <td>airtel</td>
+                    <td>044924646</td>
+                    <td>31110</td>
+                    <td></td>
+                    <td></td>
+                </tr>
+                
+                <tr class="success">
+                    <td>2025-09-08 13:35:27</td>
+                    <td>✅</td>
+                    <td>WPMSPEEDPAY_250908843</td>
+                    <td>mtn</td>
+                    <td>068439884</td>
+                    <td>15607</td>
+                    <td>SUCCESSFUL</td>
+                    <td></td>
+                </tr>
+                
+                <tr class="pending">
+                    <td>2025-09-08 13:35:30</td>
+                    <td>🕒</td>
+                    <td>WPME2C_250908420</td>
+                    <td>mtn</td>
+                    <td>N/A</td>
+                    <td>27030</td>
+                    <td></td>
+                    <td></td>
+                </tr>
+                
+                <tr class="success">
+                    <td>2025-09-08 13:35:40</td>
+                    <td>✅</td>
+                    <td>WPMSPEEDPAY_250908843</td>
+                    <td>mtn</td>
+                    <td>068439884</td>
+                    <td>15607</td>
+                    <td>SUCCESSFUL</td>
+                    <td></td>
+                </tr>
+                
+                <tr class="pending">
+                    <td>2025-09-08 13:35:44</td>
+                    <td>🕒</td>
+                    <td>WPME2C_250908683</td>
+                    <td>mtn</td>
+                    <td>N/A</td>
+                    <td>19299</td>
+                    <td></td>
+                    <td></td>
+                </tr>
+                
+                <tr class="pending">
+                    <td>2025-09-08 13:35:46</td>
+                    <td>🕒</td>
+                    <td>WPAE2C_250908115</td>
+                    <td>airtel</td>
+                    <td>N/A</td>
+                    <td>5250</td>
+                    <td></td>
+                    <td></td>
+                </tr>
+                
+                <tr class="failed">
+                    <td>2025-09-08 13:36:05</td>
+                    <td>❌</td>
+                    <td>WPAE2C_250908115</td>
+                    <td>airtel</td>
+                    <td>N/A</td>
+                    <td>5250</td>
+                    <td>500</td>
+                    <td></td>
+                </tr>
+                
+                <tr class="failed">
+                    <td>2025-09-08 13:36:05</td>
+                    <td>❌</td>
+                    <td>WPAPELISSA_250908871</td>
+                    <td>airtel</td>
+                    <td>044924646</td>
+                    <td>31110</td>
+                    <td>500</td>
+                    <td></td>
+                </tr>
+                
+                <tr class="success">
+                    <td>2025-09-08 13:36:06</td>
+                    <td>✅</td>
+                    <td>WPME2C_250908683</td>
+                    <td>mtn</td>
+                    <td>N/A</td>
+                    <td>19299</td>
+                    <td>SUCCESSFUL</td>
+                    <td></td>
+                </tr>
+                
+                <tr class="failed">
+                    <td>2025-09-08 13:36:07</td>
+                    <td>❌</td>
+                    <td>WPAE2C_250908776</td>
+                    <td>airtel</td>
+                    <td>N/A</td>
+                    <td>5250</td>
+                    <td>500</td>
+                    <td></td>
+                </tr>
+                
+                <tr class="failed">
+                    <td>2025-09-08 13:36:09</td>
+                    <td>❌</td>
+                    <td>WPAPELISSA_250908615</td>
+                    <td>airtel</td>
+                    <td>044924646</td>
+                    <td>31110</td>
+                    <td>500</td>
+                    <td></td>
+                </tr>
+                
+                <tr class="success">
+                    <td>2025-09-08 13:36:13</td>
+                    <td>✅</td>
+                    <td>WPME2C_250908420</td>
+                    <td>mtn</td>
+                    <td>N/A</td>
+                    <td>27030</td>
+                    <td>SUCCESSFUL</td>
+                    <td></td>
+                </tr>
+                
+                <tr class="failed">
+                    <td>2025-09-08 13:36:27</td>
+                    <td>❌</td>
+                    <td>WPMSPEEDPAY_250908104</td>
+                    <td>mtn</td>
+                    <td>068439884</td>
+                    <td>15607</td>
+                    <td>FAILED</td>
+                    <td></td>
+                </tr>
+                
+                <tr class="success">
+                    <td>2025-09-08 13:36:50</td>
+                    <td>✅</td>
+                    <td>WPMSPEEDPAY_250908843</td>
+                    <td>mtn</td>
+                    <td>068439884</td>
+                    <td>15607</td>
+                    <td>SUCCESSFUL</td>
+                    <td></td>
+                </tr>
+                
+                <tr class="success">
+                    <td>2025-09-08 13:37:07</td>
+                    <td>✅</td>
+                    <td>WPME2C_250908420</td>
+                    <td>mtn</td>
+                    <td>N/A</td>
+                    <td>27030</td>
+                    <td>SUCCESSFUL</td>
+                    <td></td>
+                </tr>
+                
+                <tr class="success">
+                    <td>2025-09-08 13:37:11</td>
+                    <td>✅</td>
+                    <td>WPME2C_250908683</td>
+                    <td>mtn</td>
+                    <td>N/A</td>
+                    <td>19299</td>
+                    <td>SUCCESSFUL</td>
+                    <td></td>
+                </tr>
+                
+                <tr class="success">
+                    <td>2025-09-08 13:37:19</td>
+                    <td>✅</td>
+                    <td>WPME2C_250908420</td>
+                    <td>mtn</td>
+                    <td>N/A</td>
+                    <td>27030</td>
+                    <td>SUCCESSFUL</td>
+                    <td></td>
+                </tr>
+                
+                <tr class="pending">
+                    <td>2025-09-08 13:37:22</td>
+                    <td>🕒</td>
+                    <td>WPAUBA_250908532</td>
+                    <td>airtel</td>
+                    <td>055101001</td>
+                    <td>5859</td>
+                    <td></td>
+                    <td></td>
+                </tr>
+                
+                <tr class="success">
+                    <td>2025-09-08 13:37:24</td>
+                    <td>✅</td>
+                    <td>WPME2C_250908683</td>
+                    <td>mtn</td>
+                    <td>N/A</td>
+                    <td>19299</td>
+                    <td>SUCCESSFUL</td>
+                    <td></td>
+                </tr>
+                
+                <tr class="pending">
+                    <td>2025-09-08 13:37:35</td>
+                    <td>🕒</td>
+                    <td>WPMSPEEDPAY_250908770</td>
+                    <td>mtn</td>
+                    <td>066664308</td>
+                    <td>15607</td>
+                    <td></td>
+                    <td></td>
+                </tr>
+                
+                <tr class="failed">
+                    <td>2025-09-08 13:37:39</td>
+                    <td>❌</td>
+                    <td>WPAUBA_250908532</td>
+                    <td>airtel</td>
+                    <td>055101001</td>
+                    <td>5859</td>
+                    <td>FAILED</td>
+                    <td></td>
+                </tr>
+                
+                <tr class="success">
+                    <td>2025-09-08 13:37:51</td>
+                    <td>✅</td>
+                    <td>WPMSPEEDPAY_250908770</td>
+                    <td>mtn</td>
+                    <td>066664308</td>
+                    <td>15607</td>
+                    <td>SUCCESSFUL</td>
+                    <td></td>
+                </tr>
+                
+                </tbody>
+            </table>
+        </div>
+        
+        <div class="footer">
+            © 2024 WortsPay - Moniteur de Transactions | Généré automatiquement
+        </div>
+    </div>
+    
+    <script>
+        // Connexion Socket.IO pour les mises à jour en temps réel
+        const socket = io();
+        
+        socket.on('connect', function() {
+            console.log('Connecté au serveur');
+        });
+        
+        socket.on('initial_data', function(data) {
+            updateTable(data.transactions);
+            updateStats(data.stats);
+        });
+        
+        socket.on('new_transaction', function(data) {
+            addTransactionToTable(data.transaction);
+            updateStats(data.stats);
+        });
+        
+        function updateTable(transactions) {
+            const tbody = document.querySelector('#transactionsTable tbody');
+            tbody.innerHTML = '';
+            transactions.forEach(transaction => {
+                addTransactionToTable(transaction, false);
+            });
+        }
+        
+        function addTransactionToTable(transaction, isNew = true) {
+            const tbody = document.querySelector('#transactionsTable tbody');
+            const row = document.createElement('tr');
+            row.className = transaction.status_class + (isNew ? ' new-transaction' : '');
+            
+            // Conversion des symboles vers emojis pour l'affichage HTML
+            let displayIcon = transaction.status_icon;
+            if (displayIcon === '[WAIT]') displayIcon = '🕒';
+            if (displayIcon === '[OK]') displayIcon = '✅';
+            if (displayIcon === '[FAIL]') displayIcon = '❌';
+            
+            row.innerHTML = `
+                <td class="timestamp">${transaction.timestamp}</td>
+                <td>${displayIcon}</td>
+                <td>${transaction.client_trans_id}</td>
+                <td>${transaction.network}</td>
+                <td>${transaction.num_paid}</td>
+                <td class="amount">${transaction.amount}</td>
+                <td>${transaction.status}</td>
+                <td>${transaction.id_transaction}</td>
+            `;
+            
+            if (isNew) {
+                tbody.insertBefore(row, tbody.firstChild);
+                // Limiter le nombre de lignes affichées
+                while (tbody.children.length > 100) {
+                    tbody.removeChild(tbody.lastChild);
+                }
+            } else {
+                tbody.appendChild(row);
+            }
+        }
+        
+        function updateStats(stats) {
+            const statCards = document.querySelectorAll('.stat-card p');
+            if (statCards.length >= 4) {
+                statCards[0].textContent = stats.total_changes;
+                statCards[1].textContent = stats.successful_transactions;
+                statCards[2].textContent = stats.failed_transactions;
+                statCards[3].textContent = stats.pending_transactions;
+            }
+        }
+        
+        // Fonction de recherche
+        document.getElementById('searchBox').addEventListener('input', function(e) {
+            const searchTerm = e.target.value.toLowerCase();
+            const rows = document.querySelectorAll('#transactionsTable tbody tr');
+            
+            rows.forEach(row => {
+                const text = row.textContent.toLowerCase();
+                row.style.display = text.includes(searchTerm) ? '' : 'none';
+            });
+        });
+        
+        // Auto-refresh de la page toutes les 5 minutes si pas de socket
+        if (!socket.connected) {
+            setInterval(() => {
+                location.reload();
+            }, 300000);
+        }
+    </script>
+</body>
+</html>
diff --git a/web/favicon.png b/web/favicon.png
new file mode 100644
index 0000000..8aaa46a
Binary files /dev/null and b/web/favicon.png differ
diff --git a/web/icons/Icon-192.png b/web/icons/Icon-192.png
new file mode 100644
index 0000000..b749bfe
Binary files /dev/null and b/web/icons/Icon-192.png differ
diff --git a/web/icons/Icon-512.png b/web/icons/Icon-512.png
new file mode 100644
index 0000000..88cfd48
Binary files /dev/null and b/web/icons/Icon-512.png differ
diff --git a/web/icons/Icon-maskable-192.png b/web/icons/Icon-maskable-192.png
new file mode 100644
index 0000000..eb9b4d7
Binary files /dev/null and b/web/icons/Icon-maskable-192.png differ
diff --git a/web/icons/Icon-maskable-512.png b/web/icons/Icon-maskable-512.png
new file mode 100644
index 0000000..d69c566
Binary files /dev/null and b/web/icons/Icon-maskable-512.png differ
diff --git a/web/index.html b/web/index.html
new file mode 100644
index 0000000..8749ee3
--- /dev/null
+++ b/web/index.html
@@ -0,0 +1,38 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <!--
+    If you are serving your web app in a path other than the root, change the
+    href value below to reflect the base path you are serving from.
+
+    The path provided below has to start and end with a slash "/" in order for
+    it to work correctly.
+
+    For more details:
+    * https://developer.mozilla.org/en-US/docs/Web/HTML/Element/base
+
+    This is a placeholder for base href that will be replaced by the value of
+    the `--base-href` argument provided to `flutter build`.
+  -->
+  <base href="$FLUTTER_BASE_HREF">
+
+  <meta charset="UTF-8">
+  <meta content="IE=Edge" http-equiv="X-UA-Compatible">
+  <meta name="description" content="A new Flutter project.">
+
+  <!-- iOS meta tags & icons -->
+  <meta name="mobile-web-app-capable" content="yes">
+  <meta name="apple-mobile-web-app-status-bar-style" content="black">
+  <meta name="apple-mobile-web-app-title" content="wtpe">
+  <link rel="apple-touch-icon" href="icons/Icon-192.png">
+
+  <!-- Favicon -->
+  <link rel="icon" type="image/png" href="favicon.png"/>
+
+  <title>wtpe</title>
+  <link rel="manifest" href="manifest.json">
+</head>
+<body>
+  <script src="flutter_bootstrap.js" async></script>
+</body>
+</html>
diff --git a/web/manifest.json b/web/manifest.json
new file mode 100644
index 0000000..add82af
--- /dev/null
+++ b/web/manifest.json
@@ -0,0 +1,35 @@
+{
+    "name": "wtpe",
+    "short_name": "wtpe",
+    "start_url": ".",
+    "display": "standalone",
+    "background_color": "#0175C2",
+    "theme_color": "#0175C2",
+    "description": "A new Flutter project.",
+    "orientation": "portrait-primary",
+    "prefer_related_applications": false,
+    "icons": [
+        {
+            "src": "icons/Icon-192.png",
+            "sizes": "192x192",
+            "type": "image/png"
+        },
+        {
+            "src": "icons/Icon-512.png",
+            "sizes": "512x512",
+            "type": "image/png"
+        },
+        {
+            "src": "icons/Icon-maskable-192.png",
+            "sizes": "192x192",
+            "type": "image/png",
+            "purpose": "maskable"
+        },
+        {
+            "src": "icons/Icon-maskable-512.png",
+            "sizes": "512x512",
+            "type": "image/png",
+            "purpose": "maskable"
+        }
+    ]
+}
diff --git a/windows/.gitignore b/windows/.gitignore
new file mode 100644
index 0000000..ec4098a
--- /dev/null
+++ b/windows/.gitignore
@@ -0,0 +1,17 @@
+flutter/ephemeral/
+
+# Visual Studio user-specific files.
+*.suo
+*.user
+*.userosscache
+*.sln.docstates
+
+# Visual Studio build-related files.
+x64/
+x86/
+
+# Visual Studio cache files
+# files ending in .cache can be ignored
+*.[Cc]ache
+# but keep track of directories ending in .cache
+!*.[Cc]ache/
diff --git a/windows/CMakeLists.txt b/windows/CMakeLists.txt
new file mode 100644
index 0000000..01f68b0
--- /dev/null
+++ b/windows/CMakeLists.txt
@@ -0,0 +1,108 @@
+# Project-level configuration.
+cmake_minimum_required(VERSION 3.14)
+project(wtpe LANGUAGES CXX)
+
+# The name of the executable created for the application. Change this to change
+# the on-disk name of your application.
+set(BINARY_NAME "wtpe")
+
+# Explicitly opt in to modern CMake behaviors to avoid warnings with recent
+# versions of CMake.
+cmake_policy(VERSION 3.14...3.25)
+
+# Define build configuration option.
+get_property(IS_MULTICONFIG GLOBAL PROPERTY GENERATOR_IS_MULTI_CONFIG)
+if(IS_MULTICONFIG)
+  set(CMAKE_CONFIGURATION_TYPES "Debug;Profile;Release"
+    CACHE STRING "" FORCE)
+else()
+  if(NOT CMAKE_BUILD_TYPE AND NOT CMAKE_CONFIGURATION_TYPES)
+    set(CMAKE_BUILD_TYPE "Debug" CACHE
+      STRING "Flutter build mode" FORCE)
+    set_property(CACHE CMAKE_BUILD_TYPE PROPERTY STRINGS
+      "Debug" "Profile" "Release")
+  endif()
+endif()
+# Define settings for the Profile build mode.
+set(CMAKE_EXE_LINKER_FLAGS_PROFILE "${CMAKE_EXE_LINKER_FLAGS_RELEASE}")
+set(CMAKE_SHARED_LINKER_FLAGS_PROFILE "${CMAKE_SHARED_LINKER_FLAGS_RELEASE}")
+set(CMAKE_C_FLAGS_PROFILE "${CMAKE_C_FLAGS_RELEASE}")
+set(CMAKE_CXX_FLAGS_PROFILE "${CMAKE_CXX_FLAGS_RELEASE}")
+
+# Use Unicode for all projects.
+add_definitions(-DUNICODE -D_UNICODE)
+
+# Compilation settings that should be applied to most targets.
+#
+# Be cautious about adding new options here, as plugins use this function by
+# default. In most cases, you should add new options to specific targets instead
+# of modifying this function.
+function(APPLY_STANDARD_SETTINGS TARGET)
+  target_compile_features(${TARGET} PUBLIC cxx_std_17)
+  target_compile_options(${TARGET} PRIVATE /W4 /WX /wd"4100")
+  target_compile_options(${TARGET} PRIVATE /EHsc)
+  target_compile_definitions(${TARGET} PRIVATE "_HAS_EXCEPTIONS=0")
+  target_compile_definitions(${TARGET} PRIVATE "$<$<CONFIG:Debug>:_DEBUG>")
+endfunction()
+
+# Flutter library and tool build rules.
+set(FLUTTER_MANAGED_DIR "${CMAKE_CURRENT_SOURCE_DIR}/flutter")
+add_subdirectory(${FLUTTER_MANAGED_DIR})
+
+# Application build; see runner/CMakeLists.txt.
+add_subdirectory("runner")
+
+
+# Generated plugin build rules, which manage building the plugins and adding
+# them to the application.
+include(flutter/generated_plugins.cmake)
+
+
+# === Installation ===
+# Support files are copied into place next to the executable, so that it can
+# run in place. This is done instead of making a separate bundle (as on Linux)
+# so that building and running from within Visual Studio will work.
+set(BUILD_BUNDLE_DIR "$<TARGET_FILE_DIR:${BINARY_NAME}>")
+# Make the "install" step default, as it's required to run.
+set(CMAKE_VS_INCLUDE_INSTALL_TO_DEFAULT_BUILD 1)
+if(CMAKE_INSTALL_PREFIX_INITIALIZED_TO_DEFAULT)
+  set(CMAKE_INSTALL_PREFIX "${BUILD_BUNDLE_DIR}" CACHE PATH "..." FORCE)
+endif()
+
+set(INSTALL_BUNDLE_DATA_DIR "${CMAKE_INSTALL_PREFIX}/data")
+set(INSTALL_BUNDLE_LIB_DIR "${CMAKE_INSTALL_PREFIX}")
+
+install(TARGETS ${BINARY_NAME} RUNTIME DESTINATION "${CMAKE_INSTALL_PREFIX}"
+  COMPONENT Runtime)
+
+install(FILES "${FLUTTER_ICU_DATA_FILE}" DESTINATION "${INSTALL_BUNDLE_DATA_DIR}"
+  COMPONENT Runtime)
+
+install(FILES "${FLUTTER_LIBRARY}" DESTINATION "${INSTALL_BUNDLE_LIB_DIR}"
+  COMPONENT Runtime)
+
+if(PLUGIN_BUNDLED_LIBRARIES)
+  install(FILES "${PLUGIN_BUNDLED_LIBRARIES}"
+    DESTINATION "${INSTALL_BUNDLE_LIB_DIR}"
+    COMPONENT Runtime)
+endif()
+
+# Copy the native assets provided by the build.dart from all packages.
+set(NATIVE_ASSETS_DIR "${PROJECT_BUILD_DIR}native_assets/windows/")
+install(DIRECTORY "${NATIVE_ASSETS_DIR}"
+   DESTINATION "${INSTALL_BUNDLE_LIB_DIR}"
+   COMPONENT Runtime)
+
+# Fully re-copy the assets directory on each build to avoid having stale files
+# from a previous install.
+set(FLUTTER_ASSET_DIR_NAME "flutter_assets")
+install(CODE "
+  file(REMOVE_RECURSE \"${INSTALL_BUNDLE_DATA_DIR}/${FLUTTER_ASSET_DIR_NAME}\")
+  " COMPONENT Runtime)
+install(DIRECTORY "${PROJECT_BUILD_DIR}/${FLUTTER_ASSET_DIR_NAME}"
+  DESTINATION "${INSTALL_BUNDLE_DATA_DIR}" COMPONENT Runtime)
+
+# Install the AOT library on non-Debug builds only.
+install(FILES "${AOT_LIBRARY}" DESTINATION "${INSTALL_BUNDLE_DATA_DIR}"
+  CONFIGURATIONS Profile;Release
+  COMPONENT Runtime)
diff --git a/windows/flutter/CMakeLists.txt b/windows/flutter/CMakeLists.txt
new file mode 100644
index 0000000..efb62eb
--- /dev/null
+++ b/windows/flutter/CMakeLists.txt
@@ -0,0 +1,109 @@
+# This file controls Flutter-level build steps. It should not be edited.
+cmake_minimum_required(VERSION 3.14)
+
+set(EPHEMERAL_DIR "${CMAKE_CURRENT_SOURCE_DIR}/ephemeral")
+
+# Configuration provided via flutter tool.
+include(${EPHEMERAL_DIR}/generated_config.cmake)
+
+# TODO: Move the rest of this into files in ephemeral. See
+# https://github.com/flutter/flutter/issues/57146.
+set(WRAPPER_ROOT "${EPHEMERAL_DIR}/cpp_client_wrapper")
+
+# Set fallback configurations for older versions of the flutter tool.
+if (NOT DEFINED FLUTTER_TARGET_PLATFORM)
+  set(FLUTTER_TARGET_PLATFORM "windows-x64")
+endif()
+
+# === Flutter Library ===
+set(FLUTTER_LIBRARY "${EPHEMERAL_DIR}/flutter_windows.dll")
+
+# Published to parent scope for install step.
+set(FLUTTER_LIBRARY ${FLUTTER_LIBRARY} PARENT_SCOPE)
+set(FLUTTER_ICU_DATA_FILE "${EPHEMERAL_DIR}/icudtl.dat" PARENT_SCOPE)
+set(PROJECT_BUILD_DIR "${PROJECT_DIR}/build/" PARENT_SCOPE)
+set(AOT_LIBRARY "${PROJECT_DIR}/build/windows/app.so" PARENT_SCOPE)
+
+list(APPEND FLUTTER_LIBRARY_HEADERS
+  "flutter_export.h"
+  "flutter_windows.h"
+  "flutter_messenger.h"
+  "flutter_plugin_registrar.h"
+  "flutter_texture_registrar.h"
+)
+list(TRANSFORM FLUTTER_LIBRARY_HEADERS PREPEND "${EPHEMERAL_DIR}/")
+add_library(flutter INTERFACE)
+target_include_directories(flutter INTERFACE
+  "${EPHEMERAL_DIR}"
+)
+target_link_libraries(flutter INTERFACE "${FLUTTER_LIBRARY}.lib")
+add_dependencies(flutter flutter_assemble)
+
+# === Wrapper ===
+list(APPEND CPP_WRAPPER_SOURCES_CORE
+  "core_implementations.cc"
+  "standard_codec.cc"
+)
+list(TRANSFORM CPP_WRAPPER_SOURCES_CORE PREPEND "${WRAPPER_ROOT}/")
+list(APPEND CPP_WRAPPER_SOURCES_PLUGIN
+  "plugin_registrar.cc"
+)
+list(TRANSFORM CPP_WRAPPER_SOURCES_PLUGIN PREPEND "${WRAPPER_ROOT}/")
+list(APPEND CPP_WRAPPER_SOURCES_APP
+  "flutter_engine.cc"
+  "flutter_view_controller.cc"
+)
+list(TRANSFORM CPP_WRAPPER_SOURCES_APP PREPEND "${WRAPPER_ROOT}/")
+
+# Wrapper sources needed for a plugin.
+add_library(flutter_wrapper_plugin STATIC
+  ${CPP_WRAPPER_SOURCES_CORE}
+  ${CPP_WRAPPER_SOURCES_PLUGIN}
+)
+apply_standard_settings(flutter_wrapper_plugin)
+set_target_properties(flutter_wrapper_plugin PROPERTIES
+  POSITION_INDEPENDENT_CODE ON)
+set_target_properties(flutter_wrapper_plugin PROPERTIES
+  CXX_VISIBILITY_PRESET hidden)
+target_link_libraries(flutter_wrapper_plugin PUBLIC flutter)
+target_include_directories(flutter_wrapper_plugin PUBLIC
+  "${WRAPPER_ROOT}/include"
+)
+add_dependencies(flutter_wrapper_plugin flutter_assemble)
+
+# Wrapper sources needed for the runner.
+add_library(flutter_wrapper_app STATIC
+  ${CPP_WRAPPER_SOURCES_CORE}
+  ${CPP_WRAPPER_SOURCES_APP}
+)
+apply_standard_settings(flutter_wrapper_app)
+target_link_libraries(flutter_wrapper_app PUBLIC flutter)
+target_include_directories(flutter_wrapper_app PUBLIC
+  "${WRAPPER_ROOT}/include"
+)
+add_dependencies(flutter_wrapper_app flutter_assemble)
+
+# === Flutter tool backend ===
+# _phony_ is a non-existent file to force this command to run every time,
+# since currently there's no way to get a full input/output list from the
+# flutter tool.
+set(PHONY_OUTPUT "${CMAKE_CURRENT_BINARY_DIR}/_phony_")
+set_source_files_properties("${PHONY_OUTPUT}" PROPERTIES SYMBOLIC TRUE)
+add_custom_command(
+  OUTPUT ${FLUTTER_LIBRARY} ${FLUTTER_LIBRARY_HEADERS}
+    ${CPP_WRAPPER_SOURCES_CORE} ${CPP_WRAPPER_SOURCES_PLUGIN}
+    ${CPP_WRAPPER_SOURCES_APP}
+    ${PHONY_OUTPUT}
+  COMMAND ${CMAKE_COMMAND} -E env
+    ${FLUTTER_TOOL_ENVIRONMENT}
+    "${FLUTTER_ROOT}/packages/flutter_tools/bin/tool_backend.bat"
+      ${FLUTTER_TARGET_PLATFORM} $<CONFIG>
+  VERBATIM
+)
+add_custom_target(flutter_assemble DEPENDS
+  "${FLUTTER_LIBRARY}"
+  ${FLUTTER_LIBRARY_HEADERS}
+  ${CPP_WRAPPER_SOURCES_CORE}
+  ${CPP_WRAPPER_SOURCES_PLUGIN}
+  ${CPP_WRAPPER_SOURCES_APP}
+)
diff --git a/windows/flutter/generated_plugin_registrant.cc b/windows/flutter/generated_plugin_registrant.cc
new file mode 100644
index 0000000..dbd51e0
--- /dev/null
+++ b/windows/flutter/generated_plugin_registrant.cc
@@ -0,0 +1,23 @@
+//
+//  Generated file. Do not edit.
+//
+
+// clang-format off
+
+#include "generated_plugin_registrant.h"
+
+#include <connectivity_plus/connectivity_plus_windows_plugin.h>
+#include <flutter_window_close/flutter_window_close_plugin.h>
+#include <permission_handler_windows/permission_handler_windows_plugin.h>
+#include <url_launcher_windows/url_launcher_windows.h>
+
+void RegisterPlugins(flutter::PluginRegistry* registry) {
+  ConnectivityPlusWindowsPluginRegisterWithRegistrar(
+      registry->GetRegistrarForPlugin("ConnectivityPlusWindowsPlugin"));
+  FlutterWindowClosePluginRegisterWithRegistrar(
+      registry->GetRegistrarForPlugin("FlutterWindowClosePlugin"));
+  PermissionHandlerWindowsPluginRegisterWithRegistrar(
+      registry->GetRegistrarForPlugin("PermissionHandlerWindowsPlugin"));
+  UrlLauncherWindowsRegisterWithRegistrar(
+      registry->GetRegistrarForPlugin("UrlLauncherWindows"));
+}
diff --git a/windows/flutter/generated_plugin_registrant.h b/windows/flutter/generated_plugin_registrant.h
new file mode 100644
index 0000000..dc139d8
--- /dev/null
+++ b/windows/flutter/generated_plugin_registrant.h
@@ -0,0 +1,15 @@
+//
+//  Generated file. Do not edit.
+//
+
+// clang-format off
+
+#ifndef GENERATED_PLUGIN_REGISTRANT_
+#define GENERATED_PLUGIN_REGISTRANT_
+
+#include <flutter/plugin_registry.h>
+
+// Registers Flutter plugins.
+void RegisterPlugins(flutter::PluginRegistry* registry);
+
+#endif  // GENERATED_PLUGIN_REGISTRANT_
diff --git a/windows/flutter/generated_plugins.cmake b/windows/flutter/generated_plugins.cmake
new file mode 100644
index 0000000..8119217
--- /dev/null
+++ b/windows/flutter/generated_plugins.cmake
@@ -0,0 +1,27 @@
+#
+# Generated file, do not edit.
+#
+
+list(APPEND FLUTTER_PLUGIN_LIST
+  connectivity_plus
+  flutter_window_close
+  permission_handler_windows
+  url_launcher_windows
+)
+
+list(APPEND FLUTTER_FFI_PLUGIN_LIST
+)
+
+set(PLUGIN_BUNDLED_LIBRARIES)
+
+foreach(plugin ${FLUTTER_PLUGIN_LIST})
+  add_subdirectory(flutter/ephemeral/.plugin_symlinks/${plugin}/windows plugins/${plugin})
+  target_link_libraries(${BINARY_NAME} PRIVATE ${plugin}_plugin)
+  list(APPEND PLUGIN_BUNDLED_LIBRARIES $<TARGET_FILE:${plugin}_plugin>)
+  list(APPEND PLUGIN_BUNDLED_LIBRARIES ${${plugin}_bundled_libraries})
+endforeach(plugin)
+
+foreach(ffi_plugin ${FLUTTER_FFI_PLUGIN_LIST})
+  add_subdirectory(flutter/ephemeral/.plugin_symlinks/${ffi_plugin}/windows plugins/${ffi_plugin})
+  list(APPEND PLUGIN_BUNDLED_LIBRARIES ${${ffi_plugin}_bundled_libraries})
+endforeach(ffi_plugin)
diff --git a/windows/runner/CMakeLists.txt b/windows/runner/CMakeLists.txt
new file mode 100644
index 0000000..2041a04
--- /dev/null
+++ b/windows/runner/CMakeLists.txt
@@ -0,0 +1,40 @@
+cmake_minimum_required(VERSION 3.14)
+project(runner LANGUAGES CXX)
+
+# Define the application target. To change its name, change BINARY_NAME in the
+# top-level CMakeLists.txt, not the value here, or `flutter run` will no longer
+# work.
+#
+# Any new source files that you add to the application should be added here.
+add_executable(${BINARY_NAME} WIN32
+  "flutter_window.cpp"
+  "main.cpp"
+  "utils.cpp"
+  "win32_window.cpp"
+  "${FLUTTER_MANAGED_DIR}/generated_plugin_registrant.cc"
+  "Runner.rc"
+  "runner.exe.manifest"
+)
+
+# Apply the standard set of build settings. This can be removed for applications
+# that need different build settings.
+apply_standard_settings(${BINARY_NAME})
+
+# Add preprocessor definitions for the build version.
+target_compile_definitions(${BINARY_NAME} PRIVATE "FLUTTER_VERSION=\"${FLUTTER_VERSION}\"")
+target_compile_definitions(${BINARY_NAME} PRIVATE "FLUTTER_VERSION_MAJOR=${FLUTTER_VERSION_MAJOR}")
+target_compile_definitions(${BINARY_NAME} PRIVATE "FLUTTER_VERSION_MINOR=${FLUTTER_VERSION_MINOR}")
+target_compile_definitions(${BINARY_NAME} PRIVATE "FLUTTER_VERSION_PATCH=${FLUTTER_VERSION_PATCH}")
+target_compile_definitions(${BINARY_NAME} PRIVATE "FLUTTER_VERSION_BUILD=${FLUTTER_VERSION_BUILD}")
+
+# Disable Windows macros that collide with C++ standard library functions.
+target_compile_definitions(${BINARY_NAME} PRIVATE "NOMINMAX")
+
+# Add dependency libraries and include directories. Add any application-specific
+# dependencies here.
+target_link_libraries(${BINARY_NAME} PRIVATE flutter flutter_wrapper_app)
+target_link_libraries(${BINARY_NAME} PRIVATE "dwmapi.lib")
+target_include_directories(${BINARY_NAME} PRIVATE "${CMAKE_SOURCE_DIR}")
+
+# Run the Flutter tool portions of the build. This must not be removed.
+add_dependencies(${BINARY_NAME} flutter_assemble)
diff --git a/windows/runner/Runner.rc b/windows/runner/Runner.rc
new file mode 100644
index 0000000..2257d2d
--- /dev/null
+++ b/windows/runner/Runner.rc
@@ -0,0 +1,121 @@
+// Microsoft Visual C++ generated resource script.
+//
+#pragma code_page(65001)
+#include "resource.h"
+
+#define APSTUDIO_READONLY_SYMBOLS
+/////////////////////////////////////////////////////////////////////////////
+//
+// Generated from the TEXTINCLUDE 2 resource.
+//
+#include "winres.h"
+
+/////////////////////////////////////////////////////////////////////////////
+#undef APSTUDIO_READONLY_SYMBOLS
+
+/////////////////////////////////////////////////////////////////////////////
+// English (United States) resources
+
+#if !defined(AFX_RESOURCE_DLL) || defined(AFX_TARG_ENU)
+LANGUAGE LANG_ENGLISH, SUBLANG_ENGLISH_US
+
+#ifdef APSTUDIO_INVOKED
+/////////////////////////////////////////////////////////////////////////////
+//
+// TEXTINCLUDE
+//
+
+1 TEXTINCLUDE
+BEGIN
+    "resource.h\0"
+END
+
+2 TEXTINCLUDE
+BEGIN
+    "#include ""winres.h""\r\n"
+    "\0"
+END
+
+3 TEXTINCLUDE
+BEGIN
+    "\r\n"
+    "\0"
+END
+
+#endif    // APSTUDIO_INVOKED
+
+
+/////////////////////////////////////////////////////////////////////////////
+//
+// Icon
+//
+
+// Icon with lowest ID value placed first to ensure application icon
+// remains consistent on all systems.
+IDI_APP_ICON            ICON                    "resources\\app_icon.ico"
+
+
+/////////////////////////////////////////////////////////////////////////////
+//
+// Version
+//
+
+#if defined(FLUTTER_VERSION_MAJOR) && defined(FLUTTER_VERSION_MINOR) && defined(FLUTTER_VERSION_PATCH) && defined(FLUTTER_VERSION_BUILD)
+#define VERSION_AS_NUMBER FLUTTER_VERSION_MAJOR,FLUTTER_VERSION_MINOR,FLUTTER_VERSION_PATCH,FLUTTER_VERSION_BUILD
+#else
+#define VERSION_AS_NUMBER 1,0,0,0
+#endif
+
+#if defined(FLUTTER_VERSION)
+#define VERSION_AS_STRING FLUTTER_VERSION
+#else
+#define VERSION_AS_STRING "1.0.0"
+#endif
+
+VS_VERSION_INFO VERSIONINFO
+ FILEVERSION VERSION_AS_NUMBER
+ PRODUCTVERSION VERSION_AS_NUMBER
+ FILEFLAGSMASK VS_FFI_FILEFLAGSMASK
+#ifdef _DEBUG
+ FILEFLAGS VS_FF_DEBUG
+#else
+ FILEFLAGS 0x0L
+#endif
+ FILEOS VOS__WINDOWS32
+ FILETYPE VFT_APP
+ FILESUBTYPE 0x0L
+BEGIN
+    BLOCK "StringFileInfo"
+    BEGIN
+        BLOCK "040904e4"
+        BEGIN
+            VALUE "CompanyName", "com.example" "\0"
+            VALUE "FileDescription", "wtpe" "\0"
+            VALUE "FileVersion", VERSION_AS_STRING "\0"
+            VALUE "InternalName", "wtpe" "\0"
+            VALUE "LegalCopyright", "Copyright (C) 2025 com.example. All rights reserved." "\0"
+            VALUE "OriginalFilename", "wtpe.exe" "\0"
+            VALUE "ProductName", "wtpe" "\0"
+            VALUE "ProductVersion", VERSION_AS_STRING "\0"
+        END
+    END
+    BLOCK "VarFileInfo"
+    BEGIN
+        VALUE "Translation", 0x409, 1252
+    END
+END
+
+#endif    // English (United States) resources
+/////////////////////////////////////////////////////////////////////////////
+
+
+
+#ifndef APSTUDIO_INVOKED
+/////////////////////////////////////////////////////////////////////////////
+//
+// Generated from the TEXTINCLUDE 3 resource.
+//
+
+
+/////////////////////////////////////////////////////////////////////////////
+#endif    // not APSTUDIO_INVOKED
diff --git a/windows/runner/flutter_window.cpp b/windows/runner/flutter_window.cpp
new file mode 100644
index 0000000..c819cb0
--- /dev/null
+++ b/windows/runner/flutter_window.cpp
@@ -0,0 +1,71 @@
+#include "flutter_window.h"
+
+#include <optional>
+
+#include "flutter/generated_plugin_registrant.h"
+
+FlutterWindow::FlutterWindow(const flutter::DartProject& project)
+    : project_(project) {}
+
+FlutterWindow::~FlutterWindow() {}
+
+bool FlutterWindow::OnCreate() {
+  if (!Win32Window::OnCreate()) {
+    return false;
+  }
+
+  RECT frame = GetClientArea();
+
+  // The size here must match the window dimensions to avoid unnecessary surface
+  // creation / destruction in the startup path.
+  flutter_controller_ = std::make_unique<flutter::FlutterViewController>(
+      frame.right - frame.left, frame.bottom - frame.top, project_);
+  // Ensure that basic setup of the controller was successful.
+  if (!flutter_controller_->engine() || !flutter_controller_->view()) {
+    return false;
+  }
+  RegisterPlugins(flutter_controller_->engine());
+  SetChildContent(flutter_controller_->view()->GetNativeWindow());
+
+  flutter_controller_->engine()->SetNextFrameCallback([&]() {
+    this->Show();
+  });
+
+  // Flutter can complete the first frame before the "show window" callback is
+  // registered. The following call ensures a frame is pending to ensure the
+  // window is shown. It is a no-op if the first frame hasn't completed yet.
+  flutter_controller_->ForceRedraw();
+
+  return true;
+}
+
+void FlutterWindow::OnDestroy() {
+  if (flutter_controller_) {
+    flutter_controller_ = nullptr;
+  }
+
+  Win32Window::OnDestroy();
+}
+
+LRESULT
+FlutterWindow::MessageHandler(HWND hwnd, UINT const message,
+                              WPARAM const wparam,
+                              LPARAM const lparam) noexcept {
+  // Give Flutter, including plugins, an opportunity to handle window messages.
+  if (flutter_controller_) {
+    std::optional<LRESULT> result =
+        flutter_controller_->HandleTopLevelWindowProc(hwnd, message, wparam,
+                                                      lparam);
+    if (result) {
+      return *result;
+    }
+  }
+
+  switch (message) {
+    case WM_FONTCHANGE:
+      flutter_controller_->engine()->ReloadSystemFonts();
+      break;
+  }
+
+  return Win32Window::MessageHandler(hwnd, message, wparam, lparam);
+}
diff --git a/windows/runner/flutter_window.h b/windows/runner/flutter_window.h
new file mode 100644
index 0000000..28c2383
--- /dev/null
+++ b/windows/runner/flutter_window.h
@@ -0,0 +1,33 @@
+#ifndef RUNNER_FLUTTER_WINDOW_H_
+#define RUNNER_FLUTTER_WINDOW_H_
+
+#include <flutter/dart_project.h>
+#include <flutter/flutter_view_controller.h>
+
+#include <memory>
+
+#include "win32_window.h"
+
+// A window that does nothing but host a Flutter view.
+class FlutterWindow : public Win32Window {
+ public:
+  // Creates a new FlutterWindow hosting a Flutter view running |project|.
+  explicit FlutterWindow(const flutter::DartProject& project);
+  virtual ~FlutterWindow();
+
+ protected:
+  // Win32Window:
+  bool OnCreate() override;
+  void OnDestroy() override;
+  LRESULT MessageHandler(HWND window, UINT const message, WPARAM const wparam,
+                         LPARAM const lparam) noexcept override;
+
+ private:
+  // The project to run.
+  flutter::DartProject project_;
+
+  // The Flutter instance hosted by this window.
+  std::unique_ptr<flutter::FlutterViewController> flutter_controller_;
+};
+
+#endif  // RUNNER_FLUTTER_WINDOW_H_
diff --git a/windows/runner/main.cpp b/windows/runner/main.cpp
new file mode 100644
index 0000000..4b21892
--- /dev/null
+++ b/windows/runner/main.cpp
@@ -0,0 +1,43 @@
+#include <flutter/dart_project.h>
+#include <flutter/flutter_view_controller.h>
+#include <windows.h>
+
+#include "flutter_window.h"
+#include "utils.h"
+
+int APIENTRY wWinMain(_In_ HINSTANCE instance, _In_opt_ HINSTANCE prev,
+                      _In_ wchar_t *command_line, _In_ int show_command) {
+  // Attach to console when present (e.g., 'flutter run') or create a
+  // new console when running with a debugger.
+  if (!::AttachConsole(ATTACH_PARENT_PROCESS) && ::IsDebuggerPresent()) {
+    CreateAndAttachConsole();
+  }
+
+  // Initialize COM, so that it is available for use in the library and/or
+  // plugins.
+  ::CoInitializeEx(nullptr, COINIT_APARTMENTTHREADED);
+
+  flutter::DartProject project(L"data");
+
+  std::vector<std::string> command_line_arguments =
+      GetCommandLineArguments();
+
+  project.set_dart_entrypoint_arguments(std::move(command_line_arguments));
+
+  FlutterWindow window(project);
+  Win32Window::Point origin(10, 10);
+  Win32Window::Size size(1280, 720);
+  if (!window.Create(L"wtpe", origin, size)) {
+    return EXIT_FAILURE;
+  }
+  window.SetQuitOnClose(true);
+
+  ::MSG msg;
+  while (::GetMessage(&msg, nullptr, 0, 0)) {
+    ::TranslateMessage(&msg);
+    ::DispatchMessage(&msg);
+  }
+
+  ::CoUninitialize();
+  return EXIT_SUCCESS;
+}
diff --git a/windows/runner/resource.h b/windows/runner/resource.h
new file mode 100644
index 0000000..ddc7f3e
--- /dev/null
+++ b/windows/runner/resource.h
@@ -0,0 +1,16 @@
+//{{NO_DEPENDENCIES}}
+// Microsoft Visual C++ generated include file.
+// Used by Runner.rc
+//
+#define IDI_APP_ICON                    101
+
+// Next default values for new objects
+//
+#ifdef APSTUDIO_INVOKED
+#ifndef APSTUDIO_READONLY_SYMBOLS
+#define _APS_NEXT_RESOURCE_VALUE        102
+#define _APS_NEXT_COMMAND_VALUE         40001
+#define _APS_NEXT_CONTROL_VALUE         1001
+#define _APS_NEXT_SYMED_VALUE           101
+#endif
+#endif
diff --git a/windows/runner/resources/app_icon.ico b/windows/runner/resources/app_icon.ico
new file mode 100644
index 0000000..c04e20c
Binary files /dev/null and b/windows/runner/resources/app_icon.ico differ
diff --git a/windows/runner/runner.exe.manifest b/windows/runner/runner.exe.manifest
new file mode 100644
index 0000000..4b962bb
--- /dev/null
+++ b/windows/runner/runner.exe.manifest
@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="UTF-8" standalone="yes"?>
+<assembly xmlns="urn:schemas-microsoft-com:asm.v1" manifestVersion="1.0">
+  <application xmlns="urn:schemas-microsoft-com:asm.v3">
+    <windowsSettings>
+      <dpiAwareness xmlns="http://schemas.microsoft.com/SMI/2016/WindowsSettings">PerMonitorV2</dpiAwareness>
+    </windowsSettings>
+  </application>
+  <compatibility xmlns="urn:schemas-microsoft-com:compatibility.v1">
+    <application>
+      <!-- Windows 10 and Windows 11 -->
+      <supportedOS Id="{8e0f7a12-bfb3-4fe8-b9a5-48fd50a15a9a}"/>
+    </application>
+  </compatibility>
+</assembly>
diff --git a/windows/runner/utils.cpp b/windows/runner/utils.cpp
new file mode 100644
index 0000000..259d85b
--- /dev/null
+++ b/windows/runner/utils.cpp
@@ -0,0 +1,65 @@
+#include "utils.h"
+
+#include <flutter_windows.h>
+#include <io.h>
+#include <stdio.h>
+#include <windows.h>
+
+#include <iostream>
+
+void CreateAndAttachConsole() {
+  if (::AllocConsole()) {
+    FILE *unused;
+    if (freopen_s(&unused, "CONOUT$", "w", stdout)) {
+      _dup2(_fileno(stdout), 1);
+    }
+    if (freopen_s(&unused, "CONOUT$", "w", stderr)) {
+      _dup2(_fileno(stdout), 2);
+    }
+    std::ios::sync_with_stdio();
+    FlutterDesktopResyncOutputStreams();
+  }
+}
+
+std::vector<std::string> GetCommandLineArguments() {
+  // Convert the UTF-16 command line arguments to UTF-8 for the Engine to use.
+  int argc;
+  wchar_t** argv = ::CommandLineToArgvW(::GetCommandLineW(), &argc);
+  if (argv == nullptr) {
+    return std::vector<std::string>();
+  }
+
+  std::vector<std::string> command_line_arguments;
+
+  // Skip the first argument as it's the binary name.
+  for (int i = 1; i < argc; i++) {
+    command_line_arguments.push_back(Utf8FromUtf16(argv[i]));
+  }
+
+  ::LocalFree(argv);
+
+  return command_line_arguments;
+}
+
+std::string Utf8FromUtf16(const wchar_t* utf16_string) {
+  if (utf16_string == nullptr) {
+    return std::string();
+  }
+  unsigned int target_length = ::WideCharToMultiByte(
+      CP_UTF8, WC_ERR_INVALID_CHARS, utf16_string,
+      -1, nullptr, 0, nullptr, nullptr)
+    -1; // remove the trailing null character
+  int input_length = (int)wcslen(utf16_string);
+  std::string utf8_string;
+  if (target_length == 0 || target_length > utf8_string.max_size()) {
+    return utf8_string;
+  }
+  utf8_string.resize(target_length);
+  int converted_length = ::WideCharToMultiByte(
+      CP_UTF8, WC_ERR_INVALID_CHARS, utf16_string,
+      input_length, utf8_string.data(), target_length, nullptr, nullptr);
+  if (converted_length == 0) {
+    return std::string();
+  }
+  return utf8_string;
+}
diff --git a/windows/runner/utils.h b/windows/runner/utils.h
new file mode 100644
index 0000000..3f0e05c
--- /dev/null
+++ b/windows/runner/utils.h
@@ -0,0 +1,19 @@
+#ifndef RUNNER_UTILS_H_
+#define RUNNER_UTILS_H_
+
+#include <string>
+#include <vector>
+
+// Creates a console for the process, and redirects stdout and stderr to
+// it for both the runner and the Flutter library.
+void CreateAndAttachConsole();
+
+// Takes a null-terminated wchar_t* encoded in UTF-16 and returns a std::string
+// encoded in UTF-8. Returns an empty std::string on failure.
+std::string Utf8FromUtf16(const wchar_t* utf16_string);
+
+// Gets the command line arguments passed in as a std::vector<std::string>,
+// encoded in UTF-8. Returns an empty std::vector<std::string> on failure.
+std::vector<std::string> GetCommandLineArguments();
+
+#endif  // RUNNER_UTILS_H_
diff --git a/windows/runner/win32_window.cpp b/windows/runner/win32_window.cpp
new file mode 100644
index 0000000..b5ba2a0
--- /dev/null
+++ b/windows/runner/win32_window.cpp
@@ -0,0 +1,288 @@
+#include "win32_window.h"
+
+#include <dwmapi.h>
+#include <flutter_windows.h>
+
+#include "resource.h"
+
+namespace {
+
+/// Window attribute that enables dark mode window decorations.
+///
+/// Redefined in case the developer's machine has a Windows SDK older than
+/// version 10.0.22000.0.
+/// See: https://docs.microsoft.com/windows/win32/api/dwmapi/ne-dwmapi-dwmwindowattribute
+#ifndef DWMWA_USE_IMMERSIVE_DARK_MODE
+#define DWMWA_USE_IMMERSIVE_DARK_MODE 20
+#endif
+
+constexpr const wchar_t kWindowClassName[] = L"FLUTTER_RUNNER_WIN32_WINDOW";
+
+/// Registry key for app theme preference.
+///
+/// A value of 0 indicates apps should use dark mode. A non-zero or missing
+/// value indicates apps should use light mode.
+constexpr const wchar_t kGetPreferredBrightnessRegKey[] =
+  L"Software\\Microsoft\\Windows\\CurrentVersion\\Themes\\Personalize";
+constexpr const wchar_t kGetPreferredBrightnessRegValue[] = L"AppsUseLightTheme";
+
+// The number of Win32Window objects that currently exist.
+static int g_active_window_count = 0;
+
+using EnableNonClientDpiScaling = BOOL __stdcall(HWND hwnd);
+
+// Scale helper to convert logical scaler values to physical using passed in
+// scale factor
+int Scale(int source, double scale_factor) {
+  return static_cast<int>(source * scale_factor);
+}
+
+// Dynamically loads the |EnableNonClientDpiScaling| from the User32 module.
+// This API is only needed for PerMonitor V1 awareness mode.
+void EnableFullDpiSupportIfAvailable(HWND hwnd) {
+  HMODULE user32_module = LoadLibraryA("User32.dll");
+  if (!user32_module) {
+    return;
+  }
+  auto enable_non_client_dpi_scaling =
+      reinterpret_cast<EnableNonClientDpiScaling*>(
+          GetProcAddress(user32_module, "EnableNonClientDpiScaling"));
+  if (enable_non_client_dpi_scaling != nullptr) {
+    enable_non_client_dpi_scaling(hwnd);
+  }
+  FreeLibrary(user32_module);
+}
+
+}  // namespace
+
+// Manages the Win32Window's window class registration.
+class WindowClassRegistrar {
+ public:
+  ~WindowClassRegistrar() = default;
+
+  // Returns the singleton registrar instance.
+  static WindowClassRegistrar* GetInstance() {
+    if (!instance_) {
+      instance_ = new WindowClassRegistrar();
+    }
+    return instance_;
+  }
+
+  // Returns the name of the window class, registering the class if it hasn't
+  // previously been registered.
+  const wchar_t* GetWindowClass();
+
+  // Unregisters the window class. Should only be called if there are no
+  // instances of the window.
+  void UnregisterWindowClass();
+
+ private:
+  WindowClassRegistrar() = default;
+
+  static WindowClassRegistrar* instance_;
+
+  bool class_registered_ = false;
+};
+
+WindowClassRegistrar* WindowClassRegistrar::instance_ = nullptr;
+
+const wchar_t* WindowClassRegistrar::GetWindowClass() {
+  if (!class_registered_) {
+    WNDCLASS window_class{};
+    window_class.hCursor = LoadCursor(nullptr, IDC_ARROW);
+    window_class.lpszClassName = kWindowClassName;
+    window_class.style = CS_HREDRAW | CS_VREDRAW;
+    window_class.cbClsExtra = 0;
+    window_class.cbWndExtra = 0;
+    window_class.hInstance = GetModuleHandle(nullptr);
+    window_class.hIcon =
+        LoadIcon(window_class.hInstance, MAKEINTRESOURCE(IDI_APP_ICON));
+    window_class.hbrBackground = 0;
+    window_class.lpszMenuName = nullptr;
+    window_class.lpfnWndProc = Win32Window::WndProc;
+    RegisterClass(&window_class);
+    class_registered_ = true;
+  }
+  return kWindowClassName;
+}
+
+void WindowClassRegistrar::UnregisterWindowClass() {
+  UnregisterClass(kWindowClassName, nullptr);
+  class_registered_ = false;
+}
+
+Win32Window::Win32Window() {
+  ++g_active_window_count;
+}
+
+Win32Window::~Win32Window() {
+  --g_active_window_count;
+  Destroy();
+}
+
+bool Win32Window::Create(const std::wstring& title,
+                         const Point& origin,
+                         const Size& size) {
+  Destroy();
+
+  const wchar_t* window_class =
+      WindowClassRegistrar::GetInstance()->GetWindowClass();
+
+  const POINT target_point = {static_cast<LONG>(origin.x),
+                              static_cast<LONG>(origin.y)};
+  HMONITOR monitor = MonitorFromPoint(target_point, MONITOR_DEFAULTTONEAREST);
+  UINT dpi = FlutterDesktopGetDpiForMonitor(monitor);
+  double scale_factor = dpi / 96.0;
+
+  HWND window = CreateWindow(
+      window_class, title.c_str(), WS_OVERLAPPEDWINDOW,
+      Scale(origin.x, scale_factor), Scale(origin.y, scale_factor),
+      Scale(size.width, scale_factor), Scale(size.height, scale_factor),
+      nullptr, nullptr, GetModuleHandle(nullptr), this);
+
+  if (!window) {
+    return false;
+  }
+
+  UpdateTheme(window);
+
+  return OnCreate();
+}
+
+bool Win32Window::Show() {
+  return ShowWindow(window_handle_, SW_SHOWNORMAL);
+}
+
+// static
+LRESULT CALLBACK Win32Window::WndProc(HWND const window,
+                                      UINT const message,
+                                      WPARAM const wparam,
+                                      LPARAM const lparam) noexcept {
+  if (message == WM_NCCREATE) {
+    auto window_struct = reinterpret_cast<CREATESTRUCT*>(lparam);
+    SetWindowLongPtr(window, GWLP_USERDATA,
+                     reinterpret_cast<LONG_PTR>(window_struct->lpCreateParams));
+
+    auto that = static_cast<Win32Window*>(window_struct->lpCreateParams);
+    EnableFullDpiSupportIfAvailable(window);
+    that->window_handle_ = window;
+  } else if (Win32Window* that = GetThisFromHandle(window)) {
+    return that->MessageHandler(window, message, wparam, lparam);
+  }
+
+  return DefWindowProc(window, message, wparam, lparam);
+}
+
+LRESULT
+Win32Window::MessageHandler(HWND hwnd,
+                            UINT const message,
+                            WPARAM const wparam,
+                            LPARAM const lparam) noexcept {
+  switch (message) {
+    case WM_DESTROY:
+      window_handle_ = nullptr;
+      Destroy();
+      if (quit_on_close_) {
+        PostQuitMessage(0);
+      }
+      return 0;
+
+    case WM_DPICHANGED: {
+      auto newRectSize = reinterpret_cast<RECT*>(lparam);
+      LONG newWidth = newRectSize->right - newRectSize->left;
+      LONG newHeight = newRectSize->bottom - newRectSize->top;
+
+      SetWindowPos(hwnd, nullptr, newRectSize->left, newRectSize->top, newWidth,
+                   newHeight, SWP_NOZORDER | SWP_NOACTIVATE);
+
+      return 0;
+    }
+    case WM_SIZE: {
+      RECT rect = GetClientArea();
+      if (child_content_ != nullptr) {
+        // Size and position the child window.
+        MoveWindow(child_content_, rect.left, rect.top, rect.right - rect.left,
+                   rect.bottom - rect.top, TRUE);
+      }
+      return 0;
+    }
+
+    case WM_ACTIVATE:
+      if (child_content_ != nullptr) {
+        SetFocus(child_content_);
+      }
+      return 0;
+
+    case WM_DWMCOLORIZATIONCOLORCHANGED:
+      UpdateTheme(hwnd);
+      return 0;
+  }
+
+  return DefWindowProc(window_handle_, message, wparam, lparam);
+}
+
+void Win32Window::Destroy() {
+  OnDestroy();
+
+  if (window_handle_) {
+    DestroyWindow(window_handle_);
+    window_handle_ = nullptr;
+  }
+  if (g_active_window_count == 0) {
+    WindowClassRegistrar::GetInstance()->UnregisterWindowClass();
+  }
+}
+
+Win32Window* Win32Window::GetThisFromHandle(HWND const window) noexcept {
+  return reinterpret_cast<Win32Window*>(
+      GetWindowLongPtr(window, GWLP_USERDATA));
+}
+
+void Win32Window::SetChildContent(HWND content) {
+  child_content_ = content;
+  SetParent(content, window_handle_);
+  RECT frame = GetClientArea();
+
+  MoveWindow(content, frame.left, frame.top, frame.right - frame.left,
+             frame.bottom - frame.top, true);
+
+  SetFocus(child_content_);
+}
+
+RECT Win32Window::GetClientArea() {
+  RECT frame;
+  GetClientRect(window_handle_, &frame);
+  return frame;
+}
+
+HWND Win32Window::GetHandle() {
+  return window_handle_;
+}
+
+void Win32Window::SetQuitOnClose(bool quit_on_close) {
+  quit_on_close_ = quit_on_close;
+}
+
+bool Win32Window::OnCreate() {
+  // No-op; provided for subclasses.
+  return true;
+}
+
+void Win32Window::OnDestroy() {
+  // No-op; provided for subclasses.
+}
+
+void Win32Window::UpdateTheme(HWND const window) {
+  DWORD light_mode;
+  DWORD light_mode_size = sizeof(light_mode);
+  LSTATUS result = RegGetValue(HKEY_CURRENT_USER, kGetPreferredBrightnessRegKey,
+                               kGetPreferredBrightnessRegValue,
+                               RRF_RT_REG_DWORD, nullptr, &light_mode,
+                               &light_mode_size);
+
+  if (result == ERROR_SUCCESS) {
+    BOOL enable_dark_mode = light_mode == 0;
+    DwmSetWindowAttribute(window, DWMWA_USE_IMMERSIVE_DARK_MODE,
+                          &enable_dark_mode, sizeof(enable_dark_mode));
+  }
+}
diff --git a/windows/runner/win32_window.h b/windows/runner/win32_window.h
new file mode 100644
index 0000000..49b847f
--- /dev/null
+++ b/windows/runner/win32_window.h
@@ -0,0 +1,102 @@
+#ifndef RUNNER_WIN32_WINDOW_H_
+#define RUNNER_WIN32_WINDOW_H_
+
+#include <windows.h>
+
+#include <functional>
+#include <memory>
+#include <string>
+
+// A class abstraction for a high DPI-aware Win32 Window. Intended to be
+// inherited from by classes that wish to specialize with custom
+// rendering and input handling
+class Win32Window {
+ public:
+  struct Point {
+    unsigned int x;
+    unsigned int y;
+    Point(unsigned int x, unsigned int y) : x(x), y(y) {}
+  };
+
+  struct Size {
+    unsigned int width;
+    unsigned int height;
+    Size(unsigned int width, unsigned int height)
+        : width(width), height(height) {}
+  };
+
+  Win32Window();
+  virtual ~Win32Window();
+
+  // Creates a win32 window with |title| that is positioned and sized using
+  // |origin| and |size|. New windows are created on the default monitor. Window
+  // sizes are specified to the OS in physical pixels, hence to ensure a
+  // consistent size this function will scale the inputted width and height as
+  // as appropriate for the default monitor. The window is invisible until
+  // |Show| is called. Returns true if the window was created successfully.
+  bool Create(const std::wstring& title, const Point& origin, const Size& size);
+
+  // Show the current window. Returns true if the window was successfully shown.
+  bool Show();
+
+  // Release OS resources associated with window.
+  void Destroy();
+
+  // Inserts |content| into the window tree.
+  void SetChildContent(HWND content);
+
+  // Returns the backing Window handle to enable clients to set icon and other
+  // window properties. Returns nullptr if the window has been destroyed.
+  HWND GetHandle();
+
+  // If true, closing this window will quit the application.
+  void SetQuitOnClose(bool quit_on_close);
+
+  // Return a RECT representing the bounds of the current client area.
+  RECT GetClientArea();
+
+ protected:
+  // Processes and route salient window messages for mouse handling,
+  // size change and DPI. Delegates handling of these to member overloads that
+  // inheriting classes can handle.
+  virtual LRESULT MessageHandler(HWND window,
+                                 UINT const message,
+                                 WPARAM const wparam,
+                                 LPARAM const lparam) noexcept;
+
+  // Called when CreateAndShow is called, allowing subclass window-related
+  // setup. Subclasses should return false if setup fails.
+  virtual bool OnCreate();
+
+  // Called when Destroy is called.
+  virtual void OnDestroy();
+
+ private:
+  friend class WindowClassRegistrar;
+
+  // OS callback called by message pump. Handles the WM_NCCREATE message which
+  // is passed when the non-client area is being created and enables automatic
+  // non-client DPI scaling so that the non-client area automatically
+  // responds to changes in DPI. All other messages are handled by
+  // MessageHandler.
+  static LRESULT CALLBACK WndProc(HWND const window,
+                                  UINT const message,
+                                  WPARAM const wparam,
+                                  LPARAM const lparam) noexcept;
+
+  // Retrieves a class instance pointer for |window|
+  static Win32Window* GetThisFromHandle(HWND const window) noexcept;
+
+  // Update the window frame's theme to match the system theme.
+  static void UpdateTheme(HWND const window);
+
+  bool quit_on_close_ = false;
+
+  // window handle for top level window.
+  HWND window_handle_ = nullptr;
+
+  // window handle for hosted content.
+  HWND child_content_ = nullptr;
+};
+
+#endif  // RUNNER_WIN32_WINDOW_H_