Découvrez Depanova, votre assistant intelligent pour diagnostiquer et réparer vos appareils électroménagers et systèmes de chauffage. Plus de 4000 guides étape par étape validés.

📐 Structure Visuelle — Master Template Samsung 4E

Chaque bloc ci-dessous est une reproduction exacte du rendu UI. Côté gauche = description, côté droit = preview du composant React.

#0 — Header Card (toujours visible)

📦 Source des données

• solution.problem_title → H1

• solution.brand + device_type → sous-titre

• solution_json.meta.risk_level → badge (low=vert, medium=amber, high=rouge)

• solution_json.meta.confidence_score → barre de progression

• solution_json.meta.estimated_time → durée

• solution_json.meta.difficulty → étoiles (Facile=1, Moyen=2, Difficile=3)

⚠ Risque modéré

Erreur 4E sur lave-linge Samsung

Samsung Lave-linge

Confiance

92%

Durée

45-60 min

Difficulté

★★☆

Source

IA DEPANOVA

#1 — Table des matières — fond indigo/violet, grille 2 colonnes

🗂 Données requises pour afficher un bouton

🟡 Résumé → canonical_summary ou quick_diagnostic

🔴 Sécurité → safety_warnings.length > 0

🔵 Diagnostic → diagnostic_si_alors.length > 0

🟠 Causes → root_causes.length > 0

📊 Valeurs → technical_specs.length > 0

🔧 Outils → tools_needed.length > 0

✅ Étapes → toujours affiché

⚠️ Pièges → pieges_a_eviter.length > 0

❓ FAQ → faq.length > 0

⚖️ Verdict → toujours affiché (RepairScoreCard)

📋 Table des matières

🟡Résumé rapide

⚠️Sécurité

🔵Diagnostic Si/Alors

🟠Causes probables

📊Valeurs techniques

🔧Outils nécessaires

✅Étapes de réparation

⚠️Pièges à éviter

❓FAQ

⚖️Verdict

🛒Pièces détachées

📚Guides associés

#2 — Résumé rapide — icône 🟡, fond blanc, accordéon

📦 Champ JSON requis

solution_json.canonical_summary

ou expert_analysis_json.resume_rapide.diagnostic_accessible

Affiché dans un encadré bleu clair (bg-blue-50, border-blue-200)

🟡

Résumé rapide

▲

L'erreur 4E indique un défaut de remplissage. Le système détecte que le niveau d'eau requis n'est pas atteint dans les 10 minutes imparties…

#3 — Sécurité — fond amber/orange, icône ⚠️ AlertTriangle, accordéon

📦 Champ JSON requis

solution_json.safety_warnings (array de strings)

Chaque item = encadré blanc/60 avec icône AlertCircle orange

Fond général : bg-gradient-to-br from-amber-50 to-orange-50, border-amber-200

Sécurité

Débranchez impérativement avant toute intervention interne.

Ne travaillez jamais sous tension 230V.

L'eau et l'électricité ne font pas bon ménage.

#4 — Diagnostic préliminaire — fond bleu, toujours ouvert, N tests

📦 Champ JSON requis

solution_json.diagnostic_si_alors

Chaque item doit avoir : si, alors, resultat_attendu, suite

⚠️ CHAMP CRITIQUE — Si absent ou vide → section invisible

Header : bg-gradient-to-r from-blue-50 to-indigo-50

Chaque carte : border-blue-100, bg-blue-50/40

Label "TEST N" en bleu bold uppercase

🔧 Condition / → Action / ✅ Résultat / ➡️ Suite

🔵

Diagnostic préliminaire3 tests

Test 1

🔧Condition : L'eau n'entre pas et l'électrovanne est silencieuse

→Action : Mesurez la tension aux bornes de l'électrovanne

✅Résultat attendu : 230V AC présents

➡️Si 230V mais pas d'eau → électrovanne HS. Si 0V → câblage.

#5 — Causes probables — icône 🟠, accordéon, barres de progression orange

📦 Champ JSON requis

solution_json.root_causes

Chaque item : label, percent (number), note (string)

Barre : bg-orange-400, hauteur 1.5, largeur = percent%

Badge % : bg-orange-100 text-orange-700

🟠

Causes probables4 causes

Filtres obstrués45%

Sédiments calcaire dans les micro-filtres

Électrovanne défectueuse30%

Bobine coupée ou clapet bloqué

Pression insuffisante15%

Moins de 0.5 bar

#6 — Valeurs techniques — icône 📊, fond indigo, toujours ouvert

📦 Champ JSON requis

solution_json.technical_specs

Chaque item : component, test_method, expected_value, interpretation

Grille 3 colonnes : Méthode / Attendu (vert bold) / Interprétation

Header : bg-gradient-to-r from-indigo-50 to-blue-50

📊

Valeurs techniques

Électrovanne

Méthode

Ohmmètre hors tension

