feat: Medien im Fenster ansehen, und eine Auffrischung, die nichts wegzieht

ANSEHEN OHNE NEUEN TAB. Klick auf eine Kachel oeffnet den Betrachter: Bilder,
Videos, Ton und PDF direkt, alles andere mit ehrlichem Hinweis und
Herunterladen-Knopf -- ein Betrachter, der bei einer .zip ein schwarzes Feld
zeigt, sieht aus wie ein kaputter Betrachter. Pfeiltasten blaettern, Escape
schliesst; Adresse kopieren, neuer Tab und Loeschen sitzen in der Kopfzeile.

Gezeigt wird IMMER die Vollfassung, nie die Vorschau: 320 Pixel reichen fuer
eine Kachel, aber nicht dafuer, ein Bild zu beurteilen -- und genau dazu klickt
man darauf.

Damit musste die Auswahl umziehen: der Klick auf die Kachel oeffnet jetzt, das
Kaestchen oben links waehlt aus. Es erscheint beim Darueberfahren und bleibt
sichtbar, solange etwas gewaehlt ist.

AUTOMATISCH AUFFRISCHEN, aber nicht stumpf. Ein billiger Fuehler
(/api/dash/stand: drei Zahlen, GEMESSEN 6 ms je Abfrage ueber TLS und Proxy)
wird alle fuenf Sekunden gefragt; erst wenn er sich aendert, wird richtig
nachgeladen. Ein Tab im Hintergrund fragt gar nicht.

Die dritte Zahl ist kein Zierrat: nach einem LOESCHEN gehen Anzahl und
neuester Zeitstempel auf die alten Werte zurueck -- nur die Ereignis-ID zaehlt
weiter. Ohne sie bliebe eine geloeschte Datei in der Galerie stehen.
Nachgemessen.

UND ES ZIEHT NICHTS WEG: wer etwas ausgewaehlt hat, ein Bild offen hat oder
geblaettert ist, bekommt keinen Neuaufbau unter den Haenden, sondern einen
Knopf "Neues da -- laden". Eine Liste, die sich beim Klicken selbst neu
sortiert, ist der Grund, warum Leute Auto-Refresh abschalten. Der Schalter
merkt sich seinen Zustand.

Kein SSE, und das mit Absicht: dafuer braeuchte NPM zusaetzlich
`proxy_buffering off` -- ein weiterer Handgriff im Proxy, der vergessen werden
kann und dann zu einer Verbindung fuehrt, die scheinbar haengt.

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

server/src/routes/dash.ts

@@ -669,6 +669,30 @@ dashRoutes.post('/settings', async (c) => {
     })
 })
 
+/** Der Fuehler fuer die automatische Auffrischung.
+ *
+ *  Drei Zahlen, drei Indexzugriffe -- billig genug, um ihn alle paar Sekunden
+ *  zu fragen. Die Oberflaeche laedt erst dann RICHTIG nach, wenn sich hier
+ *  etwas geaendert hat.
+ *
+ *  Warum nicht Server-Sent Events: die waeren schoener, brauchen hinter NPM
+ *  aber zusaetzlich `proxy_buffering off` -- also einen weiteren Handgriff im
+ *  Proxy, der vergessen werden kann und dann zu einer Verbindung fuehrt, die
+ *  scheinbar haengt. Ein Zaehler, den man abfragt, hat diese Fussangel nicht.
+ *
+ *  `neuest` ist noetig NEBEN `medien`: wird eine Datei ersetzt, bleibt die
+ *  Anzahl gleich und nur der Zeitstempel wandert. Ohne ihn saehe man das neue
+ *  Bild nicht. */
+dashRoutes.get('/stand', (c) => {
+    const m = db
+        .prepare('SELECT COUNT(*) AS n, COALESCE(MAX(updated_at), 0) AS neuest FROM media')
+        .get() as { n: number; neuest: number }
+    const e = db.prepare('SELECT COALESCE(MAX(id), 0) AS letzte FROM events').get() as {
+        letzte: number
+    }
+    return c.json({ medien: m.n, neuest: m.neuest, ereignis: e.letzte })
+})
+
 dashRoutes.get('/stats', (c) => {
     const media = db
         .prepare('SELECT COUNT(*) AS files, COALESCE(SUM(size), 0) AS bytes FROM media')