Appearance
BDD-130 — Corriger le renommage des blocs (Source, Traitement, Destination)
User story
En tant qu'utilisateur, je veux renommer n'importe quel bloc (source, transformation, destination) via le tiroir de configuration, afin que le libellé affiché sur le canvas soit persisté et stable après autosave / rechargement.
Problème
- Le champ « Nom affiché sur le canvas » semblait ignoré pour Traitement et Destination après sauvegarde (sensation de rechargement).
- La saisie provoquait des à-coups : boucle Vue Flow
update:nodes+ autosave déclenchantloadingsur tout l'éditeur.
Critères d'acceptance
| Critère | Statut |
|---|---|
| Source, Traitement ou Destination : modifier le nom met à jour immédiatement le libellé canvas | ✅ |
| Après autosave (~1 s), un refresh navigateur affiche le même nom | ✅ |
Nom persisté en base (workflow_nodes.label) et relu au chargement | ✅ (inchangé côté API) |
| Renommer un bloc ne déplace pas le nœud (pas de régression position / fitView) | ✅ |
| Déplacer un bloc sur le canvas : la position reste après autosave / refresh | ✅ |
| Test unitaire front : label traitement + destination | ✅ |
Périmètre livré
Front
workflow-canvas-label.js— fusion des libellés sans écraser un nom personnalisé par le défaut du type.workflow-canvas.sync.js— merge unifié source / traitement / destination.useWorkflowCanvasNodeLabelDraft.js+WorkflowInspectorDrawer.vue— brouillon local debouncé pour la saisie.useWorkflowActiveSourceBindings.js— plus detrim()à chaque frappe (trim à la persistance / blur).workflow-canvas.model.js—trimà l'export API.workflow-store.js—saveCanvasrafraîchit la liste sansloading(plus de overlay « Chargement… » sur le canvas).workflow-canvas-position.js— résolutionposition/computedPosition(drag, merge Vue Flow).WorkflowEditorPage.vue—@node-drag-stoppour figer la position après glisser-déposer.
Back
Aucun changement (le champ label était déjà persisté).
Migration SQL
Aucune.
Tests
| Couche | Fichier |
|---|---|
| Front unit | workflow-canvas-label.spec.js |
| Front unit | workflow-canvas-position.spec.js |
| Front unit | useWorkflowCanvasNodeLabelDraft.spec.js |
| Front unit | workflow-store.spec.js (autosave sans loading) |
Vérification manuelle
- Ouvrir un workflow, ajouter Source / Traitement / Destination.
- Renommer chaque bloc dans le tiroir ; vérifier le titre sur le canvas sans tremblement à la frappe.
- Attendre l'autosave : pas d'overlay « Chargement du workflow… » sur le canvas.
- F5 : les noms personnalisés sont conservés.
- Déplacer un bloc, attendre l'autosave : le bloc reste à la nouvelle position (pas de retour au point d'ajout).