Attendu

3.2 – 4.8 kΩ

Interprétation

OL = bobine coupée

#7 — Outils & Pièces — icône 🔧 Wrench bleu, accordéon

📦 Champ JSON requis

solution_json.tools_needed

Chaque item : name, description, optional (boolean)

Icône dynamique selon le nom de l'outil (multimètre→⚡, tournevis→🪛, etc.)

Label : "(indispensable)" ou "(optionnel)" en gris

Outils & Pièces nécessaires

🪛

Tournevis PH2(indispensable)

Pour retirer le panneau supérieur.

⚡

Multimètre(indispensable)

Tester la continuité des bobines.

✂️

Pince multiprise(indispensable)

Pour desserrer les raccords.

#8 — Étapes de réparation — icône ✅ CheckCircle2 vert, accordéon + mode vocal

📦 Champ JSON requis

solution_json.steps

Chaque step : step_number, title, objective, instructions[], estimated_duration, tips, mistakes_to_avoid, warning

• Numéro étape : orange (text-orange-500)

• Checkbox + barre verticale grise/verte

• Instructions : cercles orange numérotés

• warning → bloc amber (⚠️ texte amber-700)

• tips → bloc bleu (💡 texte blue-700)

• mistakes_to_avoid → bloc rouge (⚠️ texte red-700)

Étapes de réparation (7)

Étape 1~5 min

Vérification hydraulique externe

S'assurer que l'eau arrive à pression suffisante.

1Vérifiez que le robinet est totalement ouvert.
2Inspectez le tuyau sur toute sa longueur.
3Testez le débit dans un seau.

💡Un raccord auto-perceur entartré réduit le débit sans qu'on le voie. Remplacez-le systématiquement sur les appareils +5 ans.

⚠️Ne pas ignorer cette étape même si le robinet semble ouvert : il peut être partiellement obstrué.

#9 — Pièges à éviter — icône ⚠️ AlertCircle rouge, accordéon

📦 Champ JSON requis

solution_json.pieges_a_eviter

Chaque item : piege, consequence, conseil

• Fond : bg-red-50, border-red-100

• ✗ rouge + titre en font-semibold

• ⚠️ consequence en text-red-700

• → conseil en text-green-700

⚠️ CHAMP CRITIQUE — Nom exact : pieges_a_eviter

Pièges à éviter

✗

Remplacer d'abord l'électrovanne

⚠️ Dépense inutile de 40€+ alors que 80% des cas se règlent en nettoyant les filtres à 0€.

→ Suivez toujours l'ordre du guide : hydraulique externe → filtres → électrovanne.

✗

Mesurer sous tension

⚠️ Risque d'électrocution grave et de détruire le multimètre.

→ Débranchez TOUJOURS avant de mesurer la résistance.

#10 — FAQ — icône ❓ fond jaune, accordéon, bg-gray-50 par item

📦 Champ JSON requis

solution_json.faq

Chaque item : question, answer

+ success_indicators[] → affiché avec CheckCircle2 vert

Fond par item : bg-gray-50, border-gray-100, rounded-xl

Question : ❓ en rouge + font-semibold

❓

FAQ

❓ Mon lave-linge affiche 4E par intermittence, pourquoi ?

Une erreur 4E intermittente signale souvent une pression d'eau variable. Cela arrive fréquemment en période de forte consommation (7h-9h). Vérifiez la pression avec un manomètre : elle doit rester supérieure à 0.5 bar pendant tout le cycle de remplissage.

La machine se remplit normalement et démarre le cycle sans afficher l'erreur 4E.

#11 — Verdict de réparabilité — composant RepairScoreCard (calculateur)

📦 Données utilisées

• solution.IA_difficulty_score, IA_ecological_index, IA_economic_index, IA_global_score

• L'utilisateur saisit l'âge et le prix neuf → calcul dynamique de rentabilité

• Fond : gradient indigo-to-purple, bouton violet

🗺️ Mapping complet JSON → Composant UI

Champ JSON	Section UI	Couleur	Critique
canonical_summary	Résumé rapide	🟡 Amber	✅
safety_warnings[]	Sécurité	🟠 Orange/Amber	✅
diagnostic_si_alors[]	Diagnostic préliminaire	🔵 Bleu	🚨
root_causes[]	Causes probables	🟠 Orange	✅
technical_specs[]	Valeurs techniques	🔵 Indigo	✅
tools_needed[]	Outils nécessaires	🔵 Bleu	✅
steps[]	Étapes de réparation	🟢 Vert	🚨
pieges_a_eviter[]	Pièges à éviter	🔴 Rouge	🚨
faq[]	FAQ	🟡 Jaune	✅
success_indicators[]	FAQ (bas)	🟢 Vert	—
preventive_maintenance[]	Entretien préventif	🟢 Vert	—
if_not_working	Si ça ne fonctionne pas	⚫ Gris	—