Rendre les notes en markdown, et en donner au projet

Une phase avait quatre lignes de texte brut ; un projet n'avait rien. Les deux
manques se tiennent : la frise ne dit pas qui pilote ni sur quel budget, et ce
contexte finissait dans les notes de la première phase venue, où il ne survit
pas à sa suppression.

Le bloc de notes est le même dans les deux panneaux et prend toute la hauteur
restante : les autres champs ont une taille dictée par leur contenu, une note
fait ce qu'on a à dire. Il s'ouvre sur l'aperçu quand la note existe, sur la
saisie quand elle est vide.

Les cases à cocher se cliquent dans l'aperçu — seul geste de l'aperçu qui touche
aux données. La bascule réécrit la seule ligne visée plutôt que de régénérer la
note, qui verrait sinon sa mise en forme normalisée. Inertes dans la vue par
mois, en lecture seule (décision 24).

La barre d'outils écrit par `document.execCommand('insertText')` et non en
affectant `value`, qui viderait la pile d'annulation du navigateur : `Ctrl+Z`
doit continuer de marcher. Le DOM est bâti nœud par nœud, sans un `innerHTML`.

Les infobulles aplatissent le markdown — `title` ne connaît que le texte —, et
celles d'un jalon et d'un libellé de projet les affichent désormais.

Le format passe en version 4 : le validateur reconstruit chaque projet champ par
champ, un binaire antérieur effacerait les notes de projet à la première
sauvegarde.

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>

js/timeline.js

@@ -29,6 +29,7 @@ import {
   semaineISO,
   versUTC,
 } from './model.js';
+import { aplatirMarkdown } from './markdown.js';
 import { pastillesTags } from './tags.js';
 
 /**
@@ -321,6 +322,10 @@ function libelleProjet(projet, tagsActifs = []) {
   // reste le seul endroit où les deux se lisent toujours en entier.
   nom.title =
     (projet.tags.length ? `${projet.name}\nTags : ${projet.tags.join(', ')}` : projet.name) +
+    // Les notes du projet passent avant l'invite : c'est le contenu, l'invite
+    // n'est qu'un mode d'emploi. Le libellé est le seul endroit de la frise où
+    // elles se lisent — un projet n'a pas de barre à lui.
+    (projet.notes ? `\n\n${aplatirMarkdown(projet.notes)}` : '') +
     // Le grisé de la ligne dit qu'il se passe quelque chose ; encore faut-il
     // pouvoir apprendre quoi, et comment revenir en arrière.
     (projet.hidden ? '\n\nMasqué de la frise — voir le menu ⋯ pour le rétablir.' : '') +
@@ -439,7 +444,13 @@ function construirePhase(projet, phase, echelle, selection) {
     losange.dataset.projet = projet.id;
     losange.dataset.phase = phase.id;
     losange.dataset.role = 'barre';
-    losange.title = `${phase.name} — ${formaterDateLongue(phase.start)}`;
+    // Un jalon porte des notes comme une tâche — souvent les plus utiles, un
+    // jalon étant justement le point où l'on consigne une décision. Son
+    // infobulle les taisait, alors que celle d'une barre les montrait.
+    losange.title =
+      `${phase.name} — ${formaterDateLongue(phase.start)}` +
+      `\n${LIBELLES_STATUT[phase.status]}` +
+      (phase.notes ? `\n\n${aplatirMarkdown(phase.notes)}` : '');
     elements.push(losange);
 
     const nom = document.createElement('span');
@@ -461,7 +472,11 @@ function construirePhase(projet, phase, echelle, selection) {
   barre.title =
     `${phase.name}\n${formaterDateLongue(phase.start)} → ${formaterDateLongue(phase.end)}` +
     `\n${LIBELLES_STATUT[phase.status]}` +
-    (phase.notes ? `\n\n${phase.notes}` : '');
+    // Aplati : l'infobulle native ne connaît que le texte, et y déverser la
+    // source markdown rendrait la note moins lisible qu'avant qu'on ne
+    // l'enrichisse. `aplatirMarkdown` retire les marques et remplace celles qui
+    // portent du sens — une puce pour un tiret, une case dessinée pour `[x]`.
+    (phase.notes ? `\n\n${aplatirMarkdown(phase.notes)}` : '');
 
   // Le nom vit dans son propre élément plutôt que directement dans la barre :
   // il est `sticky`, ce qui le maintient visible quand la barre s'enfonce sous