Partage en lecture seule par lien signé

- Lien /s/<jeton> : jeton = id aléatoire 128 bits + HMAC-SHA256 tronqué par la
  clé du serveur (SHARE_SECRET, sinon DATA_DIR/.share-secret générée en 0600).
  Valide si la signature est correcte, le lien présent dans .shares.json et non
  expiré (1, 7, 30 jours ou sans expiration).
- API : GET/POST/DELETE /api/shares, POST /api/shares/revoke-all (renouvelle la
  clé), GET /api/public/{jeton} hors authentification (nom, titre, logo, scène).
- Auth Basic : /s/, /api/public/, /healthz et les fichiers statiques du build
  sont publics ; le reste de l'API et l'index restent protégés. Le serveur
  statique ne liste plus les répertoires. X-Robots-Tag: noindex sur les liens.
- Les liens suivent renommages et déplacements, disparaissent à la suppression.
- Interface : dialogue Partager (barre du haut, menu de l'explorateur), section
  Liens de partage dans Paramètres, vue publique Excalidraw en lecture seule
  avec téléchargement et bascule clair/sombre.

Co-Authored-By: Claude Opus 5.5 (1M context) <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01H6J7vKwXx7uopxKhWfFJpm

frontend/src/SettingsDialog.tsx

@@ -1,6 +1,7 @@
 import { useEffect, useRef, useState } from "react";
-import { api, type Channel, type Settings, type UpdateStatus } from "./api";
-import { CopyIcon } from "./icons";
+import { api, type Channel, type Settings, type Share, type UpdateStatus } from "./api";
+import { CopyIcon, TrashIcon } from "./icons";
+import { fmtExpiry } from "./ShareDialog";
 import { INSTALLED, pendingVersion, rebuildCommand } from "./update";
 
 export const DEFAULT_TITLE = "Excalidraw";
@@ -30,6 +31,7 @@ export function SettingsDialog({ settings, update, focusExcalidraw, onChange, on
   const [busy, setBusy] = useState(false);
   const [error, setError] = useState<string | null>(null);
   const [copied, setCopied] = useState(false);
+  const [shares, setShares] = useState<Share[] | null>(null);
   const fileInput = useRef<HTMLInputElement>(null);
   const exSection = useRef<HTMLElement>(null);
 
@@ -37,6 +39,27 @@ export function SettingsDialog({ settings, update, focusExcalidraw, onChange, on
     if (focusExcalidraw) exSection.current?.scrollIntoView({ block: "start" });
   }, [focusExcalidraw]);
 
+  const loadShares = () =>
+    api
+      .shares()
+      .then(setShares)
+      .catch((e) => setError(e.message));
+
+  useEffect(() => {
+    loadShares();
+  }, []);
+
+  const revoke = async (op: () => Promise<void>, question: string) => {
+    if (!confirm(question)) return;
+    setError(null);
+    try {
+      await op();
+    } catch (e) {
+      setError(e instanceof Error ? e.message : String(e));
+    }
+    loadShares();
+  };
+
   useEffect(() => {
     const onKey = (e: KeyboardEvent) => e.key === "Escape" && onClose();
     window.addEventListener("keydown", onKey);
@@ -190,6 +213,53 @@ export function SettingsDialog({ settings, update, focusExcalidraw, onChange, on
           )}
         </section>
 
+        <section className="field">
+          <h4>Liens de partage</h4>
+          {shares?.length ? (
+            <ul className="share-list all">
+              {shares.map((s) => (
+                <li key={s.id}>
+                  <div className="cmd">
+                    <code title={api.shareUrl(s.token)}>{s.path}</code>
+                    <button
+                      type="button"
+                      className="icon-btn danger"
+                      onClick={() => revoke(() => api.revokeShare(s.id), `Révoquer le lien vers « ${s.path} » ?`)}
+                      title="Révoquer"
+                      aria-label={`Révoquer le lien vers ${s.path}`}
+                    >
+                      <TrashIcon />
+                    </button>
+                  </div>
+                  <small className="muted">
+                    Créé le {new Date(s.created).toLocaleDateString(undefined, { dateStyle: "short" })} · {fmtExpiry(s)}
+                  </small>
+                </li>
+              ))}
+            </ul>
+          ) : (
+            <small className="muted">
+              Aucun lien actif. Pour partager un schéma en lecture seule : icône de partage de la barre du haut, ou menu
+              « … » de l'explorateur.
+            </small>
+          )}
+          {!!shares?.length && (
+            <button
+              type="button"
+              className="danger"
+              style={{ alignSelf: "flex-start" }}
+              onClick={() =>
+                revoke(
+                  api.revokeAllShares,
+                  "Révoquer tous les liens de partage ? La clé de signature est renouvelée : aucun lien existant ne fonctionnera plus.",
+                )
+              }
+            >
+              Tout révoquer
+            </button>
+          )}
+        </section>
+
         {error && <div className="error">{error}</div>}
 
         <div className="modal-actions">