feat(report): Phase 21B — dispatch Engines/Diagnostics (3 charts + 6 sections legacy)

Deuxième commit Phase 21 : déplace les charts d'erreur/calibration et
les sections legacy sémantiquement liées au diagnostic moteur.

Déplacés vers engines_diagnostics.html :
Charts :
- chart-taxonomy — taxonomie d'erreurs par moteur
- chart-reliability — courbes de fiabilité (calibration)
- error-clusters-container — clustering des patterns d'erreurs
Sections HTML (toutes conditionnelles, adaptatives) :
- readability_html — delta Flesch (A.II.2)
- advanced_taxonomy_view_html — vue thématique composite
- diagnostics_view_html — vue thématique composite homonyme
- rare_token_recall_html — Sprint câblage modules test-only
- taxonomy_cooccurrence_html — Sprint câblage modules test-only
- taxonomy_intra_doc_html — Sprint câblage modules test-only

Laissés intacts dans view_analyses.html (futurs commits) :
- chart-cer-doc, chart-quality-cer, pareto-chart → Commit C
- marginal_cost_html (cross-dimensional) → Commit C → Crosses
- view_results_html → Phase 23
- corr-matrix interactif JS → Commit D (suppression)

Tests :
- 10 nouveaux tests paramétrés (TestPhase21BDispatch) : 3 canvas + 6
sections + 1 anti-confusion marginal_cost.
- Anti-theater validé par 2 sabotages distincts (canvas rename +
conditional wiring rename).
- test_template_uses_three_views mis à jour : advanced_taxonomy +
diagnostics dans engines_diagnostics.html (et non plus view_analyses).

i18n :
- Nouvelle clé h_readability ajoutée FR + EN (parité 636/636).
- Toutes les autres clés (h_taxonomy, h_reliability, h_clusters, notes)
préexistaient — pas de duplication.

Convention HTML :
- <section class="card xer-chart-card" aria-labelledby="..."> aligné
sur engines_table.html et engines_stability.html.
- Pas de classe CSS inventée. Pas d'inline style hex.

https://claude.ai/code/session_01WYDbfkhKPeBZ15BTP4e9Ye

picarones/reports/html/templates/view_analyses.html

@@ -35,32 +35,6 @@
       </div>
     </div>
 
-    <div class="chart-card" style="grid-column:1/-1">
-      <h3 data-i18n="h_taxonomy">Taxonomie des erreurs par moteur</h3>
-      <div class="chart-canvas-wrap" style="max-height:300px">
-        <canvas id="chart-taxonomy" role="img" aria-label="Taxonomie d'erreurs par moteur" data-a11y-label="Taxonomie d'erreurs par moteur"></canvas>
-      </div>
-      <div style="font-size:.72rem;color:var(--text-muted);margin-top:.4rem" data-i18n="taxonomy_note">
-        Distribution des classes d'erreurs (classes 1–9 de la taxonomie Picarones).
-      </div>
-    </div>
-
-    <div class="chart-card" style="grid-column:1/-1">
-      <h3 data-i18n="h_reliability">Courbes de fiabilité</h3>
-      <div class="chart-canvas-wrap" style="max-height:300px">
-        <canvas id="chart-reliability" role="img" aria-label="Diagramme de fiabilité (calibration)" data-a11y-label="Diagramme de fiabilité (calibration)"></canvas>
-      </div>
-      <div style="font-size:.72rem;color:var(--text-muted);margin-top:.4rem" data-i18n="reliability_note">
-        Pour les X% documents les plus faciles (triés par CER croissant), quel est le CER moyen cumulé ?
-        Une courbe basse = moteur performant même sur les documents faciles.
-      </div>
-    </div>
-
-    <div class="chart-card" style="grid-column:1/-1">
-      <h3 data-i18n="h_clusters">Clustering des patterns d'erreurs</h3>
-      <div id="error-clusters-container"></div>
-    </div>
-
     <div class="chart-card pareto-card" style="grid-column:1/-1">
       <h3 data-i18n="h_pareto">Compromis qualité / coût</h3>
       <div class="pareto-toolbar" role="group" aria-label="Axe d'analyse Pareto">
