Planning — Mois

La grille

Le sélecteur de vues apparaît enfin : deux vues, et la coquille sait dimensionner leurs fenêtres. Les barres multi-jours perdent leur coin et leur filet au bord de la semaine, pour qu'un séjour à cheval sur un dimanche se lise comme une seule durée sur deux lignes.

weekStartsOn — le premier jour de la semaine

Sans rien passer, c'est la locale qui tranche : lundi en français, dimanche en anglais. weekStartsOn force le choix quand la langue de l'interface ne doit pas décider — un planning d'entreprise qui commence toujours le lundi, par exemple. Un seul réglage, et tout suit : les en-têtes de colonnes, l'ordre des cases, et les six semaines de la grille, qui ne partent plus du même jour. La prop accepte un nombre (0–6) ou un nom de jour. Elle vaut aussi pour la vue Semaine.

maxEventsPerDay et le « +N de plus »

Une case ne peut montrer qu'un nombre fini de rails. Au-delà, la barre n'est pas dessinée et chaque jour qu'elle couvrait compte un événement caché — le décompte est par jour, pas par semaine, parce que deux jours d'une même ligne en cachent rarement autant. Le nombre est calculé, pas mesuré : mesurer coûte une passe de rendu et se trompe sur la première.

Le jour, en Popover

Un clic sur une case ouvre sa journée entière — les événements cachés compris, parce qu'une liste ne montrant que le débordement obligerait à recomposer le jour de tête. Dropdown sur grand écran, positionné par useDropdownPosition selon la place disponible, et modal plein écran sur mobile.

onEventClick → —

Étroit, elle cesse de nommer

Sept colonnes réclament une centaine de pixels chacune avant qu'un titre veuille dire quelque chose. En dessous — une container query, donc un panneau étroit sur grand écran se comporte comme un téléphone — les cases affichent des points de densité et c'est la case entière qui ouvre le jour. Une meilleure cible au doigt qu'un « +2 » de huit pixels.

getColorKey

Par défaut la clé est la ressource, ce qui est l'intention courante. Ici on colorie explicitement par salle : les trois salles prennent trois teintes, et les événements sans salle restent neutres.

• auditorium
• salle-bleue
• atelier

La couleur de la donnée gagne toujours

Le Concert et l'Exposition portent un `color` dans le payload — ils gardent le leur. La palette ne répond que pour ce que la donnée n'a pas dit, ce qui permet de la brancher sans réécrire les événements déjà colorés.

Pourquoi c’est stable

Les clés sont triées avant d'être indexées, jamais prises dans l'ordre d'arrivée — sinon une semaine où la Salle Bleue apparaît en premier décalerait toutes les couleurs. Une salle ajoutée ne déplace que ce qui la suit alphabétiquement ; `colorKeys` fige l'ordre pour de bon.