{
  "contract_version": "gab_088_contract_v1",
  "gab_id": "GAB-088",
  "canonical_name": "VisualBeforeAfter",
  "module_owner": "EdTechVisualLearning",
  "renderer_key": "text_cta",
  "required_fields": [
    "gab_id",
    "before_after_id",
    "before_text",
    "after_text"
  ],
  "optional_fields": [
    "title",
    "before_label",
    "before_emoji",
    "after_label",
    "after_emoji",
    "arrow_symbol"
  ],
  "field_types": {
    "before_after_id": "string — identifiant unique de l'instance",
    "before_text": "string — texte décrivant la situation AVANT",
    "after_text": "string — texte décrivant la situation APRÈS",
    "before_label": "string — libellé colonne gauche (défaut : 'Avant')",
    "after_label": "string — libellé colonne droite (défaut : 'Après')",
    "before_emoji": "string — emoji illustrant le AVANT (1 caractère recommandé)",
    "after_emoji": "string — emoji illustrant le APRÈS (1 caractère recommandé)",
    "arrow_symbol": "string — symbole séparateur central (défaut : '→')"
  },
  "constraints": [
    "before_text et after_text doivent être des chaînes non vides.",
    "Le layout 3 colonnes (avant / flèche / après) est structurel — ne pas modifier par instance.",
    "Les emojis sont décoratifs, leur absence ne bloque pas le rendu.",
    "arrow_symbol doit rester court (1–3 caractères) pour ne pas casser le layout."
  ],
  "blocked_conditions": [
    "before_text absent (BLOCKED)",
    "after_text absent (BLOCKED)",
    "before_after_id absent (BLOCKED)"
  ],
  "accessibility": [
    "aria-label sur les colonnes avant/après",
    "focus_visible",
    "prefers_reduced_motion",
    "fallback_text si emojis désactivés"
  ],
  "qa_cases": [
    { "case": "instance conforme", "expected": "rendu complet colonnes Avant/Après, 0 erreur" },
    { "case": "before_text absent", "expected": "BLOCKED listant before_text" },
    { "case": "after_text absent", "expected": "BLOCKED listant after_text" },
    { "case": "before_after_id absent", "expected": "BLOCKED listant before_after_id" },
    { "case": "instance externe injectée via init(ext)", "expected": "le rendu change sans modifier le HTML" },
    { "case": "responsive 375/768/1024", "expected": "colonne unique empilée sur mobile (≤600px), layout 3 colonnes sur desktop" }
  ],
  "traceability": {
    "derived_from_core_gab": "GAB-088",
    "note": "Ce schema VALIDE l'instance. Le contrat pédagogique complet (input_contract/validation_logic/feedback_scoring_logic) vit dans le CORE-GAB officiel, pas ici (évite la duplication)."
  }
}