@@ -108,46 +82,6 @@
     {{ view_results_html | safe }}
     {% endif %}
 
-    {# A.II.2 — lisibilité (delta Flesch).  Pas encore migrée vers
-       une vue XerOCR — conservée le temps qu'on décide de son
-       emplacement (Engines/Diagnostics ou Crosses). #}
-    {% if readability_html %}
-    <div class="chart-card" style="grid-column:1/-1">
-      {{ readability_html | safe }}
-    </div>
-    {% endif %}
-
-    {# Vues thématiques composées : seules sources de leur contenu —
-       à migrer plus tard vers la nouvelle IA. #}
-    {% if advanced_taxonomy_view_html %}
-    <div class="chart-card" style="grid-column:1/-1">
-      {{ advanced_taxonomy_view_html | safe }}
-    </div>
-    {% endif %}
-    {% if diagnostics_view_html %}
-    <div class="chart-card" style="grid-column:1/-1">
-      {{ diagnostics_view_html | safe }}
-    </div>
-    {% endif %}
-
-    <!-- Sprint « câblage des modules test-only » (mai 2026) :
-         4 sections issues de ``report_data.extra_metrics``.
-         Adaptive : ne s'affichent que si le calcul a remonté du signal. -->
-    {% if rare_token_recall_html %}
-    <div class="chart-card" style="grid-column:1/-1">
-      {{ rare_token_recall_html | safe }}
-    </div>
-    {% endif %}
-    {% if taxonomy_cooccurrence_html %}
-    <div class="chart-card" style="grid-column:1/-1">
-      {{ taxonomy_cooccurrence_html | safe }}
-    </div>
-    {% endif %}
-    {% if taxonomy_intra_doc_html %}
-    <div class="chart-card" style="grid-column:1/-1">
-      {{ taxonomy_intra_doc_html | safe }}
-    </div>
-    {% endif %}
     {% if marginal_cost_html %}
     <div class="chart-card" style="grid-column:1/-1">
       {{ marginal_cost_html | safe }}

picarones/reports/html/templates/views/engines_diagnostics.html

@@ -5,9 +5,28 @@
  # si rien n'a de signal, info-message pédagogique qui liste les
  # leviers de déblocage de chaque section.
  #
+ # Phase 21B dispatch — ajoute 3 charts Chart.js et 6 sections HTML
+ # qui vivaient dans view_analyses.html :
+ #   Charts : taxonomy, reliability, error-clusters
+ #   Vues thématiques : readability, advanced_taxonomy, diagnostics
+ #   Extra metrics : rare_token_recall, taxonomy_cooccurrence,
+ #                   taxonomy_intra_doc
+ #   (marginal_cost reste pour Crosses — cross-dimensional cost/quality.)
+ #
  # Variables consommées (injectées par generator.py / section_registry) :
  #   - ``engines_diagnostics_section_html``   — composite legacy (7 sections)
  #   - ``engines_correlation_matrix_html``    — matrice corrélation (migré HTML)
+ #   - ``engines_confusion_heatmap_html``     — heatmap confusion unicode
+ #   - ``readability_html``                   — delta Flesch (A.II.2)
+ #   - ``advanced_taxonomy_view_html``        — vue thématique composite
+ #   - ``diagnostics_view_html``              — vue thématique composite
+ #   - ``rare_token_recall_html``             — Sprint câblage modules
+ #   - ``taxonomy_cooccurrence_html``         — Sprint câblage modules
+ #   - ``taxonomy_intra_doc_html``            — Sprint câblage modules
+ # Charts Chart.js (construits par buildCharts()) :
+ #   - ``chart-taxonomy``         — taxonomie d'erreurs par moteur
+ #   - ``chart-reliability``      — courbes de fiabilité (calibration)
+ #   - ``error-clusters-container`` — clustering patterns d'erreurs
 #}
 {{ engines_diagnostics_section_html | safe }}
 
@@ -18,3 +37,74 @@
 {% if engines_confusion_heatmap_html %}
 {{ engines_confusion_heatmap_html | safe }}
 {% endif %}
+
+<section class="card xer-chart-card" aria-labelledby="engines-taxonomy-title"
+         style="margin-top:1.25rem">
+  <h3 id="engines-taxonomy-title" data-i18n="h_taxonomy">Taxonomie des erreurs par moteur</h3>
+  <p data-i18n="taxonomy_note">
+    Distribution des classes d'erreurs (classes 1–9 de la taxonomie Picarones).
+  </p>
+  <div class="chart-canvas-wrap" style="max-height:300px">
+    <canvas id="chart-taxonomy" role="img"
+            aria-label="Taxonomie d'erreurs par moteur"
+            data-a11y-label="Taxonomie d'erreurs par moteur"></canvas>
+  </div>
+</section>
+
+<section class="card xer-chart-card" aria-labelledby="engines-reliability-title"
+         style="margin-top:1.25rem">
+  <h3 id="engines-reliability-title" data-i18n="h_reliability">Courbes de fiabilité</h3>
+  <p data-i18n="reliability_note">
+    Pour les X% documents les plus faciles (triés par CER croissant), quel est le CER moyen cumulé ?
+    Une courbe basse = moteur performant même sur les documents faciles.
+  </p>
+  <div class="chart-canvas-wrap" style="max-height:300px">
+    <canvas id="chart-reliability" role="img"
+            aria-label="Diagramme de fiabilité (calibration)"
+            data-a11y-label="Diagramme de fiabilité (calibration)"></canvas>
+  </div>
+</section>
+
+<section class="card xer-chart-card" aria-labelledby="engines-clusters-title"
+         style="margin-top:1.25rem">
+  <h3 id="engines-clusters-title" data-i18n="h_clusters">Clustering des patterns d'erreurs</h3>
+  <div id="error-clusters-container"></div>
+</section>
+
+{% if readability_html %}
+<section class="card xer-chart-card" aria-labelledby="engines-readability-title"
+         style="margin-top:1.25rem">
+  <h3 id="engines-readability-title" data-i18n="h_readability">Lisibilité (delta Flesch)</h3>
+  {{ readability_html | safe }}
+</section>
+{% endif %}
+
+{% if advanced_taxonomy_view_html %}
+<section class="card xer-chart-card" style="margin-top:1.25rem">
+  {{ advanced_taxonomy_view_html | safe }}
+</section>
+{% endif %}
+
+{% if diagnostics_view_html %}
+<section class="card xer-chart-card" style="margin-top:1.25rem">
+  {{ diagnostics_view_html | safe }}
+</section>
+{% endif %}
+
+{% if rare_token_recall_html %}
+<section class="card xer-chart-card" style="margin-top:1.25rem">
+  {{ rare_token_recall_html | safe }}
+</section>
+{% endif %}
+
+{% if taxonomy_cooccurrence_html %}
+<section class="card xer-chart-card" style="margin-top:1.25rem">
+  {{ taxonomy_cooccurrence_html | safe }}
+</section>
+{% endif %}
+
+{% if taxonomy_intra_doc_html %}
+<section class="card xer-chart-card" style="margin-top:1.25rem">
+  {{ taxonomy_intra_doc_html | safe }}
+</section>
+{% endif %}

picarones/reports/i18n/en.json

@@ -243,6 +243,7 @@
   "h_radar": "Engine Profile (radar)",
   "h_ranking": "Engine Ranking",
   "h_ratio_anchor": "Length Ratio vs Anchor Score",
+  "h_readability": "Readability (Flesch delta)",
   "h_reliability": "Reliability Curves",
   "h_taxonomy": "Error Taxonomy by Engine",
   "h_venn": "Shared / Exclusive Errors (Venn)",

picarones/reports/i18n/fr.json

@@ -243,6 +243,7 @@
   "h_radar": "Profil des moteurs (radar)",
   "h_ranking": "Classement des moteurs",
   "h_ratio_anchor": "Ratio longueur vs ancrage",
+  "h_readability": "Lisibilité (delta Flesch)",
   "h_reliability": "Courbes de fiabilité",
   "h_taxonomy": "Taxonomie des erreurs par moteur",
   "h_venn": "Erreurs communes / exclusives (Venn)",

tests/reports/test_engines_diagnostics_view.py

@@ -315,3 +315,46 @@ class TestDiagnosticsTemplate:
     def test_template_consumes_section_html(self) -> None:
         text = DIAG_TEMPLATE.read_text(encoding="utf-8")
         assert "engines_diagnostics_section_html" in text
+
+
+class TestPhase21BDispatch:
+    """Phase 21B — vérifie le dispatch des 3 charts Chart.js et 6 sections
+    HTML legacy depuis view_analyses.html vers engines_diagnostics.html.
+
+    Anti-theater : un retrait silencieux d'un élément déplacé fait
+    échouer le test correspondant.
+    """
+
+    @pytest.fixture(scope="class")
+    def diag_src(self) -> str:
+        return DIAG_TEMPLATE.read_text(encoding="utf-8")
+
+    @pytest.mark.parametrize("canvas_id", [
+        "chart-taxonomy",
+        "chart-reliability",
+        "error-clusters-container",
+    ])
+    def test_chart_canvas_present(self, diag_src: str, canvas_id: str) -> None:
+        assert f'id="{canvas_id}"' in diag_src, (
+            f"Canvas/container {canvas_id!r} doit être dans engines_diagnostics.html "
+            "(Phase 21B dispatch depuis view_analyses.html)"
+        )
+
+    @pytest.mark.parametrize("section_var", [
+        "readability_html",
+        "advanced_taxonomy_view_html",
+        "diagnostics_view_html",
+        "rare_token_recall_html",
+        "taxonomy_cooccurrence_html",
+        "taxonomy_intra_doc_html",
+    ])
+    def test_legacy_section_wired(self, diag_src: str, section_var: str) -> None:
+        assert f"{{% if {section_var} %}}" in diag_src, (
+            f"Section {section_var!r} doit être câblée (conditionnelle) "
+            "dans engines_diagnostics.html"
+        )
+
+    def test_marginal_cost_not_in_diagnostics(self, diag_src: str) -> None:
+        """marginal_cost_html va dans Crosses (cross-dimensional
+        cost/quality), pas dans Diagnostics — anti-confusion."""
+        assert "{% if marginal_cost_html %}" not in diag_src

tests/reports/test_views.py

@@ -378,12 +378,14 @@ class TestGeneratorWiring:
 
     def test_template_uses_three_views(self):
         """Les 3 vues thématiques sont câblées dans leur destination
-        XerOCR sémantique (Phase 21 — dispatch depuis view_analyses).
-
-        - economics_view_html → Engines/Tableau (throughput rejoint le
-          tableau de référence par moteur).
-        - advanced_taxonomy_view_html / diagnostics_view_html → encore
-          dans view_analyses.html en attendant leur dispatch.
+        XerOCR sémantique (Phase 21 — dispatch depuis view_analyses) :
+
+        - economics_view_html         → Engines/Tableau (throughput rejoint
+                                        le tableau de référence par moteur).
+        - advanced_taxonomy_view_html → Engines/Diagnostics (extends the
+                                        basic taxonomy chart).
+        - diagnostics_view_html       → Engines/Diagnostics (composite
+                                        thématique homonyme).
         """
         from pathlib import Path
 
@@ -391,12 +393,16 @@ class TestGeneratorWiring:
             Path(__file__).parent.parent.parent
             / "picarones" / "reports" / "html" / "templates"
         )
-        analyses_src = (templates_dir / "view_analyses.html").read_text(encoding="utf-8")
         engines_table_src = (templates_dir / "views" / "engines_table.html").read_text(encoding="utf-8")
+        engines_diag_src = (templates_dir / "views" / "engines_diagnostics.html").read_text(encoding="utf-8")
 
         assert "{% if economics_view_html %}" in engines_table_src, (
             "economics_view_html doit être câblée dans engines_table.html "
             "(Phase 21 dispatch — throughput va avec le tableau moteurs)"
         )
-        assert "{% if advanced_taxonomy_view_html %}" in analyses_src
-        assert "{% if diagnostics_view_html %}" in analyses_src
+        assert "{% if advanced_taxonomy_view_html %}" in engines_diag_src, (
+            "advanced_taxonomy_view_html doit être câblée dans engines_diagnostics.html"
+        )
+        assert "{% if diagnostics_view_html %}" in engines_diag_src, (
+            "diagnostics_view_html doit être câblée dans engines_diagnostics.html"
+        )