Add motorway toll estimate + fuel/recharge-plus-toll total to itinerary cost

- Estimate the tolled-motorway distance from OSRM step refs (steps=true; a step
counts as autoroute when its ref looks like "A 6"), times an average light-
vehicle rate (~0,09 €/km).
- Itinerary cost now shows "🅿️ Péage autoroute : ≈ X €" and a "💰 Total" line
combining fuel (or recharge) + toll, for both thermique and électrique modes.
- Toll shown on its own when a route exists but no vehicle is selected.
- Bump service worker cache to v9.

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

static/app.js

@@ -18,6 +18,9 @@ const STATIONS = DATA.stations || [];
 const CARS = DATA.cars || [];       // [[label, fuel, L/100km], ...] real ADEME models
 const PRICES = 6, CP = 7, CITY = 8, HW = 9; // station record indices (HW: 1 = autoroute)
 const CORRIDOR_KM = 6;              // show stations within this distance of a route
+// Rough average French autoroute toll for a light vehicle (classe 1), €/km of
+// motorway driven. Tolls vary by concessionaire, so this is an estimate only.
+const TOLL_EUR_PER_KM = 0.09;
 
 // Green -> yellow -> red gradient stops (cheap -> expensive).
 const STOPS = [
@@ -63,6 +66,7 @@ let placeQuery = "";
 let routeCoords = null;     // L.LatLng[] of the active route, or null
 let routeStations = null;   // stations near the active route (any fuel)
 let routeDistanceKm = null; // length of the active route, km
+let routeTollKm = 0;        // motorway distance on the route (for toll estimate), km
 let vehicleMode = "thermique";  // "thermique" | "electrique"
 let thermCar = null;        // { label, fuel, cons } chosen combustion model
 let stopMarkers = [];       // recharge-stop markers on the map
@@ -478,10 +482,11 @@ function routeMsg(text) {
   if (el) el.textContent = text || "";
 }
 
-// Driving route between two points via the public OSRM server.
+// Driving route between two points via the public OSRM server. steps=true so we
+// can read each segment's road ref and estimate the tolled-motorway distance.
 async function routeBetween(a, b) {
   const url = `https://router.project-osrm.org/route/v1/driving/` +
-    `${a.lon},${a.lat};${b.lon},${b.lat}?overview=full&geometries=geojson`;
+    `${a.lon},${a.lat};${b.lon},${b.lat}?overview=full&geometries=geojson&steps=true`;
   const r = await fetch(url);
   if (!r.ok) return null;
   const j = await r.json();
@@ -489,6 +494,22 @@ async function routeBetween(a, b) {
   return j.routes[0];
 }
 
+// A step is on a motorway if its road ref looks like "A 6", "A6", "A 7;E 15"…
+function isAutorouteRef(ref) {
+  return typeof ref === "string" && /(^|\W)A\s?\d/.test(ref);
+}
+
+// Total motorway distance (km) on the route, summed from autoroute steps.
+function tollKmFromRoute(route) {
+  let meters = 0;
+  for (const leg of route.legs || []) {
+    for (const step of leg.steps || []) {
+      if (isAutorouteRef(step.ref)) meters += step.distance || 0;
+    }
+  }
+  return meters / 1000;
+}
+
 function drawRoute(coords, a, b) {
   clearRouteLayers();
   routeLine = L.polyline(coords, { color: "#1a73e8", weight: 5, opacity: 0.85 }).addTo(map);
@@ -526,6 +547,7 @@ async function computeRoute() {
     routeCoords = coords;
     routeStations = nearRoute(STATIONS, coords);  // cache once for filtering + cost
     routeDistanceKm = route.distance / 1000;
+    routeTollKm = tollKmFromRoute(route);
     render(false);
     map.fitBounds(L.latLngBounds(coords).pad(0.1));
     const km = (route.distance / 1000).toFixed(0);
@@ -544,6 +566,7 @@ function clearRoute() {
   routeCoords = null;
   routeStations = null;
   routeDistanceKm = null;
+  routeTollKm = 0;
   depCoord = arrCoord = null;
   const d = document.getElementById("dep"), a = document.getElementById("arr");
   if (d) d.value = "";
@@ -670,38 +693,61 @@ function attachCarAutocomplete(input) {
   input.addEventListener("blur", () => setTimeout(hide, 150));
 }
 
-// Journey fuel cost (combustion) or charging summary (electric) for the route.
+// Journey fuel cost (combustion) or charging summary (electric), plus an
+// estimated motorway toll and the grand total (energy + toll) for the route.
 function updateCost() {
   const el = document.getElementById("cost-line");
   if (!el) return;
   if (!routeDistanceKm) { el.innerHTML = ""; return; }
+
+  const toll = routeTollKm * TOLL_EUR_PER_KM;
+  const hasToll = routeTollKm > 0.5;  // ignore a few hundred m of motorway slip roads
+  const tollLine = hasToll
+    ? `<br><span class="hint">🅿️ Péage autoroute : ≈ ${eur(toll, 2)} € ` +
+      `(estimation, ${eur(routeTollKm, 0)} km)</span>`
+    : "";
+  const totalLine = (energy, label) => hasToll
+    ? `<br>💰 <b>Total : ≈ ${eur(energy + toll, 2)} €</b>` +
+      `<span class="hint"> (${label} + péage)</span>`
+    : "";
+  // When a route exists but no vehicle is chosen, still show the toll on its own.
+  const tollOnly = hasToll
+    ? `🅿️ <b>≈ ${eur(toll, 2)} €</b> de péage` +
+      `<br><span class="hint">estimation autoroute (${eur(routeTollKm, 0)} km)</span>`
+    : "";
+
   if (vehicleMode === "electrique") {
     const ev = currentEv();
-    if (!ev) { el.innerHTML = ""; return; }
+    if (!ev) { el.innerHTML = tollOnly; return; }
     const usable = ev.range * 0.8;
     const stops = Math.max(0, Math.ceil(routeDistanceKm / usable) - 1);
     const kwh = routeDistanceKm / 100 * ev.kwh;
-    el.innerHTML = `⚡ <b>${stops} recharge${stops > 1 ? "s" : ""}</b> en route · autonomie ${ev.range} km` +
-      `<br><span class="hint">${eur(kwh, 0)} kWh · ~${eur(kwh * 0.40, 0)} € (≈ 0,40 €/kWh)</span>`;
+    const energy = kwh * 0.40;
+    el.innerHTML =
+      `⚡ <b>${stops} recharge${stops > 1 ? "s" : ""}</b> en route · autonomie ${ev.range} km` +
+      `<br><span class="hint">${eur(kwh, 0)} kWh · ~${eur(energy, 0)} € (≈ 0,40 €/kWh)</span>` +
+      tollLine + totalLine(energy, "recharge");
     return;
   }
+
   const car = thermCar;
-  if (!car) { el.innerHTML = ""; return; }
+  if (!car) { el.innerHTML = tollOnly; return; }
   const liters = routeDistanceKm / 100 * car.cons;
   const fi = FUELS.indexOf(car.fuel);
   const price = cheapestAlongRoute(fi);
   if (price == null) {
-    el.innerHTML = `~${eur(liters, 1)} L · aucune station ${esc(car.fuel)} sur le trajet.`;
+    el.innerHTML = `~${eur(liters, 1)} L · aucune station ${esc(car.fuel)} sur le trajet.` + tollLine;
     return;
   }
+  const fuelCost = liters * price;
   const hwPrice = cheapestAlongRoute(fi, true);  // cheapest autoroute station on the route
-  let html = `⛽ <b>≈ ${eur(liters * price, 2)} €</b> de ${esc(car.fuel)}` +
+  let html = `⛽ <b>≈ ${eur(fuelCost, 2)} €</b> de ${esc(car.fuel)}` +
     `<br><span class="hint">${eur(liters, 1)} L · au moins cher du trajet (${eur(price, 3)} €/L)</span>`;
   if (hwPrice != null) {
     html += `<br><span class="hint">🛣️ sur autoroute : ≈ ${eur(liters * hwPrice, 2)} € ` +
       `(${eur(hwPrice, 3)} €/L)</span>`;
   }
-  el.innerHTML = html;
+  el.innerHTML = html + tollLine + totalLine(fuelCost, "carburant");
 }
 
 // ===================== EV chargers (IRVE) + recharge stops =====================

static/sw.js

@@ -4,7 +4,7 @@
  * - The app shell, icons and CDN libraries are cached so the app boots offline.
  * - Map tiles are cached with a bounded LRU-ish cap for offline revisits.
  */
-const VERSION = "v8";
+const VERSION = "v9";
 const SHELL = "shell-" + VERSION;
 const RUNTIME = "runtime-" + VERSION;
 const TILES = "tiles-" + VERSION;