Interface : corrections à la souris et accès protégé

Onglet « Carte et corrections » : glisser une photo ou une vidéo, placer
les médias sans position, masquer des zones de trace (pour un voyage, ou
zone privée pour tous). Corrections notées dans voyage.toml ([positions],
[corrections]) ou site.toml ([confidentialite]), appliquées par les pages ;
les originaux ne changent pas. L'extraction garde les médias datés sans
position pour qu'on puisse les placer.

Accès : clé d'accès aléatoire à chaque lancement, session par cookie
HttpOnly/SameSite=Strict, mot de passe facultatif (rtg mot-de-passe,
empreinte scrypt hors du site, blocage après 5 échecs), accès réseau
seulement avec mot de passe (--distant), HTTPS possible (--certificat,
--cle), Content-Security-Policy et interdiction des cadres.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01Mf2kATMtqVABHSYdxJMnim

rtg/interface/modeles/base.html

@@ -18,6 +18,7 @@
     <a href="/site/" target="_blank">Voir le site ↗</a>
   </nav>
   <div id="bandeau" hx-get="/tache/bandeau" hx-trigger="load, every 2s"></div>
+  <button class="petit discret-bouton" hx-post="/deconnexion" title="Fermer la session de ce navigateur">Se déconnecter</button>
 </header>
 <main>
 {% block contenu %}{% endblock %}

rtg/interface/modeles/connexion.html

@@ -0,0 +1,37 @@
+<!doctype html>
+<html lang="fr">
+<head>
+<meta charset="utf-8">
+<meta name="viewport" content="width=device-width, initial-scale=1">
+<title>Connexion · RTG</title>
+<link rel="stylesheet" href="/static/rtg.css">
+<script src="/static/htmx.min.js"></script>
+</head>
+<body class="page-connexion">
+<main class="connexion">
+  <p class="logo">RTG</p>
+  {% if connecte %}
+    <p>Vous êtes connecté.</p>
+    <p><a class="bouton principal" href="/">Ouvrir l'interface</a></p>
+  {% else %}
+    <h1>Accès à l'interface</h1>
+    {% if not distant %}
+    <p class="aide">Ouvrez l'adresse complète affichée dans le Terminal où « rtg interface » a été lancé :
+      elle contient la clé d'accès de cette session{% if mdp %}, ou entrez le mot de passe{% endif %}.</p>
+    {% endif %}
+    {% if mdp %}
+    <form hx-post="/connexion" hx-target="#retour-connexion">
+      <label>Mot de passe
+        <input type="password" name="mot_de_passe" autocomplete="current-password" required autofocus>
+      </label>
+      <button class="principal">Entrer</button>
+      <div id="retour-connexion">{% if attente %}<div class="erreur">Trop d'essais : réessayez dans {{ attente }} s.</div>{% endif %}</div>
+    </form>
+    {% elif not distant %}
+    <p class="aide">Pour entrer aussi avec un mot de passe (depuis un autre navigateur ou une autre machine) :
+      <code>rtg mot-de-passe</code>.</p>
+    {% endif %}
+  {% endif %}
+</main>
+</body>
+</html>

rtg/interface/modeles/voyage.html

@@ -1,6 +1,7 @@
 {% extends "base.html" %}
 {% block titre %}{{ v.titre }}{% endblock %}
 {% block tete %}<link rel="stylesheet" href="/static/leaflet.css"><script src="/static/leaflet.js"></script>{% endblock %}
+{% block fin %}<script src="/static/editeur.js"></script>{% endblock %}
 {% block contenu %}
 <div class="entete-page">
   <div>
@@ -15,6 +16,7 @@
 
 <nav class="onglets">
   <a href="#journees">Journées</a>
+  <a href="#carte">Carte et corrections</a>
   <a href="#sources">Sources</a>
   <a href="#infos">Infos et récit</a>
   <a href="#generer">Générer</a>
@@ -26,6 +28,41 @@
   </div>
 </section>
 
+<section class="onglet" id="onglet-carte">
+  <div id="editeur" class="editeur" data-voyage="{{ v.chemin }}">
+    <aside class="editeur-panneau">
+      <label>Jour
+        <select id="ed-jour"><option value="">Tous les jours</option></select>
+      </label>
+      <div class="ed-cases">
+        <label class="choix"><input type="checkbox" id="ed-photos" checked> <span class="mk photo"></span> Photos</label>
+        <label class="choix"><input type="checkbox" id="ed-videos" checked> <span class="mk video"></span> Vidéos</label>
+      </div>
+      <p class="aide">Glissez un marqueur pour corriger sa position ; un clic l'affiche.
+        <span class="mk photo deplace"></span> = position corrigée à la main.</p>
+      <div id="ed-mode" class="ed-mode" hidden></div>
+
+      <h4>Zones masquées</h4>
+      <p class="aide">Les points de trace situés dans ces zones sont retirés des pages : autour de chez soi, ou sur une erreur du GPS.</p>
+      <button id="ed-nouvelle-zone">+ Masquer une zone</button>
+      <div id="ed-brouillon" class="ed-brouillon" hidden>
+        <label>Rayon : <strong id="ed-rayon-texte">200 m</strong>
+          <input type="range" id="ed-rayon" min="20" max="3000" step="10" value="200">
+        </label>
+        <label class="choix"><input type="checkbox" id="ed-portee-site"> Zone privée : la retirer de tous les voyages</label>
+        <p><button class="principal" id="ed-zone-ok">Enregistrer la zone</button> <button id="ed-zone-annuler">Annuler</button></p>
+      </div>
+      <ul id="ed-zones" class="ed-liste"></ul>
+
+      <h4>Médias sans position <span id="ed-nb-sans" class="compte"></span></h4>
+      <p class="aide">Cliquez sur un nom puis sur la carte pour le placer.</p>
+      <ul id="ed-sans" class="ed-liste"></ul>
+      <p id="ed-etat" class="aide"></p>
+    </aside>
+    <div id="ed-carte" class="editeur-carte"><p class="chargement">Chargement de la carte…</p></div>
+  </div>
+</section>
+
 <section class="onglet" id="onglet-sources">
   <p class="aide">Indiquez où se trouvent les fichiers d'origine : un ou plusieurs dossiers (ou fichiers) par type, sur n'importe quel disque.
   RTG ne les modifie jamais : les traces sont recopiées par journée dans <code>routes/</code>, les photos dans <code>photos/</code> (HEIC converties en JPEG),