feat: verschieben, Ordner, Adressvorlagen, API-Seite mit Export

VERSCHIEBEN. Dateien in einen anderen Ordner legen -- mit einer Warnung, die
OBEN steht und nicht im Kleingedruckten: der Pfad IST die oeffentliche Adresse,
nach dem Verschieben fuehrt die alte URL ins Leere. Das ist kein Fehler,
sondern der Preis vorhersagbarer Adressen; man muss es nur vorher wissen.

Der Umzug ist ein `rename` und kein Kopieren-dann-Loeschen: auf derselben
Platte ist das unteilbar. Die Vorschau zieht mit, sonst zeigte die Galerie am
neuen Ort nichts und am alten das Bild einer Datei, die dort nicht mehr liegt.
Eine belegte Zieladresse wird NICHT still ueberschrieben -- da verschwaende
sonst eine fremde Datei, und der Verlauf zeigte nur einen Umzug.

Der Verlauf kennt dafuer eine neue Spalte `von` und eine neue Art `move`; ohne
sie stuende dort nur das Ziel und die Frage "wo war die vorher" waere nicht
mehr zu beantworten.

ORDNER anlegen und entfernen. Leere Ordner gibt es sonst nicht -- sie sind der
Teil eines Pfades vor dem letzten Schraegstrich, mehr nicht. Jetzt sind sie ein
echtes Verzeichnis, und /folders liest Tabelle und Platte zusammen. Ein Ordner
MIT Inhalt wird nicht mitgeloescht: das waere ein Knopf, der hunderte Dateien
wegraeumt, ohne sie zu zeigen.

ADRESSVORLAGEN. Der Bauplan einer oeffentlichen Adresse, benannt und
gespeichert (vehicles/{model}.webp). Sie werden auf der Startseite und der
API-Seite mit ausgefuellter Adresse gezeigt. Ohne Platzhalter oder mit ".." im
Muster wird abgelehnt -- beides nachgemessen.

API-SEITE. Anleitung fuer die eigenen Skripte, und der Punkt daran: die
Beispiele stehen MIT DER ECHTEN ADRESSE drin statt mit example.com. Wer
abschreibt, schreibt keinen Tippfehler ab. Dazu Export in drei Formen -- JSON,
CSV (Semikolon und CRLF, sonst steht in Excel alles in einer Spalte) und eine
fertige Lua-Tabelle Name -> Adresse, die man in eine Resource legt.

DREI FEHLER BEIM MESSEN GEFUNDEN:
- rm mit recursive:false wirft bei einem Verzeichnis EISDIR und sagt damit
  etwas ganz anderes, als der Fall ist. rmdir scheitert von selbst, wenn der
  Ordner nicht leer ist -- genau das gewuenschte Verhalten.
- In der Lua-Ausgabe war "\'" gemeint und "\'" geschrieben: in JavaScript ist
  das schlicht ein Apostroph, der Backslash faellt weg. Ein Modellname mit
  Apostroph haette die erzeugte Datei zerlegt.
- Der Export mit Ordnerfilter antwortete mit einem NACKTEN 500 (kaputtes
  ESCAPE in der SQL-Zeile). Ausgerechnet das.

Deshalb hat der Dienst jetzt eine AUFFANGLINIE: app.onError gibt einen Text
statt "Internal Server Error". Wir haben das bisher an den bekannten Stellen
einzeln abgefangen -- und prompt hat ein Tippfehler die Luecke gefunden. Eine
Stelle schliesst sie fuer alles, woran heute niemand denkt.

Dazu: die Verlaufstabelle hat feste Spaltenbreiten (colgroup) und ueberall
dieselben Abstaende -- vorher hatten Kopf und Koerper verschiedene, und der
Pfad wurde abgeschnitten, obwohl daneben Platz frei war. Und die Anmeldeseite
hat zwei weiche Lichter statt einer leeren Flaeche.

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

server/ui/src/pages/Start.tsx

