feat: replay E2E fonctionnel — 25/25 actions, 0 retries, SomEngine via serveur

Validé sur PC Windows (DESKTOP-58D5CAC, 2560x1600) :
- 8 clics résolus visuellement (1 anchor_template, 1 som_text_match, 6 som_vlm)
- Score moyen 0.75, temps moyen 1.6s
- Texte tapé correctement (bonjour, test word, date, email)
- 0 retries, 2 actions non vérifiées (OK)

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

.kiro/specs/real-demo-localization/design.md

@@ -0,0 +1,320 @@
+# Design : Localisation du Composant RealDemo
+
+## Architecture de Solution
+
+### Vue d'ensemble
+L'implémentation de la localisation du composant RealDemo s'appuie sur l'architecture existante du système de localisation RPA Vision V3, sans modification structurelle.
+
+### Diagramme de Flux
+
+```
+┌─────────────────┐    ┌──────────────────┐    ┌─────────────────┐
+│   RealDemo      │───▶│ useLocalization  │───▶│ Traductions     │
+│   Component     │    │ Hook             │    │ JSON            │
+└─────────────────┘    └──────────────────┘    └─────────────────┘
+         │                       │                       │
+         │                       ▼                       │
+         │              ┌──────────────────┐             │
+         │              │ LocalizationSvc  │             │
+         │              │ (existant)       │             │
+         │              └──────────────────┘             │
+         │                       │                       │
+         ▼                       ▼                       ▼
+┌─────────────────┐    ┌──────────────────┐    ┌─────────────────┐
+│ Interface       │    │ Cache & State    │    │ Validation      │
+│ Utilisateur     │    │ Management       │    │ Automatique     │
+└─────────────────┘    └──────────────────┘    └─────────────────┘
+```
+
+## Modifications Requises
+
+### 1. Composant RealDemo
+
+#### Avant (Code Actuel)
+```typescript
+const RealDemo: React.FC<RealDemoProps> = ({ onWorkflowExecute }) => {
+  return (
+    <Box sx={{ p: 3 }}>
+      <Typography variant="h5" gutterBottom>
+        Démonstration Réelle - RPA Vision V3
+      </Typography>
+      
+      <Typography variant="body1" paragraph>
+        Ce composant permettra de tester le système RPA en temps réel.
+      </Typography>
+      
+      <Button
+        variant="contained"
+        startIcon={<PlayIcon />}
+        onClick={handleExecute}
+        sx={{ mt: 2 }}
+      >
+        Démarrer la Démonstration
+      </Button>
+    </Box>
+  );
+};
+```
+
+#### Après (Code Localisé)
+```typescript
+import { useLocalization } from '../../services/LocalizationService';
+
+const RealDemo: React.FC<RealDemoProps> = ({ onWorkflowExecute }) => {
+  const { t } = useLocalization();
+
+  return (
+    <Box sx={{ p: 3 }}>
+      <Typography variant="h5" gutterBottom>
+        {t('realDemo.component.title')}
+      </Typography>
+      
+      <Typography variant="body1" paragraph>
+        {t('realDemo.component.description')}
+      </Typography>
+      
+      <Button
+        variant="contained"
+        startIcon={<PlayIcon />}
+        onClick={handleExecute}
+        sx={{ mt: 2 }}
+      >
+        {t('realDemo.component.startButton')}
+      </Button>
+    </Box>
+  );
+};
+```
+
+### 2. Nouvelles Clés de Traduction
+
+#### Structure JSON à Ajouter
+
+```json
+{
+  "realDemo": {
+    // ... clés existantes ...
+    "component": {
+      "title": "Démonstration Réelle - RPA Vision V3",
+      "description": "Ce composant permettra de tester le système RPA en temps réel.",
+      "startButton": "Démarrer la Démonstration"
+    }
+  }
+}
+```
+
+#### Traductions par Langue
+
+##### Français (fr.json) - Référence
+```json
+{
+  "realDemo": {
+    "component": {
+      "title": "Démonstration Réelle - RPA Vision V3",
+      "description": "Ce composant permettra de tester le système RPA en temps réel.",
+      "startButton": "Démarrer la Démonstration"
+    }
+  }
+}
+```
+
+##### Anglais (en.json)
+```json
+{
+  "realDemo": {
+    "component": {
+      "title": "Real Demonstration - RPA Vision V3",
+      "description": "This component will allow testing the RPA system in real time.",
+      "startButton": "Start Demonstration"
+    }
+  }
+}
+```
+
+##### Espagnol (es.json)
+```json
+{
+  "realDemo": {
+    "component": {
+      "title": "Demostración Real - RPA Vision V3",
+      "description": "Este componente permitirá probar el sistema RPA en tiempo real.",
+      "startButton": "Iniciar Demostración"
+    }
+  }
+}
+```
+
+##### Allemand (de.json)
+```json
+{
+  "realDemo": {
+    "component": {
+      "title": "Echte Demonstration - RPA Vision V3",
+      "description": "Diese Komponente ermöglicht es, das RPA-System in Echtzeit zu testen.",
+      "startButton": "Demonstration Starten"
+    }
+  }
+}
+```
+
+## Stratégie d'Implémentation
+
+### Phase 1 : Préparation des Traductions
+1. **Analyse du contenu existant**
+   - Identifier toutes les chaînes à localiser
+   - Vérifier la cohérence avec les traductions existantes
+   - Définir les nouvelles clés selon les conventions
+
+2. **Création des traductions**
+   - Ajouter les clés dans `fr.json` (référence)
+   - Traduire dans les 3 autres langues
+   - Respecter les conventions culturelles
+
+### Phase 2 : Modification du Composant
+1. **Import du service**
+   - Ajouter l'import `useLocalization`
+   - Initialiser le hook dans le composant
+   - Maintenir la compatibilité TypeScript
+
+2. **Remplacement des chaînes**
+   - Remplacer chaque chaîne par un appel `t()`
+   - Vérifier que les clés correspondent
+   - Tester le rendu dans chaque langue
+
+### Phase 3 : Validation et Tests
+1. **Validation automatique**
+   - Exécuter le script de validation Python
+   - Corriger les erreurs détectées
+   - Vérifier la cohérence des structures
+
+2. **Tests d'intégration**
+   - Tester le changement de langue en temps réel
+   - Vérifier la persistance du choix
+   - Valider l'affichage dans toutes les langues
+
+## Considérations Techniques
+
+### TypeScript et Types
+```typescript
+// Le hook useLocalization est déjà typé
+interface LocalizationHook {
+  t: (key: string, params?: Record<string, any>) => string;
+  changeLanguage: (language: string) => void;
+  currentLanguage: string;
+  availableLanguages: Language[];
+}
+
+// Utilisation avec autocomplétion
+const { t } = useLocalization();
+const title = t('realDemo.component.title'); // Type: string
+```
+
+### Gestion des Erreurs
+```typescript
+// Le service gère automatiquement les fallbacks
+const text = t('cle.inexistante'); // Retourne la clé si non trouvée
+const text = t('realDemo.component.title'); // Retourne la traduction ou fallback
+```
+
+### Performance
+- **Cache existant** : Pas d'impact sur les performances
+- **Chargement à la demande** : Les traductions sont déjà chargées
+- **Rendu optimisé** : React optimise automatiquement les re-rendus
+
+## Validation et Qualité
+
+### Script de Validation Automatique
+```bash
+# Le script existant détectera automatiquement les nouvelles clés
+python i18n/validate_translations.py
+
+# Sortie attendue après implémentation
+✅ Chargé: fr.json
+✅ Chargé: en.json
+✅ Chargé: es.json
+✅ Chargé: de.json
+📋 Clés de référence (fr): 130  # +3 nouvelles clés
+🔍 en: 130 clés (0 manquantes, 0 supplémentaires)
+🔍 es: 130 clés (0 manquantes, 0 supplémentaires)
+🔍 de: 130 clés (0 manquantes, 0 supplémentaires)
+
+✅ VALIDATION RÉUSSIE: Aucun problème détecté!
+```
+
+### Tests de Qualité
+1. **Cohérence terminologique**
+   - "Démonstration" vs "Demo" : Utiliser "Démonstration" (cohérent avec l'existant)
+   - "RPA Vision V3" : Garder le nom du produit identique
+   - "Temps réel" : Cohérent avec les traductions existantes
+
+2. **Longueur des textes**
+   - Titre : ~35 caractères maximum
+   - Description : ~80 caractères maximum
+   - Bouton : ~25 caractères maximum
+
+3. **Conventions culturelles**
+   - **Français** : Majuscules sur les noms propres uniquement
+   - **Anglais** : Title Case pour les titres
+   - **Espagnol** : Majuscules minimales, accents respectés
+   - **Allemand** : Majuscules sur les noms, mots composés
+
+## Intégration avec l'Existant
+
+### Cohérence avec les Traductions Actuelles
+```json
+// Structure existante à respecter
+{
+  "realDemo": {
+    "title": "Démonstration Réelle",           // Cohérent
+    "component": {
+      "title": "Démonstration Réelle - RPA Vision V3"  // Extension logique
+    }
+  }
+}
+```
+
+### Réutilisation des Patterns
+```typescript
+// Pattern existant dans d'autres composants
+const { t } = useLocalization();
+
+// Utilisation cohérente
+<Typography variant="h5">{t('realDemo.component.title')}</Typography>
+<Button>{t('realDemo.component.startButton')}</Button>
+```
+
+## Plan de Rollback
+
+### En cas de Problème
+1. **Sauvegarde** : Les fichiers originaux sont versionnés
+2. **Rollback rapide** : Restaurer le code sans localisation
+3. **Validation** : Tester que l'interface fonctionne
+4. **Investigation** : Analyser la cause du problème
+
+### Stratégie de Déploiement
+1. **Développement** : Implémentation et tests locaux
+2. **Validation** : Tests automatiques et manuels
+3. **Intégration** : Merge dans la branche principale
+4. **Déploiement** : Mise en production progressive
+
+## Métriques de Succès
+
+### Techniques
+- **0 erreur** dans la validation automatique
+- **100% couverture** des chaînes localisées
+- **Temps de rendu** identique ou amélioré
+- **Taille du bundle** impact négligeable
+
+### Fonctionnelles
+- **Interface cohérente** dans les 4 langues
+- **Changement de langue** instantané
+- **Persistance** du choix utilisateur
+- **Expérience utilisateur** fluide
+
+### Qualité
+- **Traductions naturelles** et idiomatiques
+- **Respect des conventions** culturelles
+- **Cohérence terminologique** avec l'existant
+- **Accessibilité** maintenue
+
+Cette conception assure une intégration harmonieuse du composant RealDemo avec le système de localisation existant, en maintenant la qualité et les performances tout en étendant la couverture multilingue de l'application.

.kiro/specs/real-demo-localization/requirements.md

@@ -0,0 +1,210 @@
+# Spécification : Localisation du Composant RealDemo
+
+## Vue d'ensemble
+
+Cette spécification définit l'implémentation de la localisation complète pour le composant RealDemo du Visual Workflow Builder, en s'appuyant sur le système de localisation existant.
+
+## Contexte
+
+Le système de localisation RPA Vision V3 est déjà implémenté avec 4 langues (français, anglais, espagnol, allemand) et 127 clés de traduction. Cependant, le composant RealDemo contient encore du texte codé en dur en français qui doit être localisé.
+
+## Objectifs
+
+### Objectif Principal
+Intégrer complètement le composant RealDemo avec le système de localisation existant pour assurer une expérience utilisateur multilingue cohérente.
+
+### Objectifs Secondaires
+- Maintenir la cohérence avec les traductions existantes
+- Assurer la qualité des traductions dans toutes les langues supportées
+- Valider l'intégration avec les outils de validation existants
+- Documenter les nouvelles clés de traduction
+
+## User Stories
+
+### US1 : Utilisateur Français
+**En tant qu'** utilisateur français  
+**Je veux** voir l'interface RealDemo en français  
+**Afin de** comprendre facilement les fonctionnalités disponibles
+
+**Critères d'acceptation :**
+- Le titre "Démonstration Réelle - RPA Vision V3" est affiché en français
+- La description est en français et claire
+- Le bouton "Démarrer la Démonstration" est en français
+- Tous les messages d'état sont en français
+
+### US2 : Utilisateur Anglais
+**En tant qu'** utilisateur anglais  
+**Je veux** voir l'interface RealDemo en anglais  
+**Afin de** utiliser l'application dans ma langue native
+
+**Critères d'acceptation :**
+- Le titre devient "Real Demonstration - RPA Vision V3"
+- La description est traduite en anglais naturel
+- Le bouton devient "Start Demonstration"
+- Tous les messages respectent les conventions anglaises
+
+### US3 : Utilisateur Espagnol
+**En tant qu'** utilisateur espagnol  
+**Je veux** voir l'interface RealDemo en espagnol  
+**Afin d'** avoir une expérience utilisateur dans ma langue
+
+**Critères d'acceptation :**
+- Le titre devient "Demostración Real - RPA Vision V3"
+- La description respecte les conventions espagnoles
+- Le bouton devient "Iniciar Demostración"
+- Les messages suivent la grammaire espagnole
+
+### US4 : Utilisateur Allemand
+**En tant qu'** utilisateur allemand  
+**Je veux** voir l'interface RealDemo en allemand  
+**Afin de** naviguer confortablement dans l'application
+
+**Critères d'acceptation :**
+- Le titre devient "Echte Demonstration - RPA Vision V3"
+- La description utilise un allemand correct
+- Le bouton devient "Demonstration Starten"
+- Les messages respectent la grammaire allemande
+
+### US5 : Développeur
+**En tant que** développeur  
+**Je veux** que les nouvelles traductions soient validées automatiquement  
+**Afin de** maintenir la qualité du système de localisation
+
+**Critères d'acceptation :**
+- Le script de validation détecte les nouvelles clés
+- Toutes les langues ont les mêmes clés
+- Les placeholders sont cohérents
+- La documentation est mise à jour
+
+## Exigences Fonctionnelles
+
+### RF1 : Intégration du Service de Localisation
+- Le composant RealDemo doit utiliser le hook `useLocalization`
+- Toutes les chaînes de caractères doivent être externalisées
+- Les traductions doivent être chargées dynamiquement
+
+### RF2 : Nouvelles Clés de Traduction
+Les nouvelles clés suivantes doivent être ajoutées :
+- `realDemo.component.title` : "Démonstration Réelle - RPA Vision V3"
+- `realDemo.component.description` : "Ce composant permettra de tester le système RPA en temps réel."
+- `realDemo.component.startButton` : "Démarrer la Démonstration"
+
+### RF3 : Cohérence avec l'Existant
+- Utiliser la même structure que les clés `realDemo` existantes
+- Respecter les conventions de nommage établies
+- Maintenir la hiérarchie JSON existante
+
+### RF4 : Validation Automatique
+- Les nouvelles traductions doivent passer la validation Python
+- Aucune clé manquante dans aucune langue
+- Structure JSON cohérente
+
+## Exigences Non-Fonctionnelles
+
+### RNF1 : Performance
+- Le chargement des traductions ne doit pas impacter les performances
+- Utilisation du cache existant du service de localisation
+
+### RNF2 : Maintenabilité
+- Code TypeScript avec types stricts
+- Documentation inline des nouvelles clés
+- Respect des conventions de code existantes
+
+### RNF3 : Qualité des Traductions
+- Traductions naturelles et idiomatiques
+- Respect des conventions culturelles
+- Longueur appropriée pour l'interface
+
+### RNF4 : Accessibilité
+- Maintien des attributs ARIA existants
+- Support de la navigation clavier
+- Contraste suffisant pour tous les textes
+
+## Contraintes Techniques
+
+### CT1 : Compatibilité
+- Utilisation du système de localisation existant
+- Pas de modification de l'architecture
+- Compatibilité avec Material-UI
+
+### CT2 : Structure des Fichiers
+- Ajout dans les fichiers JSON existants uniquement
+- Respect de la structure hiérarchique
+- Pas de nouveaux fichiers de configuration
+
+### CT3 : Validation
+- Utilisation du script `validate_translations.py` existant
+- Pas de modification des outils de validation
+- Intégration avec le processus de build
+
+## Critères d'Acceptation Globaux
+
+### Technique
+- [ ] Le composant RealDemo utilise `useLocalization`
+- [ ] Toutes les chaînes sont externalisées
+- [ ] Les 4 langues sont supportées
+- [ ] La validation automatique passe
+- [ ] Aucune régression sur les fonctionnalités existantes
+
+### Fonctionnel
+- [ ] L'interface s'affiche correctement dans les 4 langues
+- [ ] Le changement de langue fonctionne en temps réel
+- [ ] Les traductions sont naturelles et appropriées
+- [ ] La mise en page reste cohérente
+
+### Qualité
+- [ ] Code TypeScript sans erreurs
+- [ ] Tests de validation passent
+- [ ] Documentation mise à jour
+- [ ] Respect du design system
+
+## Risques et Mitigation
+
+### Risque 1 : Incohérence des Traductions
+**Impact :** Moyen  
+**Probabilité :** Faible  
+**Mitigation :** Utilisation du script de validation automatique
+
+### Risque 2 : Régression sur l'Existant
+**Impact :** Élevé  
+**Probabilité :** Faible  
+**Mitigation :** Tests de non-régression sur les composants existants
+
+### Risque 3 : Problème de Performance
+**Impact :** Faible  
+**Probabilité :** Très faible  
+**Mitigation :** Utilisation du cache existant, pas de nouveau chargement
+
+## Définition de "Terminé"
+
+Une tâche est considérée comme terminée quand :
+1. Le code est implémenté et testé
+2. Les traductions sont ajoutées dans les 4 langues
+3. La validation automatique passe
+4. La documentation est mise à jour
+5. Les tests de non-régression passent
+6. Le code est intégré dans la branche principale
+
+## Métriques de Succès
+
+- **Couverture de localisation :** 100% des chaînes externalisées
+- **Validation :** 0 erreur dans le script de validation
+- **Performance :** Pas d'impact mesurable sur le temps de chargement
+- **Qualité :** Traductions approuvées par des locuteurs natifs (si possible)
+
+## Dépendances
+
+- Système de localisation existant (déjà implémenté)
+- Service `LocalizationService.ts` (déjà disponible)
+- Fichiers de traduction JSON (déjà créés)
+- Script de validation Python (déjà fonctionnel)
+
+## Livrables
+
+1. **Code modifié :** Composant RealDemo localisé
+2. **Traductions :** Nouvelles clés dans les 4 fichiers JSON
+3. **Validation :** Rapport de validation sans erreur
+4. **Documentation :** Mise à jour des guides existants
+5. **Tests :** Validation de l'intégration
+
+Cette spécification assure une intégration cohérente et de qualité du composant RealDemo avec le système de localisation existant, en maintenant les standards établis et en préparant l'extensibilité future.

.kiro/specs/real-demo-localization/tasks.md

@@ -0,0 +1,334 @@
+# Tâches : Localisation du Composant RealDemo
+
+## Vue d'ensemble
+
+Ce document détaille les tâches nécessaires pour implémenter la localisation complète du composant RealDemo dans le Visual Workflow Builder.
+
+## 📋 Liste des Tâches
+
+### Phase 1 : Analyse et Préparation
+
+#### Tâche 1.1 : Analyse du Contenu Existant
+**Priorité :** Haute  
+**Estimation :** 30 minutes  
+**Assigné à :** Développeur Frontend
+
+**Description :**
+Analyser le composant RealDemo actuel pour identifier toutes les chaînes de caractères à localiser.
+
+**Critères d'acceptation :**
+- [ ] Inventaire complet des chaînes à localiser
+- [ ] Identification des clés de traduction nécessaires
+- [ ] Vérification de la cohérence avec les traductions existantes
+- [ ] Documentation des conventions à respecter
+
+**Livrables :**
+- Liste des chaînes à localiser
+- Proposition de noms de clés
+- Analyse de cohérence
+
+#### Tâche 1.2 : Définition des Clés de Traduction
+**Priorité :** Haute  
+**Estimation :** 15 minutes  
+**Assigné à :** Développeur Frontend
+
+**Description :**
+Définir les clés de traduction selon les conventions établies dans le système existant.
+
+**Critères d'acceptation :**
+- [ ] Clés nommées selon les conventions (`realDemo.component.*`)
+- [ ] Hiérarchie cohérente avec l'existant
+- [ ] Pas de conflit avec les clés existantes
+- [ ] Documentation des nouvelles clés
+
+**Livrables :**
+- Spécification des clés de traduction
+- Structure JSON proposée
+
+### Phase 2 : Création des Traductions
+
+#### Tâche 2.1 : Traductions Françaises (Référence)
+**Priorité :** Haute  
+**Estimation :** 15 minutes  
+**Assigné à :** Développeur Frontend
+
+**Description :**
+Ajouter les traductions françaises dans le fichier `fr.json` comme référence.
+
+**Critères d'acceptation :**
+- [ ] Nouvelles clés ajoutées dans `i18n/fr.json`
+- [ ] Textes français corrects et naturels
+- [ ] Cohérence avec les traductions existantes
+- [ ] Respect de la structure JSON
+
+**Livrables :**
+- Fichier `fr.json` mis à jour
+- Validation de la syntaxe JSON
+
+#### Tâche 2.2 : Traductions Anglaises
+**Priorité :** Haute  
+**Estimation :** 20 minutes  
+**Assigné à :** Développeur Frontend
+
+**Description :**
+Créer les traductions anglaises naturelles et idiomatiques.
+
+**Critères d'acceptation :**
+- [ ] Nouvelles clés ajoutées dans `i18n/en.json`
+- [ ] Traductions anglaises naturelles
+- [ ] Respect des conventions anglaises (Title Case, etc.)
+- [ ] Longueur appropriée pour l'interface
+
+**Livrables :**
+- Fichier `en.json` mis à jour
+- Validation de la qualité des traductions
+
+#### Tâche 2.3 : Traductions Espagnoles
+**Priorité :** Haute  
+**Estimation :** 20 minutes  
+**Assigné à :** Développeur Frontend
+
+**Description :**
+Créer les traductions espagnoles en respectant les conventions culturelles.
+
+**Critères d'acceptation :**
+- [ ] Nouvelles clés ajoutées dans `i18n/es.json`
+- [ ] Traductions espagnoles correctes
+- [ ] Accents et caractères spéciaux respectés
+- [ ] Grammaire et syntaxe appropriées
+
+**Livrables :**
+- Fichier `es.json` mis à jour
+- Validation linguistique
+
+#### Tâche 2.4 : Traductions Allemandes
+**Priorité :** Haute  
+**Estimation :** 20 minutes  
+**Assigné à :** Développeur Frontend
+
+**Description :**
+Créer les traductions allemandes en respectant les spécificités linguistiques.
+
+**Critères d'acceptation :**
+- [ ] Nouvelles clés ajoutées dans `i18n/de.json`
+- [ ] Traductions allemandes correctes
+- [ ] Majuscules sur les noms respectées
+- [ ] Mots composés appropriés
+
+**Livrables :**
+- Fichier `de.json` mis à jour
+- Validation linguistique
+
+### Phase 3 : Modification du Composant
+
+#### Tâche 3.1 : Import du Service de Localisation
+**Priorité :** Haute  
+**Estimation :** 10 minutes  
+**Assigné à :** Développeur Frontend
+
+**Description :**
+Ajouter l'import et l'utilisation du hook `useLocalization` dans le composant RealDemo.
+
+**Critères d'acceptation :**
+- [ ] Import correct de `useLocalization`
+- [ ] Hook initialisé dans le composant
+- [ ] Types TypeScript respectés
+- [ ] Pas d'erreur de compilation
+
+**Livrables :**
+- Composant avec import ajouté
+- Validation TypeScript
+
+#### Tâche 3.2 : Remplacement des Chaînes Codées en Dur
+**Priorité :** Haute  
+**Estimation :** 15 minutes  
+**Assigné à :** Développeur Frontend
+
+**Description :**
+Remplacer toutes les chaînes de caractères codées en dur par des appels au service de traduction.
+
+**Critères d'acceptation :**
+- [ ] Titre remplacé par `t('realDemo.component.title')`
+- [ ] Description remplacée par `t('realDemo.component.description')`
+- [ ] Bouton remplacé par `t('realDemo.component.startButton')`
+- [ ] Aucune chaîne codée en dur restante
+- [ ] Fonctionnalité préservée
+
+**Livrables :**
+- Composant RealDemo localisé
+- Tests de fonctionnement
+
+### Phase 4 : Validation et Tests
+
+#### Tâche 4.1 : Validation Automatique des Traductions
+**Priorité :** Haute  
+**Estimation :** 10 minutes  
+**Assigné à :** Développeur Frontend
+
+**Description :**
+Exécuter le script de validation automatique pour vérifier la cohérence des traductions.
+
+**Critères d'acceptation :**
+- [ ] Script `validate_translations.py` exécuté sans erreur
+- [ ] Toutes les langues ont les mêmes clés
+- [ ] Structure JSON cohérente
+- [ ] Rapport de validation propre
+
+**Livrables :**
+- Rapport de validation sans erreur
+- Corrections éventuelles appliquées
+
+#### Tâche 4.2 : Tests d'Intégration Multilingue
+**Priorité :** Haute  
+**Estimation :** 20 minutes  
+**Assigné à :** Développeur Frontend
+
+**Description :**
+Tester le composant dans toutes les langues supportées pour vérifier l'affichage et le comportement.
+
+**Critères d'acceptation :**
+- [ ] Composant s'affiche correctement en français
+- [ ] Composant s'affiche correctement en anglais
+- [ ] Composant s'affiche correctement en espagnol
+- [ ] Composant s'affiche correctement en allemand
+- [ ] Changement de langue fonctionne en temps réel
+- [ ] Mise en page préservée dans toutes les langues
+
+**Livrables :**
+- Tests réussis dans les 4 langues
+- Screenshots de validation (optionnel)
+
+#### Tâche 4.3 : Tests de Non-Régression
+**Priorité :** Moyenne  
+**Estimation :** 15 minutes  
+**Assigné à :** Développeur Frontend
+
+**Description :**
+Vérifier que les modifications n'ont pas impacté les autres composants ou fonctionnalités.
+
+**Critères d'acceptation :**
+- [ ] Autres composants localisés fonctionnent toujours
+- [ ] Sélecteur de langue fonctionne
+- [ ] Persistance du choix de langue préservée
+- [ ] Performance non dégradée
+
+**Livrables :**
+- Tests de non-régression passés
+- Validation de l'intégrité du système
+
+### Phase 5 : Documentation et Finalisation
+
+#### Tâche 5.1 : Mise à Jour de la Documentation
+**Priorité :** Moyenne  
+**Estimation :** 15 minutes  
+**Assigné à :** Développeur Frontend
+
+**Description :**
+Mettre à jour la documentation existante pour inclure les nouvelles traductions.
+
+**Critères d'acceptation :**
+- [ ] `LOCALISATION_COMPLETE_07JAN2026.md` mis à jour
+- [ ] Nouvelles clés documentées
+- [ ] Statistiques mises à jour (130 clés au lieu de 127)
+- [ ] Exemples d'utilisation ajoutés
+
+**Livrables :**
+- Documentation mise à jour
+- Exemples d'utilisation
+
+#### Tâche 5.2 : Validation Finale et Nettoyage
+**Priorité :** Moyenne  
+**Estimation :** 10 minutes  
+**Assigné à :** Développeur Frontend
+
+**Description :**
+Effectuer une validation finale complète et nettoyer le code si nécessaire.
+
+**Critères d'acceptation :**
+- [ ] Code propre et commenté
+- [ ] Pas de code mort ou inutilisé
+- [ ] Imports optimisés
+- [ ] Validation finale réussie
+
+**Livrables :**
+- Code finalisé et propre
+- Validation complète
+
+## 📊 Résumé des Estimations
+
+| Phase | Tâches | Temps Total | Priorité |
+|-------|--------|-------------|----------|
+| Phase 1 | 2 tâches | 45 minutes | Haute |
+| Phase 2 | 4 tâches | 75 minutes | Haute |
+| Phase 3 | 2 tâches | 25 minutes | Haute |
+| Phase 4 | 3 tâches | 45 minutes | Haute/Moyenne |
+| Phase 5 | 2 tâches | 25 minutes | Moyenne |
+| **Total** | **13 tâches** | **3h 35min** | - |
+
+## 🔄 Dépendances entre Tâches
+
+```
+1.1 → 1.2 → 2.1 → 2.2, 2.3, 2.4 → 3.1 → 3.2 → 4.1 → 4.2 → 4.3 → 5.1 → 5.2
+```
+
+**Tâches parallélisables :**
+- Tâches 2.2, 2.3, 2.4 (traductions) peuvent être faites en parallèle
+- Tâches 4.2 et 4.3 peuvent être faites en parallèle
+
+## ⚠️ Risques et Points d'Attention
+
+### Risques Identifiés
+
+1. **Qualité des traductions**
+   - **Risque :** Traductions non naturelles
+   - **Mitigation :** Révision par des locuteurs natifs si possible
+
+2. **Cohérence terminologique**
+   - **Risque :** Incohérence avec l'existant
+   - **Mitigation :** Vérification systématique avec les traductions existantes
+
+3. **Problèmes de mise en page**
+   - **Risque :** Textes trop longs dans certaines langues
+   - **Mitigation :** Tests d'affichage dans toutes les langues
+
+### Points d'Attention
+
+- **Validation continue :** Exécuter le script de validation après chaque modification
+- **Tests manuels :** Vérifier l'affichage dans chaque langue
+- **Sauvegarde :** Garder une copie du code original pour rollback rapide
+
+## 🎯 Critères de Succès
+
+### Critères Techniques
+- [ ] 0 erreur dans la validation automatique
+- [ ] 100% des chaînes externalisées
+- [ ] Types TypeScript corrects
+- [ ] Pas de régression fonctionnelle
+
+### Critères Fonctionnels
+- [ ] Interface cohérente dans les 4 langues
+- [ ] Changement de langue instantané
+- [ ] Traductions naturelles et appropriées
+- [ ] Mise en page préservée
+
+### Critères de Qualité
+- [ ] Code propre et maintenable
+- [ ] Documentation à jour
+- [ ] Tests passés
+- [ ] Performance maintenue
+
+## 📝 Notes d'Implémentation
+
+### Conventions à Respecter
+- **Nommage des clés :** `realDemo.component.*`
+- **Structure JSON :** Respecter la hiérarchie existante
+- **Types TypeScript :** Maintenir la compatibilité
+- **Imports :** Utiliser les imports relatifs appropriés
+
+### Outils Utilisés
+- **Validation :** `python i18n/validate_translations.py`
+- **Édition JSON :** Éditeur avec validation syntaxique
+- **Tests :** Interface utilisateur dans le navigateur
+- **TypeScript :** Compilation avec vérification des types
+
+Cette planification détaillée assure une implémentation méthodique et de qualité de la localisation du composant RealDemo, en s'appuyant sur l'infrastructure existante et en maintenant les standards établis.