{
  "contract_version": "gab_078_contract_v1",
  "gab_id": "GAB-078",
  "canonical_name": "VisualTimelineBlock",
  "module_owner": "EdTechVisualLearning",
  "renderer_key": "text_cta",
  "required_fields": [
    "gab_id",
    "timeline_id",
    "title",
    "events"
  ],
  "optional_fields": [
    "caption"
  ],
  "field_types": {
    "timeline_id": "string — identifiant unique de l'instance",
    "title": "string — titre affiché dans le hero",
    "events": "array<{date:string, icon:string, label:string, detail:string}> — min 2 événements",
    "caption": "string — texte d'aide affiché sous la frise"
  },
  "constraints": [
    "events doit contenir au minimum 2 éléments.",
    "Chaque event doit avoir : date, icon, label, detail.",
    "Le premier event est actif par défaut au chargement.",
    "Le detail du premier event est affiché dans la zone détail au démarrage."
  ],
  "blocked_conditions": [
    "events absent",
    "events vide (longueur 0)",
    "title absent"
  ],
  "accessibility": [
    "keyboard_navigable",
    "focus_visible",
    "prefers_reduced_motion",
    "aria_labels_on_interactive_elements"
  ],
  "qa_cases": [
    { "case": "instance conforme", "expected": "rendu complet, premier event actif, 0 erreur" },
    { "case": "events absent ou vide", "expected": "BLOCKED listant le champ" },
    { "case": "title absent", "expected": "BLOCKED listant le champ" },
    { "case": "clic sur un point de la frise", "expected": "zone détail mise à jour avec le texte de l'événement cliqué" },
    { "case": "instance externe injectée via init(ext)", "expected": "le rendu change sans modifier le HTML" },
    { "case": "responsive 375/768/1024", "expected": "aucun débordement horizontal" }
  ],
  "traceability": {
    "derived_from_core_gab": "GAB-078",
    "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)."
  }
}