{
  "contract_version": "gab_062_contract_v1",
  "gab_id": "GAB-062",
  "canonical_name": "StoryBeforeAfterNarrative",
  "module_owner": "EdTechStoryLearning",
  "renderer_key": "text_cta",
  "required_fields": [
    "gab_id",
    "story_before_after_id",
    "before_text",
    "after_text"
  ],
  "optional_fields": [
    "title",
    "kicker",
    "before_label",
    "before_emoji",
    "after_label",
    "after_emoji",
    "arrow_symbol",
    "primary_cta"
  ],
  "field_types": {
    "story_before_after_id": "string — identifiant unique de l'instance",
    "before_text": "string — état initial, compréhension naïve ou incomplète",
    "after_text": "string — état final, compréhension approfondie",
    "before_label": "string — libellé colonne gauche (défaut : 'Avant')",
    "after_label": "string — libellé colonne droite (défaut : 'Après')",
    "before_emoji": "string — emoji illustrant l'état initial",
    "after_emoji": "string — emoji illustrant l'état final",
    "arrow_symbol": "string — symbole de transition (défaut : '→')",
    "kicker": "string — sur-titre de la carte",
    "primary_cta": "object{label,action}"
  },
  "constraints": [
    "before_text et after_text doivent représenter deux états contrastés (initial vs transformé).",
    "before_text : état incomplet ou naïf, jamais une erreur à corriger (→ GAB-061).",
    "after_text : état enrichi/approfondi, jamais un résumé seul (→ GAB-059).",
    "primary_cta.label vient du JSON, jamais hardcodé dans le HTML."
  ],
  "blocked_conditions": [
    "before_text absent",
    "after_text absent",
    "story_before_after_id absent"
  ],
  "accessibility": [
    "keyboard_navigable",
    "focus_visible",
    "prefers_reduced_motion",
    "aria_labels_on_columns"
  ],
  "qa_cases": [
    { "case": "instance conforme", "expected": "rendu complet, 2 colonnes, flèche centrale, 0 erreur" },
    { "case": "champ requis manquant (before_text)", "expected": "BLOCKED listant le champ absent" },
    { "case": "champ requis manquant (after_text)", "expected": "BLOCKED listant le champ absent" },
    { "case": "instance externe injectée (init(ext))", "expected": "le rendu change sans modifier le HTML" },
    { "case": "responsive 375px", "expected": "grille passe en colonne unique, flèche pivotée 90°" },
    { "case": "responsive 768/1024", "expected": "grille 2 colonnes, aucun débordement horizontal" }
  ],
  "traceability": {
    "derived_from_core_gab": "GAB-062",
    "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)."
  }
}