@@ -3,6 +3,7 @@ import {
     Check,
     Copy,
     Folder,
+    FolderInput,
     HardDrive,
     Images,
     KeyRound,
@@ -25,6 +26,7 @@ const arten: Record<EventKind, { text: string; farbe: string; kind: typeof Uploa
     upload: { text: 'hochgeladen', farbe: 'text-gut', kind: Upload },
     replace: { text: 'ersetzt', farbe: 'text-warn', kind: RefreshCw },
     delete: { text: 'gelöscht', farbe: 'text-schlecht', kind: Trash2 },
+    move: { text: 'verschoben', farbe: 'text-akzent', kind: FolderInput },
 }
 
 /** Die Startseite: was ist da, was ist zuletzt passiert, wohin muss ich.
@@ -66,7 +68,13 @@ export function Start() {
     }
     if (!daten) return <Leer text="Die Übersicht ließ sich nicht laden." />
 
-    const vorlage = `${daten.publicUrl}${daten.filePrefix}/vehicles/{model}.webp`
+    // Die eingetragenen Vorlagen — und solange keine da ist, die eine, die
+    // dieses Projekt ohnehin benutzt. Eine leere Karte waere hier nur ein
+    // Loch.
+    const vorlagen =
+        daten.vorlagen.length > 0
+            ? daten.vorlagen
+            : [{ name: 'Fahrzeuge', muster: 'vehicles/{model}.webp' }]
 
     return (
         <div className="flex flex-col gap-4">
@@ -106,25 +114,45 @@ export function Start() {
             </div>
 
             {/* Die Vorlage, die im Handy steht — die haeufigste Frage ueberhaupt */}
-            <Karte titel="Adressvorlage">
-                <div className="flex items-center gap-2">
-                    <code className="flex-1 overflow-x-auto rounded border border-rand bg-grund px-3 py-1.5 font-mono text-xs">
-                        {vorlage}
-                    </code>
+            <Karte
+                titel={vorlagen.length === 1 ? 'Adressvorlage' : 'Adressvorlagen'}
+                rechts={
                     <button
-                        onClick={async () => {
-                            if (!(await kopieren(vorlage, 'v')))
-                                note('fehler', 'Die Zwischenablage ist gesperrt.')
-                        }}
-                        className="shrink-0 rounded border border-rand px-2.5 py-1.5 text-schrift-leise hover:bg-flaeche-hoch hover:text-schrift"
-                        aria-label="Vorlage kopieren"
+                        onClick={() => gehZu('/einstellungen')}
+                        className="text-xs text-schrift-leise hover:text-schrift"
                     >
-                        {kopiert === 'v' ? (
-                            <Check size={14} className="text-gut" />
-                        ) : (
-                            <Copy size={14} />
-                        )}
+                        verwalten
                     </button>
+                }
+            >
+                <div className="flex flex-col gap-2">
+                    {vorlagen.map((v, i) => {
+                        const voll = `${daten.publicUrl}${daten.filePrefix}/${v.muster}`
+                        return (
+                            <div key={i} className="flex items-center gap-2">
+                                <span className="w-28 shrink-0 truncate text-xs text-schrift-leise">
+                                    {v.name}
+                                </span>
+                                <code className="min-w-0 flex-1 overflow-x-auto rounded border border-rand bg-grund px-3 py-1.5 font-mono text-xs">
+                                    {voll}
+                                </code>
+                                <button
+                                    onClick={async () => {
+                                        if (!(await kopieren(voll, 'v' + i)))
+                                            note('fehler', 'Die Zwischenablage ist gesperrt.')
+                                    }}
+                                    className="shrink-0 rounded border border-rand px-2.5 py-1.5 text-schrift-leise hover:bg-flaeche-hoch hover:text-schrift"
+                                    aria-label={`${v.name} kopieren`}
+                                >
+                                    {kopiert === 'v' + i ? (
+                                        <Check size={14} className="text-gut" />
+                                    ) : (
+                                        <Copy size={14} />
+                                    )}
+                                </button>
+                            </div>
+                        )
+                    })}
                 </div>
             </Karte>