BDD-101 — Prévisualiser le résultat d'un bloc

Objectif

En tant qu'administrateur, prévisualiser les données après chaque bloc de transformation, afin de vérifier rapidement le résultat avant d'exécuter la suite du workflow.

Critères d'acceptance couverts

• Aperçu des 5 premières lignes disponible sur chaque bloc Traitement (Mapper, Nettoyer, Croiser).
• Colonnes et types affichés dans l'aperçu.
• Nombre total de lignes affiché dans le résumé de l'aperçu.
• Disponible sans exécuter tout le pipeline : l'aperçu repose sur la chaîne de prévisualisation existante (simulation locale + données amont chargées depuis le dépôt).

Périmètre livré

• Aperçu harmonisé (5 lignes, colonnes + types, total) sur Mapper / Nettoyer / Croiser.
• Bouton Prévisualiser : calcul et affichage du résultat au clic (pas de simulation automatique à chaque changement de champ).
• Chaîne amont toujours chargée pour la configuration (colonnes, clés de jointure) ; seul le résultat simulé du bloc est différé.
• En-tête inspecteur : icône + badges Traitement / sous-type (Mapper, Nettoyer, Croiser).
• Sections Général / Configuration (style panneau propriétés).
• Type de jointure Croiser : sélecteur Pill Inner / Left (Right / Full hors périmètre moteur actuel).
• Bannières qualité des données contextuelles sous la configuration.
• Bloc Croiser : après Prévisualiser, indication du nombre de lignes jointes / non jointes (info qualité, entre le bouton et le tableau).
• Pied d’aperçu : mention Aperçu limité (échantillon amont, pas d’exécution complète du workflow).

Fichiers principaux

Rôle	Chemin
En-tête inspecteur	front/src/components/workflows/WorkflowInspectorHeader.vue
Sections inspecteur	front/src/components/workflows/WorkflowInspectorSection.vue
Aperçu (bouton + tableau)	front/src/components/workflows/WorkflowBlockPreviewSection.vue
Tableau d’aperçu	front/src/components/workflows/WorkflowBlockPreviewTable.vue
Pills jointure	front/src/components/workflows/WorkflowJoinTypePills.vue
Hints qualité	front/src/components/workflows/WorkflowBlockQualityHints.vue
Logique hints	front/src/pages/admin/workflows/workflow-block-quality-hints.js
Lazy preview	front/src/composables/useWorkflowBlockPreview.js
Tiroir	front/src/components/workflows/WorkflowInspectorDrawer.vue
Panneaux Mapper / Nettoyer / Croiser	front/src/components/workflows/Workflow*Panel.vue

Tests

• front/src/__tests__/pages/admin/workflows/workflow-block-preview.spec.js
• front/src/__tests__/pages/admin/workflows/workflow-block-quality-hints.spec.js

Scripts SQL

Aucun — évolution pure front sur l'affichage de prévisualisation.