@mostajs/flotte-ui 0.1.1 → 0.2.1

package/CHANGELOG.md

@@ -3,7 +3,54 @@
 Format [Keep a Changelog](https://keepachangelog.com/fr/1.0.0/) · [SemVer](https://semver.org/lang/fr/).
 Auteur : Dr Hamid MADANI <drmdh@msn.com>
 
-## [0.1.1] — non publiée
+## [0.2.1] — non publiée
+### Added
+- Option `pieces: false` du rendu et des lecteurs. Elle s'adresse à une application qui ne reçoit pas de fichiers :
+  - plus de champ fichier, et des formulaires urlencoded, non multipart ;
+  - les lecteurs ignorent une pièce qui n'a pas été offerte.
+
+  Elle répond à la console de Guerway, qui n'accepte que l'urlencoded. Essai T-FUI-27.
+- Option de rendu `codeSite(code)` : le code de station affiché, choisi par l'application. Guerway saisit `alg-01`
+  et affiche `ALG-01`. Essai T-FUI-28.
+
+## [0.2.0] — 2026-10-24
+Les planches A à F de Guerway (`GUERWAY/docs/L0/maquette-flotte/`, exigences ECR-16.29 à 16.41). Demande
+`@mostajs/flotte` **^0.5.0** (`TRANSITIONS`, `transitionsDepuis`, pièce d'un plein).
+### Added
+- Tableau de bord de la planche A : six indicateurs (« Hors service »), puces de statut avec effectifs, liste
+  (type et capacité, station et région), véhicules par station en barres empilées, statuts en anneau. Essais
+  T-FUI-12 et 13.
+- `rendrePageVehicule` : la fiche pleine page. Elle comprend :
+  - un en-tête commun, « Modifier », et « Changer le statut » limité aux transitions du moteur ;
+  - sept onglets ;
+  - un bandeau de message ou de refus.
+
+  Essai T-FUI-14.
+- Les onglets :
+  - Documents : une carte par échéance. Essai T-FUI-15.
+  - Entretiens : jauges km et jours, prochaine échéance estimée, interventions à cadenas. Essai T-FUI-16.
+  - Affectations : frise et panneau « Affecter un chauffeur ». Essai T-FUI-17.
+  - Pleins et relevés : courbe du compteur, avertissements, consommation mesurée. Essai T-FUI-19.
+  - Coûts : périodes, postes, non comptés, barres par mois, coût au km du parc. Essai T-FUI-20.
+- Les formulaires d'écriture et leurs **lecteurs**. Le module n'écrit rien : un lecteur rend les arguments de l'API
+  de `flotte`.
+  - `rendreFormulaireStatut` et `lireStatut` (T-FUI-18).
+  - `rendreFormulaireVehicule`, `lireFormulaireVehicule` et `lireModification` (T-FUI-21, 22).
+  - `FORMULAIRES`, `rendreFormulaire` et `lireFormulaire` : plan, intervention, clôture, plein, relevé, échéance
+    (T-FUI-23).
+  - `erreurDeFlotte` place un refus du moteur sous son champ.
+- `construireMonVehicule` et `rendreMonVehicule` : « Mon véhicule » du livreur. Essai T-FUI-24.
+- `construireAptitudes`, `rendreChoixVehicule`, `rendreRefusDepart` et `rendreDisponibles` : l'aptitude en tournée,
+  avec le refus et **tous** ses motifs. Essai T-FUI-25.
+- Essai transverse T-FUI-26 : aucun script, tout est échappé, et chaque clé de texte appelée existe.
+### Changed
+- Vue-modèle de la fiche :
+  - `documents`, `entretiens` et `affectations` changent de forme (plan de dev §8.3) ;
+  - `ONGLETS` compte sept onglets ;
+  - `indicateurs.horsService` et `puces` apparaissent.
+- La colonne « Capacité » passe sous le type.
+
+## [0.1.1] — 2026-10-24
 ### Fixed
 - Une entrée d'historique sans `vers` (modification descriptive, `@mostajs/flotte` ≥ 0.4.0) n'est plus lue comme un
   changement de statut : la variation des indicateurs reste juste. L'onglet Historique l'affiche

package/README.md

@@ -6,16 +6,28 @@ Les écrans du carnet du parc ([`@mostajs/flotte`](../mosta-flotte)), en HTML re
 script**. Le module sert le même écran à Guerway et au SaaS « Carnet du parc ». Chacun l'habille de sa propre charte.
 
 - **Le tableau de bord** (écran ECR-16 de Guerway) :
-  - cinq indicateurs avec leur variation sur la période ;
+  - six indicateurs avec leur variation sur la période, et des puces de statut avec leurs effectifs ;
   - la liste filtrée et paginée, avec le statut, l'indicateur « document expiré » et la réponse « peut partir » du
     jour ;
   - les alertes et échéances ;
   - la répartition par type, les statuts et le kilométrage sur six mois ;
-  - les véhicules par station, le top 5 et les actions rapides.
-- **La fiche du véhicule** :
+  - les véhicules par station (barres empilées par statut), le top 5 et les actions rapides.
+- **La fiche du véhicule**, en panneau ou en pleine page (`rendrePageVehicule`) :
   - le bandeau « peut partir », ou ses motifs ;
-  - les onglets Informations, Documents, Entretiens, Affectations et Historique, chacun en lien GET ;
-  - le prochain entretien daté, y compris quand cette date est estimée au rythme du véhicule.
+  - « Modifier », et « Changer le statut », qui ne propose que les transitions permises par le moteur ;
+  - sept onglets, chacun en lien GET :
+    - Informations ;
+    - Documents : une carte par échéance, avec la pièce et son empreinte ;
+    - Entretiens : jauges en km et en jours, prochaine échéance datée, même quand la date est estimée ;
+    - Affectations : frise, et choix d'un chauffeur du bureau ;
+    - Pleins et relevés : courbe du compteur et consommation mesurée ;
+    - Coûts : par période et par mois, coût au km du parc ;
+    - Historique.
+- **Les formulaires d'écriture**, avec leurs lecteurs :
+  - nouveau véhicule, modifier, changement de statut, réforme confirmée ;
+  - plan, intervention, clôture, plein, relevé, échéance.
+- **« Mon véhicule »** du livreur, et l'**aptitude des véhicules** au départ d'une tournée, avec un refus qui donne
+  tous ses motifs.
 
 L'écran se fait en deux temps :
 1. **construire** : lit l'API de `flotte` et produit une vue-modèle faite de codes ;
@@ -60,6 +72,19 @@ Le kit reprend les signatures des composants de Guerway (`src/charte.mjs`), qui
 
 Un membre absent est pris dans `KIT_DEFAUT`.
 
+### Écrire : le module lit, l'application appelle le moteur
+
+```js
+import { lireFormulaire, rendreFormulaire, erreurDeFlotte } from '@mostajs/flotte-ui';
+
+const { donnees, erreurs } = lireFormulaire('plein', req.body);       // « 18 500,00 » → 18500, JJ/MM/AAAA → AAAA-MM-JJ
+if (!Object.keys(erreurs).length) {
+  try { await flotte.saisirPlein({ vehicule: id, ...donnees }, { agent }); return redirect(`/flotte/${id}?onglet=pleins`); }
+  catch (refus) { /* RECUL : sous le champ km, formulaire rempli */ return page(rendreFormulaire('plein', { fiche, valeurs: req.body, refus }, opts)); }
+}
+return page(rendreFormulaire('plein', { fiche, valeurs: req.body, erreurs }, opts));
+```
+
 ## Langues
 
 Le module ne contient aucune chaîne en dur.
@@ -72,12 +97,13 @@ Le module ne contient aucune chaîne en dur.
 - Écrire ou décider : c'est `@mostajs/flotte`, qui porte toutes les règles.
 - Router, poser le menu ou vérifier les droits : c'est l'application. `droits.gerer` ne fait que masquer, le serveur
   refuse.
-- Les formulaires d'écriture (nouveau véhicule, affectation, entretien, plein) : ils viendront en 0.2.0, une fois
-  les maquettes reçues (`Entreprise/GUERWAY/docs/L0/PROMPT-MAQUETTE-FLOTTE.md`).
+- Stocker un fichier joint (pièce d'une échéance, ticket d'un plein) : l'application le reçoit, le garde, et passe
+  à `flotte` son nom et son empreinte.
+- Connaître le permis d'un chauffeur : l'application fournit `chauffeurs` (`permis`, `habilite`).
 
 ## Vérifier
 
 ```bash
-npm test                      # T-FUI-1 à 10
+npm test                      # T-FUI-1 à 26
 node examples/verifier.mjs    # écrit test-scripts/.out/exemple-flotte-ui.html (le parc de la maquette)
 ```

package/llms.txt

@@ -1,8 +1,9 @@
 # @mostajs/flotte-ui — llms.txt
 
 RÔLE
-  Écrans HTML du carnet du parc (@mostajs/flotte), sans React ni script : tableau de bord ECR-16 de Guerway et fiche
-  du véhicule à onglets. Deux temps : construire (async, lit l'API de flotte → vue-modèle de CODES) puis rendre (pur,
+  Écrans HTML du carnet du parc (@mostajs/flotte), sans React ni script : tableau de bord ECR-16 de Guerway, fiche
+  du véhicule pleine page à sept onglets, formulaires d'écriture et leurs lecteurs, « Mon véhicule » du livreur,
+  aptitude en tournée (planches A à F, 0.2.0). Deux temps : construire (async, lit l'API de flotte → vue-modèle de CODES) puis rendre (pur,
   vue-modèle → HTML, avec le kit et la traduction de l'application). N3, métier, forme « vue ».
 
 EXPORTS
@@ -14,11 +15,33 @@ EXPORTS
       { sens, pct|null, favorable }), liste: { lignes, total, page, pages, parPage }, options, alertes: { lignes, total, jours },
       repartition, statuts, km: { mois, valeurs }, parSite, top, avecActivite, fiche }
     ligne = { id, code, plaque, type, capacite: { kg, m3 }, site, region, conducteur, km, statut, documentExpire, depart }
-  construireFiche(flotte, id, { declarations, date?, sites?, conducteurs?, onglet? }) -> fiche
-    onglet ∈ ONGLETS (informations, documents, entretiens, affectations, historique) ; inconnu → informations
+  construireFiche(flotte, id, { declarations, date?, sites?, conducteurs?, agents?, onglet?, chauffeurs?, periode?, perimetre? }) -> fiche
+    onglet ∈ ONGLETS (informations, documents, entretiens, affectations, pleins, couts, historique) ; inconnu → informations
+    fiche.transitions (flotte.transitionsDepuis), categoriePermis, plans ; selon l'onglet : documents [{ type, etat, courante, anciennes }],
+    entretiens { plans [{ km|jours: { fait, pas, pct }, le, estime, auPlusTard }], interventions, rythme },
+    affectations { courante, frise, candidats [{ …chauffeur, disponibilite: libre|ce_vehicule|occupe, plaque? }], categorie },
+    pleins { km, rythme, courbe, releves, pleins [{ …, conso }], consommation }, couts { periode, du, au, cout, mois, parc, nonComptes }
+    chauffeurs : [{ id, nom, telephone, permis, habilite? }] fournis par l'application (permis et habilitation : les siens)
+    periode : 'mois'|'trimestre'|'annee'|{ du, au } (la requête GET convient) ; periodeDe(p, jour)
+  construireMonVehicule(flotte, conducteur, opts) -> { vehicule: fiche|null, prochains, rythme }
+  construireAptitudes(flotte, { date?, conducteur?, perimetre?, sites? }) -> [{ id, plaque, type, capacite, km, site, region, depart }] aptes d'abord
   rendreTableau(vm, { kit?, t?, locale?, liens?: { base, nouveau?, modifier?(id), affecter?(id), planifier?(id), tournee?,
       alertes?, export? }, droits?: { gerer }, declarations? }) -> { titre, sousTitre, outils, corps }
-  rendreFiche(fiche, mêmes opts + filtres?) -> HTML
+  rendreFiche(fiche, mêmes opts + filtres?) -> HTML (panneau du tableau de bord)
+  rendrePageVehicule(fiche, opts + { message?, refus?, devise? }) -> { titre, sousTitre, fil, outils, corps }
+    liens : fiche(id, onglet), modifier, statut(id, t), renouveler(id, type), piece(id, e), planifier, intervention, clore(id, i),
+    affecter, liberer, plein, releve — chaque écriture est un formulaire POST vers le lien fourni
+  rendreFormulaireVehicule({ mode, vehicule?, declarations, sites, valeurs?, erreurs?, refus? }, opts + liens.enregistrer)
+  lireFormulaireVehicule(corps, { declarations }) -> { donnees: { code, immatriculation, type, attributs, chassis, miseEnService,
+      site, mode, kmDepart, echeances }, erreurs }   inscrire(donnees), puis relever(kmDepart), poserEcheance(…)
+  lireModification(corps, vehicule, { declarations }) -> { donnees (champs changés seuls, pour modifier), erreurs }
+  rendreFormulaireStatut(fiche, transition, opts) ; lireStatut(corps, transition) -> { donnees: { motif, confirme }, erreurs }
+  FORMULAIRES { plan, intervention, cloture, plein, releve, echeance } ; rendreFormulaire(nom, { fiche, declarations?, valeurs?,
+      erreurs?, refus? }, opts + action) ; lireFormulaire(nom, corps, { declarations? }) -> { donnees, erreurs }
+  codeSite?: (code) → code affiché (rendu, 0.2.1) ; pieces: false (rendu et lecteurs, 0.2.1) : ni champ fichier ni multipart, pour une application sans dépôt de fichiers
+  erreurDeFlotte(e) -> { champ, code }   le refus du moteur sous son champ (RECUL → km, DOUBLON → immatriculation…)
+  rendreMonVehicule(vm, { liens: { plein, releve } }) ; rendreChoixVehicule(aptitudes, { nom?, choisi? })
+  rendreRefusDepart(depart, { lien }) ; rendreDisponibles(aptitudes, { exclure })
   exporterCsv(vm, opts?) -> CSV « ; » (construire avec parPage: Infinity)
   TEXTES, texte(cle, t?, vars?)   t('flotte.ecran.<cle>') puis repli français
   KIT_DEFAUT { icone, kpi, badge, carte, alerte, anneau, courbes, pagination, classes } ; FLOTTE_CSS (classes fl-*) ; COULEURS
@@ -29,14 +52,18 @@ RÈGLES
   - Le texte cherche aussi le NOM du chauffeur (le moteur ne connaît que l'identifiant).
   - « Document expiré » est un indicateur (pastille), jamais un statut.
   - Une action n'apparaît que si son lien est fourni ; une action d'écriture, que si droits.gerer.
+  - Le module n'écrit rien : un lecteur signale les champs mal formés (requis, nombre, date) et rend les arguments du
+    moteur ; les règles (motif de plaque, doublon, recul, transition) restent au moteur, dont le refus revient sous
+    son champ, formulaire rempli.
+  - Le menu « Changer le statut » ne montre que transitionsDepuis(statut) ; la catégorie de permis vient du type (D23).
 
 PIÈGES
   - Toute valeur est échappée ; titre et corps des cartes du kit reçoivent du HTML déjà sûr.
   - Les nombres sont formatés par Intl (fr-FR : espace fine insécable U+202F) : en test, accepter [\s ].
-  - Dépend de @mostajs/flotte ^0.3.0 (vehicules()) en peerDependency : l'application fournit l'instance.
+  - Dépend de @mostajs/flotte ^0.5.0 (vehicules, vehiculeDe, pleins, transitionsDepuis) en peerDependency : l'application fournit l'instance.
 
 EXEMPLE / TEST
   examples/verifier.mjs   le parc de la maquette, page complète → test-scripts/.out/exemple-flotte-ui.html
-  test-scripts/unit/flotte-ui.test.mjs   T-FUI-1 à 10
+  test-scripts/unit/flotte-ui.test.mjs   T-FUI-1 à 11 ; flotte-ui-planches.test.mjs   T-FUI-12 à 26 (planches A à F)
 
 LICENCE AGPL-3.0-or-later · Auteur Dr Hamid MADANI <drmdh@msn.com>

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@mostajs/flotte-ui",
-  "version": "0.1.1",
-  "description": "Écrans HTML du carnet du parc (@mostajs/flotte), sans React ni script : tableau de bord (indicateurs, liste filtrée, alertes et échéances, répartitions, kilométrage, véhicules par station, top 5, actions rapides) et fiche du véhicule à onglets. Vue-modèle lue dans l'API de flotte, rendue avec le kit de composants de l'application (sa charte) ou un kit sobre par défaut.",
+  "version": "0.2.1",
+  "description": "Écrans HTML du carnet du parc (@mostajs/flotte), sans React ni script : tableau de bord, fiche du véhicule pleine page à sept onglets (documents, entretiens, affectations, pleins et relevés, coûts, historique), formulaires d'écriture et leurs lecteurs, « Mon véhicule » du livreur, aptitude en tournée. Vue-modèle lue dans l'API de flotte, rendue avec le kit de composants de l'application (sa charte) ou un kit sobre par défaut.",
   "license": "AGPL-3.0-or-later",
   "author": "Dr Hamid MADANI <drmdh@msn.com>",
   "type": "module",
@@ -13,15 +13,15 @@
   "keywords": ["mostajs", "flotte", "fleet", "fleet-management", "html", "server-side", "no-react", "dashboard"],
   "repository": { "type": "git", "url": "https://github.com/apolocine/mosta-flotte-ui" },
   "dependencies": { "@mostajs/app-shell-ui": "^0.3.0" },
-  "peerDependencies": { "@mostajs/flotte": "^0.3.0" },
+  "peerDependencies": { "@mostajs/flotte": "^0.5.0" },
   "devDependencies": { "@mostajs/mjs-unit": "0.10.0" },
   "mostajs": {
     "niveau": "N3", "nature": "metier", "reutilisabilite": "mono-domaine", "depend_de": ["@mostajs/flotte", "@mostajs/app-shell-ui"],
     "question": "Comment le chef de parc voit-il son parc, et chaque véhicule, sans React ?",
     "forme": "vue",
     "entites": [],
-    "verbes": ["construireTableau", "rendreTableau", "construireFiche", "rendreFiche", "exporterCsv"],
+    "verbes": ["construireTableau", "rendreTableau", "construireFiche", "rendreFiche", "rendrePageVehicule", "exporterCsv", "rendreFormulaireVehicule", "lireFormulaireVehicule", "lireModification", "rendreFormulaireStatut", "lireStatut", "rendreFormulaire", "lireFormulaire", "erreurDeFlotte", "construireMonVehicule", "rendreMonVehicule", "construireAptitudes", "rendreChoixVehicule", "rendreRefusDepart", "rendreDisponibles"],
     "interop": { "moteur": "@mostajs/flotte (vehicules, peutPartir, prochainsEntretiens, echeances, releves, affectations)", "primitives": "@mostajs/app-shell-ui (esc, pagination)", "charte": "kit de composants injecté par l'application" },
-    "ne_fait_pas": { "stocker, calculer une règle de flotte": "@mostajs/flotte", "gabarit, menu, routes": "l'application (ou @mostajs/app-shell-ui)", "droits": "l'application (droits.gerer)" }
+    "ne_fait_pas": { "stocker, écrire, calculer une règle de flotte": "@mostajs/flotte (les lecteurs rendent ses arguments)", "gabarit, menu, routes": "l'application (ou @mostajs/app-shell-ui)", "droits": "l'application (droits.gerer)" }
   }
 }

package/src/commun.js

@@ -0,0 +1,84 @@
+// @mostajs/flotte-ui — ce que partagent le rendu des écrans et celui des formulaires : contexte, liens, formats.
+// Author: Dr Hamid MADANI <drmdh@msn.com> · AGPL-3.0-or-later
+import { esc } from '@mostajs/app-shell-ui';
+import { libelle } from '@mostajs/flotte';
+import { texte } from './textes.js';
+import { KIT_DEFAUT } from './kit.js';
+
+export const BADGE = { en_service: ['vert', 'coche'], a_l_atelier: ['orange', 'cle'], immobilise: ['rouge', 'croix'], reforme: ['gris', 'document'] };
+
+/**
+ * Le contexte de rendu : kit complété, traduction, formats. opts : { kit, t, locale, liens, droits, declarations, devise,
+ * codeSite? (code → code affiché : Guerway saisit alg-01 et affiche ALG-01) }
+ */
+export function contexte({ kit = {}, t, locale = 'fr-FR', liens = {}, droits = {}, declarations = {}, devise = '', codeSite } = {}) {
+  const k = { ...KIT_DEFAUT, ...kit, classes: { ...KIT_DEFAUT.classes, ...(kit.classes || {}) } };
+  const nf = (x) => new Intl.NumberFormat(locale).format(x);
+  const nf2 = (x) => new Intl.NumberFormat(locale, { minimumFractionDigits: 2, maximumFractionDigits: 2 }).format(x);
+  const argent = (x) => (x === null || x === undefined ? '—' : `${nf2(x)}${devise ? ` ${devise}` : ''}`);
+  const tx = (cle, vars) => texte(cle, t, vars);
+  // Un code de la flotte ; à défaut de traduction, le libellé déclaré, sinon le code.
+  const lib = (famille, code, vars) => {
+    const l = libelle(famille, code, t, vars);
+    if (l !== code) return l;
+    const d = famille === 'type' ? declarations.types?.[code] : famille === 'echeance' ? declarations.echeances?.[code] : null;
+    return d?.libelle ?? code;
+  };
+  const jj = (d) => (d ? d.split('-').reverse().join('/') : '—');
+  /** Une phrase de motif ou d'avertissement : les valeurs qui sont des codes sont traduites, les dates mises en forme. */
+  const phrase = (famille, m) => {
+    const v = { ...m };
+    if (v.statut) v.statut = lib('statut', v.statut);
+    if (v.type) v.type = lib('echeance', v.type);
+    if (v.unite) v.unite = lib('unite', v.unite);
+    if (v.date) v.date = jj(v.date);
+    if (Number.isFinite(v.n)) v.n = nf(v.n);
+    return lib(famille, m.code, v);
+  };
+  const site = (c) => (c === null || c === undefined || c === '' ? '—' : typeof codeSite === 'function' ? String(codeSite(c)) : String(c));
+  return { k, c: k.classes, nf, nf2, argent, devise, tx, lib, jj, phrase, site, liens, droits, peutGerer: Boolean(droits.gerer), locale };
+}
+
+const nonVide = ([, v]) => v !== undefined && v !== null && v !== '';
+const requete = (params) => Object.entries(params).filter(nonVide).map(([k, v]) => `${encodeURIComponent(k)}=${encodeURIComponent(v)}`).join('&');
+/** Une URL GET : la base, puis les paramètres non vides, dans l'ordre donné. */
+export function url(base, params) { const q = requete(params); return q ? `${base}?${q}` : base; }
+/** Ajoute des paramètres à une URL qui en a peut-être déjà (celle que rend un lien de l'application). */
+export function avec(href, params) { const q = requete(params); return q ? `${href}${href.includes('?') ? '&' : '?'}${q}` : href; }
+/** Les champs cachés qui reportent la requête d'une action GET (un formulaire GET remplace la requête de son action). */
+export function caches(href) {
+  const [chemin, q = ''] = href.split('?');
+  const champs = q ? q.split('&').map((p) => p.split('=').map(decodeURIComponent)) : [];
+  return { chemin, html: champs.map(([k, v]) => `<input type="hidden" name="${esc(k)}" value="${esc(v ?? '')}">`).join('') };
+}
+export const garder = (f = {}) => ({ q: f.q, type: f.type, statut: f.statut, region: f.region, ...(f.page > 1 ? { page: f.page } : {}) });
+
+/** Le lien d'un onglet de la fiche : la fiche pleine page si l'application la fournit, sinon le tableau de bord. */
+export function lienFiche(x, id, onglet = 'informations', extra = {}, filtres = {}) {
+  const o = onglet === 'informations' ? '' : onglet;
+  if (x.liens.fiche) return avec(x.liens.fiche(id, o), extra);
+  return url(x.liens.base || '', { ...garder(filtres), v: id, onglet: o, ...extra });
+}
+
+export function delai(x, n) {
+  if (n === null || n === undefined) return '';
+  if (n < 0) return `<span class="fl-retard">(${esc(x.tx('info.depuisJours', { n: x.nf(-n) }))})</span>`;
+  if (n === 0) return `<span class="fl-delai">(${esc(x.tx('info.aujourdhui'))})</span>`;
+  return `<span class="fl-delai">(${esc(x.tx('info.dansJours', { n: x.nf(n) }))})</span>`;
+}
+export const badgeStatut = (x, s) => x.k.badge(x.lib('statut', s), ...(BADGE[s] || ['gris']));
+export const capacite = (x, c) => [c.kg !== null && c.kg !== undefined ? `${x.nf(c.kg)} kg` : null, c.m3 !== null && c.m3 !== undefined ? `${x.nf(c.m3)} m³` : null].filter(Boolean).join(' / ') || '—';
+
+/** Un tableau sobre ; `lignes` : cellules déjà en HTML. */
+export function tableau(x, entetes, lignes, vide, { classeLigne } = {}) {
+  if (!lignes.length) return `<p class="fl-vide">${esc(vide)}</p>`;
+  return `<div class="fl-defile"><table class="${esc(x.c.tableau)}"><thead><tr>${entetes.map((e) => `<th scope="col">${esc(e)}</th>`).join('')}</tr></thead>`
+    + `<tbody>${lignes.map((l, i) => `<tr${classeLigne?.(i) ? ` class="${classeLigne(i)}"` : ''}>${l.map((c) => `<td>${c}</td>`).join('')}</tr>`).join('')}</tbody></table></div>`;
+}
+
+/** Les bandeaux : succès (role=status) et refus (role=alert). Sans « × » : ils disparaissent au rechargement. */
+export const bandeauOk = (x, texteHtml) => `<div class="fl-bandeau ok" role="status">${x.k.icone('coche', 18)}<div>${texteHtml}</div></div>`;
+export const bandeauKo = (x, texteHtml) => `<div class="fl-bandeau ko" role="alert">${x.k.icone('croix', 18)}<div>${texteHtml}</div></div>`;
+/** Le texte d'un refus du moteur (ErreurFlotte) ou d'une erreur quelconque : jamais le message technique. */
+export const texteRefus = (x, e) => (e && typeof e.code === 'string' ? x.lib('erreur', e.code) : x.tx('message.erreur'));
+export const bouton = (x, classe = '') => `${esc(x.c.btn)}${classe ? ` ${classe}` : ''}`;