Release 0.6.1

Release 0.6.0
Refine live controls and compact show cards
2026-10-25 18:18:23 +01:00 · 2026-10-25 09:45:31 +01:00 · 2026-10-24 19:09:44 +02:00 · 2026-10-24 14:40:03 +02:00 · 2026-10-24 14:31:33 +02:00 · 2026-10-24 09:45:01 +02:00
55 changed files with 7788 additions and 902 deletions
@@ -3,7 +3,7 @@
 	"title": "Sendewerk",
 	"description": "Redaktionelle Planung und Durchführung von heinzlive-Sendungen.",
 	"tagline": "Vom Fundstück bis zur Livesendung",
-	"version": "0.5.0",
+	"version": "0.6.1",
 	"healthCheckPath": "/healthz",
 	"httpPort": 3000,
 	"addons": {
@@ -1,5 +1,26 @@
 # Abnahme
 ## Wartungsrelease 0.6.1
 | Bereich | Stand |
 | --- | --- |
 | Live-Timer, Kopfzeile, Drawer und Positionsanzeige | behoben |
 | Mobile Formulare und Iconsuche | behoben |
 | Vorbereitungsaufwand und Übersicht | behoben |
 | Bild-Präsentationsmodus | behoben |
 | Twitch-Tags je Abschnitt | behoben |
 | Sendungskarten und Gastabstände | behoben |
 | Gemeinsamer Freigabedialog einschließlich Live-Regie | behoben |
 | Editorzustand und Drag-and-drop | bestehende zustandserhaltende bzw. alternative Bedienwege unverändert; Browserprüfung offen |
 - `npm run check`: 0 Fehler und 0 Warnungen.
 - `npm test`: 52 von 52 Verhaltenstests erfolgreich.
 - `npm run build`: erfolgreich.
 - `npm run test:e2e`: zweiter Lauf mit 14 erfolgreichen Abläufen; Live-Regie und
  Abschluss/Freigaben schlugen fehl, zwei nachfolgende Abläufe wurden wegen des
  120-Sekunden-Zeitlimits nicht mehr ausgeführt. Die Browsermatrix ist offen.
 - Safari auf echtem iOS-Gerät: nicht verfügbar.
 ## Etappe 1
 | Kriterium                                         | Nachweis                                                                                                                | Stand                        |
@@ -412,3 +433,131 @@
 - `bash -n start.sh`: erfolgreich
 - reale OBS-Browserquelle, echte YouTube-/TikTok-Wiedergabe und Safari auf einem
  iOS-Gerät nicht ausgeführt; Anbieterrequests wurden lokal abgefangen
 ## Verwaltungskorrektur 0.5.11
 | Kriterium                                  | Nachweis                                                                                 | Stand                 |
 | ------------------------------------------ | ---------------------------------------------------------------------------------------- | --------------------- |
 | Werkzeugdialog ist initial geschlossen     | Chromium prüft den Dialog vor jeder Bedienaktion bei 390 und 1280 Pixeln                 | erfüllt am 23.10.2026 |
 | Dialog öffnet nur nach bewusster Aktion    | Browser legt ein Werkzeug an und öffnet ein bestehendes Werkzeug anschließend zum Ändern | erfüllt am 23.10.2026 |
 | Bestehender Werkzeugablauf bleibt erhalten | Browser prüft Icon, Format, Deaktivierung und Piece-Zuordnung nach erneutem Laden        | erfüllt am 23.10.2026 |
 | Themen-Iconpicker bleibt im Viewport       | Chromium prüft Öffnen und Auswahl bei 390, 960 und 1280 Pixeln                           | erfüllt am 23.10.2026 |
 ## Kompakte Live-Regie 0.5.12
 | Kriterium                                         | Nachweis                                                                                                | Stand                 |
 | ------------------------------------------------- | ------------------------------------------------------------------------------------------------------- | --------------------- |
 | Globale Navigation bleibt aus der Regie           | Chromium findet weder Seitenleiste noch mobilen App-Header oder Bottomnavigation                        | erfüllt am 24.10.2026 |
 | Kleines Desktopfenster bleibt zweispaltig         | Chromium prüft Moderation, Ablauf und feste Aktionen bei 900 × 450 Pixeln                               | erfüllt am 24.10.2026 |
 | Niedrige Desktophöhe wird berücksichtigt          | 900 × 450 aktiviert kompakte Abstände ohne Transform oder CSS-Zoom                                      | erfüllt am 24.10.2026 |
 | Zweizeiliger Kopf gewinnt Inhaltsfläche           | Chromium begrenzt die Kopfhöhe bei 670 × 450 und prüft die unveränderte feste Aktionsleiste             | erfüllt am 24.10.2026 |
 | Lange Kopftitel bleiben kontrolliert              | Abschnitt und Folgetitel kürzen einzeilig und öffnen vollständig per Klick, Enter und Escape            | erfüllt am 24.10.2026 |
 | Regiemenü bleibt sichtbar und erreichbar          | Browser prüft Viewportgrenzen, Scrollzugang, Sendungsname und Aktionen bei 1280, 670 und 390 Pixeln     | erfüllt am 24.10.2026 |
 | Menü schließt zugänglich                          | Escape und Außenklick schließen das Popover und führen den Fokus zum Auslöser zurück                    | erfüllt am 24.10.2026 |
 | Lange Inhalte scrollen innerhalb der Fläche       | Synthetischer Langtext und zusätzliche Ablaufabschnitte erzeugen zwei unabhängige Scroller              | erfüllt am 24.10.2026 |
 | Mobile Regie verwendet ein Ablauf-Sheet           | 390 × 700 prüft Endlage, Fokus, Escape, Aktionsschließen und Wechsel auf 900 Pixel                      | erfüllt am 24.10.2026 |
 | Leseposition bleibt am Piece                      | Nach tiefem Scrollen beginnt ein direkt gewähltes anderes Piece am oberen Rand                          | erfüllt am 24.10.2026 |
 | Zustände sind ausgeschrieben                      | Ablauf prüft Kommend, Aktuell, Erledigt und Übersprungen                                                | erfüllt am 24.10.2026 |
 | Erstes und letztes Piece direkt wählbar           | Browser wechselt per stabiler Usage-ID auf Desktop und aus dem mobilen Sheet in beide Richtungen        | erfüllt am 24.10.2026 |
 | Navigation veröffentlicht nicht automatisch       | Öffentliche Ausgabe bleibt bei direkter Auswahl unverändert                                             | erfüllt am 24.10.2026 |
 | Zurück ist reine Betrachtungsnavigation           | Browser prüft unverändertes aktuelles Piece, Countdown und Ausgabe sowie gesperrte Fortschrittsaktionen | erfüllt am 24.10.2026 |
 | Timer und Livezustand überleben Reload            | Aktuelles Piece und laufender Abschnittscountdown bleiben nach Neuladen erhalten                        | erfüllt am 24.10.2026 |
 | Wiederaufnahme nur bei Unterbrechung              | Während eines aktiven Pieces fehlt die Aktion; nach unterbrochenem Stand ist sie prominent              | erfüllt am 24.10.2026 |
 | Sendungsende ist eindeutig                        | Letztes Piece zeigt Endaktion ohne horizontalen Überlauf; danach fehlen Weiter-Aktionen                 | erfüllt am 24.10.2026 |
 | Liste und Kalender nutzen dieselben Daten         | Chromium wechselt zwischen beiden Ansichten; Sendungslinks bleiben identisch erreichbar                 | erfüllt am 24.10.2026 |
 | Kalenderpräferenz bleibt am Konto                 | Service- und Browsertest prüfen Standardwert, Speicherung und Reload                                    | erfüllt am 24.10.2026 |
 | Monat und Berliner Tage sind korrekt              | Unit-Tests prüfen Monatsgrenzen und UTC-Zuordnung; Browser prüft Monatswechsel und heutigen Tag         | erfüllt am 24.10.2026 |
 | Mehrere und terminlose Sendungen bleiben sichtbar | Desktopkalender und mobile Agenda zeigen zwei Termine am Tag; eigener Bereich zeigt offenen Termin      | erfüllt am 24.10.2026 |
 ## Ausgeführte Prüfungen 0.5.12
 - `npm run lint`: erfolgreich
 - `npm run check`: 0 Fehler und 0 Warnungen
 - `npm test`: 44 Tests in 8 Dateien erfolgreich
 - gezielte Kalender- und Live-Regie-Läufe: 2 von 2 Chromium-Tests erfolgreich
 - `npm run test:e2e`: 17 von 17 Chromium-Browsertests erfolgreich
 - Browserprüfungen der Live-Regie bei 1440 × 900, 900 × 450, 670 × 450 und
  390 × 700 Pixeln sowie des Kalenders bei 1440 × 1000 und 390 × 844 Pixeln
  erfolgreich
 - `npm run build`: erfolgreich mit `@sveltejs/adapter-node`
 - Versionsgleichheit `0.5.12` in Paket, Lockdatei und Cloudron-Manifest geprüft
 - `bash -n start.sh` und `git diff --check`: erfolgreich
 - reale OBS-Browserquelle, echte YouTube-/TikTok-Wiedergabe und Safari auf einem
  iOS-Gerät nicht ausgeführt; Anbieterrequests wurden lokal abgefangen
 ## Erweiterte Live-Steuerung 0.5.12
 | Kriterium                                      | Stand                        |
 | ---------------------------------------------- | ---------------------------- |
 | Gemeinsame persistente Pause                   | implementiert, nicht geprüft |
 | Abschnitts- und Gesamtreset bleiben unabhängig | implementiert, nicht geprüft |
 | Gesamt-/Restzeit ohne Doppelerfassung          | implementiert, nicht geprüft |
 | Ende, Wiederaufnahme und neuer Lauf getrennt   | implementiert, nicht geprüft |
 | Privates Feld „Interaktion“ durch alle Kopien  | implementiert, nicht geprüft |
 | Öffentliche Positivliste unverändert           | implementiert, nicht geprüft |
 | Classic-Regular-Icons und Drawer-Schließen     | gezielt im Browser geprüft   |
 Für die ursprüngliche Erweiterung wurden auf ausdrücklichen Auftrag zunächst
 keine Prüfungen ausgeführt. Die nachfolgenden Korrekturen weisen inzwischen
 Migration, Typen, Build, bestehendes Liveverhalten und die betroffenen
 Oberflächen gezielt nach; die übrigen neuen Timer- und Statusfälle bleiben ohne
 vollständige erneute Matrix.
 ## Live-500-Korrektur 0.5.12
 - Ursache auf einer schreibgeschützt untersuchten lokalen Datenbank bestätigt:
  `0013` war protokolliert, `live_show_timer_runs` fehlte jedoch.
 - `0014_live_show_timer_repair.sql` auf einer Kopie dieser Datenbank angewendet
  und erneut ausgeführt; Tabelle und Indizes wurden angelegt, 13 bestehende
  Intervalle genau einmal übernommen und ein offenes Intervall erhalten.
 - `npm run check`: 0 Fehler und 0 Warnungen.
 - `npm run test:unit -- --run src/lib/server/live.spec.ts`: 6 Tests erfolgreich.
 - `npm run build`: erfolgreich mit `@sveltejs/adapter-node`.
 ## Live-Icons und kompakte Sendungskarten 0.5.12
 - `npm run check`: 0 Fehler und 0 Warnungen.
 - `npm run test:unit -- --run src/lib/server/live.spec.ts`: 6 Tests erfolgreich.
 - `npm run build`: erfolgreich mit `@sveltejs/adapter-node`.
 - Gezielter Chromium-Ablauf der Sendungsübersicht mit Desktopkalender, mobiler
  Agenda und Rückkehr zur Liste: erfolgreich.
 - Vollständiger bestehender Live-Regie-Ablauf einschließlich 900 × 450,
  670 × 450 und 390 × 700 Pixeln: erfolgreich; Iconleiste, Kopfhöhe,
  Viewportgrenzen und horizontaler Überlauf geprüft.
 - Zusätzliche visuelle Chromium-Prüfung bei 656 × 400 und 390 × 700 Pixeln:
  Sendungskarte unter 130 Pixel hoch, Menü-/Ausgabe-/Timericons sichtbar und
  Pausebutton wechselt bedienbar zu Fortsetzen.
 ## Etappe 6
 | Kriterium                                                | Nachweis                                                                                                       | Stand                 |
 | -------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------- | --------------------- |
 | Spätere Originaländerung verändert Historie nicht        | Verhaltenstest ändert Piece und Abschnittskategorie nach Abschluss; historische Snapshots bleiben gleich       | erfüllt am 25.10.2026 |
 | Abschluss nicht doppelt; übersprungen ist nicht gesendet | idempotente Befehlswiederholung, fremde Befehls-ID und materialisierte Usage-Historie im Verhaltenstest        | erfüllt am 25.10.2026 |
 | Bewusste Auswahl archiviert nur gewählte Originale       | Abschlusskandidaten und explizite Archivauswahl im Service; Dialog trennt gesendet, übersprungen und offen     | erfüllt am 25.10.2026 |
 | Archivierte Sendung stabil und duplizierbar              | Service- und Browsertest prüfen Nur-Lese-Ansicht sowie neuen Entwurf ohne Live-, Historien- oder Freigabedaten | erfüllt am 25.10.2026 |
 | Gast sieht genau eine Sendung und nur erlaubte Felder    | anonymer Chromium-Kontext und Scope-Verhaltenstests für Ablauf, Moderation und Recherche                       | erfüllt am 25.10.2026 |
 | Gast-Schreibzugriff und fremde IDs abgelehnt             | anonymer direkter POST erhält 403; fremde Medien-ID erhält 404                                                 | erfüllt am 25.10.2026 |
 | Passwort, Ablauf und Widerruf schützen direkte Aufrufe   | Service- und Browsertests prüfen Seite, Gast-Sitzung und direkten Medienrequest vor und nach Widerruf          | erfüllt am 25.10.2026 |
 | Barkeeper verwaltet Freigaben                            | Anlage, Bearbeitung und Löschung direkt in der Sendung sowie gruppiert in der Verwaltung im Browser geprüft    | erfüllt am 25.10.2026 |
 | Offene Sendungen sind sicher freigebbar                  | Service und anonymer Browser prüfen aktuellen Plan vor Abschluss und stabilen Stand danach                     | erfüllt am 25.10.2026 |
 | Bestehende Abschlüsse werden einmalig übernommen         | Upgrade-Test wendet `0015` auf einen Stand bis `0014` zweimal an und findet genau eine Historie                | erfüllt am 25.10.2026 |
 | Bestehende Freigaben bleiben bei Erweiterung erhalten    | Migration `0016` ersetzt nur die Fremdschlüsselgrenze und kopiert Freigaben sowie Gast-Sitzungen               | erfüllt am 25.10.2026 |
 ## Ausgeführte Prüfungen Etappe 6
 - `npm run check`: 0 Fehler und 0 Warnungen
 - `npm test`: 52 Tests in 11 Dateien erfolgreich
 - gezielter Chromium-Ablauf für Abschluss, Archiv, historische Ansicht,
  offene und abgeschlossene Freigabe, Bearbeitung und Löschung in beiden
  Barkeeper-Oberflächen, Passwort, privaten Scope, Reserve-Medienschutz, fremde
  ID und Gast-POST: 1 von 1 erfolgreich
 - `npm run test:e2e`: nach Korrektur eines bestehenden, auf den 24. Oktober
  festgelegten „Heute“-Fixtures 18 von 18 Chromium-Browsertests erfolgreich
 - Browserprüfung von Sendungsfreigabe und Gastansicht bei 390 × 844 Pixeln sowie
  der Verwaltung bei 1280 × 900 Pixeln ohne horizontalen Überlauf; Screenshots
  visuell kontrolliert
 - `npm run build`: erfolgreich mit `@sveltejs/adapter-node`
 - `npm run lint`: Prettier und ESLint erfolgreich
 - Versionsgleichheit `0.6.0` in Paket, Lockdatei und Cloudron-Manifest geprüft
 - `bash -n start.sh` und `git diff --check`: erfolgreich
@@ -33,17 +33,17 @@ spätere API dieselben Regeln verwenden.
 ## Gesamtdatenmodell
-Die ersten fünf Etappen materialisieren Identität, Inhaltsverwaltung,
+Die ersten sechs Etappen materialisieren Identität, Inhaltsverwaltung,
-Sendungsplanung und Live-Durchführung. Folgende Grenzen gelten für umgesetzte
+Sendungsplanung, Live-Durchführung, Historie und Lesefreigaben. Folgende Grenzen
-und spätere Bereiche.
+gelten für umgesetzte und spätere Bereiche.
 | Bereich     | Geplante Entitäten und Beziehungen                                                                                                          |
-| ----------- | ----------------------------------------------------------------------------------------------------------------------------------- |
+| ----------- | ------------------------------------------------------------------------------------------------------------------------------------------- |
 | Identität   | `users`, Rollen, Sessions, Einladungen, Reset-Tokens und Sperren sind umgesetzt; technische Zugänge folgen später                           |
 | Taxonomie   | getrennte `section_categories`, `formats`, `topics` samt optionalem Themenicon; Pieces und Vorschläge mehrfach verknüpft                    |
 | Inhalt      | `pieces` mit Status, Soft Delete, Favorit, Revision, Texten, Quellen, Werkzeugen und privaten Medien; Vorlagen speichern Snapshots          |
 | Sendungsbau | `shows`, geordnete `show_sections`, `piece_usages` samt Quellen-/Werkzeug-/Themen-/Mediensnapshots, Reservebank und Vorlagen                |
-| Live        | expliziter Live-Stand, aktuelles Element, tatsächliche Piece-Zeiten, persistente Abschnittstimer und getrennte Präsentationsausgabe |
+| Live        | expliziter Live-Stand, aktuelles Element, tatsächliche Piece-Zeiten, persistente Abschnitts-/Gesamttimer und getrennte Präsentationsausgabe |
 | Historie    | unveränderliche Abschluss-Snapshots und Verwendungshistorie; Übersprungenes zählt nicht als gesendet                                        |
 | Freigaben   | widerrufbare, gehashte Lesetokens mit Sendung, Umfang, Passwortoption und Ablaufzeit                                                        |
 | RSS         | Feedquellen, Abrufläufe und externe Einträge mit stabiler Herkunfts-ID sowie Status neu/übernommen/verworfen                                |
@@ -68,6 +68,10 @@ Ein Live-Abschnittstimer entsteht ausschließlich beim tatsächlichen Eintritt i
 einen Abschnitt mit positiver expliziter Dauer. Er speichert dieses Soll als
 unveränderlichen Wert und summiert eigene Laufintervalle; Piece-Wechsel im
 selben Abschnitt erzeugen deshalb weder Reset noch doppelte Piece-Laufzeit.
 Der Gesamttimer speichert ebenfalls mehrere Laufintervalle. Eine gemeinsame
 Pause schließt die offenen Piece-, Abschnitts- und Gesamtintervalle; Fortsetzen
 öffnet neue Intervalle, ohne die Pause als Laufzeit zu zählen. Abschnitts- und
 Gesamtreset ersetzen ausschließlich die jeweilige Zeitbasis.
 ## Anmeldung und Rechte
@@ -156,7 +160,7 @@ erhöht sie atomar. Abgeschlossene Sendungen sind bereits an dieser Grenze gegen
 weitere Bearbeitung geschützt.
 Beim Einplanen werden Titel, Dauer, Einleitung, Recherche, Moderation,
-Überleitung und der vollständige Präsentationszustand aus dem sendefertigen
+Interaktion, Überleitung und der vollständige Präsentationszustand aus dem sendefertigen
 Piece kopiert. Dazu gehören Modus, ausgewählte Quelladresse samt Zeitmarke,
 Metadaten und validierte Anbieter-ID. Zusätzlich speichern eigene geordnete
 Tabellen alle Quellen, Werkzeugnamen samt Start-/Arbeitslink und Notiz, die
@@ -192,6 +196,13 @@ Sendungsvorlagen und ihre Abschnitte sind eigene Tabellen. Beim Anlegen werden
 die Abschnitte mit neuen IDs kopiert; spätere Änderungen an der Sendung können
 die Vorlage deshalb nicht verändern.
 Die Sendungsübersicht leitet Liste, Desktop-Monatsraster und mobile Monatsagenda
 aus derselben `listShows()`-Abfrage ab. UTC-Zeitpunkte werden erst für Gruppierung
 und Anzeige nach `Europe/Berlin` in zivile Kalendertage übersetzt. Sendungen ohne
 Startzeit bleiben in einem eigenen Bereich sichtbar. `users.show_overview_view`
 speichert ausschließlich die kontobezogene Darstellungspräferenz; der gewählte
 Monat bleibt URL-Zustand und verändert keine Sendungsdaten.
 Die Direktanlage aus einer Sendung erzeugt Piece und Verwendung innerhalb einer
 verschachtelbaren SQLite-Transaktion. `planning_commands` speichert die
 Befehls-ID und das Ergebnis, sodass ein wiederholter Request dieselben IDs
@@ -226,6 +237,14 @@ liegen als mehrere Start-/Endintervalle je Verwendung vor. Damit bleiben
 Zurückgehen, Wiederaufnahme und bereits abgeschlossene Laufzeit getrennt von der
 geplanten Dauer nachvollziehbar.
 `live_show_timer_runs` hält die unabhängige Gesamtzeit. Pause und Fortsetzen
 behandeln Gesamt-, Abschnitts- und Piece-Intervalle gemeinsam. Beenden schließt
 laufende Intervalle und setzt `ended_at_utc`, finalisiert die Sendung aber noch
 nicht. Eine ausdrückliche Wiederaufnahme bewahrt Zeiten und Fortschritt; nur
 „Neuer Durchlauf“ verwirft Laufintervalle und setzt die Piece-Status zurück. Die
 Restzeitschätzung verwendet je Abschnitt entweder die positive Abschnittsdauer
 oder die verbleibenden Piece-Dauern und zählt beide nie zusammen.
 Die interne Route `/live` benötigt weiterhin eine aktive Sitzung und darf
 Recherche, Moderation und eigene Arbeitsdaten lesen. Die separate Ausgabe nutzt
 den stabilen Kanal `/heinzlive/default` in einem reduzierten Layout ohne
@@ -236,15 +255,20 @@ rohen Schlüssel, weil die angemeldete Steuerung dieselbe stabile OBS-Adresse
 erneut ausgeben können muss. Datenbank und Sicherungen sind deshalb Teil der
 Geheimnisgrenze. Eine Rotation widerruft den bisherigen Schlüssel, normales
 erneutes Öffnen behält ihn bei.
-Page, Polling-JSON und Proxyrouten leiten ihre Daten aus einer eigenen
+Das private Markdownfeld „Interaktion“ wird am Original und als
 Verwendungssnapshot gespeichert und ausschließlich in der authentifizierten
 Live-Regie gerendert. Page, Polling-JSON und Proxyrouten leiten ihre Daten aus einer eigenen
 Positivliste ab. Private Quellen-/Werkzeug-Snapshots, Arbeitslinks, Notizen und
 Uploads werden nicht veröffentlicht; nur Themennamen sowie die ausdrücklich
 gewählte Link- oder Videoquelle und deren erlaubte Vorschau-URL können die
 Grenze passieren.
-Normale Auswahl, Fortschaltung oder Wiederaufnahme verändern den
+Lokale Betrachtungsnavigation, Fortschaltung oder Wiederaufnahme verändern den
-Präsentationsstand nicht. Die öffentliche Projektion liest ausschließlich den
+Präsentationsstand nicht. Zurück und die Auswahl einer Ablaufzeile wechseln nur
-gespeicherten Verwendungssnapshot; spätere Änderungen am Original erscheinen
+den im Browser betrachteten Verwendungssnapshot; tatsächliches Live-Piece,
-erst nach einer ausdrücklichen Snapshot-Aktualisierung.
+Status, Timer und Ausgabe bleiben serverseitig unverändert. Die öffentliche
 Projektion liest ausschließlich den ausdrücklich präsentierten
 Verwendungssnapshot; spätere Änderungen am Original erscheinen erst nach einer
 ausdrücklichen Snapshot-Aktualisierung.
 Linkmetadaten werden nur auf ausdrückliche Aktion durch
 `src/lib/server/presentation.ts` geladen. Jeder HTTP(S)-Abruf löst den Zielhost
@@ -270,6 +294,52 @@ sichtbar; die Oberfläche kennzeichnet den Abbruch und versucht die Verbindung
 mit verlangsamtem Intervall erneut. Private Live-Daten werden nicht Teil dieses
 Zustandsobjekts.
 ## Abschluss, Historie und Lesefreigaben
 `src/lib/server/completion.ts` ist die Transaktionsgrenze des endgültigen
 Sendungsabschlusses. Er verlangt einen beendeten Live-Lauf sowie passende Show-
 und Live-Revisionen. Eine Befehls-ID in `show_finalizations` macht Wiederholungen
 idempotent. In derselben Transaktion werden offene Intervalle geschlossen,
 Abschnittskategorien eingefroren, ausschließlich erledigte Verwendungen außerhalb
 der Reservebank in `piece_usage_history` materialisiert, bewusst gewählte
 Fundus-Originale archiviert und die Sendung auf `completed` gesetzt. Jede normale
 Planungs- und Live-Mutation sperrt diesen Zustand.
 Die eigentlichen Sendungstexte, Quellen, Werkzeuge, Themen und Medien liegen
 weiterhin in den beim Einplanen erzeugten Usage-Snapshots. Finalisierung friert
 die zuvor noch katalogabhängige Abschnittskategorie ein. Abgeschlossene
 Sendungen werden ausschließlich gelesen oder vollständig in einen neuen Entwurf
 dupliziert. Das Duplikat erhält neue Show-, Abschnitts-, Usage- und Relations-IDs,
 offene Usage-Status und weder Live-, Historien- noch Freigabedaten.
 `src/lib/server/shares.ts` erzeugt für Barkeeper zufällige 256-Bit-Lesetokens;
 SQLite speichert nur SHA-256-Hashes. Eine Freigabe verweist direkt auf eine
 Sendung und darf deshalb bereits im Entwurf, im bereiten oder im laufenden
 Zustand entstehen. Der Umfang ist eine Positivliste aus `rundown`, `moderation`
 oder `research`. Optionale Passwörter liegen als Argon2id-Hash vor. Nach
 erfolgreicher Prüfung entsteht eine höchstens zwölf Stunden gültige, ebenfalls
 nur gehashte Gast-Sitzung; Fehlversuche werden pro Link und Clientadresse
 begrenzt. Änderungen an Umfang, Passwort oder Ablauf invalidieren bestehende
 Gast-Sitzungen. Ablauf und Löschung werden bei jedem HTML-, Seitendaten- und
 Medienrequest erneut geprüft.
 Die öffentliche Route `/freigabe/[token]` erhält keine interne Sendungs-ID und
 keinen ungefilterten `Show`-Datensatz. Sie projiziert genau die am Token gebundene
 Sendung und nur die Felder ihres Umfangs. Vor dem Abschluss werden aktuelle
 Sendungs- und Usage-Snapshots bei jedem Aufruf neu gelesen; danach liefert
 dieselbe Projektion die durch die Finalisierung stabilisierten Snapshots. Die
 separate Medienroute akzeptiert ausschließlich das ausdrücklich gewählte
 Präsentationsmedium einer eingeplanten Nicht-Reserve-Verwendung derselben
 Sendung. Private `/media`-Dateien bleiben weiterhin an eine Redaktionssitzung
 gebunden.
 Die wiederverwendbare Barkeeper-Komponente `ShareManagement.svelte` liegt direkt
 in der Sendungsbearbeitung und in der Verwaltung. Beide Routen verwenden
 dieselben Servicefunktionen für Anlage, Bearbeitung und Löschung; die
 Sendungsroute bindet Mutationen zusätzlich an ihre eigene Sendungs-ID. Die
 Verwaltung gruppiert bestehende Freigaben nach Sendung und zeigt deren aktuellen
 Status und Termin.
 ## Oberflächenstruktur
 Die Hauptnavigation umfasst Eingang, Fundus, Sendungen, Archiv und Verwaltung.
@@ -279,10 +349,36 @@ die untere Hauptnavigation die Seitenleiste vollständig. Auf breiten Ansichten
 stehen Fundus und Ablauf nebeneinander. Bis einschließlich `72rem` werden sie
 über eine gut erreichbare Umschaltung einzeln gezeigt, damit auch schmale
 Desktopfenster ohne horizontalen Überlauf bedienbar bleiben.
 Die Sendungsübersicht schaltet über zwei gleichwertige Formularaktionen zwischen
 Liste und Kalender um. Auf breiten Ansichten erscheint ein siebenspaltiges
 Monatsraster ohne Termin-Drag-and-drop; bis `52rem` ersetzt es eine lineare,
 touchfreundliche Agenda desselben Monats.
 Der Live-Modus ist eine eigene, fokussierte Arbeitsansicht. Die
 Präsentationsausgabe verwendet eine separate, strikt reduzierte Datenansicht
 ohne interne Anwendungsnavigation.
 Die private Route `/live` verwendet ebenfalls einen eigenen authentifizierten
 Layoutmodus ohne allgemeine Seitenleiste, mobilen App-Header oder
 Bottomnavigation. Ihre Regiefläche belegt die verfügbare Viewporthöhe als Raster
 aus fester Statuszeile, unabhängig scrollender Piece- und Ablaufspalte sowie
 fester Aktionszeile. Die Breite entscheidet über zwei Spalten oder das mobile
 Sheet; eine geringe Desktophöhe verdichtet zusätzlich Abstände und Leisten,
 ohne Schrift oder Oberfläche zu skalieren. Unterhalb des schmalen Breakpoints
 wird ausschließlich die Ablaufspalte als modales Sheet mit Fokusbegrenzung
 eingeblendet; beim Wechsel auf einen breiteren Viewport wird dieser Modalzustand
 aufgehoben. Die lokale Betrachtungsnavigation ist keine Live-Action; erst
 Präsentieren, Überspringen und Erledigen schreiben den jeweiligen getrennten
 Zustand. Die öffentliche `/heinzlive`-Projektion bleibt unverändert. Lokale
 Lesepositionen sind an die jeweilige Verwendung gebunden und werden nicht
 zwischen Pieces übertragen.
 Der Live-Kopf besteht aus zwei regulären Rasterzeilen. Abschnitt und folgendes
 Piece sind einzeilig gekürzte, fokussierbare Schaltflächen, die ihren vollständigen
 Text lokal aufklappen. Das Regiemenü wird bei Bedarf als fest am Viewport
 positionierter Dialog neben dem Kopf gerendert. Dadurch unterliegt es weder dem
 Overflow der Regiefläche noch dem durch Glasfilter erzeugten Stacking Context;
 seine maximale Höhe bleibt an den Viewport gebunden und intern scrollbar.
 Icons werden aus dem lokalen Font-Awesome-Classic-Regular-Sprite unter
 `static/icons` gerendert. Die Verwaltung lädt zusätzlich die durchsuchbaren
 Metadaten aller 3.671 Icons, zeigt je Suchergebnis aber höchstens 120 Einträge
@@ -308,3 +404,12 @@ betroffenen Route und Action geprüft. Markdown und fremdes HTML werden vor
 Ausgabe bereinigt. Uploadzugriff folgt denselben Rechten. Netzwerkabrufe für
 Präsentationsmetadaten und Vorschaubilder schützen interne Ziele auch nach
 DNS-Auflösung und Redirects und besitzen Größen-, Zeit- und Redirectlimits.
 ## Wartungsfelder 0.6.1
 Migration `0017` ergänzt den optionalen Vorbereitungsaufwand am Original und
 kommagetrennt validierte Twitch-Tags am Abschnitt. Der Bildmodus wird wegen der
 bestehenden SQLite-Check-Constraints als zusätzliches Kennzeichen an Original
 und Usage-Snapshot gespeichert; nach außen bleibt er der eindeutige Modus
 `image`. Öffentlich passiert weiterhin nur das ausdrücklich gewählte
 Präsentationsmedium.
@@ -360,3 +360,102 @@ Validierung, während ein statischer SVG-Sprite über den gemeinsamen
 Pfaddaten in ihren JavaScript-Chunk. Es gibt weder einen externen Laufzeitabruf
 noch eine Laufzeitabhängigkeit vom benachbarten Quellverzeichnis; Herkunft und
 Lizenz stehen in `THIRD_PARTY_NOTICES.md`.
 ## D-024: Private Live-Regie als fokussierter Viewport
 Die authentifizierte Live-Steuerung nutzt einen eigenen Root-Layoutmodus und
 rendert die allgemeine App-Navigation nicht. Kopf- und Aktionszeile bleiben fest;
 Moderation und Ablauf sind die einzigen unabhängig scrollenden Arbeitsflächen.
 Die Umschaltung zum mobilen Sheet hängt von der Fensterbreite ab, damit ein
 breites, niedriges Desktopfenster weiterhin zwei Spalten verwendet. Die Höhe
 steuert dort unabhängig die Dichte von Abständen und Bedienleisten. Textgröße
 und Gesamtoberfläche werden nicht skaliert.
 Der Kopf verwendet genau zwei kompakte Informationszeilen. Lange Kontexttitel
 bleiben im Ruhezustand einzeilig und werden auf bewusste Klick- oder
 Tastaturaktion lokal vollständig sichtbar. Das Regiemenü ist kein verschachteltes
 `details` innerhalb der Glasfläche, sondern ein explizit gesteuertes,
 viewportgebundenes Popover. So bleiben Z-Index, Maximalhöhe, Escape,
 Außenklick und Fokus-Rückkehr unabhängig von Overflow und Filter-Stacking-
 Contexts kontrollierbar.
 Diese Darstellung ist keine neue Live-Zustandsgrenze. Zurück und die direkte
 Auswahl im Ablauf sind reine lokale Betrachtungsnavigation. Sie verändern weder
 aktuelles Live-Piece noch Status, Zeitintervalle, Abschnittstimer oder Ausgabe.
 Während ein anderes Piece betrachtet wird, bleiben Fortschrittsaktionen
 gesperrt; Präsentieren darf dagegen weiterhin ausdrücklich genau das betrachtete
 Piece ausgeben. Start, Erledigen, Überspringen, Reserveeinfügung und Präsentation
 bleiben serverseitige Actions mit ihren bisherigen Revisions- und
 Idempotenzregeln.
 ## D-025: Gemeinsame Sendungsdaten für Liste und Kalender
 Listenansicht, Desktop-Monatsraster und mobile Monatsagenda werden aus derselben
 kompakten Sendungsliste abgeleitet. Es gibt kein zweites Kalenderdatenmodell und
 keine Bibliothek für Terminverwaltung. UTC-Zeitpunkte werden mit
 `Europe/Berlin` einem zivilen Tag zugeordnet; der ausgewählte Monat bleibt als
 URL-Parameter navigierbar. Mehrere Sendungen eines Tages werden vollständig und
 chronologisch gezeigt, Sendungen ohne Startzeit separat.
 Die Präferenz `list` oder `calendar` gehört zum angemeldeten Konto und wird als
 kleines geprüftes Feld an `users` gespeichert. Sie ist weder Bestandteil einer
 Sendung noch Browserzustand. Der Kalender dient nur der Navigation und erhält
 bewusst kein Drag-and-drop, damit eine Terminänderung ausschließlich über die
 bestehende serverseitig validierte Sendungsbearbeitung erfolgt.
 ## D-026: Gemeinsame Live-Pause und getrennte Zeitbasen
 Piece-Laufzeit, Abschnittszeit und Gesamtzeit bleiben getrennte persistente
 Intervallmengen. Pause schließt in einer Live-Transaktion alle offenen
 Intervalle, Fortsetzen eröffnet sie am gespeicherten Fortschritt erneut. Dadurch
 zählt weder Browserwechsel noch eine beliebig lange Pause zur Sendezeit. Ein
 Abschnittsreset ersetzt nur den aktiven Abschnittstimer; ein Gesamtreset löscht
 nur die Gesamtlaufintervalle. Beide ändern weder Piece-Status noch Reihenfolge,
 Restplanung oder Präsentationsstand.
 Die Restzeit ist eine Ableitung, kein zweiter Ablaufplan. Für jeden verbleibenden
 Abschnitt gilt entweder dessen positive explizite Dauer oder die Summe seiner
 verbleibenden Piece-Dauern. Bereits abgeschlossene Abschnitte werden ausgelassen,
 ungeplante Abschnitte werden sichtbar gezählt und eine Überziehung reduziert
 nicht die geplante Zeit kommender Inhalte.
 `ended_at_utc` beendet einen Durchlauf, nicht automatisch dessen offene Pieces.
 Wiederaufnahme und neuer Durchlauf sind deshalb getrennte Befehle: Erstere
 bewahrt Intervalle und Fortschritt, letzterer setzt beides ausdrücklich zurück.
 Das private Markdownfeld „Interaktion“ folgt derselben Original-/Snapshotgrenze
 wie Moderation und Überleitung, ist aber nicht Teil der öffentlichen
 Präsentations-Positivliste.
 ## D-027: Abschlusszustand und Freigaben als eigene Sicherheitsgrenzen
 Ein beendeter Live-Lauf ist wiederaufnehmbar und deshalb nicht identisch mit
 einer historischen Sendung. Erst eine eigene transaktionale Finalisierung setzt
 `shows.status` auf `completed`. Eine dauerhaft gespeicherte Befehls-ID verhindert
 Doppelverbuchung; Usage-Historie enthält nur `done`, nie `skipped` oder Reserve.
 Bestehende Usage-Snapshots bleiben Inhaltsquelle, während Abschnittskategorien
 beim Abschluss zusätzlich eingefroren werden. Historische Sendungen werden nicht
 erneut bearbeitet, sondern mit neuen IDs und zurückgesetztem Laufzustand kopiert.
 Lesefreigaben sind keine abgeschwächten Redaktionssitzungen. Sie verwenden eine
 eigene Positivprojektion mit drei kumulativen Umfängen. Roh-Tokens und
 Gast-Sitzungstokens stehen nie in SQLite, optionale Passwörter verwenden Argon2id.
 Passwort, Ablauf und Widerruf werden zentral vor Seite, Seitendaten und Medium
 geprüft. Präsentationsmedien sind an Freigabe, Sendung und Usage-Snapshot
 gebunden; beliebige Fundus-Dateien bleiben ausgeschlossen.
 Freigaben verweisen auf `shows` statt ausschließlich auf Finalisierungen. Damit
 kann ein Barkeeper bereits einen Entwurf oder eine laufende Planung teilen. Die
 Gastprojektion liest bei jedem Aufruf die aktuellen Sendungssnapshots; der
 spätere Abschluss stabilisiert genau diese bestehende Datenquelle, ohne Token
 oder URL zu wechseln. Bearbeitungen behalten den Link, invalidieren aber
 vorhandene Passwortsitzungen. Vollständiges Löschen ist der unmittelbare
 Widerruf. Die Sendungsbearbeitung und die zentrale Verwaltung verwenden dieselbe
 Geschäftslogik und bleiben Barkeepern vorbehalten.
 ## D-028: Additive Wartungsfelder und gemeinsamer Freigabedialog
 Vorbereitungsaufwand und Twitch-Tags sind optionale additive Felder. Der neue
 Bildmodus verwendet ein separates boolesches Kennzeichen, damit bestehende
 Tabellen und Daten trotz älterer Modus-Check-Constraints ohne riskanten
 Tabellenumbau erhalten bleiben. Freigabeverwaltung bleibt eine gemeinsame
 Komponente und öffnet in allen drei internen Einstiegen als nativer Dialog.
@@ -1,12 +1,253 @@
 # Release Notes
 ## 0.6.1 - Redaktionelle Wartung
 Veröffentlicht am 25. Oktober 2026
 - Live-Countdowns übernehmen geänderte Abschnittsplanzeiten, ohne Laufzeit zu verlieren; die mobile Regie gruppiert ihre Kopfaktionen robuster und zeigt den Ablauf als oberstes Sheet.
 - Mobile Formularfelder und die Iconsuche vermeiden iOS-Fokuszoom; Sendungskarten und Gastansicht erhalten klarere Abstände.
 - Pieces führen optionalen Vorbereitungsaufwand, die Sendungsübersicht bündelt offene Vorbereitung und Abschnitte speichern kopierbare Twitch-Tags.
 - Präsentationen können ein ausdrücklich gewähltes Bild ohne Begleittext ausgeben; Originale und Sendungsfassungen bleiben getrennte Snapshots.
 - Lesefreigaben öffnen in Sendung, Verwaltung und Live-Regie über denselben Dialog.
 - Migration `0017_maintenance_fields.sql` ergänzt ausschließlich optionale, rückwärtskompatible Felder.
 ## 0.6.0 - Abschluss, Archiv und Freigaben
 Veröffentlicht am 25. Oktober 2026
 Sendewerk 0.6.0 trennt das wiederaufnehmbare Ende eines Live-Laufs vom
 unveränderlichen redaktionellen Abschluss. Abgeschlossene Sendungen erhalten
 eine stabile Historie, liegen im Archiv und können als neuer Entwurf dupliziert
 werden. Barkeeper geben genau eine geplante, laufende oder historische Sendung
 über widerrufbare, optional passwortgeschützte Leselinks frei.
 ### Abschluss und Historie
 - Ein Abschlussdialog zeigt gesendete, übersprungene und offene Pieces getrennt
  und bietet ausschließlich gesendete Originale zur bewussten Archivierung an.
 - Finalisierung ist transaktional und idempotent. Übersprungene Pieces und die
  Reservebank werden nicht als gesendet verbucht.
 - Usage-Texte, Relationen, Kategorien und tatsächliche Zeiten bleiben nach dem
  Abschluss stabil, auch wenn Fundus-Originale oder Kataloge später wechseln.
 - Historische Sendungen sind intern nur lesbar. Die Duplikation erzeugt einen
  unabhängigen Entwurf mit offenen Pieces und ohne früheren Lauf- oder
  Freigabezustand.
 ### Archiv und Freigaben
 - Das Archiv zeigt abgeschlossene Sendungen neben archivierten und gelöschten
  Pieces und bietet die Duplikation direkt an.
 - Barkeeper erstellen Leselinks direkt in der Sendungsbearbeitung oder zentral
  in der Verwaltung für Ablauf, Moderation oder vollständige Recherche, optional
  mit Passwort und Ablaufzeit.
 - Noch nicht abgeschlossene Sendungen zeigen Gästen beim nächsten Aufruf den
  aktuellen Plan. Nach dem Abschluss bleibt derselbe Link auf dem stabilen
  historischen Stand.
 - Freigaben lassen sich in nach Sendung gruppierten Verwaltungskarten bearbeiten
  und endgültig löschen; Passwortänderungen beenden vorhandene Gast-Sitzungen.
 - Tokens und Gast-Sitzungen liegen nur gehasht vor; Passwörter verwenden
  Argon2id und Fehlversuche sind begrenzt.
 - Gastseiten projizieren genau eine Sendung. Private Originaldaten, Nutzer,
  interne IDs und Felder außerhalb des gewählten Umfangs werden nicht geliefert.
 - Direkte Medienaufrufe prüfen dieselbe Freigabe, Passwortsitzung, Ablaufzeit und
  den Widerruf erneut und erlauben nur das freigegebene Präsentationsmedium.
 ### Technik und Prüfung
 - Migration `0015_completion_archive_and_shares.sql` übernimmt bestehende
  abgeschlossene Sendungen und ergänzt Finalisierung, Historie,
  Duplikationsbefehle, Freigaben, Gast-Sitzungen und
  Passwortversuchsbegrenzung.
 - Migration `0016_shares_for_active_shows.sql` erhält vorhandene Freigaben und
  erweitert ihre Referenz auf alle Sendungszustände.
 - Paket, Lockdatei und Cloudron-Manifest tragen gemeinsam Version `0.6.0`.
 - 52 Verhaltenstests und 18 Chromium-Abläufe decken den bisherigen Umfang sowie
  Abschluss, Archiv und anonyme Lesefreigaben ab.
 ## 0.5.12 - Live-Regie und Sendungskalender
 Veröffentlicht am 24. Oktober 2026
 Sendewerk 0.5.12 macht aus der privaten Live-Steuerung eine kompakte Regieansicht
 für Vollbild, Smartphone und kleine Desktopfenster neben OBS oder Firebot. Die
 Sendungsübersicht erhält zusätzlich eine kontobezogen gespeicherte Listen- und
 Kalenderansicht. Die öffentliche heinzlive-Ausgabe und die gespeicherten
 Livezustände bleiben technisch getrennt.
 ### Highlights
 - Ausgabe, Gesamtzeit, Abschnittszeit und Menü tragen in der Live-Kopfleiste
  jetzt die passenden lokalen Classic-Regular-Icons. Pause beziehungsweise
  Fortsetzen ist zusätzlich als direkter Iconbutton neben der Abschnittszeit
  erreichbar.
 - Die Live-Regie verwendet die gesamte Fensterfläche ohne normale
  App-Seitenleiste, mobilen App-Header oder Bottomnavigation.
 - Zwei kompakte Kopfzeilen halten Abschnitt, „Danach“, Menü, Ausgabe,
  Abschnittscountdown und Ablauf gleichzeitig erreichbar. Der Sendungsname ist
  in das Menü gewandert.
 - Lange Abschnitts- und Folgetitel bleiben einzeilig gekürzt und lassen sich per
  Klick oder Tastatur vollständig aufklappen, ohne benachbarte Bedienelemente zu
  überlagern.
 - Moderation und Ablauf bleiben auch bei einem nur 900 × 450 Pixel großen
  Desktopfenster nebeneinander. Lange Inhalte scrollen innerhalb ihrer
  Arbeitsfläche; Kopf- und Aktionszeile bleiben sichtbar.
 - Niedrige Desktopfenster verdichten Abstände und Bedienleisten anhand der
  verfügbaren Höhe, ohne Text oder die gesamte Oberfläche zu skalieren.
 - Die feste Fußleiste ist auf „Zurück“, „Präsentieren“, „Überspringen“ und
  „Erledigen & weiter“ reduziert. Das nächste Piece steht in der Kopfzeile, das
  Leeren der Präsentation direkt am Ausgabezustand.
 - Auf dem Smartphone öffnet „Ablauf · Piece X/Y“ den Ablauf als separates Sheet,
  während das aktuelle Piece die Hauptfläche bleibt. Fokusführung, Escape und
  der Wechsel zurück auf eine breite Ansicht schließen den Modalzustand sauber.
 ### Moderation und Materialien
 - Interner Titel, Einleitung, Moderationsstichpunkte und Überleitung erscheinen
  in klarer Lesereihenfolge. Leere Bereiche werden weggelassen.
 - Recherche, Quellen, Werkzeuge und eigene Notizen sind kompakt beschriftet und
  werden nur bei Bedarf geöffnet.
 - Die Prompter-Schriftgröße bleibt einstellbar und wird weiterhin lokal
  gespeichert. Texte werden nicht automatisch verkleinert.
 - Piece-Position, Piece-Titel und Zeit stehen in einer gemeinsamen kompakten
  Kopfzeile; dadurch beginnt die Einleitung weiter oben.
 ### Ablauf und Liveverhalten
 - Pause und Fortsetzen steuern Piece-, Abschnitts- und Gesamtzeit gemeinsam und
  zählen Pausen auch nach Reload oder Navigation nicht mit.
 - Gelaufene Gesamtzeit und geschätzte Restzeit lassen sich direkt umschalten;
  die Auswahl bleibt lokal erhalten. Ungeplante verbleibende Abschnitte sind
  sichtbar, ohne Abschnitts- und Piece-Dauern doppelt zu zählen.
 - Abschnitts- und Gesamtzeit lassen sich getrennt nach Bestätigung zurücksetzen.
  Ablaufposition, Piece-Status, Restplanung und Präsentation bleiben dabei
  unverändert.
 - Sendungen lassen sich ausdrücklich vorbereiten, starten, pausieren und
  beenden. Nach dem Ende sind „Lauf fortsetzen“ und „Neuer Durchlauf“ getrennte
  Aktionen; offene Pieces werden beim Beenden nicht automatisch erledigt.
 - Abschnitte sind kompakt aufklappbar; der aktuelle Abschnitt ist geöffnet und
  das aktive Piece bleibt in der Ablaufspalte sichtbar.
 - Pieces kennzeichnen tatsächliches Live-Piece, lokal betrachtetes Piece und
  ausgegebenes Piece getrennt. Jeder Eintrag lässt sich zur Betrachtung wählen,
  einschließlich des ersten Eintrags.
 - Die Reserve bleibt zusammengeklappt erreichbar. Dauerhafte Sortierpfeile und
  die separate große „Als Nächstes“-Karte entfallen; Umsortieren bleibt über
  eine kompakte Aktion am jeweiligen Eintrag erreichbar.
 - Die lokal gespeicherte Leseposition gehört zum jeweiligen Piece. Eine direkte
  Auswahl beginnt daher oben, ohne die Position des vorherigen Textes zu erben.
 - „Zurück“ und direkte Ablaufwahl verändern weder aktuelles Live-Piece noch
  Erledigungsstatus, Timer oder Ausgabe. Bei einem nur betrachteten früheren
  Piece bleiben Überspringen und Erledigen gesperrt. Nur „Präsentieren“ oder
  „Präsentation leeren“ verändert die öffentliche Ausgabe.
 - Abschnittstimer, tatsächliche Laufzeiten, Livefortschritt und Wiederaufnahme
  verwenden unverändert die vorhandenen persistenten Zustände.
 - „Live-Stand wiederaufnehmen“ erscheint nur bei einem tatsächlich
  unterbrochenen Ablauf, nicht während eines aktiven Pieces.
 ### Einstellungen
 - Ausgabekanal verbinden, Schlüssel erneuern, Kanal trennen, Theme wechseln,
  Zeiten ein-/ausblenden und „Zur Planung“ bleiben im Regiemenü erreichbar.
 - Das Regiemenü erscheint als viewportgebundenes Popover sicher über den
  Glasflächen. Es bleibt in kleinen Fenstern scrollbar erreichbar und schließt
  mit Escape oder Außenklick; der Fokus kehrt zum Menüauslöser zurück.
 ### Interaktion
 - „Interaktion“ ergänzt Piece und Sendungsfassung als optionales privates
  Markdownfeld zwischen Moderationsstichpunkten und Überleitung.
 - Vorlagen, Duplikate, Einplanungen und die bewusste Aktualisierung aus dem
  Fundus übernehmen das Feld jeweils als unabhängigen Snapshot.
 - Die private Live-Regie zeigt das Feld nur bei Inhalt. Die öffentliche
  heinzlive-Ausgabe übernimmt es nicht.
 ### Sendungsübersicht
 - Sendungskarten bleiben auf kleinen Bildschirmen kompakt: Status, Titel und
  Termin stehen neben den horizontal angeordneten Abschnitts- und Zeitangaben,
  statt die Karte durch vollständiges Stapeln unnötig zu erhöhen.
 - „Liste | Kalender“ schaltet zwischen der bekannten Sendungsliste und einer
  Monatsansicht um; die Auswahl bleibt am angemeldeten Konto gespeichert.
 - Auf dem Desktop zeigt ein vollständiges Montag-bis-Sonntag-Raster alle Termine
  des Monats. Mehrere Sendungen pro Tag bleiben vollständig sichtbar und nach
  Uhrzeit sortiert.
 - Auf dem Smartphone wird derselbe Monat als chronologische Agenda dargestellt.
  Vorheriger Monat, nächster Monat und der Sprung zu heute bleiben erreichbar.
 - Die Gruppierung verwendet `Europe/Berlin`. Sendungen ohne Startzeit stehen in
  einem eigenen Bereich und verschwinden weder aus Liste noch Kalender.
 - Der Kalender ist eine Navigationsansicht. Termine werden weiterhin nur über
  die bestehende Sendungsbearbeitung geändert; Termin-Drag-and-drop wurde nicht
  ergänzt.
 ### Update und Kompatibilität
 - `0012_show_overview_view.sql` ergänzt ausschließlich die kontobezogene
  Listen-/Kalenderpräferenz mit dem sicheren Standardwert `list`.
 - Es ist keine Änderung der Konfiguration erforderlich.
 - `0013_live_controls_and_interaction.sql` ergänzt das private Interaktionsfeld
  und persistente Gesamtzeitintervalle. Bestehende Piece-Laufintervalle werden
  als Gesamtzeit übernommen.
 - Bestehende Sendungen, Livezustände, Abschnittstimer, Ausgabekanäle und
  Präsentationssnapshots bleiben erhalten.
 - Paket, Lockdatei und Cloudron-Manifest tragen gemeinsam Version `0.5.12`.
 ### Prüfung
 - Die ergänzte Iconleiste, Pause/Fortsetzen und die kompakte Sendungskarte wurden
  gezielt in Chromium bei 670 × 450, 390 × 700 und 656 × 400 Pixeln geprüft.
  Typprüfung, sechs Live-Verhaltenstests und Produktionsbuild sind erfolgreich.
 - Die vollständige Matrix wurde für diese Ergänzung nicht erneut ausgeführt; die
  folgenden Gesamtnachweise stammen vom vorherigen 0.5.12-Stand.
 - 44 Unit- und Verhaltenstests sowie 17 Chromium-E2E-Abläufe sind erfolgreich.
 - Die Live-Regie wurde bei 1440 × 900, 900 × 450, 670 × 450 und 390 × 700 Pixeln
  mit langen Titeln, sichtbarem Regiemenü, unabhängigen Scrollflächen und
  mobilem Ablauf-Sheet geprüft; der Kalender zusätzlich bei 1440 × 1000 und
  390 × 844 Pixeln.
 - Reales OBS, echte YouTube-/TikTok-Wiedergabe und Safari auf einem iOS-Gerät
  standen nicht zur Verfügung.
 ## 0.5.11 - Verwaltungskorrektur
 Veröffentlicht am 23. Oktober 2026
 - Der Dialog „Werkzeug hinzufügen“ bleibt beim Aufruf der Verwaltungsseite
  wieder zuverlässig geschlossen.
 - Der Dialog erscheint erst, wenn ein neues Werkzeug angelegt oder ein
  bestehendes Werkzeug bearbeitet wird.
 - Die Iconauswahl unter „Inhaltliche Zuordnung“ bleibt auf Desktop und
  Smartphone vollständig im sichtbaren Browserbereich.
 - Die Korrektur gilt gleichermaßen für Desktop- und Smartphone-Ansichten und
  verändert keine vorhandenen Werkzeuge oder Zuordnungen.
 ## 0.5.10 - Editor-Erlebnis
 Veröffentlicht am 23. Oktober 2026
 Sendewerk 0.5.10 beschleunigt die tägliche Redaktionsarbeit und schärft die
 Grenze zwischen privaten Medien und der öffentlichen Präsentation. Titel,
 Themen, Werkzeuge und Präsentationsbilder lassen sich direkter bearbeiten; die
 wichtigsten Listen und Dialoge benötigen auf Desktop und Smartphone weniger
 Platz. Bestehende Sendungsfassungen bleiben bei späteren Änderungen am Fundus
 stabil.
 ### Highlights
 - Titel von Fundus- und Sendungsfassungen lassen sich direkt in der jeweiligen
  Ansicht ändern. Die Bedienung funktioniert auch vollständig per Tastatur.
 - Themen und Werkzeuge verwenden kompakte, durchsuchbare Auswahlflächen. Der
  Werkzeugkatalog folgt nun demselben Bedienmuster wie die Themenverwaltung.
 - Für Themen, Werkzeuge, Navigation und Aktionen stehen 3.671 lokal
  bereitgestellte Classic-Regular-Icons zur Verfügung. Zur Laufzeit werden
  keine Icons von externen Diensten geladen.
 - Präsentationsbilder werden bewusst aus den aktiven Piece-Medien gewählt und
  beim Einplanen in die Sendungsfassung übernommen. Private Uploads werden nicht
  allein durch das Hochladen öffentlich.
 - Pieces lassen sich wiederherstellbar löschen. Bereits vorbereitete
  Sendungsfassungen und ihre Medien-Snapshots bleiben dabei erhalten.
 - Die heinzlive-Ausgabe kann ausdrücklich geleert werden. Im leeren Zustand ist
  sie vollständig transparent und zeigt auch keinen Verbindungsstatus.
 ### Redaktion und Verwaltung
 - Titel von Fundus- und Sendungsfassungen lassen sich direkt und per Tastatur
  bearbeiten.
 - Themen und Werkzeuge verwenden gemeinsame kompakte Auswahlflächen.
 - Der Werkzeugkatalog entspricht der Themenverwaltung: kompakte Glasfläche,
  Icon, Name, Status und Bearbeitungsaktion statt dauerhaft offener Formulare.
 - Anlegen und Bearbeiten eines Werkzeugs verwenden denselben responsiven Dialog
@@ -14,9 +255,8 @@
 - Die Formatzuordnung nutzt dieselbe durchsuchbare Mehrfachauswahl wie andere
  Zuordnungen. Deaktivierte Werkzeuge und bestehende Piece-Zuordnungen bleiben
  erhalten.
- Alle 3.671 Icons aus Font Awesome Pro Plus 7.0.0 Classic Regular stehen lokal
+- Fundus, Eingang, Archiv, Vorlagen und Sendungsansichten sind kompakter und
-  und durchsuchbar zur Verfügung. Ein lokaler SVG-Sprite hält den allgemeinen
+  bleiben per Klick, Touch und Tastatur bedienbar.
  Anwendungs-Chunk klein; es gibt keine externe Laufzeitabhängigkeit.
 ### Pieces und Präsentation
@@ -27,8 +267,10 @@
 - Pieces können wiederherstellbar gelöscht werden. Offene, nie live gelaufene
  Verwendungen und Abschnitte lassen sich unter geschützten Bedingungen
  entfernen.
- Fundus, Eingang, Archiv, Vorlagen und Sendungsansichten sind kompakter und
+- Themenicons werden zusammen mit der jeweiligen Sendungsfassung gespeichert.
-  bleiben per Klick, Touch und Tastatur bedienbar.
+  Spätere Änderungen an Thema, Werkzeug oder Original-Piece verändern eine
  vorbereitete Sendung weiterhin nur nach ausdrücklicher Aktualisierung aus dem
  Fundus.
 ### Live-Ausgabe
@@ -37,13 +279,18 @@
 - Eine aktive Präsentation lässt sich unabhängig vom aktuell laufenden Piece
  leeren.
-### Datenbank und Kompatibilität
+### Update und Kompatibilität
 - `0010_editor_experience.sql` ergänzt Themenicons, Medien-Snapshots und Soft
  Delete.
 - `0011_tool_icons.sql` ergänzt persistente Werkzeugicons mit einem sicheren
  Standardwert. Werkzeug-IDs, Formatbeziehungen, Piece-Zuordnungen und
  Deaktivierungszustände bleiben erhalten.
 - Die Migrationen laufen beim nächsten Serverstart automatisch. Vor dem Update
  sollte wie üblich eine konsistente Sicherung der SQLite-Datenbank und des
  Upload-Verzeichnisses angelegt werden.
 - Für dieses Release sind keine manuellen Datenkonvertierungen und keine
  Änderungen an der Konfiguration erforderlich.
 ### Prüfung
@@ -53,3 +300,9 @@
  verglichen.
 - Reales OBS, echte YouTube-/TikTok-Wiedergabe und Safari auf einem iOS-Gerät
  standen nicht zur Verfügung.
 ### Noch nicht enthalten
 Der Abschluss und die Archivierung vollständiger Sendungen, externe
 Lesefreigaben, RSS-Import und API gehören zu späteren Etappen und sind nicht Teil
 von 0.5.10.
@@ -2,10 +2,142 @@
 ## Aktueller Umfang
-Etappe 1 bis Etappe 5 sind abgeschlossen. Architektur, Gesamtdatenmodell,
+Etappe 1 bis Etappe 6 sind abgeschlossen. Architektur, Gesamtdatenmodell,
 Anmeldung, Rollen, persistente Inhaltsbearbeitung, Sendungsplanung,
-Live-Steuerung, Präsentationsausgabe und lokaler Betriebsweg sind dokumentiert.
+Live-Steuerung, Präsentationsausgabe, unveränderliche Sendungshistorie,
-Etappe 6 wurde nicht begonnen.
+Archiv und sichere Lesefreigaben sind dokumentiert.
 ## Wartungsrelease 0.6.1
 - Abschnitts-Countdown, mobile Live-Kopfzeile und Ablauf-Sheet wurden korrigiert; die doppelte Piece-Positionsanzeige entfällt.
 - Optionaler Vorbereitungsaufwand, kompakte Vorbereitungsliste und Abschnitts-Twitch-Tags sind additiv persistiert.
 - Der Präsentationsmodus `image` gibt ausschließlich das bewusst gewählte Snapshot-Medium aus.
 - Mobile Eingaben, Iconsuche, Sendungskarten und Gastabstände wurden angepasst.
 - Lesefreigaben verwenden einen gemeinsamen Dialog und sind auch aus der Live-Regie erreichbar.
 Geprüft wurden 52 Verhaltenstests, Typprüfung und Produktionsbuild. Im zweiten
 Chromium-Lauf waren 14 Abläufe erfolgreich; zwei Abläufe schlugen vor dem
 Zeitlimit fehl, zwei weitere wurden nicht mehr ausgeführt. Die vollständige
 Browsermatrix bleibt damit offen.
 ## Abschluss, Archiv und Freigaben 0.6.0
 - das Ende eines Live-Laufs bleibt wiederaufnehmbar; erst der getrennte,
  idempotente Abschluss friert Sendung, Kategorien, tatsächliche Verwendungen
  und Zeiten unveränderlich ein
 - der Abschlussdialog zählt gesendete, übersprungene und offene Pieces getrennt
  und archiviert Fundus-Originale ausschließlich nach bewusster Auswahl
 - die Verwendungshistorie wird beim Abschluss materialisiert; übersprungene
  Verwendungen und die Reservebank zählen nicht als gesendet
 - abgeschlossene Sendungen liegen getrennt im Archiv, sind intern nur lesbar und
  lassen sich mit neuen IDs, offenen Verwendungen und ohne Live- oder
  Freigabezustand in einen neuen Entwurf duplizieren
 - Barkeeper verwalten gehashte Leselinks direkt in der Sendungsbearbeitung und
  gesammelt in der Verwaltung; Umfang, Passwort und Ablauf lassen sich ändern,
  Freigaben vollständig löschen
 - Entwürfe, bereite und laufende Sendungen lassen sich bereits freigeben;
  Planänderungen werden beim nächsten Gastaufruf sichtbar, während der Abschluss
  denselben Link auf den unveränderlichen historischen Stand festlegt
 - passwortgeschützte Freigaben verwenden kurzlebige, gehashte Gast-Sitzungen und
  begrenzen Fehlversuche pro Link und Clientadresse
 - Gastseiten liefern genau eine positiv projizierte Sendung ohne interne IDs,
  Originaldaten oder nicht freigegebene Felder; geschützte Präsentationsmedien
  prüfen Umfang, Passwortsitzung, Ablauf und Widerruf bei jedem Direktaufruf
 - bestehende abgeschlossene Sendungen werden durch Migration `0015` mit
  eingefrorener Historie übernommen; Migration `0016` erweitert bestehende
  Freigaben verlustfrei auf noch nicht abgeschlossene Sendungen
 Die lokale Prüfmatrix umfasst 52 Verhaltenstests und 18 Chromium-Abläufe.
 Abschluss, Archiv, historische Nur-Lese-Ansicht, Passwortfreigabe,
 Scope-Begrenzung, direkter Medienzugriff, fremde IDs, Gast-Schreibversuch und
 Widerruf wurden zusätzlich in einem anonymen Browserkontext geprüft. Der
 erweiterte Ablauf prüft außerdem offene Sendungen, aktuelle Planänderungen,
 Bearbeiten und Löschen in beiden Barkeeper-Oberflächen sowie Desktop- und
 Smartphone-Layout.
 ## Live-Regie und Sendungskalender 0.5.12
 - die Live-Kopfleiste zeigt Classic-Regular-Icons für Ausgabe, Gesamtzeit,
  Abschnitt, Menü und Ablauf; Pause/Fortsetzen liegt zusätzlich als direkter,
  beschrifteter Iconbutton neben der Abschnittszeit
 - Sendungskarten ordnen Fakten auf kleinen Bildschirmen wieder horizontal an und
  vermeiden dadurch die zuvor unnötig hohe Kartenfläche
 - Reparaturmigration `0014_live_show_timer_repair.sql` ergänzt fehlende
  Gesamttimertabellen auch dann, wenn `0013` bereits in einem früheren
  Zwischenstand protokolliert wurde; der 500-Fehler beim Laden von `/live` ist
  damit behoben
 - gemeinsame persistente Pause für Piece-, Abschnitts- und Gesamttimer;
  Fortsetzen zählt Pausenzeit weder nach Navigation noch nach Reload mit
 - getrennte bestätigungspflichtige Resets für Abschnitts- und Gesamtzeit, ohne
  Piece-Status, Ablaufposition, Restplanung oder Präsentationsstand zu verändern
 - umschaltbare, lokal gemerkte Anzeige von gelaufener Gesamtzeit und geschätzter
  Restzeit; Abschnitte ohne eigene Planung werden kenntlich gemacht und
  Abschnitts- sowie Piece-Dauern nie doppelt addiert
 - explizite Sendungssteuerung für Entwurf, Bereit, Start, Pause, Ende,
  Wiederaufnahme eines beendeten Laufs und klar getrennten neuen Durchlauf
 - optionales privates Markdownfeld „Interaktion“ zwischen Moderation und
  Überleitung; Original, Vorlage, Sendungsfassung, Duplikation und bewusste
  Fundus-Aktualisierung führen jeweils unabhängige Snapshots
 - „Interaktion“, Timer- und Sendungssteuerung bleiben aus der öffentlichen
  heinzlive-Projektion ausgeschlossen
 - fokussierte private Liveansicht ohne normale App-Seitenleiste oder mobile
  Bottomnavigation; Planung, Theme, Schriftgröße, Zeitdarstellung und
  Ausgabekanal bleiben über das kompakte Regiemenü erreichbar
 - zweizeilige feste Kopfzeile: Abschnitt und „Danach“ teilen sich die erste
  Zeile mit dem Menü; Ausgabe, Abschnittscountdown und Ablaufschalter bilden die
  zweite Zeile. Der Sendungsname steht platzsparend im Menü
 - lange Abschnitts- und Folgetitel sind regulär einzeilig gekürzt und lassen
  sich per Klick oder Tastatur vollständig aufklappen
 - feste, auf vier Kernaktionen reduzierte Fußleiste mit Zurück, Präsentieren,
  Überspringen und kontextgerechtem Erledigen; das Leeren der Präsentation liegt
  direkt beim Ausgabezustand
 - aktuelle Moderation und schmale Ablaufspalte bleiben auch bei 900 × 450 Pixeln
  nebeneinander; beide Arbeitsflächen scrollen unabhängig, ohne die ganze Seite
  oder einzelne Textblöcke zu verschachtelten Scrollcontainern zu machen
 - bei niedrigen Desktopfenstern werden Abstände und Bedienleisten anhand der
  verfügbaren Höhe verdichtet, ohne Text oder Gesamtoberfläche zu skalieren
 - auf schmalen Ansichten bleibt das Piece die Hauptfläche und der Ablauf öffnet
  als separates, safe-area-fähiges Sheet mit Fokusführung und Escape-Schließen
 - kompakter aufklappbarer Ablauf mit ausgeschriebenen Zuständen, lokaler
  Betrachtung jedes Pieces, automatisch sichtbarem aktuellen Eintrag und
  zusammengeklappter Reserve; Sortierung bleibt in einer kompakten Aktion
  erreichbar, dauerhafte Sortierpfeile entfallen
 - die Leseposition wird je Piece lokal erhalten; ein erstmals gewähltes Piece
  beginnt oben statt an der Position des vorherigen Textes
 - Piece-Position, Titel und Zeit teilen sich einen kompakten Piece-Kopf, ohne die
  einstellbare Moderationsschrift zu verkleinern
 - das Regiemenü liegt als viewportgebundenes Popover sicher über den Glasflächen,
  bleibt scrollbar erreichbar und schließt per Escape oder Außenklick mit
  Fokus-Rückkehr zum Auslöser
 - Recherche, Quellen, Werkzeuge und eigene Notizen erscheinen nur bei Bedarf;
  leere Moderationsbereiche werden nicht dargestellt
 - Zurück und direkte Ablaufwahl verändern weder tatsächliches Live-Piece noch
  Status, Timer oder öffentliche Ausgabe; Überspringen und Erledigen bleiben bei
  einem nur betrachteten früheren Piece gesperrt
 - Liste und Kalender teilen dieselben Sendungsdaten; der Desktop zeigt ein
  vollständiges Monatsraster, das Smartphone eine chronologische Monatsagenda
 - Monatswechsel, heutiger Tag, mehrere Termine pro Tag und Sendungen ohne Termin
  bleiben sichtbar; die bevorzugte Listen- oder Kalenderansicht wird je Konto
  gespeichert
 - die Wiederaufnahmeaktion erscheint nur bei tatsächlich unterbrochenem
  Live-Stand statt während eines laufenden Pieces
 Etappe 6 bleibt unverändert unbegonnen.
 Die bestehende lokale Prüfmatrix umfasst 44 Verhaltenstests und 17
 Chromium-Abläufe. Die nachträgliche Icon-, Pause- und Kartenkorrektur wurde
 zusätzlich mit Typprüfung, sechs Live-Verhaltenstests, Produktionsbuild und
 gezielten Chromium-Abläufen bei 670 × 450, 390 × 700 und 656 × 400 Pixeln
 geprüft. Die vollständige Matrix wurde dafür nicht erneut ausgeführt.
 Reales OBS, echte YouTube-/TikTok-Wiedergabe sowie Safari auf einem iOS-Gerät
 bleiben mangels verfügbarer Umgebung offen.
 ## Verwaltungskorrektur 0.5.11
 - der Werkzeugdialog bleibt beim Laden geschlossen und öffnet erst nach einer
  bewussten Aktion
 - die Themen-Iconauswahl bleibt bei mobilen und breiten Ansichten vollständig
  innerhalb des Viewports
 ## Editor-Erlebnis 0.5.10
@@ -0,0 +1,3 @@
 ALTER TABLE users
 ADD COLUMN show_overview_view TEXT NOT NULL DEFAULT 'list'
 CHECK (show_overview_view IN ('list', 'calendar'));
@@ -0,0 +1,21 @@
 ALTER TABLE pieces ADD COLUMN interaction_text TEXT NOT NULL DEFAULT '';
 ALTER TABLE piece_usages ADD COLUMN interaction_snapshot TEXT NOT NULL DEFAULT '';
 CREATE TABLE live_show_timer_runs (
  id TEXT PRIMARY KEY,
  show_id TEXT NOT NULL REFERENCES shows(id) ON DELETE CASCADE,
  started_at_utc TEXT NOT NULL,
  ended_at_utc TEXT,
  CHECK (ended_at_utc IS NULL OR ended_at_utc >= started_at_utc)
 );
 CREATE UNIQUE INDEX idx_one_open_show_timer_run
 ON live_show_timer_runs(show_id)
 WHERE ended_at_utc IS NULL;
 CREATE INDEX idx_live_show_timer_runs_show
 ON live_show_timer_runs(show_id, started_at_utc);
 INSERT INTO live_show_timer_runs (id, show_id, started_at_utc, ended_at_utc)
 SELECT 'migrated-' || id, show_id, started_at_utc, ended_at_utc
 FROM live_usage_runs;
@@ -0,0 +1,18 @@
 CREATE TABLE IF NOT EXISTS live_show_timer_runs (
  id TEXT PRIMARY KEY,
  show_id TEXT NOT NULL REFERENCES shows(id) ON DELETE CASCADE,
  started_at_utc TEXT NOT NULL,
  ended_at_utc TEXT,
  CHECK (ended_at_utc IS NULL OR ended_at_utc >= started_at_utc)
 );
 CREATE UNIQUE INDEX IF NOT EXISTS idx_one_open_show_timer_run
 ON live_show_timer_runs(show_id)
 WHERE ended_at_utc IS NULL;
 CREATE INDEX IF NOT EXISTS idx_live_show_timer_runs_show
 ON live_show_timer_runs(show_id, started_at_utc);
 INSERT OR IGNORE INTO live_show_timer_runs (id, show_id, started_at_utc, ended_at_utc)
 SELECT 'migrated-' || id, show_id, started_at_utc, ended_at_utc
 FROM live_usage_runs;
@@ -0,0 +1,115 @@
 ALTER TABLE shows ADD COLUMN completed_at_utc TEXT;
 ALTER TABLE show_sections ADD COLUMN category_name_snapshot TEXT;
 ALTER TABLE show_sections ADD COLUMN category_color_snapshot TEXT;
 CREATE TABLE show_finalizations (
 	show_id TEXT PRIMARY KEY REFERENCES shows(id) ON DELETE CASCADE,
 	command_id TEXT NOT NULL,
 	source_revision INTEGER NOT NULL CHECK (source_revision >= 1),
 	finalized_by_user_id TEXT REFERENCES users(id) ON DELETE SET NULL,
 	finalized_at_utc TEXT NOT NULL,
 	UNIQUE (show_id, command_id)
 );
 CREATE TABLE show_finalization_archived_pieces (
 	show_id TEXT NOT NULL REFERENCES show_finalizations(show_id) ON DELETE CASCADE,
 	piece_id TEXT NOT NULL REFERENCES pieces(id) ON DELETE RESTRICT,
 	PRIMARY KEY (show_id, piece_id)
 );
 CREATE TABLE piece_usage_history (
 	usage_id TEXT PRIMARY KEY REFERENCES piece_usages(id) ON DELETE RESTRICT,
 	show_id TEXT NOT NULL REFERENCES shows(id) ON DELETE RESTRICT,
 	original_piece_id TEXT NOT NULL REFERENCES pieces(id) ON DELETE RESTRICT,
 	show_title_snapshot TEXT NOT NULL,
 	usage_title_snapshot TEXT NOT NULL,
 	used_at_utc TEXT NOT NULL,
 	actual_duration_seconds INTEGER NOT NULL CHECK (actual_duration_seconds >= 0)
 );
 CREATE INDEX idx_piece_usage_history_original
 	ON piece_usage_history(original_piece_id, used_at_utc DESC);
 CREATE TABLE show_duplication_commands (
 	source_show_id TEXT NOT NULL REFERENCES show_finalizations(show_id) ON DELETE CASCADE,
 	command_id TEXT NOT NULL,
 	created_show_id TEXT NOT NULL REFERENCES shows(id) ON DELETE CASCADE,
 	created_at_utc TEXT NOT NULL,
 	PRIMARY KEY (source_show_id, command_id)
 );
 CREATE TABLE show_shares (
 	id TEXT PRIMARY KEY,
 	show_id TEXT NOT NULL REFERENCES show_finalizations(show_id) ON DELETE CASCADE,
 	token_hash TEXT NOT NULL UNIQUE,
 	scope TEXT NOT NULL CHECK (scope IN ('rundown', 'moderation', 'research')),
 	password_hash TEXT,
 	expires_at_utc TEXT,
 	revoked_at_utc TEXT,
 	created_by_user_id TEXT NOT NULL REFERENCES users(id) ON DELETE RESTRICT,
 	created_at_utc TEXT NOT NULL
 );
 CREATE INDEX idx_show_shares_show ON show_shares(show_id, created_at_utc DESC);
 CREATE TABLE show_share_sessions (
 	token_hash TEXT PRIMARY KEY,
 	share_id TEXT NOT NULL REFERENCES show_shares(id) ON DELETE CASCADE,
 	created_at_utc TEXT NOT NULL,
 	expires_at_utc TEXT NOT NULL
 );
 CREATE INDEX idx_show_share_sessions_share ON show_share_sessions(share_id, expires_at_utc);
 CREATE TABLE share_password_attempts (
 	id TEXT PRIMARY KEY,
 	share_key TEXT NOT NULL,
 	address_key TEXT NOT NULL,
 	attempted_at_utc TEXT NOT NULL
 );
 CREATE INDEX idx_share_password_attempts_share
 	ON share_password_attempts(share_key, attempted_at_utc);
 CREATE INDEX idx_share_password_attempts_address
 	ON share_password_attempts(address_key, attempted_at_utc);
 UPDATE show_sections
 SET category_name_snapshot = (
 		SELECT name FROM section_categories WHERE id = show_sections.category_id
 	),
 	category_color_snapshot = (
 		SELECT color FROM section_categories WHERE id = show_sections.category_id
 	)
 WHERE show_id IN (SELECT id FROM shows WHERE status = 'completed');
 UPDATE shows
 SET completed_at_utc = COALESCE(
 	(SELECT ended_at_utc FROM show_live_states WHERE show_id = shows.id),
 	updated_at_utc
 )
 WHERE status = 'completed';
 INSERT INTO show_finalizations (
 	show_id, command_id, source_revision, finalized_by_user_id, finalized_at_utc
 )
 SELECT id, 'migration-' || id, revision, NULL, completed_at_utc
 FROM shows
 WHERE status = 'completed';
 INSERT INTO piece_usage_history (
 	usage_id, show_id, original_piece_id, show_title_snapshot, usage_title_snapshot,
 	used_at_utc, actual_duration_seconds
 )
 SELECT u.id, sh.id, u.original_piece_id, sh.title, u.title_snapshot,
 	COALESCE(sh.starts_at_utc, sh.completed_at_utc),
 	COALESCE((
 		SELECT sum(max(0, CAST((julianday(COALESCE(r.ended_at_utc, sh.completed_at_utc)) -
 			julianday(r.started_at_utc)) * 86400 AS INTEGER)))
 		FROM live_usage_runs r WHERE r.usage_id = u.id
 	), 0)
 FROM piece_usages u
 JOIN show_sections s ON s.id = u.show_section_id
 JOIN shows sh ON sh.id = s.show_id
 WHERE sh.status = 'completed' AND s.is_reserve_bank = 0
 	AND u.status = 'done' AND u.original_piece_id IS NOT NULL;
@@ -0,0 +1,43 @@
 DROP INDEX idx_show_share_sessions_share;
 DROP INDEX idx_show_shares_show;
 ALTER TABLE show_share_sessions RENAME TO show_share_sessions_v15;
 ALTER TABLE show_shares RENAME TO show_shares_v15;
 CREATE TABLE show_shares (
 	id TEXT PRIMARY KEY,
 	show_id TEXT NOT NULL REFERENCES shows(id) ON DELETE CASCADE,
 	token_hash TEXT NOT NULL UNIQUE,
 	scope TEXT NOT NULL CHECK (scope IN ('rundown', 'moderation', 'research')),
 	password_hash TEXT,
 	expires_at_utc TEXT,
 	revoked_at_utc TEXT,
 	created_by_user_id TEXT NOT NULL REFERENCES users(id) ON DELETE RESTRICT,
 	created_at_utc TEXT NOT NULL
 );
 CREATE INDEX idx_show_shares_show ON show_shares(show_id, created_at_utc DESC);
 CREATE TABLE show_share_sessions (
 	token_hash TEXT PRIMARY KEY,
 	share_id TEXT NOT NULL REFERENCES show_shares(id) ON DELETE CASCADE,
 	created_at_utc TEXT NOT NULL,
 	expires_at_utc TEXT NOT NULL
 );
 CREATE INDEX idx_show_share_sessions_share ON show_share_sessions(share_id, expires_at_utc);
 INSERT INTO show_shares (
 	id, show_id, token_hash, scope, password_hash, expires_at_utc, revoked_at_utc,
 	created_by_user_id, created_at_utc
 )
 SELECT id, show_id, token_hash, scope, password_hash, expires_at_utc, revoked_at_utc,
 	created_by_user_id, created_at_utc
 FROM show_shares_v15;
 INSERT INTO show_share_sessions (token_hash, share_id, created_at_utc, expires_at_utc)
 SELECT token_hash, share_id, created_at_utc, expires_at_utc
 FROM show_share_sessions_v15;
 DROP TABLE show_share_sessions_v15;
 DROP TABLE show_shares_v15;
@@ -0,0 +1,10 @@
 ALTER TABLE pieces ADD COLUMN preparation_effort TEXT CHECK (
 	preparation_effort IS NULL OR preparation_effort IN ('low', 'medium', 'high')
 );
 ALTER TABLE pieces ADD COLUMN presentation_image_only INTEGER NOT NULL DEFAULT 0
 	CHECK (presentation_image_only IN (0, 1));
 ALTER TABLE piece_usages ADD COLUMN presentation_image_only_snapshot INTEGER NOT NULL DEFAULT 0
 	CHECK (presentation_image_only_snapshot IN (0, 1));
 ALTER TABLE show_sections ADD COLUMN twitch_tags TEXT NOT NULL DEFAULT '';
 ALTER TABLE show_template_sections ADD COLUMN twitch_tags TEXT NOT NULL DEFAULT '';
@@ -1,12 +1,12 @@
 {
 	"name": "sendewerk",
-	"version": "0.5.10",
+	"version": "0.6.1",
 	"lockfileVersion": 3,
 	"requires": true,
 	"packages": {
 		"": {
 			"name": "sendewerk",
-			"version": "0.5.10",
+			"version": "0.6.1",
 			"dependencies": {
 				"@node-rs/argon2": "^2.2.2",
 				"better-sqlite3": "^13.0.3",
@@ -1,7 +1,7 @@
 {
 	"name": "sendewerk",
 	"private": true,
-	"version": "0.5.10",
+	"version": "0.6.1",
 	"type": "module",
 	"engines": {
 		"node": ">=22.17 <25"
@@ -1,3 +1,4 @@
 import { randomBytes } from 'node:crypto';
 import { redirect } from '@sveltejs/kit';
 import type { Handle } from '@sveltejs/kit/hooks';
 import { deleteSession, getSessionUser, hasUsers, SESSION_COOKIE } from '#lib/server/auth.js';
@@ -14,16 +15,32 @@ const publicPaths = new Set([
 export const handle: Handle = async ({ event, resolve }) => {
 	const presentationPath = event.url.pathname.startsWith('/heinzlive/');
 	const sharePath = event.url.pathname.startsWith('/freigabe/');
 	const shareMediaPath = /^\/freigabe\/[^/]+\/media\/[^/]+$/.test(event.url.pathname);
 	const presentationTestPath = /^\/fundus\/[^/]+\/praesentation(?:\/|$)/.test(event.url.pathname);
 	const token = event.cookies.get(SESSION_COOKIE);
 	event.locals.user = getSessionUser(token);
 	if (token && !event.locals.user) deleteSession(event.cookies);
-	if (!presentationPath && !publicPaths.has(event.url.pathname) && !event.locals.user) {
+	if (
 		!presentationPath &&
 		!sharePath &&
 		!publicPaths.has(event.url.pathname) &&
 		!event.locals.user
 	) {
 		redirect(303, hasUsers() ? '/login' : '/setup');
 	}
-	const response = await resolve(event);
+	const sharePageNonce = sharePath && !shareMediaPath ? randomBytes(16).toString('base64') : null;
 	const response = await resolve(
 		event,
 		sharePageNonce
 			? {
 					transformPageChunk: ({ html }) =>
 						html.replaceAll('<script', `<script nonce="${sharePageNonce}"`)
 				}
 			: undefined
 	);
 	response.headers.set('Referrer-Policy', 'same-origin');
 	response.headers.set('X-Content-Type-Options', 'nosniff');
 	response.headers.set('X-Frame-Options', 'DENY');
@@ -35,6 +52,16 @@ export const handle: Handle = async ({ event, resolve }) => {
 			"frame-src https://www.youtube-nocookie.com https://www.youtube.com https://www.tiktok.com; frame-ancestors 'none'"
 		);
 	}
 	if (sharePath) {
 		response.headers.set('Cache-Control', 'private, no-store');
 		response.headers.set('Referrer-Policy', 'same-origin');
 		if (!shareMediaPath) {
 			response.headers.set(
 				'Content-Security-Policy',
 				`default-src 'self'; script-src 'self' 'nonce-${sharePageNonce}'; style-src 'self' 'unsafe-inline'; img-src 'self'; frame-ancestors 'none'`
 			);
 		}
 	}
 	if (event.url.pathname === '/einladung' || event.url.pathname === '/passwort-zuruecksetzen') {
 		response.headers.set('Cache-Control', 'no-store');
 	}
@@ -0,0 +1,31 @@
 import { describe, expect, it } from 'vitest';
 import {
 	berlinDateKey,
 	buildCalendarDays,
 	formatMonthLabel,
 	normalizeMonthKey,
 	shiftMonth
 } from './calendar.js';
 describe('show calendar', () => {
 	it('groups UTC instants by their Berlin civil date', () => {
 		expect(berlinDateKey('2026-09-30T22:30:00.000Z')).toBe('2026-10-01');
 		expect(berlinDateKey('2026-12-31T23:30:00.000Z')).toBe('2027-01-01');
 	});
 	it('builds a Monday-first six-week month without dropping boundary days', () => {
 		const days = buildCalendarDays('2026-10', '2026-10-24');
 		expect(days).toHaveLength(42);
 		expect(days[0]).toMatchObject({ date: '2026-09-28', inSelectedMonth: false });
 		expect(days.find((day) => day.date === '2026-10-24')?.isToday).toBe(true);
 		expect(days.at(-1)?.date).toBe('2026-11-08');
 	});
 	it('moves across year boundaries and validates month keys', () => {
 		expect(shiftMonth('2026-12', 1)).toBe('2027-01');
 		expect(shiftMonth('2026-01', -1)).toBe('2025-12');
 		expect(normalizeMonthKey('2026-13', '2026-10')).toBe('2026-10');
 		expect(normalizeMonthKey('2026-02', '2026-10')).toBe('2026-02');
 		expect(formatMonthLabel('2026-10')).toBe('Oktober 2026');
 	});
 });
@@ -0,0 +1,75 @@
 export const BERLIN_TIME_ZONE = 'Europe/Berlin';
 export type CalendarDay = {
 	date: string;
 	dayNumber: number;
 	inSelectedMonth: boolean;
 	isToday: boolean;
 };
 const berlinDateFormatter = new Intl.DateTimeFormat('en-CA', {
 	timeZone: BERLIN_TIME_ZONE,
 	year: 'numeric',
 	month: '2-digit',
 	day: '2-digit'
 });
 function padded(value: number) {
 	return String(value).padStart(2, '0');
 }
 function dateParts(value: string | Date) {
 	const parts = berlinDateFormatter.formatToParts(
 		typeof value === 'string' ? new Date(value) : value
 	);
 	const read = (type: Intl.DateTimeFormatPartTypes) =>
 		Number(parts.find((part) => part.type === type)?.value);
 	return { year: read('year'), month: read('month'), day: read('day') };
 }
 export function berlinDateKey(value: string | Date) {
 	const parts = dateParts(value);
 	return `${parts.year}-${padded(parts.month)}-${padded(parts.day)}`;
 }
 export function berlinMonthKey(value: string | Date) {
 	return berlinDateKey(value).slice(0, 7);
 }
 export function normalizeMonthKey(value: string | null | undefined, fallback: string) {
 	if (!value || !/^\d{4}-(0[1-9]|1[0-2])$/.test(value)) return fallback;
 	return value;
 }
 export function shiftMonth(monthKey: string, delta: number) {
 	const [year, month] = monthKey.split('-').map(Number);
 	const shifted = new Date(Date.UTC(year, month - 1 + delta, 1));
 	return `${shifted.getUTCFullYear()}-${padded(shifted.getUTCMonth() + 1)}`;
 }
 export function formatMonthLabel(monthKey: string) {
 	const [year, month] = monthKey.split('-').map(Number);
 	return new Intl.DateTimeFormat('de-DE', {
 		timeZone: 'UTC',
 		month: 'long',
 		year: 'numeric'
 	}).format(new Date(Date.UTC(year, month - 1, 1)));
 }
 export function buildCalendarDays(monthKey: string, todayKey: string): CalendarDay[] {
 	const [year, month] = monthKey.split('-').map(Number);
 	const first = new Date(Date.UTC(year, month - 1, 1));
 	const mondayOffset = (first.getUTCDay() + 6) % 7;
 	const start = new Date(Date.UTC(year, month - 1, 1 - mondayOffset));
 	return Array.from({ length: 42 }, (_, index) => {
 		const date = new Date(start);
 		date.setUTCDate(start.getUTCDate() + index);
 		const dateKey = `${date.getUTCFullYear()}-${padded(date.getUTCMonth() + 1)}-${padded(date.getUTCDate())}`;
 		return {
 			date: dateKey,
 			dayNumber: date.getUTCDate(),
 			inSelectedMonth: dateKey.startsWith(monthKey),
 			isToday: dateKey === todayKey
 		};
 	});
 }
@@ -60,6 +60,11 @@
 				{/each}
 			</footer>{/if}
 	</article>
 {:else if content.mode === 'image'}
 	<article class="output-content output-image-only">
 		{#if content.topics.length}<p class="output-topics">{content.topics.join(' · ')}</p>{/if}
 		{#if imageSrc}<img src={imageSrc} alt={content.images?.[0]?.altText ?? content.title} />{/if}
 	</article>
 {:else if content.mode === 'link'}
 	<article class="output-content output-link-card">
 		{#if imageSrc && !imageUnavailable}<div class="output-link-image">
@@ -0,0 +1,260 @@
 <script lang="ts">
 	import { resolve } from '$app/paths';
 	import AppIcon from './AppIcon.svelte';
 	type ShareShow = {
 		id: string;
 		title: string;
 		startsAtUtc: string | null;
 		status: string;
 	};
 	type ShareItem = {
 		id: string;
 		showId: string;
 		showTitle: string;
 		showStatus: string;
 		showStartsAtUtc: string | null;
 		scope: 'rundown' | 'moderation' | 'research';
 		isPasswordProtected: boolean;
 		expiresAtUtc: string | null;
 		revokedAtUtc: string | null;
 		createdAtUtc: string;
 	};
 	let {
 		shows,
 		shares,
 		fixedShowId = '',
 		form = null
 	}: {
 		shows: ShareShow[];
 		shares: ShareItem[];
 		fixedShowId?: string;
 		form?: { intent?: string; error?: string; success?: string | boolean; shareUrl?: string } | null;
 	} = $props();
 	let visibleShows = $derived(
 		fixedShowId
 			? shows.filter((show) => show.id === fixedShowId)
 			: shows.filter((show) => shares.some((share) => share.showId === show.id))
 	);
 	let dialog: HTMLDialogElement;
 	function germanDate(value: string | null, fallback = 'Termin offen') {
 		return value
 			? new Intl.DateTimeFormat('de-DE', {
 					timeZone: 'Europe/Berlin',
 					dateStyle: 'medium',
 					timeStyle: 'short'
 				}).format(new Date(value))
 			: fallback;
 	}
 	function berlinInput(value: string | null) {
 		if (!value) return '';
 		const parts = new Intl.DateTimeFormat('en-CA', {
 			timeZone: 'Europe/Berlin',
 			year: 'numeric',
 			month: '2-digit',
 			day: '2-digit',
 			hour: '2-digit',
 			minute: '2-digit',
 			hourCycle: 'h23'
 		}).formatToParts(new Date(value));
 		const read = (type: Intl.DateTimeFormatPartTypes) =>
 			parts.find((part) => part.type === type)?.value ?? '';
 		return `${read('year')}-${read('month')}-${read('day')}T${read('hour')}:${read('minute')}`;
 	}
 	function statusLabel(status: string) {
 		if (status === 'draft') return 'Entwurf';
 		if (status === 'ready') return 'Bereit';
 		if (status === 'live') return 'Live';
 		return 'Abgeschlossen';
 	}
 	function scopeLabel(scope: ShareItem['scope']) {
 		if (scope === 'rundown') return 'Nur Ablauf';
 		if (scope === 'moderation') return 'Ablauf und Moderation';
 		return 'Vollständig mit Recherche';
 	}
 	function shareState(share: ShareItem) {
 		if (share.revokedAtUtc) return 'Widerrufen';
 		if (share.expiresAtUtc && new Date(share.expiresAtUtc) <= new Date()) return 'Abgelaufen';
 		return 'Aktiv';
 	}
 </script>
 <button class="secondary-button share-dialog-trigger" type="button" onclick={() => dialog.showModal()}>
 	<AppIcon name="link" /> Lesefreigaben
 </button>
 <dialog bind:this={dialog} class="share-management-dialog">
 <section
 	class="quiet-panel share-management"
 	aria-labelledby={`share-title-${fixedShowId || 'all'}`}
 >
 	<div class="panel-heading">
 		<div>
 			<p class="eyebrow">Gastzugänge</p>
 			<h2 id={`share-title-${fixedShowId || 'all'}`}>Lesefreigaben</h2>
 		</div>
 		<span class="mail-mode">Aktualisiert sich bis zum Abschluss</span>
 		<button class="dialog-close" type="button" aria-label="Lesefreigaben schließen" onclick={() => dialog.close()}>
 			<AppIcon name="xmark" />
 		</button>
 	</div>
 	<p class="share-intro">
 		Der Gast sieht nur diese Sendung und den gewählten Informationsumfang. Der vollständige Link
 		wird aus Sicherheitsgründen nur direkt nach dem Anlegen angezeigt.
 	</p>
 	{#if form?.intent?.toLowerCase().includes('share') && form.error}<div
 			class="form-message error"
 			role="alert"
 		>
 			{form.error}
 		</div>{/if}
 	{#if form?.intent?.toLowerCase().includes('share') && typeof form.success === 'string'}<div
 			class="form-message success"
 			role="status"
 		>
 			{form.success}
 		</div>{/if}
 	{#if form?.shareUrl}<div class="form-message success share-result" role="status">
 			<strong>Neuer Leselink</strong>
 			<!-- The server returns only a same-origin share path created by this action. -->
 			<!-- eslint-disable-next-line svelte/no-navigation-without-resolve -->
 			<a href={form.shareUrl}>{form.shareUrl}</a>
 		</div>{/if}
 	<form class="share-create-form" method="POST" action="?/createShare">
 		{#if fixedShowId}
 			<input type="hidden" name="showId" value={fixedShowId} />
 		{:else}
 			<label
 				>Sendung<select name="showId" required>
 					<option value="">Sendung wählen</option>
 					{#each shows as show (show.id)}<option value={show.id}
 							>{show.title} · {statusLabel(show.status)}</option
 						>{/each}
 				</select></label
 			>
 		{/if}
 		<label
 			>Informationsumfang<select name="scope">
 				<option value="rundown">Nur Ablauf</option>
 				<option value="moderation">Ablauf und Moderation</option>
 				<option value="research">Vollständig mit Recherche</option>
 			</select></label
 		>
 		<label
 			>Optionales Passwort<input
 				name="password"
 				type="password"
 				minlength="12"
 				maxlength="256"
 				autocomplete="new-password"
 			/></label
 		>
 		<label>Optionaler Ablauf<input name="expiresAt" type="datetime-local" /></label>
 		<button class="primary-button" type="submit" disabled={!shows.length}>Leselink anlegen</button>
 	</form>
 	{#if visibleShows.length}
 		<div class="share-show-list">
 			{#each visibleShows as show (show.id)}
 				<article class="share-show-card">
 					<header>
 						<div>
 							<a href={resolve('/sendungen/[id]', { id: show.id })}>{show.title}</a>
 							<small>{germanDate(show.startsAtUtc)} Uhr</small>
 						</div>
 						<span class={`show-state ${show.status}`}>{statusLabel(show.status)}</span>
 					</header>
 					<div class="share-list">
 						{#each shares.filter((share) => share.showId === show.id) as share (share.id)}
 							<details class="share-row">
 								<summary>
 									<span class="share-row-icon"><AppIcon name="link" /></span>
 									<span>
 										<strong>{scopeLabel(share.scope)}</strong>
 										<small
 											>{share.isPasswordProtected ? 'Mit Passwort' : 'Ohne Passwort'} · {germanDate(
 												share.expiresAtUtc,
 												'ohne Ablauf'
 											)}</small
 										>
 									</span>
 									<span class:locked={shareState(share) !== 'Aktiv'}>{shareState(share)}</span>
 									<AppIcon name="pen" />
 								</summary>
 								<div class="share-edit-area">
 									{#if share.revokedAtUtc}
 										<p>Diese Freigabe ist widerrufen und kann nur noch gelöscht werden.</p>
 									{:else}
 										<form class="share-edit-form" method="POST" action="?/updateShare">
 											<input type="hidden" name="shareId" value={share.id} />
 											<input type="hidden" name="showId" value={show.id} />
 											<label
 												>Informationsumfang<select name="scope" value={share.scope}>
 													<option value="rundown">Nur Ablauf</option>
 													<option value="moderation">Ablauf und Moderation</option>
 													<option value="research">Vollständig mit Recherche</option>
 												</select></label
 											>
 											<label
 												>Passwort<select name="passwordMode">
 													<option value="keep">Unverändert</option>
 													<option value="remove">Kein Passwort</option>
 													<option value="replace">Neues Passwort setzen</option>
 												</select></label
 											>
 											<label
 												>Neues Passwort<input
 													name="password"
 													type="password"
 													minlength="12"
 													maxlength="256"
 													autocomplete="new-password"
 												/></label
 											>
 											<label
 												>Ablauf<input
 													name="expiresAt"
 													type="datetime-local"
 													value={berlinInput(share.expiresAtUtc)}
 												/><small>Leer lassen, um den Ablauf zu entfernen.</small></label
 											>
 											<button class="secondary-button" type="submit">Freigabe speichern</button>
 										</form>
 									{/if}
 									<form
 										method="POST"
 										action="?/deleteShare"
 										onsubmit={(event) => {
 											if (
 												!confirm('Freigabe endgültig löschen? Der Leselink wird sofort ungültig.')
 											)
 												event.preventDefault();
 										}}
 									>
 									<input type="hidden" name="shareId" value={share.id} />
 									<input type="hidden" name="showId" value={show.id} />
 										<button class="text-button danger-text" type="submit">Freigabe löschen</button>
 									</form>
 								</div>
 							</details>
 						{/each}
 						{#if !shares.some((share) => share.showId === show.id)}
 							<p class="quiet-copy">Für diese Sendung gibt es noch keine Lesefreigabe.</p>
 						{/if}
 					</div>
 				</article>
 			{/each}
 		</div>
 	{:else}
 		<p class="quiet-copy">Noch keine Lesefreigaben angelegt.</p>
 	{/if}
 </section>
 </dialog>
@@ -108,6 +108,13 @@
 					rows={10}
 					bind:value={draft.moderation}
 				/>
 				<MarkdownEditorField
 					name="interaction"
 					label="Interaktion"
 					placeholder="Welche Frage möchtest du dem Chat stellen?"
 					privateField
 					bind:value={draft.interaction}
 				/>
 				<MarkdownEditorField
 					name="transition"
 					label="Überleitung"
@@ -220,7 +227,7 @@
 						bind:value={draft.presentation}
 					/>
 					<div class="presentation-mode-picker" role="group" aria-label="Darstellung">
-						{#each [['text', 'Text'], ['link', 'Linkvorschau'], ['video', 'Video']] as mode (mode[0])}
+						{#each [['text', 'Text'], ['image', 'Nur Bild'], ['link', 'Linkvorschau'], ['video', 'Video']] as mode (mode[0])}
 							<label
 								><input
 									type="radio"
@@ -244,7 +251,7 @@
 					/>
 					<input type="hidden" name="presentationSiteName" value={draft.presentationSiteName} />
 					<input type="hidden" name="presentationMediaId" value={draft.presentationMediaId ?? ''} />
-					{#if draft.presentationMode !== 'text'}
+					{#if draft.presentationMode === 'link' || draft.presentationMode === 'video'}
 						<div class="presentation-settings">
 							<div class="presentation-source-summary wide-field">
 								<span>Ausgewählte Quelle</span>
@@ -70,6 +70,21 @@ afterEach(async () => {
 });
 describe('authentication', () => {
 	it('stores the show overview preference per user', async () => {
 		const { createFirstAdmin, getShowOverviewView, setShowOverviewView } =
 			await import('./auth.js');
 		const user = await createFirstAdmin({
 			setupToken: 'a'.repeat(32),
 			email: 'calendar@example.test',
 			displayName: 'Kalender Test',
 			password: 'a-valid-password-123'
 		});
 		expect(getShowOverviewView(user.id)).toBe('list');
 		expect(setShowOverviewView(user.id, 'calendar')).toBe('calendar');
 		expect(getShowOverviewView(user.id)).toBe('calendar');
 		expect(() => setShowOverviewView(user.id, 'invalid')).toThrow('INVALID_VIEW');
 	});
 	it('creates the first Barkeeper once and stores no plaintext secret', async () => {
 		const { createFirstAdmin } = await import('./auth.js');
 		const password = 'Ein-sehr-langes-Testpasswort';
@@ -26,6 +26,7 @@ const PASSWORD_OPTIONS = {
 } as const;
 export type Role = 'barkeeper' | 'thekencrew';
 export type ShowOverviewView = 'list' | 'calendar';
 export type AuthUser = {
 	id: string;
 	email: string;
@@ -66,6 +67,23 @@ export function normalizeEmail(email: string): string {
 	return email.trim().toLowerCase();
 }
 export function getShowOverviewView(userId: string): ShowOverviewView {
 	const row = getDatabase()
 		.prepare('SELECT show_overview_view FROM users WHERE id = ?')
 		.get(userId) as { show_overview_view: ShowOverviewView } | undefined;
 	if (!row) throw new Error('NOT_FOUND');
 	return row.show_overview_view;
 }
 export function setShowOverviewView(userId: string, view: string): ShowOverviewView {
 	if (view !== 'list' && view !== 'calendar') throw new Error('INVALID_VIEW');
 	const result = getDatabase()
 		.prepare('UPDATE users SET show_overview_view = ?, updated_at_utc = ? WHERE id = ?')
 		.run(view, nowUtc(), userId);
 	if (!result.changes) throw new Error('NOT_FOUND');
 	return view;
 }
 export function validEmail(email: string): boolean {
 	return email.length <= 254 && /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(email);
 }
@@ -92,11 +110,11 @@ export async function verifyPassword(passwordHash: string, password: string): Pr
 const dummyPasswordHash = hashPassword(randomBytes(32).toString('hex'));
-function createToken(): string {
+export function createToken(): string {
 	return randomBytes(32).toString('base64url');
 }
-function hashToken(token: string): string {
+export function hashToken(token: string): string {
 	return createHash('sha256').update(token).digest('hex');
 }
@@ -0,0 +1,204 @@
 import { execFileSync } from 'node:child_process';
 import { mkdtempSync, rmSync } from 'node:fs';
 import { tmpdir } from 'node:os';
 import path from 'node:path';
 import { afterEach, beforeEach, describe, expect, it } from 'vitest';
 import type { AuthUser } from './auth.js';
 import { finalizeShow, getCompletionSummary } from './completion.js';
 import { closeDatabase, getDatabase } from './database.js';
 import {
 	addPieceUsage,
 	addShowSection,
 	createShow,
 	duplicateCompletedShow,
 	getPieceUsageContexts,
 	getShow
 } from './shows.js';
 let directory: string;
 const actor: AuthUser = {
 	id: 'completion-actor',
 	email: 'completion@example.test',
 	displayName: 'Abschluss Test',
 	role: 'barkeeper',
 	lockedAtUtc: null
 };
 beforeEach(() => {
 	directory = mkdtempSync(path.join(tmpdir(), 'sendewerk-completion-test-'));
 	process.env.SENDEWERK_DB_PATH = path.join(directory, 'test.sqlite');
 	process.env.SENDEWERK_UPLOAD_DIR = path.join(directory, 'uploads');
 	execFileSync(process.execPath, ['scripts/migrate.mjs'], { cwd: process.cwd(), env: process.env });
 	execFileSync(process.execPath, ['scripts/seed.mjs'], { cwd: process.cwd(), env: process.env });
 	getDatabase()
 		.prepare(
 			`INSERT INTO users (id, email, email_normalized, display_name, password_hash, role,
 			 password_changed_at_utc, created_at_utc, updated_at_utc)
 			 VALUES (?, ?, ?, ?, 'unused', 'barkeeper', ?, ?, ?)`
 		)
 		.run(
 			actor.id,
 			actor.email,
 			actor.email,
 			actor.displayName,
 			...Array(3).fill(new Date().toISOString())
 		);
 });
 afterEach(() => {
 	closeDatabase();
 	delete process.env.SENDEWERK_DB_PATH;
 	delete process.env.SENDEWERK_UPLOAD_DIR;
 	rmSync(directory, { recursive: true, force: true });
 });
 function endedShow() {
 	const created = createShow({ title: 'Finale Sendung', startsAtUtc: null, templateId: null });
 	const section = addShowSection(created.id, created.revision, {
 		name: 'Gesendeter Block',
 		categoryId: 'cat-jc',
 		explicitDurationSeconds: null
 	});
 	const done = addPieceUsage(created.id, section.revision, {
 		pieceId: 'piece-console',
 		sectionId: section.id
 	});
 	const skipped = addPieceUsage(created.id, done.revision, {
 		pieceId: 'piece-console',
 		sectionId: section.id
 	});
 	const database = getDatabase();
 	database.prepare("UPDATE piece_usages SET status = 'done' WHERE id = ?").run(done.id);
 	database.prepare("UPDATE piece_usages SET status = 'skipped' WHERE id = ?").run(skipped.id);
 	database
 		.prepare(
 			`INSERT INTO show_live_states
 			 (show_id, revision, started_at_utc, ended_at_utc, presentation_revision, updated_at_utc)
 			 VALUES (?, 0, ?, ?, 0, ?)`
 		)
 		.run(
 			created.id,
 			'2026-10-25T18:00:00.000Z',
 			'2026-10-25T19:00:00.000Z',
 			'2026-10-25T19:00:00.000Z'
 		);
 	return { showId: created.id, doneUsageId: done.id, revision: skipped.revision };
 }
 describe('show completion', () => {
 	it('finalizes once, records only sent usages and archives only the explicit selection', () => {
 		const prepared = endedShow();
 		expect(getCompletionSummary(prepared.showId)).toMatchObject({
 			doneCount: 1,
 			skippedCount: 1,
 			candidates: [{ pieceId: 'piece-console', usageCount: 1 }]
 		});
 		const first = finalizeShow({
 			showId: prepared.showId,
 			commandId: 'complete-once',
 			expectedShowRevision: prepared.revision,
 			expectedLiveRevision: 0,
 			archivePieceIds: ['piece-console'],
 			actor,
 			now: new Date('2026-10-25T19:05:00.000Z')
 		});
 		expect(first.duplicate).toBe(false);
 		expect(
 			finalizeShow({
 				showId: prepared.showId,
 				commandId: 'complete-once',
 				expectedShowRevision: prepared.revision,
 				expectedLiveRevision: 0,
 				archivePieceIds: ['piece-console'],
 				actor
 			}).duplicate
 		).toBe(true);
 		expect(() =>
 			finalizeShow({
 				showId: prepared.showId,
 				commandId: 'different-command',
 				expectedShowRevision: prepared.revision,
 				expectedLiveRevision: 0,
 				archivePieceIds: [],
 				actor
 			})
 		).toThrow('SHOW_COMPLETED');
 		const database = getDatabase();
 		expect(
 			(
 				database
 					.prepare('SELECT count(*) AS count FROM piece_usage_history WHERE show_id = ?')
 					.get(prepared.showId) as { count: number }
 			).count
 		).toBe(1);
 		expect(database.prepare('SELECT status FROM pieces WHERE id = ?').get('piece-console')).toEqual(
 			{ status: 'archived' }
 		);
 		expect(getPieceUsageContexts(['piece-console'])['piece-console'].sentHistory).toHaveLength(1);
 	});
 	it('keeps historical snapshots stable and duplicates them into an editable clean run', () => {
 		const prepared = endedShow();
 		finalizeShow({
 			showId: prepared.showId,
 			commandId: 'freeze',
 			expectedShowRevision: prepared.revision,
 			expectedLiveRevision: 0,
 			archivePieceIds: [],
 			actor
 		});
 		const historical = getShow(prepared.showId)!;
 		getDatabase()
 			.prepare("UPDATE section_categories SET name = 'Später geändert' WHERE id = 'cat-jc'")
 			.run();
 		getDatabase()
 			.prepare("UPDATE pieces SET title = 'Später geändert' WHERE id = 'piece-console'")
 			.run();
 		const unchanged = getShow(prepared.showId)!;
 		expect(unchanged.sections[0].category).toBe(historical.sections[0].category);
 		expect(unchanged.sections[0].usages[0].title).toBe(historical.sections[0].usages[0].title);
 		const copy = duplicateCompletedShow(prepared.showId, 'copy-once');
 		expect(duplicateCompletedShow(prepared.showId, 'copy-once').id).toBe(copy.id);
 		expect(getShow(copy.id)).toMatchObject({
 			status: 'draft',
 			startsAtUtc: null,
 			sections: [
 				{
 					category: historical.sections[0].category,
 					usages: [{ status: 'open' }, { status: 'open' }]
 				}
 			]
 		});
 		expect(
 			getDatabase().prepare('SELECT 1 FROM show_finalizations WHERE show_id = ?').get(copy.id)
 		).toBeUndefined();
 		getDatabase()
 			.prepare(
 				`UPDATE piece_usages SET status = 'done'
 				 WHERE show_section_id IN (SELECT id FROM show_sections WHERE show_id = ?)`
 			)
 			.run(copy.id);
 		getDatabase()
 			.prepare(
 				`INSERT INTO show_live_states
 				 (show_id, revision, started_at_utc, ended_at_utc, presentation_revision, updated_at_utc)
 				 VALUES (?, 0, ?, ?, 0, ?)`
 			)
 			.run(
 				copy.id,
 				'2026-10-26T18:00:00.000Z',
 				'2026-10-26T19:00:00.000Z',
 				'2026-10-26T19:00:00.000Z'
 			);
 		finalizeShow({
 			showId: copy.id,
 			commandId: 'finalize-copy',
 			expectedShowRevision: 1,
 			expectedLiveRevision: 0,
 			archivePieceIds: [],
 			actor
 		});
 		expect(getShow(copy.id)?.sections[0].category).toBe(historical.sections[0].category);
 	});
 });
@@ -0,0 +1,210 @@
 import type { AuthUser } from './auth.js';
 import { getDatabase } from './database.js';
 export type CompletionCandidate = {
 	pieceId: string;
 	title: string;
 	usageCount: number;
 };
 export type CompletionSummary = {
 	doneCount: number;
 	skippedCount: number;
 	openCount: number;
 	candidates: CompletionCandidate[];
 };
 export function isShowFinalized(showId: string): boolean {
 	return Boolean(
 		getDatabase().prepare('SELECT 1 FROM show_finalizations WHERE show_id = ?').get(showId)
 	);
 }
 export function getCompletionSummary(showId: string): CompletionSummary {
 	const database = getDatabase();
 	if (!database.prepare('SELECT 1 FROM shows WHERE id = ?').get(showId))
 		throw new Error('NOT_FOUND');
 	const counts = database
 		.prepare(
 			`SELECT
 			 sum(CASE WHEN u.status = 'done' THEN 1 ELSE 0 END) AS done_count,
 			 sum(CASE WHEN u.status = 'skipped' THEN 1 ELSE 0 END) AS skipped_count,
 			 sum(CASE WHEN u.status IN ('open', 'current') THEN 1 ELSE 0 END) AS open_count
 			 FROM piece_usages u JOIN show_sections s ON s.id = u.show_section_id
 			 WHERE s.show_id = ? AND s.is_reserve_bank = 0`
 		)
 		.get(showId) as {
 		done_count: number | null;
 		skipped_count: number | null;
 		open_count: number | null;
 	};
 	const candidates = database
 		.prepare(
 			`SELECT u.original_piece_id AS piece_id, p.title, count(*) AS usage_count
 			 FROM piece_usages u
 			 JOIN show_sections s ON s.id = u.show_section_id
 			 JOIN pieces p ON p.id = u.original_piece_id
 			 WHERE s.show_id = ? AND s.is_reserve_bank = 0 AND u.status = 'done'
 			 AND p.status != 'archived' AND p.deleted_at_utc IS NULL
 			 GROUP BY u.original_piece_id, p.title ORDER BY p.title COLLATE NOCASE`
 		)
 		.all(showId) as { piece_id: string; title: string; usage_count: number }[];
 	return {
 		doneCount: counts.done_count ?? 0,
 		skippedCount: counts.skipped_count ?? 0,
 		openCount: counts.open_count ?? 0,
 		candidates: candidates.map((candidate) => ({
 			pieceId: candidate.piece_id,
 			title: candidate.title,
 			usageCount: candidate.usage_count
 		}))
 	};
 }
 export function getHistoricalActualDurations(showId: string): Record<string, number> {
 	return Object.fromEntries(
 		(
 			getDatabase()
 				.prepare(
 					`SELECT usage_id, actual_duration_seconds FROM piece_usage_history WHERE show_id = ?`
 				)
 				.all(showId) as { usage_id: string; actual_duration_seconds: number }[]
 		).map((row) => [row.usage_id, row.actual_duration_seconds])
 	);
 }
 export function finalizeShow(input: {
 	showId: string;
 	commandId: string;
 	expectedShowRevision: number;
 	expectedLiveRevision: number;
 	archivePieceIds: string[];
 	actor: AuthUser;
 	now?: Date;
 }) {
 	if (!input.commandId || input.commandId.length > 200) throw new Error('INVALID_COMMAND');
 	if (!Number.isInteger(input.expectedShowRevision) || input.expectedShowRevision < 1) {
 		throw new Error('INVALID_REVISION');
 	}
 	if (!Number.isInteger(input.expectedLiveRevision) || input.expectedLiveRevision < 0) {
 		throw new Error('INVALID_REVISION');
 	}
 	const archivePieceIds = [...new Set(input.archivePieceIds.filter(Boolean))];
 	const database = getDatabase();
 	return database.transaction(() => {
 		const existing = database
 			.prepare('SELECT command_id FROM show_finalizations WHERE show_id = ?')
 			.get(input.showId) as { command_id: string } | undefined;
 		if (existing) {
 			if (existing.command_id !== input.commandId) throw new Error('SHOW_COMPLETED');
 			return { duplicate: true };
 		}
 		const state = database
 			.prepare(
 				`SELECT sh.revision AS show_revision, ls.revision AS live_revision, ls.ended_at_utc
 				 FROM shows sh JOIN show_live_states ls ON ls.show_id = sh.id WHERE sh.id = ?`
 			)
 			.get(input.showId) as
 			{ show_revision: number; live_revision: number; ended_at_utc: string | null } | undefined;
 		if (!state) throw new Error('NOT_FOUND');
 		if (!state.ended_at_utc) throw new Error('NOT_ENDED');
 		if (
 			state.show_revision !== input.expectedShowRevision ||
 			state.live_revision !== input.expectedLiveRevision
 		) {
 			throw new Error('CONFLICT');
 		}
 		const candidates = getCompletionSummary(input.showId).candidates.map(
 			(candidate) => candidate.pieceId
 		);
 		if (archivePieceIds.some((pieceId) => !candidates.includes(pieceId))) {
 			throw new Error('INVALID_ARCHIVE_SELECTION');
 		}
 		const now = (input.now ?? new Date()).toISOString();
 		database
 			.prepare(
 				`UPDATE live_usage_runs SET ended_at_utc = ? WHERE show_id = ? AND ended_at_utc IS NULL`
 			)
 			.run(now, input.showId);
 		database
 			.prepare(
 				`UPDATE live_show_timer_runs SET ended_at_utc = ? WHERE show_id = ? AND ended_at_utc IS NULL`
 			)
 			.run(now, input.showId);
 		database
 			.prepare(
 				`UPDATE live_section_timer_runs SET ended_at_utc = ?
 				 WHERE ended_at_utc IS NULL AND timer_id IN (
 					SELECT id FROM live_section_timers WHERE show_id = ?
 				 )`
 			)
 			.run(now, input.showId);
 		database
 			.prepare(
 				`UPDATE live_section_timers SET ended_at_utc = ? WHERE show_id = ? AND ended_at_utc IS NULL`
 			)
 			.run(now, input.showId);
 		database
 			.prepare(
 				`UPDATE show_sections SET
 				 category_name_snapshot = COALESCE(category_name_snapshot,
 					(SELECT name FROM section_categories WHERE id = show_sections.category_id)),
 				 category_color_snapshot = COALESCE(category_color_snapshot,
 					(SELECT color FROM section_categories WHERE id = show_sections.category_id))
 				 WHERE show_id = ?`
 			)
 			.run(input.showId);
 		database
 			.prepare(
 				`INSERT INTO piece_usage_history (
 				 usage_id, show_id, original_piece_id, show_title_snapshot, usage_title_snapshot,
 				 used_at_utc, actual_duration_seconds
 				 )
 				 SELECT u.id, sh.id, u.original_piece_id, sh.title, u.title_snapshot,
 				 COALESCE(sh.starts_at_utc, ?),
 				 COALESCE((
 					SELECT sum(max(0, CAST((julianday(COALESCE(r.ended_at_utc, ?)) -
 						julianday(r.started_at_utc)) * 86400 AS INTEGER)))
 					FROM live_usage_runs r WHERE r.usage_id = u.id
 				 ), 0)
 				 FROM piece_usages u
 				 JOIN show_sections s ON s.id = u.show_section_id
 				 JOIN shows sh ON sh.id = s.show_id
 				 WHERE sh.id = ? AND s.is_reserve_bank = 0 AND u.status = 'done'
 				 AND u.original_piece_id IS NOT NULL`
 			)
 			.run(now, now, input.showId);
 		const archivePiece = database.prepare(
 			`UPDATE pieces SET archived_from_status = status, status = 'archived', revision = revision + 1,
 			 updated_at_utc = ? WHERE id = ? AND status != 'archived' AND deleted_at_utc IS NULL`
 		);
 		for (const pieceId of archivePieceIds) {
 			archivePiece.run(now, pieceId);
 		}
 		const updated = database
 			.prepare(
 				`UPDATE shows SET status = 'completed', completed_at_utc = ?, revision = revision + 1,
 				 updated_at_utc = ? WHERE id = ? AND revision = ? AND status != 'completed'`
 			)
 			.run(now, now, input.showId, input.expectedShowRevision);
 		if (updated.changes !== 1) throw new Error('CONFLICT');
 		database
 			.prepare(
 				`INSERT INTO show_finalizations
 				 (show_id, command_id, source_revision, finalized_by_user_id, finalized_at_utc)
 				 VALUES (?, ?, ?, ?, ?)`
 			)
 			.run(input.showId, input.commandId, input.expectedShowRevision, input.actor.id, now);
 		const recordArchivedPiece = database.prepare(
 			'INSERT INTO show_finalization_archived_pieces (show_id, piece_id) VALUES (?, ?)'
 		);
 		for (const pieceId of archivePieceIds) {
 			recordArchivedPiece.run(input.showId, pieceId);
 		}
 		return { duplicate: false };
 	})();
 }
@@ -74,7 +74,8 @@ function completeInput(overrides: Partial<PieceInput> = {}): PieceInput {
 		sources: [
 			{ label: 'Dokumentation', url: 'https://example.com/dokumentation', timecodeSeconds: 75 }
 		],
-		...overrides
+		...overrides,
 		preparationEffort: overrides.preparationEffort ?? null
 	};
 }
@@ -332,11 +333,17 @@ describe('content management', () => {
 			presentationMediaId: selected.id
 		});
 		savePiece(id, source.revision, {
 			...source,
 			status: 'preparing',
 			presentationMode: 'image'
 		});
 		const duplicateId = await duplicatePiece(id);
 		const duplicate = getPiece(duplicateId)!;
 		expect(duplicate.media).toHaveLength(1);
 		expect(duplicate.presentationMediaId).toBe(duplicate.media[0].id);
 		expect(duplicate.presentationMediaId).not.toBe(selected.id);
 		expect(duplicate.presentationMode).toBe('image');
 		const template = savePieceAsTemplate(id, 'Ohne Medienreferenz', 'Nur Inhaltsdaten');
 		const snapshot = getDatabase()
@@ -14,6 +14,7 @@ import {
 export const PIECE_STATUSES = ['inbox', 'preparing', 'ready', 'archived'] as const;
 export type PieceStatus = (typeof PIECE_STATUSES)[number];
 export type EditablePieceStatus = Exclude<PieceStatus, 'archived'>;
 export type PreparationEffort = 'low' | 'medium' | 'high' | null;
 export type TaxonomyKind = 'category' | 'format' | 'topic';
 export type PieceSourceInput = {
@@ -42,10 +43,12 @@ export type PieceInput = {
 	summary: string;
 	formatId: string | null;
 	status: EditablePieceStatus;
 	preparationEffort: PreparationEffort;
 	durationSeconds: number;
 	intro: string;
 	researchText: string;
 	moderationNotes: string;
 	interactionText?: string;
 	transitionText: string;
 	presentationText: string;
 	presentationMode: PresentationMode;
@@ -81,9 +84,13 @@ export type PieceListItem = {
 	sourceCount: number;
 	mediaId: string | null;
 	isFavorite: boolean;
 	preparationEffort: PreparationEffort;
 };
-export type PieceEditor = Omit<PieceInput, 'status' | 'tools' | 'presentationMediaId'> & {
+export type PieceEditor = Omit<
 	PieceInput,
 	'status' | 'tools' | 'presentationMediaId' | 'interactionText'
 > & {
 	id: string;
 	status: PieceStatus;
 	revision: number;
@@ -92,9 +99,12 @@ export type PieceEditor = Omit<PieceInput, 'status' | 'tools' | 'presentationMed
 	media: PieceMedia[];
 	presentationMediaId: string | null;
 	isFavorite: boolean;
 	interactionText: string;
 	tools: PieceTool[];
 };
 type ValidatedPieceInput = PieceInput;
 export type PieceMedia = {
 	id: string;
 	originalName: string;
@@ -187,10 +197,13 @@ function requireTaxonomyIds(table: 'formats' | 'topics' | 'section_categories',
 	if (count.count !== ids.length) throw new Error('INVALID_TAXONOMY');
 }
-function validatePieceInput(input: PieceInput): PieceInput {
+function validatePieceInput(input: PieceInput): ValidatedPieceInput {
 	const title = cleanText(input.title, 200, 'title');
 	if (!title) throw new Error('INVALID_TITLE');
 	if (!['inbox', 'preparing', 'ready'].includes(input.status)) throw new Error('INVALID_STATUS');
 	if (![null, 'low', 'medium', 'high'].includes(input.preparationEffort)) {
 		throw new Error('INVALID_PREPARATION_EFFORT');
 	}
 	if (
 		!Number.isInteger(input.durationSeconds) ||
 		input.durationSeconds < 0 ||
@@ -219,7 +232,7 @@ function validatePieceInput(input: PieceInput): PieceInput {
 		}
 		return { label, url, timecodeSeconds: source.timecodeSeconds };
 	});
-	if (!['text', 'link', 'video'].includes(input.presentationMode)) {
+	if (!['text', 'image', 'link', 'video'].includes(input.presentationMode)) {
 		throw new Error('INVALID_PRESENTATION');
 	}
 	const sourcePosition = input.presentationSourcePosition;
@@ -229,7 +242,7 @@ function validatePieceInput(input: PieceInput): PieceInput {
 	) {
 		throw new Error('INVALID_PRESENTATION');
 	}
-	if (input.presentationMode !== 'text' && sourcePosition === null) {
+	if (['link', 'video'].includes(input.presentationMode) && sourcePosition === null) {
 		throw new Error('INVALID_PRESENTATION');
 	}
 	const presentationImageUrl = cleanText(input.presentationImageUrl, 2_000, 'presentation_image');
@@ -242,16 +255,24 @@ function validatePieceInput(input: PieceInput): PieceInput {
 		input.presentationMediaId === undefined
 			? undefined
 			: cleanText(input.presentationMediaId, 100, 'presentation_media') || null;
 	if (input.presentationMode === 'image' && !presentationMediaId) {
 		throw new Error('INVALID_PRESENTATION');
 	}
 	return {
 		title,
 		outputTitle: cleanText(input.outputTitle, 300, 'output_title'),
 		summary: cleanText(input.summary, 2_000, 'summary'),
 		formatId: input.formatId || null,
 		status: input.status,
 		preparationEffort: input.preparationEffort,
 		durationSeconds: input.durationSeconds,
 		intro: cleanText(input.intro, 50_000, 'intro'),
 		researchText: cleanText(input.researchText, 50_000, 'research'),
 		moderationNotes: cleanText(input.moderationNotes, 50_000, 'moderation'),
 		interactionText:
 			input.interactionText === undefined
 				? undefined
 				: cleanText(input.interactionText, 50_000, 'interaction'),
 		transitionText: cleanText(input.transitionText, 50_000, 'transition'),
 		presentationText: cleanText(input.presentationText, 50_000, 'presentation'),
 		presentationMode: input.presentationMode,
@@ -306,6 +327,7 @@ type PieceListRow = {
 	source_count: number;
 	media_id: string | null;
 	is_favorite: number;
 	preparation_effort: PreparationEffort;
 };
 export function listPieces(filters: {
@@ -355,6 +377,7 @@ export function listPieces(filters: {
 	const rows = database
 		.prepare(
 			`SELECT p.id, p.title, p.summary, p.status, p.revision, p.duration_seconds, p.is_favorite,
 			 p.preparation_effort,
 			 p.format_id, COALESCE(f.name, 'Ohne Format') AS format,
 			 (SELECT count(*) FROM piece_sources ps WHERE ps.piece_id = p.id) AS source_count,
 			 (SELECT pm.id FROM piece_media pm WHERE pm.piece_id = p.id AND pm.removed_at_utc IS NULL ORDER BY pm.position LIMIT 1) AS media_id
@@ -387,7 +410,8 @@ export function listPieces(filters: {
 		topics: topicStatement.all(row.id) as PieceListItem['topics'],
 		sourceCount: row.source_count,
 		mediaId: row.media_id,
-		isFavorite: row.is_favorite === 1
+		isFavorite: row.is_favorite === 1,
 		preparationEffort: row.preparation_effort
 	}));
 }
@@ -402,6 +426,7 @@ type PieceRow = {
 	intro: string;
 	research_text: string;
 	moderation_notes: string;
 	interaction_text: string;
 	transition_text: string;
 	presentation_text: string;
 	presentation_mode: PresentationMode;
@@ -421,14 +446,16 @@ type PieceRow = {
 	updated_at_utc: string;
 	is_favorite: number;
 	presentation_media_id: string | null;
 	preparation_effort: PreparationEffort;
 };
 export function getPiece(id: string): PieceEditor | null {
 	const database = getDatabase();
 	const row = database
 		.prepare(
-			`SELECT id, title, output_title, summary, format_id, status, duration_seconds, intro, research_text,
+			`SELECT id, title, output_title, summary, format_id, status, preparation_effort, duration_seconds, intro, research_text,
-			 moderation_notes, transition_text, presentation_text, presentation_mode,
+			 moderation_notes, interaction_text, transition_text, presentation_text,
 			 CASE WHEN presentation_image_only = 1 THEN 'image' ELSE presentation_mode END AS presentation_mode,
 			 presentation_source_position, presentation_title, presentation_description,
 			 presentation_image_url, presentation_site_name, presentation_provider,
 			 presentation_provider_id, presentation_title_manual, presentation_description_manual,
@@ -448,10 +475,12 @@ export function getPiece(id: string): PieceEditor | null {
 		summary: row.summary,
 		formatId: row.format_id,
 		status: row.status,
 		preparationEffort: row.preparation_effort,
 		durationSeconds: row.duration_seconds,
 		intro: row.intro,
 		researchText: row.research_text,
 		moderationNotes: row.moderation_notes,
 		interactionText: row.interaction_text,
 		transitionText: row.transition_text,
 		presentationText: row.presentation_text,
 		presentationMode: row.presentation_mode,
@@ -599,9 +628,9 @@ export function savePiece(id: string, expectedRevision: number, rawInput: PieceI
 	const save = database.transaction(() => {
 		const result = database
 			.prepare(
-				`UPDATE pieces SET title = ?, output_title = ?, summary = ?, format_id = ?, status = ?, duration_seconds = ?,
+				`UPDATE pieces SET title = ?, output_title = ?, summary = ?, format_id = ?, status = ?, preparation_effort = ?, duration_seconds = ?,
-				 intro = ?, research_text = ?, moderation_notes = ?, transition_text = ?, presentation_text = ?,
+				 intro = ?, research_text = ?, moderation_notes = ?, interaction_text = COALESCE(?, interaction_text), transition_text = ?, presentation_text = ?,
-				 presentation_mode = ?, presentation_source_position = ?, presentation_title = ?,
+				 presentation_mode = ?, presentation_image_only = ?, presentation_source_position = ?, presentation_title = ?,
 				 presentation_description = ?, presentation_image_url = ?, presentation_site_name = ?,
 				 presentation_provider = ?, presentation_provider_id = ?, presentation_title_manual = ?,
 				 presentation_description_manual = ?, presentation_image_manual = ?,
@@ -615,13 +644,16 @@ export function savePiece(id: string, expectedRevision: number, rawInput: PieceI
 				input.summary,
 				input.formatId,
 				input.status,
 				input.preparationEffort,
 				input.durationSeconds,
 				input.intro,
 				input.researchText,
 				input.moderationNotes,
 				input.interactionText ?? null,
 				input.transitionText,
 				input.presentationText,
-				input.presentationMode,
+				input.presentationMode === 'image' ? 'text' : input.presentationMode,
 				input.presentationMode === 'image' ? 1 : 0,
 				input.presentationSourcePosition,
 				input.presentationTitle,
 				input.presentationDescription,
@@ -650,17 +682,19 @@ export function savePiece(id: string, expectedRevision: number, rawInput: PieceI
 	return { revision: expectedRevision + 1, updatedAtUtc };
 }
-function blankPieceInput(): PieceInput {
+function blankPieceInput(): ValidatedPieceInput {
 	return {
 		title: 'Neues Piece',
 		outputTitle: '',
 		summary: '',
 		formatId: null,
 		status: 'preparing',
 		preparationEffort: null,
 		durationSeconds: 0,
 		intro: '',
 		researchText: '',
 		moderationNotes: '',
 		interactionText: '',
 		transitionText: '',
 		presentationText: '',
 		presentationMode: 'text',
@@ -682,7 +716,7 @@ function blankPieceInput(): PieceInput {
 	};
 }
-function templateInput(templateId: string): PieceInput {
+function templateInput(templateId: string): ValidatedPieceInput {
 	if (templateId === 'blank') return blankPieceInput();
 	const row = getDatabase()
 		.prepare('SELECT snapshot_json FROM piece_templates WHERE id = ?')
@@ -739,8 +773,8 @@ export function createPiece(template = 'blank'): string {
 		database
 			.prepare(
 				`INSERT INTO pieces (id, title, output_title, summary, format_id, status, duration_seconds, intro,
-				 research_text, moderation_notes, transition_text, presentation_text, created_at_utc,
+				 research_text, moderation_notes, interaction_text, transition_text, presentation_text, created_at_utc,
-				 updated_at_utc, revision) VALUES (?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, 1)`
+				 updated_at_utc, revision) VALUES (?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, 1)`
 			)
 			.run(
 				id,
@@ -753,6 +787,7 @@ export function createPiece(template = 'blank'): string {
 				input.intro,
 				input.researchText,
 				input.moderationNotes,
 				input.interactionText ?? '',
 				input.transitionText,
 				input.presentationText,
 				now,
@@ -782,6 +817,7 @@ export function savePieceAsTemplate(
 	delete snapshot.updatedAtUtc;
 	delete snapshot.media;
 	delete snapshot.presentationMediaId;
 	if (snapshot.presentationMode === 'image') snapshot.presentationMode = 'text';
 	snapshot.status = 'preparing';
 	const snapshotJson = JSON.stringify(snapshot);
 	const database = getDatabase();
@@ -901,14 +937,17 @@ export async function duplicatePiece(sourceId: string): Promise<string> {
 		database.transaction(() => {
 			database
 				.prepare(
-					`INSERT INTO pieces (id, title, output_title, summary, format_id, status, duration_seconds, intro,
+					`INSERT INTO pieces (id, title, output_title, summary, format_id, status, preparation_effort, duration_seconds, intro,
-					 research_text, moderation_notes, transition_text, presentation_text, presentation_mode,
+					 research_text, moderation_notes, interaction_text, transition_text, presentation_text, presentation_mode, presentation_image_only,
 					 presentation_source_position, presentation_title, presentation_description,
 					 presentation_image_url, presentation_site_name, presentation_provider,
 					 presentation_provider_id, presentation_title_manual,
 					 presentation_description_manual, presentation_image_manual,
 					 presentation_metadata_fetched_at_utc, created_at_utc, updated_at_utc, revision)
-					 VALUES (?, ?, ?, ?, ?, 'preparing', ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, 1)`
+					 VALUES (
 					 ?, ?, ?, ?, ?, 'preparing', ?, ?, ?, ?, ?, ?, ?, ?, ?,
 					 ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, 1
 					 )`
 				)
 				.run(
 					id,
@@ -916,13 +955,16 @@ export async function duplicatePiece(sourceId: string): Promise<string> {
 					source.outputTitle,
 					source.summary,
 					source.formatId,
 					source.preparationEffort,
 					source.durationSeconds,
 					source.intro,
 					source.researchText,
 					source.moderationNotes,
 					source.interactionText,
 					source.transitionText,
 					source.presentationText,
-					source.presentationMode,
+					source.presentationMode === 'image' ? 'text' : source.presentationMode,
 					source.presentationMode === 'image' ? 1 : 0,
 					source.presentationSourcePosition,
 					source.presentationTitle,
 					source.presentationDescription,
@@ -1,6 +1,6 @@
 import Database from 'better-sqlite3';
 import { execFileSync } from 'node:child_process';
-import { mkdtempSync, rmSync } from 'node:fs';
+import { mkdtempSync, readdirSync, readFileSync, rmSync } from 'node:fs';
 import { tmpdir } from 'node:os';
 import path from 'node:path';
 import { afterEach, describe, expect, it, vi } from 'vitest';
@@ -62,7 +62,7 @@ describe('database setup', () => {
 		database.close();
 		expect(counts).toEqual({
-			migrations: 11,
+			migrations: 17,
 			pieces: 6,
 			shows: 2,
 			usages: 5,
@@ -90,4 +90,97 @@ describe('database setup', () => {
 		expect(show.totalDurationSeconds).toBe(5100);
 		expect(show.sections[1].usages.find((usage) => usage.isReserve)?.durationSeconds).toBe(540);
 	});
 	it('upgrades existing completed shows into stable finalizations exactly once', () => {
 		const directory = mkdtempSync(path.join(tmpdir(), 'sendewerk-upgrade-test-'));
 		temporaryDirectories.push(directory);
 		const databasePath = path.join(directory, 'test.sqlite');
 		const environment = {
 			...process.env,
 			SENDEWERK_DB_PATH: databasePath,
 			SENDEWERK_UPLOAD_DIR: path.join(directory, 'uploads')
 		};
 		const database = new Database(databasePath);
 		database.pragma('foreign_keys = ON');
 		database.exec(
 			'CREATE TABLE schema_migrations (name TEXT PRIMARY KEY, applied_at_utc TEXT NOT NULL)'
 		);
 		const migrationDirectory = path.resolve('migrations');
 		const oldMigrations = readdirSync(migrationDirectory)
 			.filter(
 				(name) =>
 					/^\d+.+\.sql$/.test(name) && !name.startsWith('0015_') && !name.startsWith('0016_')
 			)
 			.sort();
 		for (const name of oldMigrations) {
 			database.exec(readFileSync(path.join(migrationDirectory, name), 'utf8'));
 			database
 				.prepare('INSERT INTO schema_migrations (name, applied_at_utc) VALUES (?, ?)')
 				.run(name, new Date().toISOString());
 		}
 		database.close();
 		execFileSync(process.execPath, ['scripts/seed.mjs'], { cwd: process.cwd(), env: environment });
 		const legacy = new Database(databasePath);
 		legacy.pragma('foreign_keys = ON');
 		const usage = legacy
 			.prepare(
 				`SELECT u.id FROM piece_usages u JOIN show_sections s ON s.id = u.show_section_id
 				 WHERE s.show_id = 'show-october' AND s.is_reserve_bank = 0 LIMIT 1`
 			)
 			.get() as { id: string };
 		legacy.prepare("UPDATE piece_usages SET status = 'done' WHERE id = ?").run(usage.id);
 		legacy.prepare("UPDATE shows SET status = 'completed' WHERE id = 'show-october'").run();
 		const completionMigration = '0015_completion_archive_and_shares.sql';
 		legacy.exec(readFileSync(path.join(migrationDirectory, completionMigration), 'utf8'));
 		legacy
 			.prepare('INSERT INTO schema_migrations (name, applied_at_utc) VALUES (?, ?)')
 			.run(completionMigration, new Date().toISOString());
 		const now = new Date().toISOString();
 		legacy
 			.prepare(
 				`INSERT INTO users (id, email, email_normalized, display_name, password_hash, role,
 				 password_changed_at_utc, created_at_utc, updated_at_utc)
 				 VALUES ('upgrade-barkeeper', 'upgrade@example.test', 'upgrade@example.test',
 				 'Upgrade', 'unused', 'barkeeper', ?, ?, ?)`
 			)
 			.run(now, now, now);
 		legacy
 			.prepare(
 				`INSERT INTO show_shares
 				 (id, show_id, token_hash, scope, password_hash, expires_at_utc, revoked_at_utc,
 				 created_by_user_id, created_at_utc)
 				 VALUES ('upgrade-share', 'show-october', 'upgrade-token-hash', 'rundown', NULL,
 				 NULL, NULL, 'upgrade-barkeeper', ?)`
 			)
 			.run(now);
 		legacy
 			.prepare(
 				`INSERT INTO show_share_sessions (token_hash, share_id, created_at_utc, expires_at_utc)
 				 VALUES ('upgrade-session-hash', 'upgrade-share', ?, ?)`
 			)
 			.run(now, new Date(Date.now() + 60_000).toISOString());
 		legacy.close();
 		for (let run = 0; run < 2; run += 1) {
 			execFileSync(process.execPath, ['scripts/migrate.mjs'], {
 				cwd: process.cwd(),
 				env: environment
 			});
 		}
 		const upgraded = new Database(databasePath, { readonly: true });
 		expect(
 			upgraded
 				.prepare(
 					`SELECT
 					 (SELECT count(*) FROM show_finalizations WHERE show_id = 'show-october') AS finalizations,
 					 (SELECT count(*) FROM piece_usage_history WHERE show_id = 'show-october') AS history,
 					 (SELECT count(*) FROM show_shares WHERE id = 'upgrade-share') AS shares,
 					 (SELECT count(*) FROM show_share_sessions WHERE token_hash = 'upgrade-session-hash') AS sessions`
 				)
 				.get()
 		).toEqual({ finalizations: 1, history: 1, shares: 1, sessions: 1 });
 		expect(upgraded.pragma('foreign_key_check')).toEqual([]);
 		upgraded.close();
 	});
 });
@@ -40,7 +40,7 @@ afterEach(() => {
 });
 describe('live mode', () => {
-	it('persists a frozen section countdown across usage changes and reloads', () => {
+	it('keeps elapsed section time while applying an updated section plan', () => {
 		getDatabase()
 			.prepare(
 				"UPDATE show_sections SET explicit_duration_seconds = 300 WHERE id = 'section-stories'"
@@ -68,7 +68,7 @@ describe('live mode', () => {
 		live = getLiveView('show-october', new Date('2026-10-23T18:04:00.000Z'));
 		expect(live.current?.id).toBe('usage-effects');
 		expect(live.sectionTimer).toMatchObject({
-			plannedDurationSeconds: 300,
+			plannedDurationSeconds: 600,
 			elapsedSeconds: 240
 		});
 		completeCurrent(
@@ -11,6 +11,7 @@ import {
 	movePieceUsage,
 	type MovePieceUsageInput,
 	type PieceUsage,
 	type ShowStatus,
 	type ShowSection
 } from './shows.js';
@@ -41,6 +42,7 @@ export type LiveUsage = PieceUsage & {
 	introHtml: string;
 	researchHtml: string;
 	moderationHtml: string;
 	interactionHtml: string;
 	transitionHtml: string;
 };
@@ -55,7 +57,10 @@ export type LiveView = {
 		totalDurationSeconds: number;
 	};
 	liveRevision: number;
 	calculatedAtUtc: string;
 	startedAtUtc: string | null;
 	endedAtUtc: string | null;
 	isPaused: boolean;
 	updatedAtUtc: string;
 	presentationUsageId: string | null;
 	presentationRevision: number;
@@ -72,6 +77,15 @@ export type LiveView = {
 		elapsedSeconds: number;
 		runningSinceUtc: string | null;
 	};
 	totalTimer: {
 		elapsedSeconds: number;
 		runningSinceUtc: string | null;
 	};
 	remainingEstimate: {
 		seconds: number;
 		activeCountdownSeconds: number;
 		unplannedSectionCount: number;
 	};
 };
 export type PresentationView = {
@@ -152,6 +166,52 @@ function closeActiveRun(database: Database.Database, showId: string, now: string
 		.run(now, showId);
 }
 function closeShowTimerRun(database: Database.Database, showId: string, now: string) {
 	database
 		.prepare(
 			`UPDATE live_show_timer_runs SET ended_at_utc = ?
 			 WHERE show_id = ? AND ended_at_utc IS NULL`
 		)
 		.run(now, showId);
 }
 function openShowTimerRun(database: Database.Database, showId: string, now: string) {
 	const active = database
 		.prepare('SELECT 1 FROM live_show_timer_runs WHERE show_id = ? AND ended_at_utc IS NULL')
 		.get(showId);
 	if (!active) {
 		database
 			.prepare(
 				`INSERT INTO live_show_timer_runs (id, show_id, started_at_utc)
 				 VALUES (?, ?, ?)`
 			)
 			.run(randomUUID(), showId, now);
 	}
 }
 function showTimerRunning(database: Database.Database, showId: string) {
 	return Boolean(
 		database
 			.prepare('SELECT 1 FROM live_show_timer_runs WHERE show_id = ? AND ended_at_utc IS NULL')
 			.get(showId)
 	);
 }
 function elapsedRuns(runs: { started_at_utc: string; ended_at_utc: string | null }[], now: string) {
 	return runs.reduce(
 		(total, run) =>
 			total +
 			Math.max(
 				0,
 				Math.floor(
 					(new Date(run.ended_at_utc ?? now).getTime() - new Date(run.started_at_utc).getTime()) /
 						1_000
 				)
 			),
 		0
 	);
 }
 function closeSectionTimer(database: Database.Database, showId: string, now: string) {
 	const timer = database
 		.prepare('SELECT id FROM live_section_timers WHERE show_id = ? AND ended_at_utc IS NULL')
@@ -167,6 +227,24 @@ function closeSectionTimer(database: Database.Database, showId: string, now: str
 		.run(now, timer.id);
 }
 function resumeSectionTimerRun(database: Database.Database, showId: string, now: string) {
 	const timer = database
 		.prepare('SELECT id FROM live_section_timers WHERE show_id = ? AND ended_at_utc IS NULL')
 		.get(showId) as { id: string } | undefined;
 	if (!timer) return;
 	const running = database
 		.prepare('SELECT 1 FROM live_section_timer_runs WHERE timer_id = ? AND ended_at_utc IS NULL')
 		.get(timer.id);
 	if (!running) {
 		database
 			.prepare(
 				`INSERT INTO live_section_timer_runs (id, timer_id, started_at_utc)
 				 VALUES (?, ?, ?)`
 			)
 			.run(randomUUID(), timer.id, now);
 	}
 }
 function syncSectionTimer(
 	database: Database.Database,
 	showId: string,
@@ -183,10 +261,22 @@ function syncSectionTimer(
 	if (!section) throw new Error('NOT_FOUND');
 	const active = database
 		.prepare(
-			'SELECT id, section_id FROM live_section_timers WHERE show_id = ? AND ended_at_utc IS NULL'
+			`SELECT id, section_id, planned_duration_seconds
 			 FROM live_section_timers WHERE show_id = ? AND ended_at_utc IS NULL`
 		)
-		.get(showId) as { id: string; section_id: string } | undefined;
+		.get(showId) as
-	if (active?.section_id === section.id) return;
+		| { id: string; section_id: string; planned_duration_seconds: number }
 		| undefined;
 	if (active?.section_id === section.id) {
 		if (!section.explicit_duration_seconds || section.explicit_duration_seconds <= 0) {
 			closeSectionTimer(database, showId, now);
 		} else if (active.planned_duration_seconds !== section.explicit_duration_seconds) {
 			database
 				.prepare('UPDATE live_section_timers SET planned_duration_seconds = ? WHERE id = ?')
 				.run(section.explicit_duration_seconds, active.id);
 		}
 		return;
 	}
 	if (active) closeSectionTimer(database, showId, now);
 	if (!section.explicit_duration_seconds || section.explicit_duration_seconds <= 0) return;
 	const timerId = randomUUID();
@@ -237,7 +327,8 @@ function executeCommand(
 	expectedRevision: number,
 	action: string,
 	operation: (database: Database.Database, state: LiveStateRow, now: string) => void,
-	nowValue?: Date
+	nowValue?: Date,
 	allowCompleted = false
 ) {
 	requireCommandId(commandId);
 	const database = getDatabase();
@@ -251,7 +342,10 @@ function executeCommand(
 		const show = database.prepare('SELECT status FROM shows WHERE id = ?').get(showId) as {
 			status: string;
 		};
-		if (show.status === 'completed') throw new Error('SHOW_COMPLETED');
+		if (database.prepare('SELECT 1 FROM show_finalizations WHERE show_id = ?').get(showId)) {
 			throw new Error('SHOW_COMPLETED');
 		}
 		if (show.status === 'completed' && !allowCompleted) throw new Error('SHOW_COMPLETED');
 		if (state.revision !== expectedRevision) throw new Error('CONFLICT');
 		operation(database, state, now);
 		const updated = database
@@ -307,6 +401,7 @@ function liveUsage(
 		introHtml: renderMarkdown(usage.intro),
 		researchHtml: renderMarkdown(usage.research),
 		moderationHtml: renderMarkdown(usage.moderation),
 		interactionHtml: renderMarkdown(usage.interaction),
 		transitionHtml: renderMarkdown(usage.transition)
 	};
 }
@@ -351,18 +446,7 @@ export function getLiveView(showId: string, nowValue?: Date): LiveView {
 			)
 			.all(timer.id) as { started_at_utc: string; ended_at_utc: string | null }[];
 		const running = runs.find((run) => run.ended_at_utc === null) ?? null;
-		const elapsedSeconds = runs.reduce(
+		const elapsedSeconds = elapsedRuns(runs, now);
 			(total, run) =>
 				total +
 				Math.max(
 					0,
 					Math.floor(
 						(new Date(run.ended_at_utc ?? now).getTime() - new Date(run.started_at_utc).getTime()) /
 							1_000
 					)
 				),
 			0
 		);
 		sectionTimer = {
 			sectionId: timer.section_id,
 			sectionName: timer.section_name,
@@ -371,6 +455,50 @@ export function getLiveView(showId: string, nowValue?: Date): LiveView {
 			runningSinceUtc: running?.started_at_utc ?? null
 		};
 	}
 	const totalTimerRuns = database
 		.prepare(
 			`SELECT started_at_utc, ended_at_utc FROM live_show_timer_runs
 			 WHERE show_id = ? ORDER BY started_at_utc`
 		)
 		.all(showId) as { started_at_utc: string; ended_at_utc: string | null }[];
 	const runningTotalTimer = totalTimerRuns.find((run) => run.ended_at_utc === null) ?? null;
 	const totalElapsedSeconds = elapsedRuns(totalTimerRuns, now);
 	const remainingAnchor = current ?? next;
 	let reachedRemaining = !remainingAnchor;
 	let remainingSeconds = 0;
 	let activeCountdownSeconds = 0;
 	let unplannedSectionCount = 0;
 	for (const section of sections) {
 		if (section.id === remainingAnchor?.sectionId) reachedRemaining = true;
 		if (!reachedRemaining) continue;
 		const remainingUsages = section.usages.filter(
 			(usage) => usage.status === 'open' || usage.status === 'current'
 		);
 		if (remainingUsages.length === 0) continue;
 		if (section.id === current?.sectionId) {
 			if (section.durationSeconds > 0 && sectionTimer?.sectionId === section.id) {
 				activeCountdownSeconds = Math.max(0, section.durationSeconds - sectionTimer.elapsedSeconds);
 				remainingSeconds += activeCountdownSeconds;
 			} else {
 				remainingSeconds += remainingUsages.reduce((total, usage) => {
 					const elapsed = usage.id === current?.id ? usage.actualDurationSeconds : 0;
 					const remainder = Math.max(0, usage.durationSeconds - elapsed);
 					if (usage.id === current?.id) activeCountdownSeconds = remainder;
 					return total + remainder;
 				}, 0);
 				if (section.durationSeconds <= 0) unplannedSectionCount += 1;
 			}
 		} else if (section.durationSeconds > 0) {
 			remainingSeconds += section.durationSeconds;
 		} else {
 			remainingSeconds += remainingUsages.reduce(
 				(total, usage) => total + usage.durationSeconds,
 				0
 			);
 			unplannedSectionCount += 1;
 		}
 	}
 	return {
 		show: {
 			id: show.id,
@@ -380,7 +508,10 @@ export function getLiveView(showId: string, nowValue?: Date): LiveView {
 			totalDurationSeconds: show.totalDurationSeconds
 		},
 		liveRevision: state.revision,
 		calculatedAtUtc: now,
 		startedAtUtc: state.started_at_utc,
 		endedAtUtc: state.ended_at_utc,
 		isPaused: Boolean(state.started_at_utc && !state.ended_at_utc && !runningTotalTimer),
 		updatedAtUtc: state.updated_at_utc,
 		presentationUsageId: state.presentation_usage_id,
 		presentationRevision: state.presentation_revision,
@@ -391,7 +522,16 @@ export function getLiveView(showId: string, nowValue?: Date): LiveView {
 		completedCount: usages.filter((usage) => usage.status === 'done' || usage.status === 'skipped')
 			.length,
 		totalCount: usages.length,
-		sectionTimer
+		sectionTimer,
 		totalTimer: {
 			elapsedSeconds: totalElapsedSeconds,
 			runningSinceUtc: runningTotalTimer?.started_at_utc ?? null
 		},
 		remainingEstimate: {
 			seconds: remainingSeconds,
 			activeCountdownSeconds,
 			unplannedSectionCount
 		}
 	};
 }
@@ -409,7 +549,7 @@ export function startOrResumeLive(
 		(database, state, now) => {
 			database
 				.prepare(
-					`UPDATE shows SET status = 'live', updated_at_utc = ?
+					`UPDATE shows SET status = 'live', revision = revision + 1, updated_at_utc = ?
 					 WHERE id = ? AND status != 'completed'`
 				)
 				.run(now, showId);
@@ -419,10 +559,14 @@ export function startOrResumeLive(
 					 WHERE show_id = ?`
 				)
 				.run(now, showId);
 			openShowTimerRun(database, showId, now);
 			const activeRun = database
 				.prepare('SELECT 1 FROM live_usage_runs WHERE show_id = ? AND ended_at_utc IS NULL')
 				.get(showId);
-			if (state.current_usage_id && activeRun) return;
+			if (state.current_usage_id && activeRun) {
 				resumeSectionTimerRun(database, showId, now);
 				return;
 			}
 			const current = state.current_usage_id
 				? orderedUsages(database, showId).find((usage) => usage.id === state.current_usage_id)
 				: undefined;
@@ -434,6 +578,267 @@ export function startOrResumeLive(
 	);
 }
 export function pauseLive(
 	showId: string,
 	commandId: string,
 	expectedRevision: number,
 	nowValue?: Date
 ) {
 	return executeCommand(
 		showId,
 		commandId,
 		expectedRevision,
 		'pause',
 		(database, state, now) => {
 			if (!state.started_at_utc || state.ended_at_utc) throw new Error('NOT_LIVE');
 			if (!showTimerRunning(database, showId)) throw new Error('ALREADY_PAUSED');
 			closeShowTimerRun(database, showId, now);
 			closeActiveRun(database, showId, now);
 			database
 				.prepare(
 					`UPDATE live_section_timer_runs SET ended_at_utc = ?
 					 WHERE timer_id IN (
 						SELECT id FROM live_section_timers WHERE show_id = ? AND ended_at_utc IS NULL
 					 ) AND ended_at_utc IS NULL`
 				)
 				.run(now, showId);
 		},
 		nowValue
 	);
 }
 export function resumeLive(
 	showId: string,
 	commandId: string,
 	expectedRevision: number,
 	nowValue?: Date
 ) {
 	return executeCommand(
 		showId,
 		commandId,
 		expectedRevision,
 		'resume',
 		(database, state, now) => {
 			if (!state.started_at_utc || state.ended_at_utc) throw new Error('NOT_LIVE');
 			if (showTimerRunning(database, showId)) throw new Error('ALREADY_RUNNING');
 			openShowTimerRun(database, showId, now);
 			if (state.current_usage_id) {
 				database
 					.prepare(
 						`INSERT INTO live_usage_runs (id, show_id, usage_id, started_at_utc)
 						 VALUES (?, ?, ?, ?)`
 					)
 					.run(randomUUID(), showId, state.current_usage_id, now);
 			}
 			resumeSectionTimerRun(database, showId, now);
 		},
 		nowValue
 	);
 }
 export function resetSectionTimer(
 	showId: string,
 	commandId: string,
 	expectedRevision: number,
 	nowValue?: Date
 ) {
 	return executeCommand(
 		showId,
 		commandId,
 		expectedRevision,
 		'reset-section-timer',
 		(database, _state, now) => {
 			const timer = database
 				.prepare(
 					`SELECT section_id, planned_duration_seconds
 					 FROM live_section_timers WHERE show_id = ? AND ended_at_utc IS NULL`
 				)
 				.get(showId) as { section_id: string; planned_duration_seconds: number } | undefined;
 			if (!timer) throw new Error('NO_SECTION_TIMER');
 			const running = showTimerRunning(database, showId);
 			closeSectionTimer(database, showId, now);
 			const timerId = randomUUID();
 			database
 				.prepare(
 					`INSERT INTO live_section_timers
 					 (id, show_id, section_id, planned_duration_seconds, started_at_utc)
 					 VALUES (?, ?, ?, ?, ?)`
 				)
 				.run(timerId, showId, timer.section_id, timer.planned_duration_seconds, now);
 			if (running) {
 				database
 					.prepare(
 						`INSERT INTO live_section_timer_runs (id, timer_id, started_at_utc)
 						 VALUES (?, ?, ?)`
 					)
 					.run(randomUUID(), timerId, now);
 			}
 		},
 		nowValue
 	);
 }
 export function resetTotalTimer(
 	showId: string,
 	commandId: string,
 	expectedRevision: number,
 	nowValue?: Date
 ) {
 	return executeCommand(
 		showId,
 		commandId,
 		expectedRevision,
 		'reset-total-timer',
 		(database, state, now) => {
 			if (!state.started_at_utc || state.ended_at_utc) throw new Error('NOT_LIVE');
 			const running = showTimerRunning(database, showId);
 			database.prepare('DELETE FROM live_show_timer_runs WHERE show_id = ?').run(showId);
 			if (running) openShowTimerRun(database, showId, now);
 		},
 		nowValue
 	);
 }
 export function setShowStatus(
 	showId: string,
 	commandId: string,
 	expectedRevision: number,
 	expectedShowRevision: number,
 	status: Extract<ShowStatus, 'draft' | 'ready'>,
 	nowValue?: Date
 ) {
 	return executeCommand(
 		showId,
 		commandId,
 		expectedRevision,
 		`status-${status}`,
 		(database, state, now) => {
 			if (state.started_at_utc) throw new Error('ALREADY_STARTED');
 			const result = database
 				.prepare(
 					'UPDATE shows SET status = ?, revision = revision + 1, updated_at_utc = ? WHERE id = ? AND revision = ?'
 				)
 				.run(status, now, showId, expectedShowRevision);
 			if (result.changes !== 1) throw new Error('CONFLICT');
 		},
 		nowValue
 	);
 }
 export function endLive(
 	showId: string,
 	commandId: string,
 	expectedRevision: number,
 	nowValue?: Date
 ) {
 	return executeCommand(
 		showId,
 		commandId,
 		expectedRevision,
 		'end',
 		(database, state, now) => {
 			if (!state.started_at_utc || state.ended_at_utc) throw new Error('NOT_LIVE');
 			closeShowTimerRun(database, showId, now);
 			closeActiveRun(database, showId, now);
 			database
 				.prepare(
 					`UPDATE live_section_timer_runs SET ended_at_utc = ?
 					 WHERE timer_id IN (
 						SELECT id FROM live_section_timers WHERE show_id = ? AND ended_at_utc IS NULL
 					 ) AND ended_at_utc IS NULL`
 				)
 				.run(now, showId);
 			database
 				.prepare(`UPDATE show_live_states SET ended_at_utc = ? WHERE show_id = ?`)
 				.run(now, showId);
 			database
 				.prepare(`UPDATE shows SET revision = revision + 1, updated_at_utc = ? WHERE id = ?`)
 				.run(now, showId);
 		},
 		nowValue
 	);
 }
 export function resumeEndedLive(
 	showId: string,
 	commandId: string,
 	expectedRevision: number,
 	nowValue?: Date
 ) {
 	return executeCommand(
 		showId,
 		commandId,
 		expectedRevision,
 		'resume-ended',
 		(database, state, now) => {
 			if (!state.ended_at_utc) throw new Error('NOT_ENDED');
 			database
 				.prepare(
 					`UPDATE shows SET status = 'live', revision = revision + 1, updated_at_utc = ? WHERE id = ?`
 				)
 				.run(now, showId);
 			database
 				.prepare('UPDATE show_live_states SET ended_at_utc = NULL WHERE show_id = ?')
 				.run(showId);
 			openShowTimerRun(database, showId, now);
 			if (state.current_usage_id) {
 				database
 					.prepare(
 						`INSERT INTO live_usage_runs (id, show_id, usage_id, started_at_utc)
 						 VALUES (?, ?, ?, ?)`
 					)
 					.run(randomUUID(), showId, state.current_usage_id, now);
 				resumeSectionTimerRun(database, showId, now);
 			}
 		},
 		nowValue,
 		true
 	);
 }
 export function startNewLiveRun(
 	showId: string,
 	commandId: string,
 	expectedRevision: number,
 	nowValue?: Date
 ) {
 	return executeCommand(
 		showId,
 		commandId,
 		expectedRevision,
 		'start-new-run',
 		(database, state, now) => {
 			if (!state.ended_at_utc) throw new Error('NOT_ENDED');
 			database.prepare('DELETE FROM live_usage_runs WHERE show_id = ?').run(showId);
 			database.prepare('DELETE FROM live_show_timer_runs WHERE show_id = ?').run(showId);
 			database.prepare('DELETE FROM live_section_timers WHERE show_id = ?').run(showId);
 			database
 				.prepare(
 					`UPDATE piece_usages SET status = 'open'
 					 WHERE show_section_id IN (SELECT id FROM show_sections WHERE show_id = ?)`
 				)
 				.run(showId);
 			database
 				.prepare(
 					`UPDATE show_live_states
 					 SET current_usage_id = NULL, started_at_utc = ?, ended_at_utc = NULL
 					 WHERE show_id = ?`
 				)
 				.run(now, showId);
 			database
 				.prepare(
 					`UPDATE shows SET status = 'live', revision = revision + 1, updated_at_utc = ? WHERE id = ?`
 				)
 				.run(now, showId);
 			openShowTimerRun(database, showId, now);
 			const target = orderedUsages(database, showId).find((usage) => usage.status === 'open');
 			if (target) activateUsage(database, showId, target.id, now);
 		},
 		nowValue,
 		true
 	);
 }
 function advanceCurrent(
 	showId: string,
 	commandId: string,
@@ -447,6 +852,7 @@ function advanceCurrent(
 		expectedRevision,
 		status,
 		(database, state, now) => {
 			if (!showTimerRunning(database, showId)) throw new Error('TIMER_PAUSED');
 			if (!state.current_usage_id) throw new Error('NO_CURRENT');
 			const ordered = orderedUsages(database, showId);
 			const currentIndex = ordered.findIndex((usage) => usage.id === state.current_usage_id);
@@ -498,6 +904,7 @@ export function goBack(
 		expectedRevision,
 		'back',
 		(database, state, now) => {
 			if (!showTimerRunning(database, showId)) throw new Error('TIMER_PAUSED');
 			const ordered = orderedUsages(database, showId);
 			const currentIndex = state.current_usage_id
 				? ordered.findIndex((usage) => usage.id === state.current_usage_id)
@@ -533,6 +940,7 @@ export function selectUsage(
 		'select',
 		(database, state, now) => {
 			if (!state.started_at_utc) throw new Error('NOT_STARTED');
 			if (!showTimerRunning(database, showId)) throw new Error('TIMER_PAUSED');
 			usageBelongsToShow(database, showId, usageId);
 			if (state.current_usage_id === usageId) return;
 			if (state.current_usage_id) {
@@ -730,7 +1138,8 @@ function getPresentationViewForShow(showId: string): PresentationView {
 	const usage = database
 		.prepare(
 			`SELECT u.title_snapshot, u.output_title_snapshot, u.presentation_snapshot,
-			 u.presentation_mode_snapshot, u.presentation_source_label_snapshot,
+			 CASE WHEN u.presentation_image_only_snapshot = 1 THEN 'image' ELSE u.presentation_mode_snapshot END AS presentation_mode_snapshot,
 			 u.presentation_source_label_snapshot,
 			 u.presentation_source_url_snapshot, u.presentation_source_timecode_snapshot,
 			 u.presentation_title_meta_snapshot, u.presentation_description_snapshot,
 			 u.presentation_image_url_snapshot, u.presentation_site_name_snapshot,
@@ -8,7 +8,7 @@ import image from 'metascraper-image';
 import publisher from 'metascraper-publisher';
 import title from 'metascraper-title';
-export type PresentationMode = 'text' | 'link' | 'video';
+export type PresentationMode = 'text' | 'image' | 'link' | 'video';
 export type VideoProvider = 'youtube' | 'tiktok';
 export type PresentationMetadata = {
@@ -0,0 +1,266 @@
 import { execFileSync } from 'node:child_process';
 import { mkdirSync, mkdtempSync, rmSync, writeFileSync } from 'node:fs';
 import { tmpdir } from 'node:os';
 import path from 'node:path';
 import { afterEach, beforeEach, describe, expect, it } from 'vitest';
 import type { AuthUser } from './auth.js';
 import { finalizeShow } from './completion.js';
 import { closeDatabase, getDatabase } from './database.js';
 import {
 	authenticateShare,
 	createShare,
 	deleteShare,
 	getSharedMedia,
 	getSharedShow,
 	revokeShare,
 	updateShare
 } from './shares.js';
 import { addPieceUsage, addShowSection, createShow } from './shows.js';
 let directory: string;
 const actor: AuthUser = {
 	id: 'share-actor',
 	email: 'share@example.test',
 	displayName: 'Freigabe Test',
 	role: 'barkeeper',
 	lockedAtUtc: null
 };
 beforeEach(() => {
 	directory = mkdtempSync(path.join(tmpdir(), 'sendewerk-shares-test-'));
 	process.env.SENDEWERK_DB_PATH = path.join(directory, 'test.sqlite');
 	process.env.SENDEWERK_UPLOAD_DIR = path.join(directory, 'uploads');
 	execFileSync(process.execPath, ['scripts/migrate.mjs'], { cwd: process.cwd(), env: process.env });
 	execFileSync(process.execPath, ['scripts/seed.mjs'], { cwd: process.cwd(), env: process.env });
 	const now = new Date().toISOString();
 	getDatabase()
 		.prepare(
 			`INSERT INTO users (id, email, email_normalized, display_name, password_hash, role,
 			 password_changed_at_utc, created_at_utc, updated_at_utc)
 			 VALUES (?, ?, ?, ?, 'unused', 'barkeeper', ?, ?, ?)`
 		)
 		.run(actor.id, actor.email, actor.email, actor.displayName, now, now, now);
 });
 afterEach(() => {
 	closeDatabase();
 	delete process.env.SENDEWERK_DB_PATH;
 	delete process.env.SENDEWERK_UPLOAD_DIR;
 	rmSync(directory, { recursive: true, force: true });
 });
 function finalizedShow() {
 	const created = createShow({
 		title: 'Freigegebene Sendung',
 		startsAtUtc: null,
 		templateId: null
 	});
 	const section = addShowSection(created.id, created.revision, {
 		name: 'Freigabeblock',
 		categoryId: null,
 		explicitDurationSeconds: null
 	});
 	const usage = addPieceUsage(created.id, section.revision, {
 		pieceId: 'piece-console',
 		sectionId: section.id
 	});
 	const reserveUsage = addPieceUsage(created.id, usage.revision, {
 		pieceId: 'piece-console',
 		sectionId: null
 	});
 	const database = getDatabase();
 	database.prepare("UPDATE piece_usages SET status = 'done' WHERE id = ?").run(usage.id);
 	database
 		.prepare(
 			`INSERT INTO show_live_states
 			 (show_id, revision, started_at_utc, ended_at_utc, presentation_revision, updated_at_utc)
 			 VALUES (?, 0, ?, ?, 0, ?)`
 		)
 		.run(
 			created.id,
 			'2026-10-25T18:00:00.000Z',
 			'2026-10-25T19:00:00.000Z',
 			'2026-10-25T19:00:00.000Z'
 		);
 	finalizeShow({
 		showId: created.id,
 		commandId: `finalize-${created.id}`,
 		expectedShowRevision: reserveUsage.revision,
 		expectedLiveRevision: 0,
 		archivePieceIds: [],
 		actor
 	});
 	return { showId: created.id, usageId: usage.id, reserveUsageId: reserveUsage.id };
 }
 describe('show shares', () => {
 	it('shares an unfinished show and keeps its current plan visible', async () => {
 		const created = createShow({
 			title: 'Offene Freigabe',
 			startsAtUtc: null,
 			templateId: null
 		});
 		const shared = await createShare(actor, {
 			showId: created.id,
 			scope: 'rundown',
 			password: '',
 			expiresAtUtc: null
 		});
 		const initiallyEmpty = getSharedShow(shared.token);
 		expect(initiallyEmpty.status).toBe('authorized');
 		if (initiallyEmpty.status !== 'authorized') throw new Error('share unavailable');
 		expect(initiallyEmpty.share.isCompleted).toBe(false);
 		expect(initiallyEmpty.share.sections).toEqual([]);
 		const section = addShowSection(created.id, created.revision, {
 			name: 'Nachträglich geplant',
 			categoryId: null,
 			explicitDurationSeconds: null
 		});
 		addPieceUsage(created.id, section.revision, {
 			pieceId: 'piece-console',
 			sectionId: section.id
 		});
 		const updatedPlan = getSharedShow(shared.token);
 		expect(updatedPlan.status).toBe('authorized');
 		if (updatedPlan.status !== 'authorized') throw new Error('share unavailable');
 		expect(updatedPlan.share.sections[0]).toMatchObject({
 			name: 'Nachträglich geplant',
 			usages: [{ title: 'Die kleine Konsole mit dem großen Dreh' }]
 		});
 		await updateShare(actor, shared.id, {
 			scope: 'moderation',
 			passwordMode: 'replace',
 			password: 'neues-freigabe-passwort',
 			expiresAtUtc: null
 		});
 		expect(getSharedShow(shared.token).status).toBe('password');
 		const session = await authenticateShare(shared.token, 'neues-freigabe-passwort', '192.0.2.20');
 		expect(getSharedShow(shared.token, session.token).status).toBe('authorized');
 		deleteShare(actor, shared.id, created.id);
 		expect(getSharedShow(shared.token, session.token).status).toBe('unavailable');
 	});
 	it('projects exactly the selected information scope', async () => {
 		const prepared = finalizedShow();
 		const rundown = await createShare(actor, {
 			showId: prepared.showId,
 			scope: 'rundown',
 			password: '',
 			expiresAtUtc: null
 		});
 		const basic = getSharedShow(rundown.token);
 		expect(basic.status).toBe('authorized');
 		if (basic.status !== 'authorized') throw new Error('share unavailable');
 		const basicUsage = basic.share.sections[0].usages[0];
 		expect(basicUsage).not.toHaveProperty('moderationHtml');
 		expect(basicUsage).not.toHaveProperty('researchHtml');
 		expect(JSON.stringify(basic)).not.toContain('originalPieceId');
 		expect(JSON.stringify(basic)).not.toContain(prepared.showId);
 		getDatabase()
 			.prepare(
 				`INSERT INTO usage_tool_snapshots
 				 (id, usage_id, original_tool_id, name, start_url, work_url, note, position)
 				 VALUES ('private-share-tool', ?, NULL, 'Schnittwerkzeug',
 				 'https://private.example/start', 'https://private.example/work?secret=1',
 				 'Freigegebene Werkzeugnotiz', 0)`
 			)
 			.run(prepared.usageId);
 		const research = await createShare(actor, {
 			showId: prepared.showId,
 			scope: 'research',
 			password: '',
 			expiresAtUtc: null
 		});
 		const full = getSharedShow(research.token);
 		expect(full.status).toBe('authorized');
 		if (full.status !== 'authorized') throw new Error('share unavailable');
 		expect(full.share.sections[0].usages[0]).toHaveProperty('moderationHtml');
 		expect(full.share.sections[0].usages[0]).toHaveProperty('researchHtml');
 		expect(full.share.sections[0].usages[0]).not.toHaveProperty('ownNotesHtml');
 		expect(JSON.stringify(full)).not.toContain('private.example');
 		expect(JSON.stringify(full)).toContain('Freigegebene Werkzeugnotiz');
 	});
 	it('enforces password, expiry and revocation for page and direct media access', async () => {
 		const prepared = finalizedShow();
 		const database = getDatabase();
 		mkdirSync(process.env.SENDEWERK_UPLOAD_DIR!, { recursive: true });
 		writeFileSync(path.join(process.env.SENDEWERK_UPLOAD_DIR!, 'shared.png'), Buffer.from('image'));
 		database
 			.prepare(
 				`INSERT INTO piece_media
 				 (id, piece_id, storage_name, original_name, mime_type, byte_size, alt_text, position, created_at_utc)
 				 VALUES ('share-media', 'piece-console', 'shared.png', 'shared.png', 'image/png', 5, 'Freigegeben', 99, ?)`
 			)
 			.run(new Date().toISOString());
 		database
 			.prepare(
 				`INSERT INTO usage_media_snapshots
 				 (id, usage_id, original_media_id, alt_text, position, is_presentation)
 				 VALUES ('share-snapshot', ?, 'share-media', 'Freigegeben', 99, 1)`
 			)
 			.run(prepared.usageId);
 		database
 			.prepare(
 				`INSERT INTO usage_media_snapshots
 				 (id, usage_id, original_media_id, alt_text, position, is_presentation)
 				 VALUES ('reserve-share-snapshot', ?, 'share-media', 'Private Reserve', 99, 1)`
 			)
 			.run(prepared.reserveUsageId);
 		const created = await createShare(actor, {
 			showId: prepared.showId,
 			scope: 'research',
 			password: 'ein-sicheres-passwort',
 			expiresAtUtc: new Date(Date.now() + 60_000).toISOString()
 		});
 		expect(getSharedShow(created.token).status).toBe('password');
 		expect(getSharedShow(created.token)).not.toHaveProperty('share');
 		expect(await getSharedMedia(created.token, undefined, 'share-snapshot')).toBeNull();
 		await expect(authenticateShare(created.token, 'falsch', '127.0.0.1')).rejects.toThrow(
 			'INVALID_PASSWORD'
 		);
 		const session = await authenticateShare(created.token, 'ein-sicheres-passwort', '127.0.0.1');
 		expect(getSharedShow(created.token, session.token).status).toBe('authorized');
 		expect((await getSharedMedia(created.token, session.token, 'share-snapshot'))?.byteSize).toBe(
 			5
 		);
 		expect(await getSharedMedia(created.token, session.token, 'foreign-media')).toBeNull();
 		expect(await getSharedMedia(created.token, session.token, 'reserve-share-snapshot')).toBeNull();
 		revokeShare(actor, created.id);
 		expect(getSharedShow(created.token, session.token).status).toBe('unavailable');
 		expect(await getSharedMedia(created.token, session.token, 'share-snapshot')).toBeNull();
 		const expired = await createShare(actor, {
 			showId: prepared.showId,
 			scope: 'rundown',
 			password: '',
 			expiresAtUtc: new Date(Date.now() + 60_000).toISOString()
 		});
 		database
 			.prepare('UPDATE show_shares SET expires_at_utc = ? WHERE id = ?')
 			.run('2000-01-01T00:00:00.000Z', expired.id);
 		expect(getSharedShow(expired.token).status).toBe('unavailable');
 		expect(await getSharedMedia(expired.token, undefined, 'share-snapshot')).toBeNull();
 	});
 	it('limits repeated password attempts per share', async () => {
 		const prepared = finalizedShow();
 		const created = await createShare(actor, {
 			showId: prepared.showId,
 			scope: 'rundown',
 			password: 'noch-ein-sicheres-passwort',
 			expiresAtUtc: null
 		});
 		for (let attempt = 0; attempt < 5; attempt += 1) {
 			await expect(authenticateShare(created.token, 'falsch', '192.0.2.10')).rejects.toThrow(
 				'INVALID_PASSWORD'
 			);
 		}
 		await expect(
 			authenticateShare(created.token, 'noch-ein-sicheres-passwort', '192.0.2.10')
 		).rejects.toThrow('RATE_LIMITED');
 	});
 });
@@ -0,0 +1,430 @@
 import { readFile } from 'node:fs/promises';
 import path from 'node:path';
 import { randomUUID } from 'node:crypto';
 import {
 	createToken,
 	hashPassword,
 	hashToken,
 	validPassword,
 	verifyPassword,
 	type AuthUser
 } from './auth.js';
 import { getServerPaths } from './config.js';
 import { getDatabase } from './database.js';
 import { renderMarkdown } from './markdown.js';
 import type { ShowStatus } from './shows.js';
 export const SHARE_SESSION_COOKIE = 'sendewerk_share_session';
 export const SHARE_SCOPES = ['rundown', 'moderation', 'research'] as const;
 export type ShareScope = (typeof SHARE_SCOPES)[number];
 const PASSWORD_ATTEMPT_WINDOW_MS = 15 * 60 * 1000;
 const SHARE_PASSWORD_ATTEMPT_LIMIT = 5;
 const ADDRESS_PASSWORD_ATTEMPT_LIMIT = 20;
 type ShareRow = {
 	id: string;
 	show_id: string;
 	token_hash: string;
 	scope: ShareScope;
 	password_hash: string | null;
 	expires_at_utc: string | null;
 	revoked_at_utc: string | null;
 	created_at_utc: string;
 };
 export type ShareListItem = {
 	id: string;
 	showId: string;
 	showTitle: string;
 	showStatus: ShowStatus;
 	showStartsAtUtc: string | null;
 	scope: ShareScope;
 	isPasswordProtected: boolean;
 	expiresAtUtc: string | null;
 	revokedAtUtc: string | null;
 	createdAtUtc: string;
 };
 function requireBarkeeperActor(actor: AuthUser): void {
 	if (actor.role !== 'barkeeper') throw new Error('FORBIDDEN');
 }
 function validExpiry(value: string | null): string | null {
 	if (!value) return null;
 	const expiry = new Date(value);
 	if (Number.isNaN(expiry.valueOf()) || expiry.valueOf() <= Date.now()) {
 		throw new Error('INVALID_EXPIRY');
 	}
 	return expiry.toISOString();
 }
 function activeShare(rawToken: string): ShareRow | null {
 	if (!rawToken) return null;
 	const now = new Date().toISOString();
 	return (
 		(getDatabase()
 			.prepare(
 				`SELECT id, show_id, token_hash, scope, password_hash, expires_at_utc,
 				 revoked_at_utc, created_at_utc FROM show_shares
 				 WHERE token_hash = ? AND revoked_at_utc IS NULL
 				 AND (expires_at_utc IS NULL OR expires_at_utc > ?)`
 			)
 			.get(hashToken(rawToken), now) as ShareRow | undefined) ?? null
 	);
 }
 export function listShares(actor: AuthUser, showId?: string): ShareListItem[] {
 	requireBarkeeperActor(actor);
 	const where = showId ? 'WHERE ss.show_id = ?' : '';
 	return (
 		getDatabase()
 			.prepare(
 				`SELECT ss.id, ss.show_id, sh.title AS show_title, sh.status AS show_status,
 				 sh.starts_at_utc AS show_starts_at_utc, ss.scope, ss.password_hash,
 				 ss.expires_at_utc, ss.revoked_at_utc, ss.created_at_utc
 				 FROM show_shares ss JOIN shows sh ON sh.id = ss.show_id
 				 ${where}
 				 ORDER BY ss.created_at_utc DESC`
 			)
 			.all(...(showId ? [showId] : [])) as {
 			id: string;
 			show_id: string;
 			show_title: string;
 			show_status: ShowStatus;
 			show_starts_at_utc: string | null;
 			scope: ShareScope;
 			password_hash: string | null;
 			expires_at_utc: string | null;
 			revoked_at_utc: string | null;
 			created_at_utc: string;
 		}[]
 	).map((share) => ({
 		id: share.id,
 		showId: share.show_id,
 		showTitle: share.show_title,
 		showStatus: share.show_status,
 		showStartsAtUtc: share.show_starts_at_utc,
 		scope: share.scope,
 		isPasswordProtected: Boolean(share.password_hash),
 		expiresAtUtc: share.expires_at_utc,
 		revokedAtUtc: share.revoked_at_utc,
 		createdAtUtc: share.created_at_utc
 	}));
 }
 export async function createShare(
 	actor: AuthUser,
 	input: { showId: string; scope: string; password: string; expiresAtUtc: string | null }
 ) {
 	requireBarkeeperActor(actor);
 	if (!SHARE_SCOPES.includes(input.scope as ShareScope)) throw new Error('INVALID_SCOPE');
 	if (input.password && !validPassword(input.password)) throw new Error('INVALID_PASSWORD');
 	const expiresAtUtc = validExpiry(input.expiresAtUtc);
 	const database = getDatabase();
 	if (!database.prepare('SELECT 1 FROM shows WHERE id = ?').get(input.showId)) {
 		throw new Error('NOT_FOUND');
 	}
 	const token = createToken();
 	const id = randomUUID();
 	const now = new Date().toISOString();
 	const passwordHash = input.password ? await hashPassword(input.password) : null;
 	database
 		.prepare(
 			`INSERT INTO show_shares
 			 (id, show_id, token_hash, scope, password_hash, expires_at_utc,
 			 created_by_user_id, created_at_utc) VALUES (?, ?, ?, ?, ?, ?, ?, ?)`
 		)
 		.run(
 			id,
 			input.showId,
 			hashToken(token),
 			input.scope,
 			passwordHash,
 			expiresAtUtc,
 			actor.id,
 			now
 		);
 	return { id, token };
 }
 export async function updateShare(
 	actor: AuthUser,
 	shareId: string,
 	input: {
 		scope: string;
 		passwordMode: string;
 		password: string;
 		expiresAtUtc: string | null;
 	},
 	expectedShowId?: string
 ): Promise<void> {
 	requireBarkeeperActor(actor);
 	if (!SHARE_SCOPES.includes(input.scope as ShareScope)) throw new Error('INVALID_SCOPE');
 	if (!['keep', 'remove', 'replace'].includes(input.passwordMode)) {
 		throw new Error('INVALID_PASSWORD_MODE');
 	}
 	if (input.passwordMode === 'replace' && !validPassword(input.password)) {
 		throw new Error('INVALID_PASSWORD');
 	}
 	const expiresAtUtc = validExpiry(input.expiresAtUtc);
 	const existing = getDatabase()
 		.prepare(
 			'SELECT show_id, password_hash FROM show_shares WHERE id = ? AND revoked_at_utc IS NULL'
 		)
 		.get(shareId) as { show_id: string; password_hash: string | null } | undefined;
 	if (!existing || (expectedShowId && existing.show_id !== expectedShowId))
 		throw new Error('NOT_FOUND');
 	const passwordHash =
 		input.passwordMode === 'keep'
 			? existing.password_hash
 			: input.passwordMode === 'replace'
 				? await hashPassword(input.password)
 				: null;
 	const database = getDatabase();
 	database.transaction(() => {
 		const result = database
 			.prepare(
 				`UPDATE show_shares SET scope = ?, password_hash = ?, expires_at_utc = ?
 				 WHERE id = ? AND revoked_at_utc IS NULL`
 			)
 			.run(input.scope, passwordHash, expiresAtUtc, shareId);
 		if (result.changes !== 1) throw new Error('NOT_FOUND');
 		database.prepare('DELETE FROM show_share_sessions WHERE share_id = ?').run(shareId);
 	})();
 }
 export function deleteShare(actor: AuthUser, shareId: string, expectedShowId?: string): void {
 	requireBarkeeperActor(actor);
 	const result = getDatabase()
 		.prepare(`DELETE FROM show_shares WHERE id = ?${expectedShowId ? ' AND show_id = ?' : ''}`)
 		.run(...(expectedShowId ? [shareId, expectedShowId] : [shareId]));
 	if (result.changes !== 1) throw new Error('NOT_FOUND');
 }
 export function revokeShare(actor: AuthUser, shareId: string): void {
 	requireBarkeeperActor(actor);
 	const database = getDatabase();
 	database.transaction(() => {
 		const result = database
 			.prepare('UPDATE show_shares SET revoked_at_utc = ? WHERE id = ? AND revoked_at_utc IS NULL')
 			.run(new Date().toISOString(), shareId);
 		if (result.changes !== 1) throw new Error('NOT_FOUND');
 		database.prepare('DELETE FROM show_share_sessions WHERE share_id = ?').run(shareId);
 	})();
 }
 export function shareAccessState(rawToken: string, sessionToken?: string) {
 	const share = activeShare(rawToken);
 	if (!share) return { status: 'unavailable' as const };
 	if (!share.password_hash) return { status: 'authorized' as const, share };
 	if (!sessionToken) return { status: 'password' as const };
 	const session = getDatabase()
 		.prepare(
 			`SELECT 1 FROM show_share_sessions WHERE token_hash = ? AND share_id = ?
 			 AND expires_at_utc > ?`
 		)
 		.get(hashToken(sessionToken), share.id, new Date().toISOString());
 	return session ? { status: 'authorized' as const, share } : { status: 'password' as const };
 }
 export async function authenticateShare(rawToken: string, password: string, address: string) {
 	const share = activeShare(rawToken);
 	if (!share?.password_hash) throw new Error('SHARE_UNAVAILABLE');
 	const database = getDatabase();
 	const now = new Date();
 	const since = new Date(now.getTime() - PASSWORD_ATTEMPT_WINDOW_MS).toISOString();
 	const shareKey = hashToken(rawToken);
 	const addressKey = hashToken(address || 'unknown');
 	database.prepare('DELETE FROM share_password_attempts WHERE attempted_at_utc < ?').run(since);
 	const shareAttempts = database
 		.prepare(
 			`SELECT count(*) AS count FROM share_password_attempts
 			 WHERE share_key = ? AND attempted_at_utc >= ?`
 		)
 		.get(shareKey, since) as { count: number };
 	const addressAttempts = database
 		.prepare(
 			`SELECT count(*) AS count FROM share_password_attempts
 			 WHERE address_key = ? AND attempted_at_utc >= ?`
 		)
 		.get(addressKey, since) as { count: number };
 	if (
 		shareAttempts.count >= SHARE_PASSWORD_ATTEMPT_LIMIT ||
 		addressAttempts.count >= ADDRESS_PASSWORD_ATTEMPT_LIMIT
 	) {
 		throw new Error('RATE_LIMITED');
 	}
 	database
 		.prepare(
 			`INSERT INTO share_password_attempts
 			 (id, share_key, address_key, attempted_at_utc) VALUES (?, ?, ?, ?)`
 		)
 		.run(randomUUID(), shareKey, addressKey, now.toISOString());
 	if (!(await verifyPassword(share.password_hash, password))) throw new Error('INVALID_PASSWORD');
 	const token = createToken();
 	const defaultExpiry = now.getTime() + 12 * 60 * 60 * 1000;
 	const shareExpiry = share.expires_at_utc
 		? new Date(share.expires_at_utc).getTime()
 		: defaultExpiry;
 	const expires = new Date(Math.min(defaultExpiry, shareExpiry));
 	database.prepare('DELETE FROM share_password_attempts WHERE share_key = ?').run(shareKey);
 	database
 		.prepare('DELETE FROM show_share_sessions WHERE expires_at_utc <= ?')
 		.run(now.toISOString());
 	database
 		.prepare(
 			`INSERT INTO show_share_sessions (token_hash, share_id, created_at_utc, expires_at_utc)
 			 VALUES (?, ?, ?, ?)`
 		)
 		.run(hashToken(token), share.id, now.toISOString(), expires.toISOString());
 	return { token, expires };
 }
 export function getSharedShow(rawToken: string, sessionToken?: string) {
 	const access = shareAccessState(rawToken, sessionToken);
 	if (access.status !== 'authorized' || !access.share) return access;
 	const share = access.share;
 	const database = getDatabase();
 	const show = database
 		.prepare('SELECT title, starts_at_utc, status, completed_at_utc FROM shows WHERE id = ?')
 		.get(share.show_id) as {
 		title: string;
 		starts_at_utc: string | null;
 		status: ShowStatus;
 		completed_at_utc: string | null;
 	};
 	const sections = database
 		.prepare(
 			`SELECT s.id, s.name, s.category_name_snapshot, s.category_color_snapshot,
 			 c.name AS category_name, c.color AS category_color,
 			 s.explicit_duration_seconds, s.position FROM show_sections s
 			 LEFT JOIN section_categories c ON c.id = s.category_id
 			 WHERE s.show_id = ? AND s.is_reserve_bank = 0 ORDER BY s.position`
 		)
 		.all(share.show_id) as {
 		id: string;
 		name: string;
 		category_name_snapshot: string | null;
 		category_color_snapshot: string | null;
 		category_name: string | null;
 		category_color: string | null;
 		explicit_duration_seconds: number | null;
 		position: number;
 	}[];
 	const usageStatement = database.prepare(
 		`SELECT u.id, u.title_snapshot, u.output_title_snapshot, u.status, u.duration_seconds,
 		 u.intro_snapshot, u.research_snapshot, u.moderation_snapshot, u.interaction_snapshot,
 		 u.transition_snapshot, u.own_notes,
 		 COALESCE((SELECT actual_duration_seconds FROM piece_usage_history WHERE usage_id = u.id), 0)
 		 AS actual_duration_seconds
 		 FROM piece_usages u WHERE u.show_section_id = ? ORDER BY u.position`
 	);
 	const sourceStatement = database.prepare(
 		'SELECT label, url, timecode_seconds FROM usage_source_snapshots WHERE usage_id = ? ORDER BY position'
 	);
 	const toolStatement = database.prepare(
 		`SELECT name, start_url, work_url, note FROM usage_tool_snapshots
 		 WHERE usage_id = ? ORDER BY position`
 	);
 	const mediaStatement = database.prepare(
 		`SELECT id, alt_text FROM usage_media_snapshots
 		 WHERE usage_id = ? AND is_presentation = 1`
 	);
 	const includesModeration = share.scope === 'moderation' || share.scope === 'research';
 	const includesResearch = share.scope === 'research';
 	return {
 		status: 'authorized' as const,
 		share: {
 			scope: share.scope,
 			title: show.title,
 			startsAtUtc: show.starts_at_utc,
 			completedAtUtc: show.completed_at_utc,
 			isCompleted: show.status === 'completed',
 			sections: sections.map((section) => {
 				const usages = usageStatement.all(section.id) as {
 					id: string;
 					title_snapshot: string;
 					output_title_snapshot: string;
 					status: string;
 					duration_seconds: number;
 					actual_duration_seconds: number;
 					intro_snapshot: string;
 					research_snapshot: string;
 					moderation_snapshot: string;
 					interaction_snapshot: string;
 					transition_snapshot: string;
 					own_notes: string;
 				}[];
 				return {
 					name: section.name,
 					category:
 						show.status === 'completed' ? section.category_name_snapshot : section.category_name,
 					categoryColor:
 						show.status === 'completed' ? section.category_color_snapshot : section.category_color,
 					explicitDurationSeconds: section.explicit_duration_seconds,
 					usages: usages.map((usage) => ({
 						title: usage.title_snapshot,
 						outputTitle: usage.output_title_snapshot,
 						status: usage.status,
 						durationSeconds: usage.duration_seconds,
 						actualDurationSeconds: usage.actual_duration_seconds,
 						media: mediaStatement.get(usage.id) as { id: string; alt_text: string } | undefined,
 						...(includesModeration
 							? {
 									introHtml: renderMarkdown(usage.intro_snapshot),
 									moderationHtml: renderMarkdown(usage.moderation_snapshot),
 									interactionHtml: renderMarkdown(usage.interaction_snapshot),
 									transitionHtml: renderMarkdown(usage.transition_snapshot)
 								}
 							: {}),
 						...(includesResearch
 							? {
 									researchHtml: renderMarkdown(usage.research_snapshot),
 									sources: sourceStatement.all(usage.id) as {
 										label: string;
 										url: string;
 										timecode_seconds: number | null;
 									}[],
 									tools: (
 										toolStatement.all(usage.id) as {
 											name: string;
 											start_url: string;
 											work_url: string;
 											note: string;
 										}[]
 									).map((tool) => ({ name: tool.name, note: tool.note }))
 								}
 							: {})
 					}))
 				};
 			})
 		}
 	};
 }
 export async function getSharedMedia(
 	rawToken: string,
 	sessionToken: string | undefined,
 	snapshotMediaId: string
 ) {
 	const access = shareAccessState(rawToken, sessionToken);
 	if (access.status !== 'authorized' || !access.share) return null;
 	const row = getDatabase()
 		.prepare(
 			`SELECT pm.storage_name, pm.mime_type, pm.byte_size
 			 FROM usage_media_snapshots ums
 			 JOIN piece_usages u ON u.id = ums.usage_id
 			 JOIN show_sections s ON s.id = u.show_section_id
 			 JOIN piece_media pm ON pm.id = ums.original_media_id
 			 WHERE ums.id = ? AND ums.is_presentation = 1 AND s.show_id = ?
 			 AND s.is_reserve_bank = 0`
 		)
 		.get(snapshotMediaId, access.share.show_id) as
 		{ storage_name: string; mime_type: string; byte_size: number } | undefined;
 	if (!row) return null;
 	return {
 		data: await readFile(path.join(getServerPaths().uploads, row.storage_name)),
 		mimeType: row.mime_type,
 		byteSize: row.byte_size
 	};
 }
@@ -253,7 +253,29 @@ describe('show builder data layer', () => {
 		getDatabase()
 			.prepare("UPDATE piece_usages SET status = 'skipped' WHERE id = ?")
 			.run(skipped.id);
-		getDatabase().prepare("UPDATE shows SET status = 'completed' WHERE id = ?").run(completed.id);
+		getDatabase()
 			.prepare(
 				"UPDATE shows SET status = 'completed', completed_at_utc = starts_at_utc WHERE id = ?"
 			)
 			.run(completed.id);
 		getDatabase()
 			.prepare(
 				`INSERT INTO show_finalizations
 				 (show_id, command_id, source_revision, finalized_at_utc)
 				 SELECT id, 'test-finalization', revision, starts_at_utc FROM shows WHERE id = ?`
 			)
 			.run(completed.id);
 		getDatabase()
 			.prepare(
 				`INSERT INTO piece_usage_history
 				 (usage_id, show_id, original_piece_id, show_title_snapshot, usage_title_snapshot,
 				 used_at_utc, actual_duration_seconds)
 				 SELECT u.id, sh.id, u.original_piece_id, sh.title, u.title_snapshot,
 				 sh.starts_at_utc, 0 FROM piece_usages u
 				 JOIN show_sections s ON s.id = u.show_section_id
 				 JOIN shows sh ON sh.id = s.show_id WHERE u.id = ?`
 			)
 			.run(done.id);
 		const active = createShow({ title: 'Aktuelle Planung', startsAtUtc: null, templateId: null });
 		const activeSection = addShowSection(active.id, active.revision, {
@@ -27,6 +27,7 @@ export type ShowTemplateSection = {
 	categoryId: string | null;
 	position: number;
 	explicitDurationSeconds: number | null;
 	twitchTags: string[];
 };
 export type ShowTemplate = {
@@ -47,6 +48,7 @@ export type PieceUsage = {
 	intro: string;
 	research: string;
 	moderation: string;
 	interaction: string;
 	transition: string;
 	presentation: string;
 	presentationMode: PresentationMode;
@@ -105,6 +107,7 @@ export type ShowSection = {
 	categoryColor: string | null;
 	position: number;
 	explicitDurationSeconds: number | null;
 	twitchTags: string[];
 	durationSeconds: number;
 	usages: PieceUsage[];
 };
@@ -119,6 +122,7 @@ export type Show = {
 	revision: number;
 	createdAtUtc: string;
 	updatedAtUtc: string;
 	completedAtUtc: string | null;
 	sections: ShowSection[];
 	reserve: PieceUsage[];
 	totalDurationSeconds: number;
@@ -142,6 +146,7 @@ export type ShowSectionInput = {
 	name: string;
 	categoryId: string | null;
 	explicitDurationSeconds: number | null;
 	twitchTags?: string[];
 	position?: number;
 };
@@ -157,6 +162,7 @@ export type PieceUsageUpdate = {
 	intro: string;
 	research: string;
 	moderation: string;
 	interaction?: string;
 	transition: string;
 	presentation: string;
 	presentationMode: PresentationMode;
@@ -191,6 +197,7 @@ type ShowRow = {
 	revision: number;
 	created_at_utc: string;
 	updated_at_utc: string;
 	completed_at_utc: string | null;
 };
 type SectionRow = {
@@ -199,8 +206,11 @@ type SectionRow = {
 	category_id: string | null;
 	category: string | null;
 	category_color: string | null;
 	category_name_snapshot: string | null;
 	category_color_snapshot: string | null;
 	position: number;
 	explicit_duration_seconds: number | null;
 	twitch_tags: string;
 	is_reserve_bank: number;
 };
@@ -216,9 +226,11 @@ type UsageRow = {
 	intro_snapshot: string;
 	research_snapshot: string;
 	moderation_snapshot: string;
 	interaction_snapshot: string;
 	transition_snapshot: string;
 	presentation_snapshot: string;
 	presentation_mode_snapshot: PresentationMode;
 	presentation_image_only_snapshot: number;
 	presentation_source_label_snapshot: string;
 	presentation_source_url_snapshot: string;
 	presentation_source_timecode_snapshot: number | null;
@@ -247,6 +259,14 @@ function validDuration(value: number | null): number | null {
 	return value;
 }
 function validTwitchTags(values: string[]) {
 	const tags = [...new Set(values.map((tag) => tag.trim()).filter(Boolean))];
 	if (tags.length > 10 || tags.some((tag) => tag.length > 25 || tag.includes(','))) {
 		throw new Error('INVALID_TWITCH_TAGS');
 	}
 	return tags;
 }
 function validPosition(value: number, maximum: number): number {
 	if (!Number.isInteger(value) || value < 0) throw new Error('INVALID_POSITION');
 	return Math.min(value, maximum);
@@ -270,7 +290,7 @@ function validPresentation(
 	imageUrl: string,
 	siteName: string
 ) {
-	if (!['text', 'link', 'video'].includes(mode)) throw new Error('INVALID_PRESENTATION');
+	if (!['text', 'image', 'link', 'video'].includes(mode)) throw new Error('INVALID_PRESENTATION');
 	const cleanUrl = cleanText(sourceUrl, 2_000, 'presentation_source');
 	const cleanImageUrl = cleanText(imageUrl, 2_000, 'presentation_image');
 	for (const value of [cleanUrl, cleanImageUrl]) {
@@ -282,7 +302,7 @@ function validPresentation(
 			throw new Error('INVALID_PRESENTATION');
 		}
 	}
-	if (mode !== 'text' && !cleanUrl) throw new Error('INVALID_PRESENTATION');
+	if ((mode === 'link' || mode === 'video') && !cleanUrl) throw new Error('INVALID_PRESENTATION');
 	if (
 		timecodeSeconds !== null &&
 		(!Number.isInteger(timecodeSeconds) || timecodeSeconds < 0 || timecodeSeconds > 86_400)
@@ -445,6 +465,7 @@ function usageFromRow(database: Database.Database, row: UsageRow): PieceUsage {
 		intro: row.intro_snapshot,
 		research: row.research_snapshot,
 		moderation: row.moderation_snapshot,
 		interaction: row.interaction_snapshot,
 		transition: row.transition_snapshot,
 		presentation: row.presentation_snapshot,
 		presentationMode: row.presentation_mode_snapshot,
@@ -709,7 +730,11 @@ function copyUsageRelations(database: Database.Database, sourceUsageId: string,
 		.run(usageId, sourceUsageId);
 }
-export function listShows(): ShowListItem[] {
+export function listShows(statuses?: ShowStatus[]): ShowListItem[] {
 	const requestedStatuses = statuses?.filter((status) => SHOW_STATUSES.includes(status));
 	const where = requestedStatuses?.length
 		? `WHERE sh.status IN (${requestedStatuses.map(() => '?').join(', ')})`
 		: '';
 	return (
 		getDatabase()
 			.prepare(
@@ -720,10 +745,11 @@ export function listShows(): ShowListItem[] {
 						(SELECT sum(u.duration_seconds) FROM piece_usages u WHERE u.show_section_id = s.id))
 				 ELSE 0 END), 0) AS total_duration_seconds
 				 FROM shows sh LEFT JOIN show_sections s ON s.show_id = sh.id
 				 ${where}
 				 GROUP BY sh.id
 				 ORDER BY sh.starts_at_utc IS NULL, sh.starts_at_utc DESC, sh.created_at_utc DESC`
 			)
-			.all() as {
+			.all(...(requestedStatuses ?? [])) as {
 			id: string;
 			title: string;
 			starts_at_utc: string | null;
@@ -749,7 +775,7 @@ export function listShowTemplates(): ShowTemplate[] {
 		.prepare('SELECT id, name, description FROM show_templates ORDER BY name')
 		.all() as Omit<ShowTemplate, 'sections'>[];
 	const sectionStatement = database.prepare(
-		`SELECT id, name, category_id, position, explicit_duration_seconds
+		`SELECT id, name, category_id, position, explicit_duration_seconds, twitch_tags
 		 FROM show_template_sections WHERE template_id = ? ORDER BY position`
 	);
 	return templates.map((template) => ({
@@ -761,13 +787,15 @@ export function listShowTemplates(): ShowTemplate[] {
 				category_id: string | null;
 				position: number;
 				explicit_duration_seconds: number | null;
 				twitch_tags: string;
 			}[]
 		).map((section) => ({
 			id: section.id,
 			name: section.name,
 			categoryId: section.category_id,
 			position: section.position,
-			explicitDurationSeconds: section.explicit_duration_seconds
+			explicitDurationSeconds: section.explicit_duration_seconds,
 			twitchTags: section.twitch_tags ? section.twitch_tags.split(',') : []
 		}))
 	}));
 }
@@ -777,14 +805,15 @@ export function getShow(id: string): Show | null {
 	const show = database
 		.prepare(
 			`SELECT id, title, starts_at_utc, twitch_title, announcement_text, status, revision,
-			 created_at_utc, updated_at_utc FROM shows WHERE id = ?`
+			 created_at_utc, updated_at_utc, completed_at_utc FROM shows WHERE id = ?`
 		)
 		.get(id) as ShowRow | undefined;
 	if (!show) return null;
 	const sectionRows = database
 		.prepare(
 			`SELECT s.id, s.name, s.category_id, c.name AS category, c.color AS category_color,
-			 s.position, s.explicit_duration_seconds, s.is_reserve_bank
+			 s.category_name_snapshot, s.category_color_snapshot,
 			 s.position, s.explicit_duration_seconds, s.twitch_tags, s.is_reserve_bank
 			 FROM show_sections s LEFT JOIN section_categories c ON c.id = s.category_id
 			 WHERE s.show_id = ? ORDER BY s.position`
 		)
@@ -793,8 +822,10 @@ export function getShow(id: string): Show | null {
 		.prepare(
 			`SELECT u.id, u.show_section_id, u.original_piece_id, u.position, u.status,
 			 u.duration_seconds, u.title_snapshot, u.output_title_snapshot, u.intro_snapshot, u.research_snapshot,
-			 u.moderation_snapshot, u.transition_snapshot, u.presentation_snapshot,
+			 u.moderation_snapshot, u.interaction_snapshot, u.transition_snapshot, u.presentation_snapshot,
-			 u.presentation_mode_snapshot, u.presentation_source_label_snapshot,
+			 CASE WHEN u.presentation_image_only_snapshot = 1 THEN 'image' ELSE u.presentation_mode_snapshot END AS presentation_mode_snapshot,
 			 u.presentation_image_only_snapshot,
 			 u.presentation_source_label_snapshot,
 			 u.presentation_source_url_snapshot, u.presentation_source_timecode_snapshot,
 			 u.presentation_title_meta_snapshot, u.presentation_description_snapshot,
 			 u.presentation_image_url_snapshot, u.presentation_site_name_snapshot,
@@ -817,10 +848,17 @@ export function getShow(id: string): Show | null {
 				id: row.id,
 				name: row.name,
 				categoryId: row.category_id,
-				category: row.category,
+				category:
-				categoryColor: row.category_color,
+					show.status === 'completed'
 						? row.category_name_snapshot
 						: (row.category_name_snapshot ?? row.category),
 				categoryColor:
 					show.status === 'completed'
 						? row.category_color_snapshot
 						: (row.category_color_snapshot ?? row.category_color),
 				position: row.position,
 				explicitDurationSeconds: row.explicit_duration_seconds,
 				twitchTags: row.twitch_tags ? row.twitch_tags.split(',') : [],
 				durationSeconds:
 					row.explicit_duration_seconds ??
 					usages.reduce((total, usage) => total + usage.durationSeconds, 0),
@@ -838,6 +876,7 @@ export function getShow(id: string): Show | null {
 		revision: show.revision,
 		createdAtUtc: show.created_at_utc,
 		updatedAtUtc: show.updated_at_utc,
 		completedAtUtc: show.completed_at_utc,
 		sections,
 		reserve: reserveRow ? (usagesBySection.get(reserveRow.id) ?? []) : [],
 		totalDurationSeconds: sections.reduce((total, section) => total + section.durationSeconds, 0)
@@ -864,14 +903,9 @@ export function getPieceUsageContexts(
 	const database = getDatabase();
 	const history = database
 		.prepare(
-			`SELECT u.id AS usage_id, u.original_piece_id, sh.id AS show_id,
+			`SELECT usage_id, original_piece_id, show_id,
-			 sh.title AS show_title, COALESCE(sh.starts_at_utc, sh.updated_at_utc) AS used_at_utc
+			 show_title_snapshot AS show_title, used_at_utc
-			 FROM piece_usages u
+			 FROM piece_usage_history ORDER BY used_at_utc DESC, usage_id DESC`
 			 JOIN show_sections s ON s.id = u.show_section_id
 			 JOIN shows sh ON sh.id = s.show_id
 			 WHERE u.original_piece_id IS NOT NULL AND u.status = 'done'
 			 AND sh.status = 'completed' AND s.is_reserve_bank = 0
 			 ORDER BY used_at_utc DESC, u.id DESC`
 		)
 		.all() as {
 		usage_id: string;
@@ -941,7 +975,7 @@ export function createShow(input: CreateShowInput): CreatedMutationResult {
 		const templateSections = input.templateId
 			? (database
 					.prepare(
-						`SELECT name, category_id, position, explicit_duration_seconds
+						`SELECT name, category_id, position, explicit_duration_seconds, twitch_tags
 						 FROM show_template_sections WHERE template_id = ? ORDER BY position`
 					)
 					.all(input.templateId) as {
@@ -949,11 +983,12 @@ export function createShow(input: CreateShowInput): CreatedMutationResult {
 					category_id: string | null;
 					position: number;
 					explicit_duration_seconds: number | null;
 					twitch_tags: string;
 				}[])
 			: [];
 		const insertSection = database.prepare(
 			`INSERT INTO show_sections (id, show_id, name, category_id, position,
-			 explicit_duration_seconds, is_reserve_bank) VALUES (?, ?, ?, ?, ?, ?, ?)`
+			 explicit_duration_seconds, twitch_tags, is_reserve_bank) VALUES (?, ?, ?, ?, ?, ?, ?, ?)`
 		);
 		for (const section of templateSections) {
 			insertSection.run(
@@ -963,15 +998,151 @@ export function createShow(input: CreateShowInput): CreatedMutationResult {
 				section.category_id,
 				section.position,
 				section.explicit_duration_seconds,
 				section.twitch_tags,
 				0
 			);
 		}
-		insertSection.run(randomUUID(), id, 'Reservebank', null, templateSections.length, null, 1);
+		insertSection.run(randomUUID(), id, 'Reservebank', null, templateSections.length, null, '', 1);
 	});
 	create();
 	return { id, revision: 1, updatedAtUtc: now };
 }
 export function duplicateCompletedShow(
 	sourceShowId: string,
 	commandId: string
 ): CreatedMutationResult {
 	if (!commandId || commandId.length > 200) throw new Error('INVALID_COMMAND');
 	const database = getDatabase();
 	return database.transaction(() => {
 		const duplicate = database
 			.prepare(
 				`SELECT created_show_id FROM show_duplication_commands
 				 WHERE source_show_id = ? AND command_id = ?`
 			)
 			.get(sourceShowId, commandId) as { created_show_id: string } | undefined;
 		if (duplicate) {
 			const show = database
 				.prepare('SELECT revision, updated_at_utc FROM shows WHERE id = ?')
 				.get(duplicate.created_show_id) as { revision: number; updated_at_utc: string };
 			return {
 				id: duplicate.created_show_id,
 				revision: show.revision,
 				updatedAtUtc: show.updated_at_utc
 			};
 		}
 		const source = database
 			.prepare(
 				`SELECT sh.title, sh.twitch_title, sh.announcement_text
 				 FROM shows sh JOIN show_finalizations f ON f.show_id = sh.id WHERE sh.id = ?`
 			)
 			.get(sourceShowId) as
 			{ title: string; twitch_title: string; announcement_text: string } | undefined;
 		if (!source) throw new Error('NOT_FOUND');
 		const id = randomUUID();
 		const now = new Date().toISOString();
 		const title = `${source.title} (Kopie)`.slice(0, 200);
 		database
 			.prepare(
 				`INSERT INTO shows (id, title, starts_at_utc, twitch_title, announcement_text,
 				 status, revision, created_at_utc, updated_at_utc)
 				 VALUES (?, ?, NULL, ?, ?, 'draft', 1, ?, ?)`
 			)
 			.run(id, title, source.twitch_title, source.announcement_text, now, now);
 		const sections = database
 			.prepare(
 				`SELECT id, name, category_id, category_name_snapshot, category_color_snapshot,
 				 position, explicit_duration_seconds, twitch_tags, is_reserve_bank
 				 FROM show_sections WHERE show_id = ? ORDER BY position`
 			)
 			.all(sourceShowId) as {
 			id: string;
 			name: string;
 			category_id: string | null;
 			category_name_snapshot: string | null;
 			category_color_snapshot: string | null;
 			position: number;
 			explicit_duration_seconds: number | null;
 			twitch_tags: string;
 			is_reserve_bank: number;
 		}[];
 		const insertSection = database.prepare(
 			`INSERT INTO show_sections (id, show_id, name, category_id, category_name_snapshot,
 			 category_color_snapshot, position, explicit_duration_seconds, twitch_tags, is_reserve_bank)
 			 VALUES (?, ?, ?, ?, ?, ?, ?, ?, ?, ?)`
 		);
 		const usages = database.prepare(
 			'SELECT * FROM piece_usages WHERE show_section_id = ? ORDER BY position'
 		);
 		const insertUsage = database.prepare(
 			`INSERT INTO piece_usages (id, show_section_id, original_piece_id, position, status,
 			 duration_seconds, title_snapshot, output_title_snapshot, intro_snapshot, research_snapshot,
 			 moderation_snapshot, interaction_snapshot, transition_snapshot, presentation_snapshot,
 			 presentation_mode_snapshot, presentation_source_label_snapshot,
 			 presentation_source_url_snapshot, presentation_source_timecode_snapshot,
 			 presentation_title_meta_snapshot, presentation_description_snapshot,
 			 presentation_image_url_snapshot, presentation_site_name_snapshot,
 			 presentation_provider_snapshot, presentation_provider_id_snapshot, presentation_image_only_snapshot, own_notes, is_reserve)
 			 VALUES (?, ?, ?, ?, 'open', ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?)`
 		);
 		for (const section of sections) {
 			const sectionId = randomUUID();
 			insertSection.run(
 				sectionId,
 				id,
 				section.name,
 				section.category_id,
 				section.category_name_snapshot,
 				section.category_color_snapshot,
 				section.position,
 				section.explicit_duration_seconds,
 				section.twitch_tags,
 				section.is_reserve_bank
 			);
 			for (const usage of usages.all(section.id) as (UsageRow & { is_reserve: number })[]) {
 				const usageId = randomUUID();
 				insertUsage.run(
 					usageId,
 					sectionId,
 					usage.original_piece_id,
 					usage.position,
 					usage.duration_seconds,
 					usage.title_snapshot,
 					usage.output_title_snapshot,
 					usage.intro_snapshot,
 					usage.research_snapshot,
 					usage.moderation_snapshot,
 					usage.interaction_snapshot,
 					usage.transition_snapshot,
 					usage.presentation_snapshot,
 					usage.presentation_mode_snapshot,
 					usage.presentation_source_label_snapshot,
 					usage.presentation_source_url_snapshot,
 					usage.presentation_source_timecode_snapshot,
 					usage.presentation_title_meta_snapshot,
 					usage.presentation_description_snapshot,
 					usage.presentation_image_url_snapshot,
 					usage.presentation_site_name_snapshot,
 					usage.presentation_provider_snapshot,
 					usage.presentation_provider_id_snapshot,
 					usage.presentation_image_only_snapshot,
 					usage.own_notes,
 					usage.is_reserve
 				);
 				copyUsageRelations(database, usage.id, usageId);
 			}
 		}
 		database
 			.prepare(
 				`INSERT INTO show_duplication_commands
 				 (source_show_id, command_id, created_show_id, created_at_utc) VALUES (?, ?, ?, ?)`
 			)
 			.run(sourceShowId, commandId, id, now);
 		return { id, revision: 1, updatedAtUtc: now };
 	})();
 }
 export function saveShowMetadata(
 	showId: string,
 	expectedRevision: number,
@@ -1002,6 +1173,7 @@ export function addShowSection(
 ): CreatedMutationResult {
 	const name = cleanText(input.name, 200, 'section_name', true);
 	const duration = validDuration(input.explicitDurationSeconds);
 	const twitchTags = validTwitchTags(input.twitchTags ?? []);
 	const database = getDatabase();
 	requireCategory(database, input.categoryId);
 	return database.transaction(() => {
@@ -1026,9 +1198,9 @@ export function addShowSection(
 		database
 			.prepare(
 				`INSERT INTO show_sections (id, show_id, name, category_id, position,
-				 explicit_duration_seconds, is_reserve_bank) VALUES (?, ?, ?, ?, ?, ?, 0)`
+				 explicit_duration_seconds, twitch_tags, is_reserve_bank) VALUES (?, ?, ?, ?, ?, ?, ?, 0)`
 			)
-			.run(id, showId, name, input.categoryId, temporaryPosition, duration);
+			.run(id, showId, name, input.categoryId, temporaryPosition, duration, twitchTags.join(','));
 		visibleIds.splice(position, 0, id);
 		const reserveId = reserveSectionId(database, showId);
 		normalizePositions(database, 'show_sections', [...visibleIds, reserveId]);
@@ -1044,6 +1216,7 @@ export function updateShowSection(
 ): MutationResult {
 	const name = cleanText(input.name, 200, 'section_name', true);
 	const duration = validDuration(input.explicitDurationSeconds);
 	const twitchTags = validTwitchTags(input.twitchTags ?? []);
 	const database = getDatabase();
 	requireCategory(database, input.categoryId);
 	return database.transaction(() => {
@@ -1051,10 +1224,11 @@ export function updateShowSection(
 		sectionBelongsToShow(database, showId, sectionId);
 		database
 			.prepare(
-				`UPDATE show_sections SET name = ?, category_id = ?, explicit_duration_seconds = ?
+				`UPDATE show_sections SET name = ?, category_id = ?, explicit_duration_seconds = ?, twitch_tags = ?,
 				 category_name_snapshot = NULL, category_color_snapshot = NULL
 				 WHERE id = ?`
 			)
-			.run(name, input.categoryId, duration, sectionId);
+			.run(name, input.categoryId, duration, twitchTags.join(','), sectionId);
 		return result;
 	})();
 }
@@ -1126,7 +1300,8 @@ export function addPieceUsage(
 		const piece = database
 			.prepare(
 				`SELECT p.title, p.output_title, p.duration_seconds, p.intro, p.research_text, p.moderation_notes,
-				 p.transition_text, p.presentation_text, p.status, p.presentation_mode,
+				 p.interaction_text, p.transition_text, p.presentation_text, p.status,
 				 CASE WHEN p.presentation_image_only = 1 THEN 'image' ELSE p.presentation_mode END AS presentation_mode,
 				 COALESCE(ps.label, '') AS presentation_source_label,
 				 COALESCE(ps.url, '') AS presentation_source_url,
 				 ps.timecode_seconds AS presentation_source_timecode,
@@ -1143,6 +1318,7 @@ export function addPieceUsage(
 					intro: string;
 					research_text: string;
 					moderation_notes: string;
 					interaction_text: string;
 					transition_text: string;
 					presentation_text: string;
 					presentation_mode: PresentationMode;
@@ -1178,13 +1354,13 @@ export function addPieceUsage(
 			.prepare(
 				`INSERT INTO piece_usages (id, show_section_id, original_piece_id, position, status,
 				 duration_seconds, title_snapshot, output_title_snapshot, intro_snapshot, research_snapshot,
-				 moderation_snapshot, transition_snapshot, presentation_snapshot,
+				 moderation_snapshot, interaction_snapshot, transition_snapshot, presentation_snapshot,
-				 presentation_mode_snapshot, presentation_source_label_snapshot,
+				 presentation_mode_snapshot, presentation_image_only_snapshot, presentation_source_label_snapshot,
 				 presentation_source_url_snapshot, presentation_source_timecode_snapshot,
 				 presentation_title_meta_snapshot, presentation_description_snapshot,
 				 presentation_image_url_snapshot, presentation_site_name_snapshot,
 				 presentation_provider_snapshot, presentation_provider_id_snapshot, own_notes, is_reserve)
-				 VALUES (?, ?, ?, ?, 'open', ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, '', ?)`
+				 VALUES (?, ?, ?, ?, 'open', ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, '', ?)`
 			)
 			.run(
 				id,
@@ -1197,9 +1373,11 @@ export function addPieceUsage(
 				piece.intro,
 				piece.research_text,
 				piece.moderation_notes,
 				piece.interaction_text,
 				piece.transition_text,
 				piece.presentation_text,
-				piece.presentation_mode,
+				piece.presentation_mode === 'image' ? 'text' : piece.presentation_mode,
 				piece.presentation_mode === 'image' ? 1 : 0,
 				piece.presentation_source_label,
 				piece.presentation_source_url,
 				piece.presentation_source_timecode,
@@ -1284,8 +1462,8 @@ export function duplicatePieceUsage(
 		const source = database
 			.prepare(
 				`SELECT original_piece_id, status, duration_seconds, title_snapshot, output_title_snapshot, intro_snapshot,
-				 research_snapshot, moderation_snapshot, transition_snapshot, presentation_snapshot,
+				 research_snapshot, moderation_snapshot, interaction_snapshot, transition_snapshot, presentation_snapshot,
-				 presentation_mode_snapshot, presentation_source_label_snapshot,
+				 presentation_mode_snapshot, presentation_image_only_snapshot, presentation_source_label_snapshot,
 				 presentation_source_url_snapshot, presentation_source_timecode_snapshot,
 				 presentation_title_meta_snapshot, presentation_description_snapshot,
 				 presentation_image_url_snapshot, presentation_site_name_snapshot,
@@ -1307,13 +1485,13 @@ export function duplicatePieceUsage(
 			.prepare(
 				`INSERT INTO piece_usages (id, show_section_id, original_piece_id, position, status,
 				 duration_seconds, title_snapshot, output_title_snapshot, intro_snapshot, research_snapshot,
-				 moderation_snapshot, transition_snapshot, presentation_snapshot,
+				 moderation_snapshot, interaction_snapshot, transition_snapshot, presentation_snapshot,
-				 presentation_mode_snapshot, presentation_source_label_snapshot,
+				 presentation_mode_snapshot, presentation_image_only_snapshot, presentation_source_label_snapshot,
 				 presentation_source_url_snapshot, presentation_source_timecode_snapshot,
 				 presentation_title_meta_snapshot, presentation_description_snapshot,
 				 presentation_image_url_snapshot, presentation_site_name_snapshot,
 				 presentation_provider_snapshot, presentation_provider_id_snapshot, own_notes, is_reserve)
-				 VALUES (?, ?, ?, ?, 'open', ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?)`
+				 VALUES (?, ?, ?, ?, 'open', ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?)`
 			)
 			.run(
 				id,
@@ -1326,9 +1504,11 @@ export function duplicatePieceUsage(
 				source.intro_snapshot,
 				source.research_snapshot,
 				source.moderation_snapshot,
 				source.interaction_snapshot,
 				source.transition_snapshot,
 				source.presentation_snapshot,
 				source.presentation_mode_snapshot,
 				source.presentation_image_only_snapshot,
 				source.presentation_source_label_snapshot,
 				source.presentation_source_url_snapshot,
 				source.presentation_source_timecode_snapshot,
@@ -1360,7 +1540,8 @@ export function refreshPieceUsageFromOriginal(
 		const source = database
 			.prepare(
 				`SELECT p.title, p.output_title, p.duration_seconds, p.intro, p.research_text,
-				 p.moderation_notes, p.transition_text, p.presentation_text, p.presentation_mode,
+				 p.moderation_notes, p.interaction_text, p.transition_text, p.presentation_text,
 				 CASE WHEN p.presentation_image_only = 1 THEN 'image' ELSE p.presentation_mode END AS presentation_mode,
 				 COALESCE(ps.label, '') AS presentation_source_label,
 				 COALESCE(ps.url, '') AS presentation_source_url,
 				 ps.timecode_seconds AS presentation_source_timecode,
@@ -1379,6 +1560,7 @@ export function refreshPieceUsageFromOriginal(
 					intro: string;
 					research_text: string;
 					moderation_notes: string;
 					interaction_text: string;
 					transition_text: string;
 					presentation_text: string;
 					presentation_mode: PresentationMode;
@@ -1397,8 +1579,8 @@ export function refreshPieceUsageFromOriginal(
 		database
 			.prepare(
 				`UPDATE piece_usages SET title_snapshot = ?, output_title_snapshot = ?, duration_seconds = ?, intro_snapshot = ?,
-				 research_snapshot = ?, moderation_snapshot = ?, transition_snapshot = ?,
+				 research_snapshot = ?, moderation_snapshot = ?, interaction_snapshot = ?, transition_snapshot = ?,
-				 presentation_snapshot = ?, presentation_mode_snapshot = ?,
+				 presentation_snapshot = ?, presentation_mode_snapshot = ?, presentation_image_only_snapshot = ?,
 				 presentation_source_label_snapshot = ?, presentation_source_url_snapshot = ?,
 				 presentation_source_timecode_snapshot = ?, presentation_title_meta_snapshot = ?,
 				 presentation_description_snapshot = ?, presentation_image_url_snapshot = ?,
@@ -1412,9 +1594,11 @@ export function refreshPieceUsageFromOriginal(
 				source.intro,
 				source.research_text,
 				source.moderation_notes,
 				source.interaction_text,
 				source.transition_text,
 				source.presentation_text,
-				source.presentation_mode,
+				source.presentation_mode === 'image' ? 'text' : source.presentation_mode,
 				source.presentation_mode === 'image' ? 1 : 0,
 				source.presentation_source_label,
 				source.presentation_source_url,
 				source.presentation_source_timecode,
@@ -1452,6 +1636,8 @@ export function updatePieceUsage(
 		intro: cleanText(input.intro, 50_000, 'intro'),
 		research: cleanText(input.research, 50_000, 'research'),
 		moderation: cleanText(input.moderation, 50_000, 'moderation'),
 		interaction:
 			input.interaction === undefined ? null : cleanText(input.interaction, 50_000, 'interaction'),
 		transition: cleanText(input.transition, 50_000, 'transition'),
 		presentation: cleanText(input.presentation, 50_000, 'presentation'),
 		ownNotes: cleanText(input.ownNotes, 50_000, 'notes')
@@ -1473,8 +1659,8 @@ export function updatePieceUsage(
 		database
 			.prepare(
 				`UPDATE piece_usages SET title_snapshot = ?, output_title_snapshot = ?, intro_snapshot = ?, research_snapshot = ?,
-				 moderation_snapshot = ?, transition_snapshot = ?, presentation_snapshot = ?,
+				 moderation_snapshot = ?, interaction_snapshot = COALESCE(?, interaction_snapshot), transition_snapshot = ?, presentation_snapshot = ?,
-				 presentation_mode_snapshot = ?, presentation_source_label_snapshot = ?,
+				 presentation_mode_snapshot = ?, presentation_image_only_snapshot = ?, presentation_source_label_snapshot = ?,
 				 presentation_source_url_snapshot = ?, presentation_source_timecode_snapshot = ?,
 				 presentation_title_meta_snapshot = ?, presentation_description_snapshot = ?,
 				 presentation_image_url_snapshot = ?, presentation_site_name_snapshot = ?,
@@ -1487,9 +1673,11 @@ export function updatePieceUsage(
 				values.intro,
 				values.research,
 				values.moderation,
 				values.interaction,
 				values.transition,
 				values.presentation,
-				presentation.mode,
+				presentation.mode === 'image' ? 'text' : presentation.mode,
 				presentation.mode === 'image' ? 1 : 0,
 				presentation.sourceLabel,
 				presentation.sourceUrl,
 				presentation.timecodeSeconds,
@@ -0,0 +1,12 @@
 import { describe, expect, it } from 'vitest';
 import { berlinLocalToUtc } from './time.js';
 describe('Berlin local time conversion', () => {
 	it('converts valid civil time and rejects normalized or nonexistent values', () => {
 		expect(berlinLocalToUtc('2026-10-25T20:00')).toBe('2026-10-25T19:00:00.000Z');
 		expect(berlinLocalToUtc('')).toBeNull();
 		expect(() => berlinLocalToUtc('2026-02-31T12:00')).toThrow('INVALID_TIMESTAMP');
 		expect(() => berlinLocalToUtc('2026-03-29T02:30', 'INVALID_EXPIRY')).toThrow('INVALID_EXPIRY');
 		expect(() => berlinLocalToUtc('2026-10-25T02:30', 'INVALID_EXPIRY')).toThrow('INVALID_EXPIRY');
 	});
 });
@@ -0,0 +1,44 @@
 export function berlinLocalToUtc(value: string, errorCode = 'INVALID_TIMESTAMP'): string | null {
 	if (!value) return null;
 	const match = /^(\d{4})-(\d{2})-(\d{2})T(\d{2}):(\d{2})$/.exec(value);
 	if (!match) throw new Error(errorCode);
 	const parts = match.slice(1).map(Number);
 	const localMilliseconds = Date.UTC(parts[0], parts[1] - 1, parts[2], parts[3], parts[4]);
 	let candidate = localMilliseconds;
 	const formatter = new Intl.DateTimeFormat('en-CA', {
 		timeZone: 'Europe/Berlin',
 		year: 'numeric',
 		month: '2-digit',
 		day: '2-digit',
 		hour: '2-digit',
 		minute: '2-digit',
 		hourCycle: 'h23'
 	});
 	const localParts = (date: Date) => {
 		const formatted = formatter.formatToParts(date);
 		const read = (type: Intl.DateTimeFormatPartTypes) =>
 			formatted.find((part) => part.type === type)?.value ?? '';
 		return {
 			key: `${read('year')}-${read('month')}-${read('day')}T${read('hour')}:${read('minute')}`,
 			milliseconds: Date.UTC(
 				Number(read('year')),
 				Number(read('month')) - 1,
 				Number(read('day')),
 				Number(read('hour')),
 				Number(read('minute'))
 			)
 		};
 	};
 	for (let attempt = 0; attempt < 2; attempt += 1) {
 		candidate += localMilliseconds - localParts(new Date(candidate)).milliseconds;
 	}
 	const result = new Date(candidate);
 	if (localParts(result).key !== value) throw new Error(errorCode);
 	if (
 		localParts(new Date(candidate - 60 * 60 * 1000)).key === value ||
 		localParts(new Date(candidate + 60 * 60 * 1000)).key === value
 	) {
 		throw new Error(errorCode);
 	}
 	return result.toISOString();
 }
@@ -1,6 +1,11 @@
 import type { LayoutServerLoad } from './$types';
 export const load: LayoutServerLoad = ({ locals, url }) => ({
-	user: url.pathname.startsWith('/heinzlive/') ? null : locals.user,
+	user:
-	presentationMode: url.pathname.startsWith('/heinzlive/')
+		url.pathname.startsWith('/heinzlive/') || url.pathname.startsWith('/freigabe/')
 			? null
 			: locals.user,
 	presentationMode: url.pathname.startsWith('/heinzlive/'),
 	guestMode: url.pathname.startsWith('/freigabe/'),
 	liveControllerMode: url.pathname === '/live'
 });
@@ -34,6 +34,19 @@
 {#if data.presentationMode}
 	{@render children()}
 {:else if data.guestMode}
 	<div class="guest-shell">
 		<header class="auth-header">
 			<span class="brand"
 				><span class="brand-mark" aria-hidden="true"><i></i><i></i><i></i></span><span
 					>Sendewerk</span
 				></span
 			><ThemeToggle />
 		</header>
 		{@render children()}
 	</div>
 {:else if data.user && data.liveControllerMode}
 	<main id="main-content" class="live-controller-shell">{@render children()}</main>
 {:else if data.user}
 	<div class="app-shell">
 		<aside class="sidebar">
@@ -1,11 +1,15 @@
-import { fail } from '@sveltejs/kit';
+import { fail, redirect } from '@sveltejs/kit';
 import { randomUUID } from 'node:crypto';
 import type { Actions, PageServerLoad } from './$types';
 import { requireUser } from '#lib/server/auth.js';
 import { listPieces, setPieceArchived, setPieceDeleted } from '#lib/server/content.js';
 import { duplicateCompletedShow, listShows } from '#lib/server/shows.js';
 export const load: PageServerLoad = ({ locals }) => {
 	requireUser(locals.user);
 	return {
 		completedShows: listShows(['completed']),
 		duplicateCommandId: randomUUID(),
 		pieces: listPieces({ statuses: ['archived'] }),
 		deletedPieces: listPieces({
 			statuses: ['inbox', 'preparing', 'ready', 'archived'],
@@ -34,5 +38,19 @@ export const actions = {
 		} catch {
 			return fail(409, { error: 'Das Piece wurde inzwischen geändert. Bitte Seite neu laden.' });
 		}
 	},
 	duplicateShow: async ({ locals, request }) => {
 		requireUser(locals.user);
 		const data = await request.formData();
 		try {
 			const duplicate = duplicateCompletedShow(
 				String(data.get('showId') || ''),
 				String(data.get('commandId') || '')
 			);
 			redirect(303, `/sendungen/${duplicate.id}`);
 		} catch (cause) {
 			if (cause && typeof cause === 'object' && 'status' in cause) throw cause;
 			return fail(400, { error: 'Die Sendung konnte nicht dupliziert werden.' });
 		}
 	}
 } satisfies Actions;
@@ -1,5 +1,7 @@
 <script lang="ts">
 	import AppIcon from '#lib/components/AppIcon.svelte';
 	import { resolve } from '$app/paths';
 	import { formatDuration } from '#lib/format.js';
 	import type { PageProps } from './$types';
 	let { data, form }: PageProps = $props();
 </script>
@@ -9,10 +11,29 @@
 <div class="page-wrap narrow-page">
 	<header class="page-heading">
 		<h1>Archiv</h1>
-		<p class="page-intro">Abgelegte Pieces; abgeschlossene Sendungen folgen in Etappe 6.</p>
+		<p class="page-intro">Stabile Sendungshistorie und bewusst abgelegte Fundus-Pieces.</p>
 	</header>
 	{#if form?.error}<div class="form-message error" role="alert">{form.error}</div>{/if}
 	{#if form?.success}<div class="form-message success" role="status">{form.success}</div>{/if}
 	<section aria-labelledby="completed-shows-title">
 		<h2 id="completed-shows-title" class="section-heading">Abgeschlossene Sendungen</h2>
 		{#if data.completedShows.length}<div class="archive-list">
 				{#each data.completedShows as show (show.id)}<article>
 						<div>
 							<h2><a href={resolve('/sendungen/[id]', { id: show.id })}>{show.title}</a></h2>
 							<p>
 								{show.sectionCount} Abschnitte · {formatDuration(show.totalDurationSeconds)} Planzeit
 							</p>
 						</div>
 						<form method="POST" action="?/duplicateShow">
 							<input type="hidden" name="showId" value={show.id} />
 							<input type="hidden" name="commandId" value={data.duplicateCommandId} />
 							<button class="secondary-button" type="submit">Als neue Sendung duplizieren</button>
 						</form>
 					</article>{/each}
 			</div>{:else}<p class="context-empty">Noch keine Sendung historisch abgeschlossen.</p>{/if}
 	</section>
 	<h2 class="section-heading">Archivierte Pieces</h2>
 	{#if data.pieces.length}<div class="archive-list">
 			{#each data.pieces as piece (piece.id)}<article>
 					<div>
@@ -0,0 +1,31 @@
 import { fail } from '@sveltejs/kit';
 import type { Actions, PageServerLoad } from './$types';
 import { getAuthConfig } from '#lib/server/config.js';
 import { authenticateShare, getSharedShow, SHARE_SESSION_COOKIE } from '#lib/server/shares.js';
 export const load: PageServerLoad = ({ params, cookies }) => {
 	return getSharedShow(params.token, cookies.get(SHARE_SESSION_COOKIE));
 };
 export const actions = {
 	password: async ({ params, request, cookies, getClientAddress }) => {
 		const data = await request.formData();
 		try {
 			const session = await authenticateShare(
 				params.token,
 				String(data.get('password') || ''),
 				getClientAddress()
 			);
 			cookies.set(SHARE_SESSION_COOKIE, session.token, {
 				path: `/freigabe/${params.token}`,
 				httpOnly: true,
 				sameSite: 'strict',
 				secure: getAuthConfig().secureCookies,
 				expires: session.expires
 			});
 			return { success: true };
 		} catch {
 			return fail(401, { error: 'Passwort falsch oder Freigabe nicht mehr verfügbar.' });
 		}
 	}
 } satisfies Actions;
@@ -0,0 +1,141 @@
 <script lang="ts">
 	import { page } from '$app/state';
 	import { formatDuration } from '#lib/format.js';
 	import type { PageProps } from './$types';
 	let { data, form }: PageProps = $props();
 	function berlinDate(value: string | null) {
 		if (!value) return 'Termin nicht angegeben';
 		return new Intl.DateTimeFormat('de-DE', {
 			timeZone: 'Europe/Berlin',
 			dateStyle: 'full',
 			timeStyle: 'short'
 		}).format(new Date(value));
 	}
 </script>
 <svelte:head><title>Sendungsfreigabe | Sendewerk</title></svelte:head>
 <main class="share-page">
 	{#if data.status === 'unavailable'}
 		<section class="quiet-panel share-gate">
 			<p class="eyebrow">Lesefreigabe</p>
 			<h1>Nicht verfügbar</h1>
 			<p>Dieser Link ist ungültig, abgelaufen oder wurde widerrufen.</p>
 		</section>
 	{:else if data.status === 'password'}
 		<section class="quiet-panel share-gate">
 			<p class="eyebrow">Geschützte Lesefreigabe</p>
 			<h1>Passwort erforderlich</h1>
 			{#if form?.error}<div class="form-message error" role="alert">{form.error}</div>{/if}
 			<form method="POST" action="?/password" class="compact-form">
 				<label
 					>Passwort<input
 						name="password"
 						type="password"
 						required
 						autocomplete="current-password"
 					/></label
 				>
 				<button class="primary-button" type="submit">Sendung öffnen</button>
 			</form>
 		</section>
 	{:else}
 		<header class="share-heading">
 			<p class="eyebrow">
 				{data.share.isCompleted ? 'Abgeschlossene Sendung' : 'Aktuelle Sendungsplanung'} · Nur lesen
 			</p>
 			<h1>{data.share.title}</h1>
 			<p>{berlinDate(data.share.startsAtUtc)} Uhr</p>
 		</header>
 		<div class="shared-rundown">
 			{#each data.share.sections as section (section)}
 				<section class="quiet-panel shared-section">
 					<header>
 						<div>
 							{#if section.category}<small
 									style={`--tax-color: ${section.categoryColor ?? '#67dde8'}`}
 									>{section.category}</small
 								>{/if}
 							<h2>{section.name}</h2>
 						</div>
 						{#if section.explicitDurationSeconds !== null}<span
 								>{formatDuration(section.explicitDurationSeconds)}</span
 							>{/if}
 					</header>
 					{#each section.usages as usage (usage)}
 						<article class="shared-usage">
 							<div class="shared-usage-heading">
 								<div>
 									<small
 										>{usage.status === 'done'
 											? 'Gesendet'
 											: usage.status === 'skipped'
 												? 'Übersprungen'
 												: 'Offen'}</small
 									>
 									<h3>{usage.title}</h3>
 								</div>
 								<span>{formatDuration(usage.actualDurationSeconds || usage.durationSeconds)}</span>
 							</div>
 							{#if usage.media}<img
 									src={`${page.url.pathname}/media/${usage.media.id}`}
 									alt={usage.media.alt_text}
 								/>{/if}
 							{#if 'introHtml' in usage && usage.introHtml}<div class="shared-copy">
 									<strong>Einleitung</strong>
 									<!-- HTML is produced exclusively by the server-side allowlist sanitizer. -->
 									<!-- eslint-disable-next-line svelte/no-at-html-tags -->
 									<div>{@html usage.introHtml}</div>
 								</div>{/if}
 							{#if 'moderationHtml' in usage && usage.moderationHtml}<div class="shared-copy">
 									<strong>Moderation</strong>
 									<!-- HTML is produced exclusively by the server-side allowlist sanitizer. -->
 									<!-- eslint-disable-next-line svelte/no-at-html-tags -->
 									<div>{@html usage.moderationHtml}</div>
 								</div>{/if}
 							{#if 'interactionHtml' in usage && usage.interactionHtml}<div class="shared-copy">
 									<strong>Interaktion</strong>
 									<!-- HTML is produced exclusively by the server-side allowlist sanitizer. -->
 									<!-- eslint-disable-next-line svelte/no-at-html-tags -->
 									<div>{@html usage.interactionHtml}</div>
 								</div>{/if}
 							{#if 'transitionHtml' in usage && usage.transitionHtml}<div class="shared-copy">
 									<strong>Überleitung</strong>
 									<!-- HTML is produced exclusively by the server-side allowlist sanitizer. -->
 									<!-- eslint-disable-next-line svelte/no-at-html-tags -->
 									<div>{@html usage.transitionHtml}</div>
 								</div>{/if}
 							{#if 'researchHtml' in usage && usage.researchHtml}<details>
 									<summary>Recherche</summary>
 									<!-- HTML is produced exclusively by the server-side allowlist sanitizer. -->
 									<!-- eslint-disable-next-line svelte/no-at-html-tags -->
 									<div class="shared-copy">{@html usage.researchHtml}</div>
 								</details>{/if}
 							{#if 'sources' in usage && usage.sources?.length}<details>
 									<summary>Quellen</summary>
 									<ul>
 										{#each usage.sources ?? [] as source (source)}<li>
 												<!-- External source URLs are validated and stored server-side. -->
 												<!-- eslint-disable-next-line svelte/no-navigation-without-resolve -->
 												<a href={source.url} rel="noreferrer">{source.label || source.url}</a>
 											</li>{/each}
 									</ul>
 								</details>{/if}
 							{#if 'tools' in usage && usage.tools?.length}<details>
 									<summary>Werkzeuge</summary>
 									<ul>
 										{#each usage.tools ?? [] as tool (tool)}<li>
 												<strong>{tool.name}</strong>{#if tool.note}
 													· {tool.note}{/if}
 											</li>{/each}
 									</ul>
 								</details>{/if}
 						</article>
 					{/each}
 				</section>
 			{/each}
 		</div>
 	{/if}
 </main>
@@ -0,0 +1,18 @@
 import { error } from '@sveltejs/kit';
 import type { RequestHandler } from './$types';
 import { getSharedMedia, SHARE_SESSION_COOKIE } from '#lib/server/shares.js';
 export const GET: RequestHandler = async ({ params, cookies }) => {
 	const media = await getSharedMedia(params.token, cookies.get(SHARE_SESSION_COOKIE), params.id);
 	if (!media) error(404, 'Bild nicht gefunden');
 	return new Response(media.data, {
 		headers: {
 			'Content-Type': media.mimeType,
 			'Content-Length': String(media.byteSize),
 			'Cache-Control': 'private, no-store',
 			'Content-Security-Policy': "default-src 'none'; sandbox",
 			'Cross-Origin-Resource-Policy': 'same-origin',
 			'X-Content-Type-Options': 'nosniff'
 		}
 	});
 };
@@ -24,13 +24,19 @@ import { listTools } from '#lib/server/tools.js';
 function renderedFields(
 	piece: Pick<
 		PieceInput,
-		'intro' | 'researchText' | 'moderationNotes' | 'transitionText' | 'presentationText'
+		| 'intro'
 		| 'researchText'
 		| 'moderationNotes'
 		| 'interactionText'
 		| 'transitionText'
 		| 'presentationText'
 	>
 ) {
 	return {
 		intro: renderMarkdown(piece.intro),
 		research: renderMarkdown(piece.researchText),
 		moderation: renderMarkdown(piece.moderationNotes),
 		interaction: renderMarkdown(piece.interactionText ?? ''),
 		transition: renderMarkdown(piece.transitionText),
 		presentation: renderMarkdown(piece.presentationText)
 	};
@@ -69,10 +75,12 @@ function pieceInput(data: FormData): PieceInput {
 		summary: text(data, 'summary'),
 		formatId: text(data, 'formatId') || null,
 		status: text(data, 'status') as EditablePieceStatus,
 		preparationEffort: (text(data, 'preparationEffort') || null) as PieceInput['preparationEffort'],
 		durationSeconds: durationInSeconds(data),
 		intro: text(data, 'intro'),
 		researchText: text(data, 'researchText'),
 		moderationNotes: text(data, 'moderationNotes'),
 		interactionText: text(data, 'interactionText'),
 		transitionText: text(data, 'transitionText'),
 		presentationText: text(data, 'presentationText'),
 		presentationMode: text(data, 'presentationMode') as PieceInput['presentationMode'],
@@ -308,6 +308,13 @@
 						rows={10}
 						bind:value={draft.moderationNotes}
 					/>
 					<MarkdownEditorField
 						name="interactionText"
 						label="Interaktion"
 						placeholder="Welche Frage möchtest du dem Chat stellen?"
 						privateField
 						bind:value={draft.interactionText}
 					/>
 					<MarkdownEditorField
 						name="transitionText"
 						label="Überleitung"
@@ -340,6 +347,13 @@
 								bind:value={durationMinutes}
 							/></label
 						>
 						<label
 							>Vorbereitungsaufwand<select name="preparationEffort" bind:value={draft.preparationEffort}
 								><option value={null}>Nicht angegeben</option><option value="low">Gering</option><option
 									value="medium">Mittel</option
 								><option value="high">Hoch</option></select
 							></label
 						>
 						<label
 							>Format<select name="formatId" bind:value={draft.formatId}
 								><option value={null}>Ohne Format</option
@@ -535,7 +549,7 @@
 							bind:value={draft.presentationText}
 						/>
 						<div class="presentation-mode-picker" role="group" aria-label="Darstellung">
-							{#each [['text', 'Text'], ['link', 'Linkvorschau'], ['video', 'Video']] as mode (mode[0])}<label
+							{#each [['text', 'Text'], ['image', 'Nur Bild'], ['link', 'Linkvorschau'], ['video', 'Video']] as mode (mode[0])}<label
 									><input
 										type="radio"
 										name="presentationMode"
@@ -1,21 +1,32 @@
 import { randomUUID } from 'node:crypto';
 import { error, fail } from '@sveltejs/kit';
 import type { Actions, PageServerLoad } from './$types';
-import { requireUser } from '#lib/server/auth.js';
+import { requireBarkeeper, requireUser } from '#lib/server/auth.js';
 import { finalizeShow, getCompletionSummary } from '#lib/server/completion.js';
 import {
 	completeCurrent,
 	clearPresentationChannel,
 	endLive,
 	getLiveView,
 	goBack,
 	issuePresentationAccess,
 	moveOpenUsage,
 	pauseLive,
 	presentUsage,
 	rotatePresentationChannelKey,
 	resetSectionTimer,
 	resetTotalTimer,
 	resumeEndedLive,
 	resumeLive,
 	selectUsage,
 	setShowStatus,
 	skipCurrent,
 	startNewLiveRun,
 	startOrResumeLive
 } from '#lib/server/live.js';
 import { listShows } from '#lib/server/shows.js';
 import { createShare, deleteShare, listShares, updateShare } from '#lib/server/shares.js';
 import { berlinLocalToUtc } from '#lib/server/time.js';
 function text(data: FormData, name: string) {
 	return String(data.get(name) || '');
@@ -41,6 +52,13 @@ function actionError(cause: unknown) {
 		return { status: 409, error: 'Abgeschlossene Sendungen können nicht live gesteuert werden.' };
 	if (code === 'NOT_FOUND')
 		return { status: 404, error: 'Sendung oder Piece wurde nicht gefunden.' };
 	if (code === 'TIMER_PAUSED') return { status: 409, error: 'Die Sendung ist pausiert.' };
 	if (code === 'ALREADY_PAUSED' || code === 'ALREADY_RUNNING')
 		return { status: 409, error: 'Der Timerzustand wurde bereits geändert.' };
 	if (code === 'NO_SECTION_TIMER')
 		return { status: 409, error: 'Es ist kein Abschnittstimer aktiv.' };
 	if (code === 'NOT_LIVE' || code === 'NOT_ENDED' || code === 'ALREADY_STARTED')
 		return { status: 409, error: 'Die Sendung befindet sich nicht im passenden Zustand.' };
 	if (code.startsWith('INVALID_')) return { status: 400, error: 'Die Live-Aktion ist ungültig.' };
 	return { status: 500, error: 'Die Live-Aktion konnte nicht gespeichert werden.' };
 }
@@ -55,11 +73,19 @@ function attempt(intent: string, operation: () => unknown) {
 }
 export const load: PageServerLoad = ({ locals, url }) => {
-	requireUser(locals.user);
+	const actor = requireUser(locals.user);
 	const showId = url.searchParams.get('show') || listShows()[0]?.id;
 	if (!showId) error(404, 'Keine Sendung vorhanden');
 	try {
-		return { live: getLiveView(showId), commandId: randomUUID() };
+		const live = getLiveView(showId);
 		return {
 			live,
 			canManageShares: actor.role === 'barkeeper',
 			shares: actor.role === 'barkeeper' ? listShares(actor, showId) : [],
 			commandId: randomUUID(),
 			completion:
 				live.endedAtUtc && live.show.status !== 'completed' ? getCompletionSummary(showId) : null
 		};
 	} catch (cause) {
 		if (cause instanceof Error && cause.message === 'NOT_FOUND')
 			error(404, 'Sendung nicht gefunden');
@@ -68,6 +94,45 @@ export const load: PageServerLoad = ({ locals, url }) => {
 };
 export const actions = {
 	createShare: async ({ locals, request }) => {
 		const actor = requireBarkeeper(locals.user);
 		const data = await request.formData();
 		try {
 			const share = await createShare(actor, {
 				showId: text(data, 'showId'), scope: text(data, 'scope'), password: text(data, 'password'),
 				expiresAtUtc: berlinLocalToUtc(text(data, 'expiresAt'), 'INVALID_EXPIRY')
 			});
 			return { intent: 'createShare', success: 'Leselink angelegt.', shareUrl: `/freigabe/${share.token}` };
 		} catch (cause) {
 			const problem = actionError(cause);
 			return fail(problem.status, { intent: 'createShare', ...problem });
 		}
 	},
 	updateShare: async ({ locals, request }) => {
 		const actor = requireBarkeeper(locals.user);
 		const data = await request.formData();
 		try {
 			await updateShare(actor, text(data, 'shareId'), {
 				scope: text(data, 'scope'), passwordMode: text(data, 'passwordMode'), password: text(data, 'password'),
 				expiresAtUtc: berlinLocalToUtc(text(data, 'expiresAt'), 'INVALID_EXPIRY')
 			}, text(data, 'showId'));
 			return { intent: 'updateShare', success: 'Freigabe aktualisiert.' };
 		} catch (cause) {
 			const problem = actionError(cause);
 			return fail(problem.status, { intent: 'updateShare', ...problem });
 		}
 	},
 	deleteShare: async ({ locals, request }) => {
 		const actor = requireBarkeeper(locals.user);
 		const data = await request.formData();
 		try {
 			deleteShare(actor, text(data, 'shareId'), text(data, 'showId'));
 			return { intent: 'deleteShare', success: 'Freigabe gelöscht.' };
 		} catch (cause) {
 			const problem = actionError(cause);
 			return fail(problem.status, { intent: 'deleteShare', ...problem });
 		}
 	},
 	start: async ({ locals, request }) => {
 		requireUser(locals.user);
 		const data = await request.formData();
@@ -75,6 +140,86 @@ export const actions = {
 			startOrResumeLive(text(data, 'showId'), text(data, 'commandId'), Number(data.get('revision')))
 		);
 	},
 	pause: async ({ locals, request }) => {
 		requireUser(locals.user);
 		const data = await request.formData();
 		return attempt('pause', () =>
 			pauseLive(text(data, 'showId'), text(data, 'commandId'), Number(data.get('revision')))
 		);
 	},
 	resume: async ({ locals, request }) => {
 		requireUser(locals.user);
 		const data = await request.formData();
 		return attempt('resume', () =>
 			resumeLive(text(data, 'showId'), text(data, 'commandId'), Number(data.get('revision')))
 		);
 	},
 	resetSectionTimer: async ({ locals, request }) => {
 		requireUser(locals.user);
 		const data = await request.formData();
 		return attempt('resetSectionTimer', () =>
 			resetSectionTimer(text(data, 'showId'), text(data, 'commandId'), Number(data.get('revision')))
 		);
 	},
 	resetTotalTimer: async ({ locals, request }) => {
 		requireUser(locals.user);
 		const data = await request.formData();
 		return attempt('resetTotalTimer', () =>
 			resetTotalTimer(text(data, 'showId'), text(data, 'commandId'), Number(data.get('revision')))
 		);
 	},
 	setStatus: async ({ locals, request }) => {
 		requireUser(locals.user);
 		const data = await request.formData();
 		const status = text(data, 'status');
 		if (status !== 'draft' && status !== 'ready') {
 			return fail(400, { intent: 'setStatus', error: 'Der Sendungsstatus ist ungültig.' });
 		}
 		return attempt('setStatus', () =>
 			setShowStatus(
 				text(data, 'showId'),
 				text(data, 'commandId'),
 				Number(data.get('revision')),
 				Number(data.get('showRevision')),
 				status
 			)
 		);
 	},
 	end: async ({ locals, request }) => {
 		requireUser(locals.user);
 		const data = await request.formData();
 		return attempt('end', () =>
 			endLive(text(data, 'showId'), text(data, 'commandId'), Number(data.get('revision')))
 		);
 	},
 	finalize: async ({ locals, request }) => {
 		const actor = requireUser(locals.user);
 		const data = await request.formData();
 		return attempt('finalize', () =>
 			finalizeShow({
 				showId: text(data, 'showId'),
 				commandId: text(data, 'commandId'),
 				expectedShowRevision: Number(data.get('showRevision')),
 				expectedLiveRevision: Number(data.get('revision')),
 				archivePieceIds: data.getAll('archivePieceIds').map(String),
 				actor
 			})
 		);
 	},
 	resumeEnded: async ({ locals, request }) => {
 		requireUser(locals.user);
 		const data = await request.formData();
 		return attempt('resumeEnded', () =>
 			resumeEndedLive(text(data, 'showId'), text(data, 'commandId'), Number(data.get('revision')))
 		);
 	},
 	startNewRun: async ({ locals, request }) => {
 		requireUser(locals.user);
 		const data = await request.formData();
 		return attempt('startNewRun', () =>
 			startNewLiveRun(text(data, 'showId'), text(data, 'commandId'), Number(data.get('revision')))
 		);
 	},
 	complete: async ({ locals, request }) => {
 		requireUser(locals.user);
 		const data = await request.formData();
@@ -1,45 +1,43 @@
 import { fail, redirect } from '@sveltejs/kit';
 import type { Actions, PageServerLoad } from './$types';
-import { requireUser } from '#lib/server/auth.js';
+import { berlinDateKey, berlinMonthKey, normalizeMonthKey, shiftMonth } from '#lib/calendar.js';
 import { getShowOverviewView, requireUser, setShowOverviewView } from '#lib/server/auth.js';
 import { createShow, listShows, listShowTemplates } from '#lib/server/shows.js';
 import { listPieces } from '#lib/server/content.js';
 import { berlinLocalToUtc } from '#lib/server/time.js';
-function berlinLocalToUtc(value: string): string | null {
+export const load: PageServerLoad = ({ locals, url }) => {
-	if (!value) return null;
+	const user = requireUser(locals.user);
-	const match = /^(\d{4})-(\d{2})-(\d{2})T(\d{2}):(\d{2})$/.exec(value);
+	const today = new Date();
-	if (!match) throw new Error('INVALID_TIMESTAMP');
+	const todayMonth = berlinMonthKey(today);
-	const parts = match.slice(1).map(Number);
+	const selectedMonth = normalizeMonthKey(url.searchParams.get('month'), todayMonth);
-	const localMilliseconds = Date.UTC(parts[0], parts[1] - 1, parts[2], parts[3], parts[4]);
+	return {
-	let candidate = localMilliseconds;
+		shows: listShows(['draft', 'ready', 'live']),
-	for (let attempt = 0; attempt < 2; attempt += 1) {
+		preparationPieces: listPieces({ statuses: ['preparing'] }),
-		const formatted = new Intl.DateTimeFormat('en-CA', {
+		templates: listShowTemplates(),
-			timeZone: 'Europe/Berlin',
+		view: getShowOverviewView(user.id),
-			year: 'numeric',
+		selectedMonth,
-			month: '2-digit',
+		previousMonth: shiftMonth(selectedMonth, -1),
-			day: '2-digit',
+		nextMonth: shiftMonth(selectedMonth, 1),
-			hour: '2-digit',
+		todayMonth,
-			minute: '2-digit',
+		todayDate: berlinDateKey(today)
-			hourCycle: 'h23'
+	};
 		}).formatToParts(new Date(candidate));
 		const read = (type: Intl.DateTimeFormatPartTypes) =>
 			Number(formatted.find((part) => part.type === type)?.value);
 		const represented = Date.UTC(
 			read('year'),
 			read('month') - 1,
 			read('day'),
 			read('hour'),
 			read('minute')
 		);
 		candidate += localMilliseconds - represented;
 	}
 	return new Date(candidate).toISOString();
 }
 export const load: PageServerLoad = ({ locals }) => {
 	requireUser(locals.user);
 	return { shows: listShows(), templates: listShowTemplates() };
 };
 export const actions = {
 	setView: async ({ locals, request }) => {
 		const user = requireUser(locals.user);
 		const data = await request.formData();
 		const view = String(data.get('view') || '');
 		const todayMonth = berlinMonthKey(new Date());
 		const month = normalizeMonthKey(String(data.get('month') || ''), todayMonth);
 		try {
 			setShowOverviewView(user.id, view);
 		} catch {
 			return fail(400, { error: 'Die Ansicht konnte nicht gespeichert werden.' });
 		}
 		redirect(303, `/sendungen?month=${encodeURIComponent(month)}`);
 	},
 	create: async ({ locals, request }) => {
 		requireUser(locals.user);
 		const data = await request.formData();
@@ -1,10 +1,35 @@
 <script lang="ts">
 	import { resolve } from '$app/paths';
 	import { berlinDateKey, buildCalendarDays, formatMonthLabel } from '#lib/calendar.js';
 	import { formatDuration } from '#lib/format.js';
 	import AppIcon from '#lib/components/AppIcon.svelte';
 	import type { PageProps } from './$types';
 	let { data, form }: PageProps = $props();
 	let scheduledShows = $derived(data.shows.filter((show) => show.startsAtUtc !== null));
 	let undatedShows = $derived(data.shows.filter((show) => show.startsAtUtc === null));
 	let calendarDays = $derived(buildCalendarDays(data.selectedMonth, data.todayDate));
 	let showsByDate = $derived.by(() => {
 		const grouped: Record<string, (typeof data.shows)[number][]> = {};
 		for (const show of scheduledShows) {
 			const key = berlinDateKey(show.startsAtUtc!);
 			const shows = grouped[key] ?? [];
 			shows.push(show);
 			grouped[key] = shows;
 		}
 		for (const shows of Object.values(grouped)) {
 			shows.sort((left, right) => left.startsAtUtc!.localeCompare(right.startsAtUtc!));
 		}
 		return grouped;
 	});
 	let agendaDays = $derived(
 		calendarDays.filter((day) => day.inSelectedMonth && (showsByDate[day.date]?.length ?? 0) > 0)
 	);
 	const timeFormatter = new Intl.DateTimeFormat('de-DE', {
 		timeZone: 'Europe/Berlin',
 		hour: '2-digit',
 		minute: '2-digit'
 	});
 	function berlinDate(value: string | null) {
 		if (!value) return 'Termin offen';
@@ -14,16 +39,45 @@
 			timeStyle: 'short'
 		}).format(new Date(value));
 	}
 	function berlinTime(value: string) {
 		return timeFormatter.format(new Date(value));
 	}
 	function agendaDate(value: string) {
 		return new Intl.DateTimeFormat('de-DE', {
 			timeZone: 'UTC',
 			weekday: 'long',
 			day: '2-digit',
 			month: 'long'
 		}).format(new Date(`${value}T12:00:00Z`));
 	}
 	function statusLabel(status: string) {
 		if (status === 'ready') return 'Bereit';
 		if (status === 'draft') return 'Entwurf';
 		if (status === 'live') return 'Live';
 		return 'Abgeschlossen';
 	}
 </script>
 <svelte:head><title>Sendungen | Sendewerk</title></svelte:head>
 <div class="page-wrap shows-page">
-	<header class="page-heading">
+	<header class="page-heading shows-heading">
 		<div>
 			<h1>Sendungen</h1>
 			<p class="page-intro">Streams aus Fundus-Pieces und freien Abschnitten zusammenstellen.</p>
 		</div>
 		<form method="POST" action="?/setView" class="show-view-toggle" aria-label="Darstellung">
 			<input type="hidden" name="month" value={data.selectedMonth} />
 			<button type="submit" name="view" value="list" aria-pressed={data.view === 'list'}>
 				<AppIcon name="list" /> Liste
 			</button>
 			<button type="submit" name="view" value="calendar" aria-pressed={data.view === 'calendar'}>
 				<AppIcon name="calendar" /> Kalender
 			</button>
 		</form>
 	</header>
 	{#if form?.error}<div class="form-message error" role="alert">{form.error}</div>{/if}
@@ -71,25 +125,30 @@
 		</form>
 	</details>
 	{#if data.preparationPieces.length}<section class="show-library preparation-overview" aria-labelledby="preparation-title">
 			<header><h2 id="preparation-title">Noch vorzubereiten</h2><span>{data.preparationPieces.length}</span></header>
 			<div class="preparation-list">
 				{#each data.preparationPieces as piece (piece.id)}<a href={resolve('/fundus/[id]', { id: piece.id })}>
 						<span><strong>{piece.title}</strong>{#if piece.summary}<small>{piece.summary}</small>{/if}</span>
 						{#if piece.preparationEffort}<b class={`effort ${piece.preparationEffort}`}>{piece.preparationEffort === 'low' ? 'Gering' : piece.preparationEffort === 'medium' ? 'Mittel' : 'Hoch'}</b>{/if}
 					</a>{/each}
 			</div>
 		</section>{/if}
 	<section class="show-library" aria-labelledby="show-library-title">
 		<header>
-			<h2 id="show-library-title">Geplante Sendungen</h2>
+			<h2 id="show-library-title">{data.view === 'list' ? 'Geplante Sendungen' : 'Kalender'}</h2>
 			<span>{data.shows.length}</span>
 		</header>
-		{#if data.shows.length}
+
-			<div class="show-card-list">
+		{#if data.view === 'list'}
-				{#each data.shows as show (show.id)}
+			{#if scheduledShows.length}<div class="show-card-list">
-					<a class="show-card" href={resolve('/sendungen/[id]', { id: show.id })}>
+					{#each scheduledShows as show (show.id)}<a
-						<div>
+							class="show-card"
-							<span class={`show-state ${show.status}`}
+							href={resolve('/sendungen/[id]', { id: show.id })}
 								>{show.status === 'ready'
 									? 'Bereit'
 									: show.status === 'draft'
 										? 'Entwurf'
 										: show.status === 'live'
 											? 'Live'
 											: 'Abgeschlossen'}</span
 						>
 							<div>
 								<span class={`show-state ${show.status}`}>{statusLabel(show.status)}</span>
 								<h3>{show.title}</h3>
 								<p>{berlinDate(show.startsAtUtc)} Uhr</p>
 							</div>
@@ -99,15 +158,108 @@
 										><strong>{formatDuration(show.totalDurationSeconds)}</strong> Planzeit</span
 									>{/if}<b aria-hidden="true"><AppIcon name="arrow-right" /></b>
 							</div>
-					</a>
+						</a>{/each}
-				{/each}
+				</div>{:else}<div class="empty-state compact">
-			</div>
+					<h2>Keine terminierten Sendungen</h2>
 					<p>Sendungen ohne Termin bleiben unten erreichbar.</p>
 				</div>{/if}
 		{:else}
-			<div class="empty-state">
+			<div class="show-month-toolbar">
-				<span aria-hidden="true"><AppIcon name="plus" /></span>
+				<div>
-				<h2>Noch keine Sendung</h2>
+					<p class="eyebrow">Monatsansicht</p>
-				<p>Oben kann der erste Stream geplant werden.</p>
+					<h3>{formatMonthLabel(data.selectedMonth)}</h3>
 				</div>
 				<!-- Query-only navigation stays on the resolved Sendungen route. -->
 				<!-- eslint-disable svelte/no-navigation-without-resolve -->
 				<nav aria-label="Kalendermonat" class="show-month-navigation">
 					<a
 						href={`${resolve('/sendungen')}?month=${encodeURIComponent(data.previousMonth)}`}
 						aria-label="Vorheriger Monat"><AppIcon name="chevron-left" /></a
 					>
 					<a href={`${resolve('/sendungen')}?month=${encodeURIComponent(data.todayMonth)}`}>Heute</a
 					>
 					<a
 						href={`${resolve('/sendungen')}?month=${encodeURIComponent(data.nextMonth)}`}
 						aria-label="Nächster Monat"><AppIcon name="chevron-right" /></a
 					>
 				</nav>
 				<!-- eslint-enable svelte/no-navigation-without-resolve -->
 			</div>
 			<div class="show-calendar" aria-label={formatMonthLabel(data.selectedMonth)}>
 				<div class="show-calendar-weekdays" aria-hidden="true">
 					{#each ['Mo', 'Di', 'Mi', 'Do', 'Fr', 'Sa', 'So'] as weekday (weekday)}<span
 							>{weekday}</span
 						>{/each}
 				</div>
 				<div class="show-calendar-grid">
 					{#each calendarDays as day (day.date)}<section
 							class:outside={!day.inSelectedMonth}
 							class:today={day.isToday}
 							class="show-calendar-day"
 							aria-label={day.date}
 						>
 							<strong>{day.dayNumber}</strong>
 							{#if day.inSelectedMonth}<div class="show-calendar-events">
 									{#each showsByDate[day.date] ?? [] as show (show.id)}<a
 											href={resolve('/sendungen/[id]', { id: show.id })}
 											class={`show-calendar-event ${show.status}`}
 										>
 											<time>{berlinTime(show.startsAtUtc!)}</time>
 											<span>{show.title}</span>
 											<small>{statusLabel(show.status)}</small>
 										</a>{/each}
 								</div>{/if}
 						</section>{/each}
 				</div>
 			</div>
 			<div class="show-agenda" aria-label={`Termine ${formatMonthLabel(data.selectedMonth)}`}>
 				{#if agendaDays.length}{#each agendaDays as day (day.date)}<section
 							class:today={day.isToday}
 							class="show-agenda-day"
 						>
 							<h3>{agendaDate(day.date)}</h3>
 							<div>
 								{#each showsByDate[day.date] ?? [] as show (show.id)}<a
 										class="show-agenda-event"
 										href={resolve('/sendungen/[id]', { id: show.id })}
 									>
 										<time>{berlinTime(show.startsAtUtc!)}</time>
 										<span
 											><strong>{show.title}</strong><small>{statusLabel(show.status)}</small></span
 										>
 									</a>{/each}
 							</div>
 						</section>{/each}{:else}<div class="empty-state compact">
 						<h2>Keine Termine in diesem Monat</h2>
 					</div>{/if}
 			</div>
 		{/if}
 	</section>
 	{#if undatedShows.length}<section
 			class="show-library show-undated"
 			aria-labelledby="undated-title"
 		>
 			<header>
 				<h2 id="undated-title">Ohne Termin</h2>
 				<span>{undatedShows.length}</span>
 			</header>
 			<div class="show-card-list">
 				{#each undatedShows as show (show.id)}<a
 						class="show-card"
 						href={resolve('/sendungen/[id]', { id: show.id })}
 					>
 						<div>
 							<span class={`show-state ${show.status}`}>{statusLabel(show.status)}</span>
 							<h3>{show.title}</h3>
 							<p>Termin offen</p>
 						</div>
 						<div class="show-card-facts">
 							<b aria-hidden="true"><AppIcon name="arrow-right" /></b>
 						</div>
 					</a>{/each}
 			</div>
 		</section>{/if}
 </div>
@@ -1,13 +1,17 @@
 import { randomUUID } from 'node:crypto';
-import { error, fail } from '@sveltejs/kit';
+import { error, fail, redirect } from '@sveltejs/kit';
 import type { Actions, PageServerLoad } from './$types';
-import { requireUser } from '#lib/server/auth.js';
+import { requireBarkeeper, requireUser } from '#lib/server/auth.js';
 import { getHistoricalActualDurations } from '#lib/server/completion.js';
 import { getTaxonomy, listPieces, listPieceTemplates } from '#lib/server/content.js';
 import { createShare, deleteShare, listShares, updateShare } from '#lib/server/shares.js';
 import { berlinLocalToUtc } from '#lib/server/time.js';
 import {
 	addPieceUsage,
 	addShowSection,
 	createAndAddPieceUsage,
 	duplicatePieceUsage,
 	duplicateCompletedShow,
 	getShow,
 	getPieceUsageContexts,
 	movePieceUsage,
@@ -35,32 +39,6 @@ function pieceDurationInSeconds(data: FormData) {
 	return Math.round(Number(data.get('durationMinutes')) * 60);
 }
 function berlinLocalToUtc(value: string): string | null {
 	if (!value) return null;
 	const match = /^(\d{4})-(\d{2})-(\d{2})T(\d{2}):(\d{2})$/.exec(value);
 	if (!match) throw new Error('INVALID_TIMESTAMP');
 	const parts = match.slice(1).map(Number);
 	const localMilliseconds = Date.UTC(parts[0], parts[1] - 1, parts[2], parts[3], parts[4]);
 	let candidate = localMilliseconds;
 	for (let attempt = 0; attempt < 2; attempt += 1) {
 		const formatted = new Intl.DateTimeFormat('en-CA', {
 			timeZone: 'Europe/Berlin',
 			year: 'numeric',
 			month: '2-digit',
 			day: '2-digit',
 			hour: '2-digit',
 			minute: '2-digit',
 			hourCycle: 'h23'
 		}).formatToParts(new Date(candidate));
 		const read = (type: Intl.DateTimeFormatPartTypes) =>
 			Number(formatted.find((part) => part.type === type)?.value);
 		candidate +=
 			localMilliseconds -
 			Date.UTC(read('year'), read('month') - 1, read('day'), read('hour'), read('minute'));
 	}
 	return new Date(candidate).toISOString();
 }
 function berlinInput(value: string | null) {
 	if (!value) return '';
 	const parts = new Intl.DateTimeFormat('en-CA', {
@@ -104,6 +82,12 @@ function actionError(cause: unknown) {
 		};
 	if (code === 'INVALID_DURATION')
 		return { status: 400, error: 'Piece-Dauern müssen zwischen 0 und 1.440 Minuten liegen.' };
 	if (code === 'INVALID_PASSWORD')
 		return { status: 400, error: 'Ein Freigabepasswort benötigt mindestens 12 Zeichen.' };
 	if (code === 'INVALID_EXPIRY')
 		return { status: 400, error: 'Der Ablaufzeitpunkt muss in der Zukunft liegen.' };
 	if (code === 'INVALID_SCOPE' || code === 'INVALID_PASSWORD_MODE')
 		return { status: 400, error: 'Die Einstellungen der Freigabe sind ungültig.' };
 	if (code.startsWith('INVALID_'))
 		return { status: 400, error: 'Mindestens ein Feld ist ungültig oder zu lang.' };
 	return { status: 500, error: 'Die Änderung konnte nicht gespeichert werden.' };
@@ -118,9 +102,26 @@ function attempt(intent: string, operation: () => unknown) {
 }
 export const load: PageServerLoad = ({ locals, params, url }) => {
-	requireUser(locals.user);
+	const actor = requireUser(locals.user);
 	const show = getShow(params.id);
 	if (!show) error(404, 'Sendung nicht gefunden');
 	const shares = actor.role === 'barkeeper' ? listShares(actor, show.id) : [];
 	if (show.status === 'completed') {
 		return {
 			show,
 			shares,
 			canManageShares: actor.role === 'barkeeper',
 			historical: true,
 			actualDurations: getHistoricalActualDurations(show.id),
 			duplicateCommandId: randomUUID(),
 			startsAtLocal: berlinInput(show.startsAtUtc),
 			pieces: [],
 			taxonomy: getTaxonomy(),
 			pieceTemplates: [],
 			createCommandId: randomUUID(),
 			filters: { query: '', categoryId: '', includeUsed: false, includePlanned: false }
 		};
 	}
 	const pieces = listPieces({
 		statuses: ['ready'],
 		query: url.searchParams.get('q') ?? '',
@@ -132,6 +133,11 @@ export const load: PageServerLoad = ({ locals, params, url }) => {
 	);
 	return {
 		show,
 		shares,
 		canManageShares: actor.role === 'barkeeper',
 		historical: false,
 		actualDurations: {} as Record<string, number>,
 		duplicateCommandId: randomUUID(),
 		startsAtLocal: berlinInput(show.startsAtUtc),
 		pieces: pieces.map((piece) => ({ ...piece, ...usageContexts[piece.id] })),
 		taxonomy: getTaxonomy(),
@@ -147,6 +153,66 @@ export const load: PageServerLoad = ({ locals, params, url }) => {
 };
 export const actions = {
 	createShare: async ({ locals, params, request }) => {
 		const actor = requireBarkeeper(locals.user);
 		const data = await request.formData();
 		try {
 			const share = await createShare(actor, {
 				showId: params.id,
 				scope: text(data, 'scope'),
 				password: text(data, 'password'),
 				expiresAtUtc: berlinLocalToUtc(text(data, 'expiresAt'), 'INVALID_EXPIRY')
 			});
 			return {
 				intent: 'createShare',
 				success: 'Leselink angelegt. Der Link wird nur jetzt vollständig angezeigt.',
 				shareUrl: `/freigabe/${share.token}`
 			};
 		} catch (cause) {
 			return fail(actionError(cause).status, { intent: 'createShare', ...actionError(cause) });
 		}
 	},
 	updateShare: async ({ locals, params, request }) => {
 		const actor = requireBarkeeper(locals.user);
 		const data = await request.formData();
 		try {
 			await updateShare(
 				actor,
 				text(data, 'shareId'),
 				{
 					scope: text(data, 'scope'),
 					passwordMode: text(data, 'passwordMode'),
 					password: text(data, 'password'),
 					expiresAtUtc: berlinLocalToUtc(text(data, 'expiresAt'), 'INVALID_EXPIRY')
 				},
 				params.id
 			);
 			return { intent: 'updateShare', success: 'Freigabe aktualisiert.' };
 		} catch (cause) {
 			return fail(actionError(cause).status, { intent: 'updateShare', ...actionError(cause) });
 		}
 	},
 	deleteShare: async ({ locals, params, request }) => {
 		const actor = requireBarkeeper(locals.user);
 		const data = await request.formData();
 		try {
 			deleteShare(actor, text(data, 'shareId'), params.id);
 			return { intent: 'deleteShare', success: 'Freigabe gelöscht.' };
 		} catch (cause) {
 			return fail(actionError(cause).status, { intent: 'deleteShare', ...actionError(cause) });
 		}
 	},
 	duplicateShow: async ({ locals, params, request }) => {
 		requireUser(locals.user);
 		const data = await request.formData();
 		try {
 			const duplicate = duplicateCompletedShow(params.id, text(data, 'commandId'));
 			redirect(303, `/sendungen/${duplicate.id}`);
 		} catch (cause) {
 			if (cause && typeof cause === 'object' && 'status' in cause) throw cause;
 			return fail(actionError(cause).status, { intent: 'duplicateShow', ...actionError(cause) });
 		}
 	},
 	saveMetadata: async ({ locals, params, request }) => {
 		requireUser(locals.user);
 		const data = await request.formData();
@@ -167,7 +233,8 @@ export const actions = {
 			addShowSection(params.id, Number(data.get('revision')), {
 				name: text(data, 'name'),
 				categoryId: text(data, 'categoryId') || null,
-				explicitDurationSeconds: nullableDuration(data)
+				explicitDurationSeconds: nullableDuration(data),
 				twitchTags: text(data, 'twitchTags').split(/[\n,]/)
 			})
 		);
 	},
@@ -178,7 +245,8 @@ export const actions = {
 			updateShowSection(params.id, text(data, 'sectionId'), Number(data.get('revision')), {
 				name: text(data, 'name'),
 				categoryId: text(data, 'categoryId') || null,
-				explicitDurationSeconds: nullableDuration(data)
+				explicitDurationSeconds: nullableDuration(data),
 				twitchTags: text(data, 'twitchTags').split(/[\n,]/)
 			})
 		);
 	},
@@ -237,6 +305,7 @@ export const actions = {
 				intro: text(data, 'intro'),
 				research: text(data, 'research'),
 				moderation: text(data, 'moderation'),
 				interaction: text(data, 'interaction'),
 				transition: text(data, 'transition'),
 				presentation: text(data, 'presentation'),
 				presentationMode: text(data, 'presentationMode') as PieceUsageUpdate['presentationMode'],
@@ -7,6 +7,7 @@
 	import { onMount, untrack } from 'svelte';
 	import PieceUsageHistory from '#lib/components/PieceUsageHistory.svelte';
 	import AppIcon from '#lib/components/AppIcon.svelte';
 	import ShareManagement from '#lib/components/ShareManagement.svelte';
 	import UsageEditorDialog from '#lib/components/UsageEditorDialog.svelte';
 	import { formatClock, formatDuration } from '#lib/format.js';
 	import type { PageProps } from './$types';
@@ -20,10 +21,10 @@
 		| null
 	>(null);
 	let dropTarget = $state<string | null>(null);
-	let moveSectionForm: HTMLFormElement;
+	let moveSectionForm = $state<HTMLFormElement>();
-	let moveUsageForm: HTMLFormElement;
+	let moveUsageForm = $state<HTMLFormElement>();
-	let addUsageForm: HTMLFormElement;
+	let addUsageForm = $state<HTMLFormElement>();
-	let removeUsageForm: HTMLFormElement;
+	let removeUsageForm = $state<HTMLFormElement>();
 	let draggedSectionId = $state('');
 	let draggedUsageId = $state('');
 	let draggedPieceId = $state('');
@@ -150,7 +151,7 @@
 		draggedSectionId = dragged.id;
 		dropPosition = position;
 		finishDrag();
-		setTimeout(() => moveSectionForm.requestSubmit());
+		setTimeout(() => moveSectionForm?.requestSubmit());
 	}
 	function dropUsage(sectionId: string | null, position: number) {
@@ -160,12 +161,12 @@
 		if (dragged.kind === 'piece') {
 			draggedPieceId = dragged.id;
 			finishDrag();
-			setTimeout(() => addUsageForm.requestSubmit());
+			setTimeout(() => addUsageForm?.requestSubmit());
 			return;
 		}
 		draggedUsageId = dragged.id;
 		finishDrag();
-		setTimeout(() => moveUsageForm.requestSubmit());
+		setTimeout(() => moveUsageForm?.requestSubmit());
 	}
 	function removeDraggedUsage() {
@@ -176,7 +177,7 @@
 		}
 		removedUsageId = dragged.id;
 		finishDrag();
-		setTimeout(() => removeUsageForm.requestSubmit());
+		setTimeout(() => removeUsageForm?.requestSubmit());
 	}
 	const enhanceCommand: SubmitFunction = ({ formElement, submitter }) => {
@@ -205,10 +206,106 @@
 <svelte:head><title>{data.show.title} | Sendungen | Sendewerk</title></svelte:head>
-<div class="page-wrap builder-page">
+{#if data.historical}
 	<div class="page-wrap historical-show-page">
 		<header class="page-heading show-heading">
 			<div class="show-heading-copy">
-			<a class="back-link" href={resolve('/sendungen')}><AppIcon name="arrow-left" /> Sendungen</a>
+				<a class="back-link" href={resolve('/archiv')}><AppIcon name="arrow-left" /> Archiv</a>
 				<p class="eyebrow">Unveränderliche Sendungshistorie</p>
 				<h1>{data.show.title}</h1>
 				<p class="show-date">
 					{data.show.startsAtUtc ? `${berlinDate(data.show.startsAtUtc)} Uhr` : 'Termin offen'}
 				</p>
 			</div>
 			<div class="show-summary">
 				<div><strong>{plannedCount}</strong><span>Pieces</span></div>
 				<div>
 					<strong>{formatDuration(data.show.totalDurationSeconds)}</strong><span>Planzeit</span>
 				</div>
 				<form method="POST" action="?/duplicateShow">
 					<input type="hidden" name="commandId" value={data.duplicateCommandId} />
 					<button class="secondary-button" type="submit">Als neue Sendung duplizieren</button>
 				</form>
 			</div>
 		</header>
 		{#if form?.error && !form.intent?.toLowerCase().includes('share')}<div
 				class="form-message error"
 				role="alert"
 			>
 				{form.error}
 			</div>{/if}
 		{#if data.canManageShares}<ShareManagement
 				shows={[data.show]}
 				shares={data.shares}
 				fixedShowId={data.show.id}
 				{form}
 			/>{/if}
 		<div class="historical-rundown">
 			{#each data.show.sections as section (section.id)}<section
 					class="quiet-panel historical-section"
 				>
 					<header>
 						<div>
 							{#if section.category}<small
 									style={`--tax-color: ${section.categoryColor ?? '#67dde8'}`}
 									>{section.category}</small
 								>{/if}
 							<h2>{section.name}</h2>
 						</div>
 						<strong>{formatDuration(section.durationSeconds)}</strong>
 					</header>
 					{#each section.usages as usage (usage.id)}<article class="historical-usage">
 							<header>
 								<div>
 									<small
 										>{usage.status === 'done'
 											? 'Gesendet'
 											: usage.status === 'skipped'
 												? 'Übersprungen'
 												: 'Offen beim Abschluss'}</small
 									>
 									<h3>{usage.title}</h3>
 								</div>
 								<span
 									>{formatDuration(data.actualDurations[usage.id] ?? 0)} Ist · {formatDuration(
 										usage.durationSeconds
 									)} Plan</span
 								>
 							</header>
 							{#if usage.intro}<section>
 									<strong>Einleitung</strong>
 									<p>{usage.intro}</p>
 								</section>{/if}
 							{#if usage.moderation}<section>
 									<strong>Moderation</strong>
 									<p>{usage.moderation}</p>
 								</section>{/if}
 							{#if usage.interaction}<section>
 									<strong>Interaktion</strong>
 									<p>{usage.interaction}</p>
 								</section>{/if}
 							{#if usage.transition}<section>
 									<strong>Überleitung</strong>
 									<p>{usage.transition}</p>
 								</section>{/if}
 							{#if usage.research}<details>
 									<summary>Recherche</summary>
 									<p>{usage.research}</p>
 								</details>{/if}
 							{#if usage.ownNotes}<details>
 									<summary>Eigene Notizen</summary>
 									<p>{usage.ownNotes}</p>
 								</details>{/if}
 						</article>{/each}
 				</section>{/each}
 		</div>
 	</div>
 {:else}
 	<div class="page-wrap builder-page">
 		<header class="page-heading show-heading">
 			<div class="show-heading-copy">
 				<a class="back-link" href={resolve('/sendungen')}><AppIcon name="arrow-left" /> Sendungen</a
 				>
 				<h1>{data.show.title}</h1>
 				<p class="show-date">
 					{data.show.startsAtUtc ? `${berlinDate(data.show.startsAtUtc)} Uhr` : 'Termin offen'}
@@ -225,8 +322,18 @@
 			</div>
 		</header>
-	{#if form?.error}<div class="form-message error" role="alert">{form.error}</div>{/if}
+		{#if form?.error && !form.intent?.toLowerCase().includes('share')}<div
-	{#if form?.success}<div class="form-message success" role="status">{form.success}</div>{/if}
+				class="form-message error"
 				role="alert"
 			>
 				{form.error}
 			</div>{/if}
 		{#if form?.success && !form.intent?.toLowerCase().includes('share')}<div
 				class="form-message success"
 				role="status"
 			>
 				{form.success}
 			</div>{/if}
 		<div class="sr-only" role="status" aria-live="polite">{copyMessage}</div>
 		<details class="show-settings">
@@ -270,8 +377,9 @@
 					>Ankündigung<span class="copy-field"
 						><textarea name="announcementText" maxlength="20000" rows="4"
 							>{data.show.announcementText}</textarea
-					><button type="button" onclick={() => copyText('Ankündigung', data.show.announcementText)}
+						><button
-						>Kopieren</button
+							type="button"
 							onclick={() => copyText('Ankündigung', data.show.announcementText)}>Kopieren</button
 						></span
 					></label
 				>
@@ -282,6 +390,12 @@
 				</div>
 			</form>
 		</details>
 		{#if data.canManageShares}<ShareManagement
 				shows={[data.show]}
 				shares={data.shares}
 				fixedShowId={data.show.id}
 				{form}
 			/>{/if}
 		<div class="mobile-pane-switch" aria-label="Arbeitsbereich auswählen">
 			<button
@@ -418,7 +532,8 @@
 										>{/if}{piece.title}
 								</h3>
 								<p>
-								{piece.format} · {piece.topics.map((item) => item.name).join(', ') || 'Ohne Thema'}
+									{piece.format} · {piece.topics.map((item) => item.name).join(', ') ||
 										'Ohne Thema'}
 								</p>
 								{#if piece.isPlannedInCurrentShow}<span class="planned-label">Eingeplant</span>{/if}
 								<PieceUsageHistory history={piece.sentHistory} />
@@ -538,7 +653,8 @@
 										/><input type="hidden" name="position" value={index + 1} /><button
 											type="submit"
 											disabled={index === data.show.sections.length - 1}
-										aria-label={`${section.name} nach unten`}><AppIcon name="arrow-down" /></button
+											aria-label={`${section.name} nach unten`}
 											><AppIcon name="arrow-down" /></button
 										>
 									</form>
 								</div>
@@ -593,11 +709,15 @@
 													</div>
 													<div class="row-actions">
 														<form use:enhance={enhanceCommand} method="POST" action="?/moveUsage">
-														<input type="hidden" name="revision" value={data.show.revision} /><input
+															<input
 																type="hidden"
-															name="usageId"
+																name="revision"
-															value={usage.id}
+																value={data.show.revision}
-														/><input type="hidden" name="sectionId" value={section.id} /><input
+															/><input type="hidden" name="usageId" value={usage.id} /><input
 																type="hidden"
 																name="sectionId"
 																value={section.id}
 															/><input
 																type="hidden"
 																name="position"
 																value={usageIndex - 1}
@@ -609,11 +729,15 @@
 															>
 														</form>
 														<form use:enhance={enhanceCommand} method="POST" action="?/moveUsage">
-														<input type="hidden" name="revision" value={data.show.revision} /><input
+															<input
 																type="hidden"
-															name="usageId"
+																name="revision"
-															value={usage.id}
+																value={data.show.revision}
-														/><input type="hidden" name="sectionId" value={section.id} /><input
+															/><input type="hidden" name="usageId" value={usage.id} /><input
 																type="hidden"
 																name="sectionId"
 																value={section.id}
 															/><input
 																type="hidden"
 																name="position"
 																value={usageIndex + 1}
@@ -637,14 +761,20 @@
 											</div>
 										{/each}
 										{#if showsUsagePreview(section.id, section.usages.length)}
-										<div class="drag-insert-preview usage-insert-preview" data-drop-preview="usage">
+											<div
 												class="drag-insert-preview usage-insert-preview"
 												data-drop-preview="usage"
 											>
 												<strong>{draggedTitle()}</strong><small>Hier einfügen</small>
 											</div>
 										{/if}
 									</div>{:else}
 									{#if showsUsagePreview(section.id, 0)}
 										<div class="usage-list">
-										<div class="drag-insert-preview usage-insert-preview" data-drop-preview="usage">
+											<div
 												class="drag-insert-preview usage-insert-preview"
 												data-drop-preview="usage"
 											>
 												<strong>{draggedTitle()}</strong><small>Hier einfügen</small>
 											</div>
 										</div>
@@ -675,7 +805,12 @@
 											name="sectionId"
 											value={section.id}
 										/><label
-										>Name<input name="name" required maxlength="200" value={section.name} /></label
+											>Name<input
 												name="name"
 												required
 												maxlength="200"
 												value={section.name}
 											/></label
 										><label
 											>Kategorie<select name="categoryId"
 												><option value="">Ohne Kategorie</option
@@ -693,6 +828,13 @@
 												value={section.explicitDurationSeconds ?? ''}
 												placeholder="Summe der Pieces"
 											/></label
 										><label
 											>Twitch-Tags<input
 												name="twitchTags"
 												maxlength="300"
 												value={section.twitchTags.join(', ')}
 												placeholder="Gaming, Deutsch"
 											/></label
 										><button class="secondary-button" type="submit">Abschnitt speichern</button>
 									</form>
 									<form
@@ -750,6 +892,8 @@
 							max="86400"
 							placeholder="optional, Sekunden"
 						/></label
 					><label
 						>Twitch-Tags<input name="twitchTags" maxlength="300" placeholder="Gaming, Deutsch" /></label
 					><button class="primary-button" type="submit">Abschnitt hinzufügen</button>
 				</form>
@@ -841,7 +985,8 @@
 									/><button
 										class="text-button danger-text"
 										type="submit"
-									aria-label={`${usage.title} aus Sendung entfernen`}>Aus Sendung entfernen</button
+										aria-label={`${usage.title} aus Sendung entfernen`}
 										>Aus Sendung entfernen</button
 									>
 								</form>
 								<UsageEditorDialog
@@ -920,4 +1065,5 @@
 			<input type="hidden" name="revision" value={data.show.revision} />
 			<input type="hidden" name="usageId" value={removedUsageId} />
 		</form>
-</div>
+	</div>
 {/if}
@@ -8,6 +8,9 @@ import {
 	type TaxonomyKind
 } from '#lib/server/content.js';
 import { getMailConfig } from '#lib/server/config.js';
 import { createShare, deleteShare, listShares, updateShare } from '#lib/server/shares.js';
 import { listShows } from '#lib/server/shows.js';
 import { berlinLocalToUtc } from '#lib/server/time.js';
 import { createTool, listTools, updateTool, type ToolInput } from '#lib/server/tools.js';
 import {
 	inviteUser,
@@ -28,6 +31,8 @@ export const load: PageServerLoad = ({ locals }) => {
 		users: listUsers(),
 		invitations: listOpenInvitations(),
 		tools: listTools(true),
 		shows: listShows(),
 		shares: listShares(locals.user!),
 		mailTransport: getMailConfig().transport
 	};
 };
@@ -50,6 +55,10 @@ function actionError(cause: unknown): string {
 	if (code === 'INVALID_TOOL_FORMAT')
 		return 'Mindestens ein gewähltes Format existiert nicht mehr.';
 	if (code === 'INVALID_TOOL') return 'Bitte die Werkzeugdaten prüfen.';
 	if (code === 'INVALID_PASSWORD') return 'Ein Freigabepasswort benötigt mindestens 12 Zeichen.';
 	if (code === 'INVALID_EXPIRY') return 'Der Ablaufzeitpunkt muss in der Zukunft liegen.';
 	if (code === 'INVALID_SCOPE') return 'Der Informationsumfang ist ungültig.';
 	if (code === 'INVALID_PASSWORD_MODE') return 'Die Passwortoption ist ungültig.';
 	return 'Die Aktion konnte nicht ausgeführt werden.';
 }
@@ -65,6 +74,50 @@ function toolInput(data: FormData): ToolInput {
 }
 export const actions = {
 	createShare: async ({ locals, request }) => {
 		const actor = requireBarkeeper(locals.user);
 		const data = await request.formData();
 		try {
 			const share = await createShare(actor, {
 				showId: String(data.get('showId') || ''),
 				scope: String(data.get('scope') || ''),
 				password: String(data.get('password') || ''),
 				expiresAtUtc: berlinLocalToUtc(String(data.get('expiresAt') || ''), 'INVALID_EXPIRY')
 			});
 			return {
 				intent: 'createShare',
 				success: 'Leselink angelegt. Der Link wird nur jetzt vollständig angezeigt.',
 				shareUrl: `/freigabe/${share.token}`
 			};
 		} catch (cause) {
 			return fail(400, { intent: 'createShare', error: actionError(cause) });
 		}
 	},
 	updateShare: async ({ locals, request }) => {
 		const actor = requireBarkeeper(locals.user);
 		const data = await request.formData();
 		try {
 			await updateShare(actor, String(data.get('shareId') || ''), {
 				scope: String(data.get('scope') || ''),
 				passwordMode: String(data.get('passwordMode') || ''),
 				password: String(data.get('password') || ''),
 				expiresAtUtc: berlinLocalToUtc(String(data.get('expiresAt') || ''), 'INVALID_EXPIRY')
 			});
 			return { intent: 'updateShare', success: 'Freigabe aktualisiert.' };
 		} catch (cause) {
 			return fail(400, { intent: 'updateShare', error: actionError(cause) });
 		}
 	},
 	deleteShare: async ({ locals, request }) => {
 		const actor = requireBarkeeper(locals.user);
 		const data = await request.formData();
 		try {
 			deleteShare(actor, String(data.get('shareId') || ''));
 			return { intent: 'deleteShare', success: 'Freigabe gelöscht.' };
 		} catch (cause) {
 			return fail(400, { intent: 'deleteShare', error: actionError(cause) });
 		}
 	},
 	invite: async ({ locals, request }) => {
 		const actor = requireBarkeeper(locals.user);
 		const data = await request.formData();
@@ -1,6 +1,7 @@
 <script lang="ts">
 	import AppIcon from '#lib/components/AppIcon.svelte';
 	import IconPicker from '#lib/components/IconPicker.svelte';
 	import ShareManagement from '#lib/components/ShareManagement.svelte';
 	import ToolEditorDialog from '#lib/components/ToolEditorDialog.svelte';
 	import type { PageProps } from './$types';
 	let { data, form }: PageProps = $props();
@@ -18,8 +19,19 @@
 		<h1>Verwaltung</h1>
 		<p class="page-intro">Konten, Werkzeuge und bestehende Taxonomie verwalten.</p>
 	</header>
-	{#if form?.error}<div class="form-message error" role="alert">{form.error}</div>{/if}
+	{#if form?.error && !form.intent?.toLowerCase().includes('share')}<div
-	{#if form?.success}<div class="form-message success" role="status">{form.success}</div>{/if}
+			class="form-message error"
 			role="alert"
 		>
 			{form.error}
 		</div>{/if}
 	{#if form?.success && !form.intent?.toLowerCase().includes('share')}<div
 			class="form-message success"
 			role="status"
 		>
 			{form.success}
 		</div>{/if}
 	<ShareManagement shows={data.shows} shares={data.shares} {form} />
 	<section class="quiet-panel account-panel">
 		<div class="panel-heading">
@@ -1,6 +1,6 @@
 import { expect, test, type Locator, type Page } from '@playwright/test';
 import Database from 'better-sqlite3';
-import { readFileSync, readdirSync } from 'node:fs';
+import { mkdirSync, readFileSync, readdirSync, rmSync, writeFileSync } from 'node:fs';
 import path from 'node:path';
 const adminEmail = 'barkeeper@example.test';
@@ -85,7 +85,8 @@ function addSentHistoryFixture(pieceId: string) {
 	database.pragma('foreign_keys = ON');
 	const insertShow = database.prepare(
 		`INSERT INTO shows (id, title, starts_at_utc, twitch_title, announcement_text, status,
-		 revision, created_at_utc, updated_at_utc) VALUES (?, ?, ?, '', '', 'completed', 1, ?, ?)`
+		 revision, created_at_utc, updated_at_utc, completed_at_utc)
 		 VALUES (?, ?, ?, '', '', 'completed', 1, ?, ?, ?)`
 	);
 	const insertSection = database.prepare(
 		`INSERT INTO show_sections (id, show_id, name, category_id, position,
@@ -104,9 +105,24 @@ function addSentHistoryFixture(pieceId: string) {
 		] as const) {
 			const showId = `e2e-history-${suffix}`;
 			const sectionId = `e2e-history-section-${suffix}`;
-			insertShow.run(showId, title, date, date, date);
+			insertShow.run(showId, title, date, date, date, date);
 			insertSection.run(sectionId, showId);
-			insertUsage.run(`e2e-history-usage-${suffix}`, sectionId, pieceId);
+			const usageId = `e2e-history-usage-${suffix}`;
 			insertUsage.run(usageId, sectionId, pieceId);
 			database
 				.prepare(
 					`INSERT INTO show_finalizations
 					 (show_id, command_id, source_revision, finalized_at_utc) VALUES (?, ?, 1, ?)`
 				)
 				.run(showId, `fixture-${suffix}`, date);
 			database
 				.prepare(
 					`INSERT INTO piece_usage_history
 					 (usage_id, show_id, original_piece_id, show_title_snapshot,
 					 usage_title_snapshot, used_at_utc, actual_duration_seconds)
 					 VALUES (?, ?, ?, ?, 'Historische Verwendung', ?, 300)`
 				)
 				.run(usageId, showId, pieceId, title, date);
 		}
 	})();
 	database.close();
@@ -117,10 +133,120 @@ function removeSentHistoryFixture() {
 	if (!dataDirectory) return;
 	const database = new Database(path.join(dataDirectory, 'e2e.sqlite'));
 	database.pragma('foreign_keys = ON');
 	database.prepare("DELETE FROM piece_usage_history WHERE show_id LIKE 'e2e-history-%'").run();
 	database.prepare("DELETE FROM shows WHERE id LIKE 'e2e-history-%'").run();
 	database.close();
 }
 function addCompletionFixture() {
 	const dataDirectory = process.env.SENDEWERK_E2E_DATA_DIR;
 	if (!dataDirectory) throw new Error('E2E-Datenverzeichnis ist nicht konfiguriert.');
 	const database = new Database(path.join(dataDirectory, 'e2e.sqlite'));
 	database.pragma('foreign_keys = ON');
 	const now = '2026-10-25T19:00:00.000Z';
 	const png = Buffer.from(
 		'iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNk+A8AAQUBAScY42YAAAAASUVORK5CYII=',
 		'base64'
 	);
 	mkdirSync(path.join(dataDirectory, 'uploads'), { recursive: true });
 	writeFileSync(path.join(dataDirectory, 'uploads', 'e2e-share.png'), png);
 	database.transaction(() => {
 		database
 			.prepare(
 				`INSERT INTO shows (id, title, starts_at_utc, twitch_title, announcement_text, status,
 				 revision, created_at_utc, updated_at_utc)
 				 VALUES ('e2e-completion', 'E2E Abschluss', ?, '', '', 'live', 1, ?, ?)`
 			)
 			.run(now, now, now);
 		database
 			.prepare(
 				`INSERT INTO show_sections (id, show_id, name, category_id, position,
 				 explicit_duration_seconds, is_reserve_bank) VALUES
 				 ('e2e-completion-section', 'e2e-completion', 'Finaler Ablauf', NULL, 0, NULL, 0),
 				 ('e2e-completion-reserve', 'e2e-completion', 'Reservebank', NULL, 1, NULL, 1)`
 			)
 			.run();
 		const insertUsage = database.prepare(
 			`INSERT INTO piece_usages (id, show_section_id, original_piece_id, position, status,
 			 duration_seconds, title_snapshot, intro_snapshot, research_snapshot, moderation_snapshot,
 			 interaction_snapshot, transition_snapshot, presentation_snapshot, own_notes, is_reserve)
 			 VALUES (?, 'e2e-completion-section', ?, ?, ?, 300, ?, ?, ?, ?, ?, ?, '', ?, 0)`
 		);
 		insertUsage.run(
 			'e2e-completion-done',
 			'piece-console',
 			0,
 			'done',
 			'Gesendeter Abschlussbeitrag',
 			'FREIGABE_EINLEITUNG',
 			'PRIVATE_FREIGABE_RECHERCHE',
 			'FREIGABE_MODERATION',
 			'FREIGABE_INTERAKTION',
 			'FREIGABE_UEBERLEITUNG',
 			'PRIVATE_FREIGABE_NOTIZ'
 		);
 		insertUsage.run(
 			'e2e-completion-skipped',
 			'piece-effects',
 			1,
 			'skipped',
 			'Übersprungener Abschlussbeitrag',
 			'',
 			'PRIVATE_SKIPPED_RESEARCH',
 			'',
 			'',
 			'',
 			''
 		);
 		database
 			.prepare(
 				`INSERT INTO show_live_states
 				 (show_id, revision, started_at_utc, ended_at_utc, presentation_revision, updated_at_utc)
 				 VALUES ('e2e-completion', 0, ?, ?, 0, ?)`
 			)
 			.run('2026-10-25T18:00:00.000Z', now, now);
 		database
 			.prepare(
 				`INSERT INTO piece_media
 				 (id, piece_id, storage_name, original_name, mime_type, byte_size, alt_text, position, created_at_utc)
 				 VALUES ('e2e-share-media', 'piece-console', 'e2e-share.png', 'intern.png',
 				 'image/png', ?, 'Freigegebenes Abschlussbild', 77, ?)`
 			)
 			.run(png.byteLength, now);
 		database
 			.prepare(
 				`INSERT INTO usage_media_snapshots
 				 (id, usage_id, original_media_id, alt_text, position, is_presentation)
 				 VALUES ('e2e-share-snapshot', 'e2e-completion-done', 'e2e-share-media',
 				 'Freigegebenes Abschlussbild', 0, 1)`
 			)
 			.run();
 	})();
 	database.close();
 }
 function removeCompletionFixture() {
 	const dataDirectory = process.env.SENDEWERK_E2E_DATA_DIR;
 	if (!dataDirectory) return;
 	const database = new Database(path.join(dataDirectory, 'e2e.sqlite'));
 	database.pragma('foreign_keys = ON');
 	database.transaction(() => {
 		database
 			.prepare(
 				`DELETE FROM show_share_sessions WHERE share_id IN (
 				 SELECT id FROM show_shares WHERE show_id = 'e2e-completion'
 				 )`
 			)
 			.run();
 		database.prepare("DELETE FROM show_shares WHERE show_id = 'e2e-completion'").run();
 		database.prepare("DELETE FROM piece_usage_history WHERE show_id = 'e2e-completion'").run();
 		database.prepare("DELETE FROM shows WHERE id = 'e2e-completion'").run();
 		database.prepare("DELETE FROM piece_media WHERE id = 'e2e-share-media'").run();
 	})();
 	database.close();
 	rmSync(path.join(dataDirectory, 'uploads', 'e2e-share.png'), { force: true });
 }
 function addPresentationFixture() {
 	const dataDirectory = process.env.SENDEWERK_E2E_DATA_DIR;
 	if (!dataDirectory) throw new Error('E2E-Datenverzeichnis ist nicht konfiguriert.');
@@ -196,6 +322,38 @@ function removePresentationFixture() {
 	database.close();
 }
 function addCalendarFixture() {
 	const dataDirectory = process.env.SENDEWERK_E2E_DATA_DIR;
 	if (!dataDirectory) throw new Error('E2E-Datenverzeichnis ist nicht konfiguriert.');
 	const database = new Database(path.join(dataDirectory, 'e2e.sqlite'));
 	const insert = database.prepare(
 		`INSERT INTO shows (id, title, starts_at_utc, twitch_title, announcement_text, status,
 		 revision, created_at_utc, updated_at_utc) VALUES (?, ?, ?, '', '', 'draft', 1, ?, ?)`
 	);
 	const now = '2026-10-25T10:00:00.000Z';
 	database.transaction(() => {
 		insert.run('e2e-calendar-late', 'Kalender Spättermin', '2026-10-25T18:00:00.000Z', now, now);
 		insert.run('e2e-calendar-early', 'Kalender Frühtermin', '2026-10-25T09:00:00.000Z', now, now);
 		insert.run(
 			'e2e-calendar-next',
 			'Kalender Novembertermin',
 			'2026-11-03T17:00:00.000Z',
 			now,
 			now
 		);
 		insert.run('e2e-calendar-undated', 'Kalender ohne Termin', null, now, now);
 	})();
 	database.close();
 }
 function removeCalendarFixture() {
 	const dataDirectory = process.env.SENDEWERK_E2E_DATA_DIR;
 	if (!dataDirectory) return;
 	const database = new Database(path.join(dataDirectory, 'e2e.sqlite'));
 	database.prepare("DELETE FROM shows WHERE id LIKE 'e2e-calendar-%'").run();
 	database.close();
 }
 function setSectionDuration(sectionId: string, seconds: number | null) {
 	const dataDirectory = process.env.SENDEWERK_E2E_DATA_DIR;
 	if (!dataDirectory) throw new Error('E2E-Datenverzeichnis ist nicht konfiguriert.');
@@ -495,6 +653,56 @@ test('sent and planned source filters stay independent and removing the last usa
 	}
 });
 test('show overview switches persistently between list, calendar and mobile agenda', async ({
 	page
 }, testInfo) => {
 	addCalendarFixture();
 	try {
 		await page.setViewportSize({ width: 1440, height: 1000 });
 		await page.goto('/sendungen?month=2026-10');
 		await page.getByRole('button', { name: 'Kalender' }).click();
 		await expect(page.getByRole('heading', { name: 'Oktober 2026' })).toBeVisible();
 		const octoberDay = page
 			.locator('.show-calendar-day')
 			.filter({ hasText: 'Kalender Frühtermin' });
 		await expect(octoberDay).toHaveClass(/today/);
 		await expect(octoberDay).toContainText('Kalender Spättermin');
 		await expect(octoberDay.locator('.show-calendar-event')).toHaveCount(2);
 		await expect(octoberDay.locator('.show-calendar-event').first()).toContainText('10:00');
 		await expect(page.locator('.show-undated')).toContainText('Kalender ohne Termin');
 		await expectNoHorizontalOverflow(page);
 		await page.screenshot({
 			path: testInfo.outputPath('sendungen-kalender-desktop.png'),
 			fullPage: true
 		});
 		await page.getByRole('link', { name: 'Nächster Monat' }).click();
 		await expect(page.getByRole('heading', { name: 'November 2026' })).toBeVisible();
 		await expect(page.getByRole('link', { name: 'Kalender Novembertermin' })).toBeVisible();
 		await page.reload();
 		await expect(page.getByRole('button', { name: 'Kalender' })).toHaveAttribute(
 			'aria-pressed',
 			'true'
 		);
 		await page.setViewportSize({ width: 390, height: 844 });
 		await page.getByRole('link', { name: 'Vorheriger Monat' }).click();
 		await expect(page.locator('.show-calendar')).toBeHidden();
 		await expect(page.locator('.show-agenda')).toContainText('Kalender Frühtermin');
 		await expect(page.locator('.show-agenda')).toContainText('Kalender Spättermin');
 		await expectNoHorizontalOverflow(page);
 		await page.screenshot({
 			path: testInfo.outputPath('sendungen-kalender-mobile.png'),
 			fullPage: true
 		});
 		await page.getByRole('button', { name: 'Liste' }).click();
 		await expect(page.getByRole('heading', { name: 'Geplante Sendungen' })).toBeVisible();
 	} finally {
 		removeCalendarFixture();
 	}
 });
 test('desktop builder keeps the fundus beside the wider run sheet', async ({ page }, testInfo) => {
 	await page.setViewportSize({ width: 1280, height: 900 });
 	await page.goto('/fundus');
@@ -891,10 +1099,33 @@ test('inbox, archive and administration stay concise', async ({ page }) => {
 	]);
 	expect(boxes[0]?.y).toBe(boxes[1]?.y);
 	expect(boxes[1]?.y).toBe(boxes[2]?.y);
 	const topicIconPicker = page.locator('.topic-management-panel .taxonomy-form .icon-picker');
 	for (const width of [1280, 960, 390]) {
 		await page.setViewportSize({ width, height: 900 });
 		await topicIconPicker.getByText('Icon auswählen', { exact: true }).click();
 		const popover = topicIconPicker.locator('.icon-picker-popover');
 		await expect(popover).toBeVisible();
 		const popoverBox = await popover.boundingBox();
 		expect(popoverBox?.x ?? -1).toBeGreaterThanOrEqual(0);
 		expect((popoverBox?.x ?? width) + (popoverBox?.width ?? 1)).toBeLessThanOrEqual(width);
 		await topicIconPicker.getByText('Icon auswählen', { exact: true }).click();
 	}
 	await page.setViewportSize({ width: 1280, height: 900 });
 	await topicIconPicker.getByText('Icon auswählen', { exact: true }).click();
 	await topicIconPicker.getByPlaceholder('Icon suchen').fill('Satellite Dish');
 	await topicIconPicker.getByRole('button', { name: 'Satellite Dish', exact: true }).click();
 	await expect(topicIconPicker.locator('input[type="hidden"]')).toHaveValue('satellite-dish');
 });
 test('tools stay editable in pieces after catalog deactivation', async ({ page }, testInfo) => {
 	await page.goto('/verwaltung');
 	for (const width of [390, 1280]) {
 		await page.setViewportSize({ width, height: 900 });
 		await expect(page.locator('.tool-editor-dialog')).toBeHidden();
 		await expectNoHorizontalOverflow(page);
 	}
 	await page.getByRole('button', { name: 'Werkzeug hinzufügen' }).click();
 	const create = page.getByRole('dialog', { name: 'Neues Werkzeug' });
 	await create.getByLabel('Name').fill('E2E Tierlist');
@@ -980,6 +1211,7 @@ test('validated YouTube and TikTok players switch without exposing private field
 			})
 		);
 		await page.goto('/live?show=e2e-presentation');
 		await page.getByText('Menü', { exact: true }).click();
 		const popupPromise = page.waitForEvent('popup');
 		await page.getByRole('button', { name: 'Ausgabe verbinden und öffnen' }).click();
 		const output = await popupPromise;
@@ -1053,10 +1285,32 @@ test('live control persists state and exposes only explicit presentation data',
 	await plannedConsole.getByRole('button', { name: 'Aus Fundus aktualisieren' }).click();
 	await page.goto('/live?show=show-october');
-	await expect(page.getByText('Noch nicht gestartet.')).toBeVisible();
+	await expect(page.getByRole('heading', { name: 'Bereit für die Sendung' })).toBeVisible();
 	await expect(page.locator('.sidebar')).toHaveCount(0);
 	await expect(page.locator('.mobile-header')).toHaveCount(0);
 	await expect(page.locator('.mobile-navigation')).toHaveCount(0);
 	await page.getByRole('button', { name: 'Sendung starten' }).click();
 	await expect(page.locator('#current-title')).toHaveText('Die kleine Konsole mit dem großen Dreh');
-	await expect(page.locator('.section-countdown')).toContainText(/Noch 0[45]:\d{2}/);
+	await expect(page.getByRole('button', { name: 'Zurück', exact: true })).toBeDisabled();
 	await expect(page.locator('.section-countdown')).toContainText(/0[45]:\d{2}/);
 	const liveMenuTrigger = page.getByRole('button', { name: 'Menü', exact: true });
 	await liveMenuTrigger.click();
 	const liveMenu = page.getByRole('dialog', { name: 'Regiemenü' });
 	await expect(liveMenu).toBeVisible();
 	await expect(liveMenu).toContainText('Herbstsendung: Kleine Welten');
 	await expect(liveMenu.getByRole('button', { name: 'Live-Stand wiederaufnehmen' })).toHaveCount(0);
 	await expect(page.getByRole('button', { name: 'Schrift verkleinern' })).toBeFocused();
 	await page.keyboard.press('Escape');
 	await expect(liveMenu).toBeHidden();
 	await expect(liveMenuTrigger).toBeFocused();
 	await liveMenuTrigger.press('Enter');
 	await expect(liveMenu).toBeVisible();
 	await page.locator('.live-current').click({ position: { x: 8, y: 8 } });
 	await expect(liveMenu).toBeHidden();
 	await expect(liveMenuTrigger).toBeFocused();
 	await expect(page.locator('#current-title')).toHaveText('Die kleine Konsole mit dem großen Dreh');
 	await expect(page.locator('.live-output-state')).toContainText('Leer');
 	await page.getByText('Quellen · 1', { exact: true }).click();
 	await expect(page.locator('.live-materials')).toContainText('Herstellerseite');
 	await expect(
 		page.getByText('Herstellerangaben gegen unabhängige Tests prüfen')
@@ -1065,15 +1319,17 @@ test('live control persists state and exposes only explicit presentation data',
 	const before = await page
 		.locator('.live-current')
 		.evaluate((element) => getComputedStyle(element).getPropertyValue('--prompt-size'));
 	await page.getByText('Menü', { exact: true }).click();
 	await page.getByRole('button', { name: 'Schrift vergrößern' }).click();
 	await page.reload();
 	const restored = await page
 		.locator('.live-current')
 		.evaluate((element) => getComputedStyle(element).getPropertyValue('--prompt-size'));
 	expect(restored).not.toBe(before);
-	await page.getByText('Manuelle Recherche öffnen').click();
+	await page.locator('.research-details > summary').click();
 	await expect(page.locator('.research-details')).toHaveAttribute('open', '');
 	await page.getByText('Menü', { exact: true }).click();
 	const [popup] = await Promise.all([
 		page.waitForEvent('popup'),
 		page.getByRole('button', { name: 'Ausgabe verbinden und öffnen' }).click()
@@ -1117,28 +1373,280 @@ test('live control persists state and exposes only explicit presentation data',
 	await expect(output.locator('.heinzlive-output')).toHaveClass(/empty/);
 	await page.getByRole('button', { name: 'Präsentieren', exact: true }).click();
 	await page.getByText('Reserve', { exact: true }).click();
 	await page.getByRole('button', { name: 'Als Nächstes' }).click();
-	await expect(page.locator('.next-card')).toContainText('Pixelart');
+	await expect(page.locator('.live-next-inline')).toContainText('Pixelart');
-	await page.getByRole('button', { name: 'Erledigen und weiter' }).click();
+	await page.getByRole('button', { name: 'Erledigen & weiter' }).click();
 	await expect(page.locator('.live-current')).toContainText('Pixelart');
 	await page.getByRole('button', { name: 'Überspringen' }).click();
-	await page.getByRole('button', { name: 'Zurück' }).click();
+	await expect(page.locator('#current-title')).toHaveText(
-	await expect(page.locator('.live-current')).toContainText('Pixelart');
+		'Warum praktische Effekte wieder auffallen'
 	);
 	await expect(
 		page.locator('.live-run-item').filter({ hasText: 'Die kleine Konsole mit dem großen Dreh' })
 	).toContainText('Erledigt');
 	await expect(
 		page.locator('.live-run-item').filter({ hasText: 'Pixelart, die nicht nostalgisch sein will' })
 	).toContainText('Übersprungen');
 	await expect(
 		page.locator('.live-run-item').filter({ hasText: 'Warum praktische Effekte wieder auffallen' })
 	).toContainText('Aktuell');
 	await page.locator('.live-current-scroll').evaluate((element) => {
 		for (let index = 0; index < 12; index += 1) {
 			const paragraph = document.createElement('p');
 			paragraph.textContent = 'Temporärer Langtext für die Lesepositionsprüfung.';
 			element.append(paragraph);
 		}
 		element.scrollTop = element.scrollHeight;
 		element.dispatchEvent(new Event('scroll'));
 	});
 	expect(
 		await page.locator('.live-current-scroll').evaluate((element) => element.scrollTop)
 	).toBeGreaterThan(0);
 	const countdownBeforeBack = await page.locator('.section-countdown strong').textContent();
 	await page.getByRole('button', { name: 'Zurück', exact: true }).click();
 	await expect(page.locator('#current-title')).toHaveText(
 		'Pixelart, die nicht nostalgisch sein will'
 	);
 	await expect(
 		page
 			.locator('.live-run-item.current')
 			.filter({ hasText: 'Warum praktische Effekte wieder auffallen' })
 	).toBeVisible();
 	await expect(page.getByRole('button', { name: 'Überspringen' })).toBeDisabled();
 	await expect(page.getByRole('button', { name: /Erledigen/ })).toBeDisabled();
 	await expect(
 		output.getByRole('heading', { name: 'Die kleine Konsole mit dem großen Dreh' })
 	).toBeVisible();
 	const countdownAfterBack = await page.locator('.section-countdown strong').textContent();
 	expect(countdownAfterBack).not.toBe('05:00');
 	expect(countdownAfterBack?.slice(0, 3)).toBe(countdownBeforeBack?.slice(0, 3));
 	await page
 		.getByRole('button', {
 			name: 'Die kleine Konsole mit dem großen Dreh in der Regie auswählen'
 		})
 		.click();
 	await expect(page.locator('#current-title')).toHaveText('Die kleine Konsole mit dem großen Dreh');
 	await expect
 		.poll(() => page.locator('.live-current-scroll').evaluate((element) => element.scrollTop))
 		.toBe(0);
 	await expect(
 		page.locator('.live-run-item').filter({ hasText: 'Warum praktische Effekte wieder auffallen' })
 	).toContainText('Aktuell');
 	await expect(
 		output.getByRole('heading', { name: 'Die kleine Konsole mit dem großen Dreh' })
 	).toBeVisible();
 	await page
 		.getByRole('button', {
 			name: 'Warum praktische Effekte wieder auffallen in der Regie auswählen'
 		})
 		.click();
 	await expect(page.locator('#current-title')).toHaveText(
 		'Warum praktische Effekte wieder auffallen'
 	);
 	await expect(output.getByText('Wenn das Licht wirklich auf ein Modell fällt.')).toHaveCount(0);
 	await page.setViewportSize({ width: 1440, height: 900 });
 	await setTheme(page, 'dark');
 	await page.reload();
 	await expect(page.locator('html')).toHaveAttribute('data-theme', 'dark');
 	await expectNoHorizontalOverflow(page);
 	await page.screenshot({ path: testInfo.outputPath('live-controller-desktop-dark.png') });
 	await page.setViewportSize({ width: 900, height: 450 });
 	await setTheme(page, 'light');
 	await page.reload();
 	await expect(page.locator('html')).toHaveAttribute('data-theme', 'light');
 	await page.evaluate(() => {
 		const title = document.querySelector('#current-title');
 		if (title)
 			title.textContent =
 				'Warum praktische Effekte in einer außergewöhnlich langen Live-Moderation wieder auffallen';
 		const copy = document.querySelector('.prompter-copy');
 		if (copy) {
 			for (let index = 0; index < 8; index += 1) {
 				const paragraph = document.createElement('p');
 				paragraph.textContent =
 					'Zusätzlicher langer Moderationstext prüft die unabhängige Scrollfläche ohne die feste Bedienleiste zu verdrängen.';
 				copy.append(paragraph);
 			}
 		}
 		const rail = document.querySelector('.live-run-scroll');
 		const section = rail?.querySelector('.rail-section');
 		if (rail && section) {
 			for (let index = 0; index < 8; index += 1) rail.append(section.cloneNode(true));
 		}
 	});
 	const compactLayout = await page.evaluate(() => {
 		const current = document.querySelector('.live-current')?.getBoundingClientRect();
 		const rail = document.querySelector('.live-rail')?.getBoundingClientRect();
 		const footer = document.querySelector('.live-action-bar')?.getBoundingClientRect();
 		const pageStyle = getComputedStyle(document.querySelector('.live-page') as HTMLElement);
 		const pieceScroll = document.querySelector('.live-current-scroll');
 		const railScroll = document.querySelector('.live-run-scroll');
 		return {
 			pageFits: document.documentElement.scrollHeight <= innerHeight,
 			twoColumns: Boolean(current && rail && rail.x > current.x + current.width - 1),
 			footerVisible: Boolean(footer && footer.bottom <= innerHeight && footer.top >= 0),
 			shortViewportDensity: parseFloat(pageStyle.gap) < 8,
 			unscaled: pageStyle.transform === 'none',
 			unzoomed: ['', '1', 'normal'].includes(pageStyle.getPropertyValue('zoom')),
 			pieceScrolls: Boolean(pieceScroll && pieceScroll.scrollHeight > pieceScroll.clientHeight),
 			railScrolls: Boolean(railScroll && railScroll.scrollHeight > railScroll.clientHeight)
 		};
 	});
 	expect(compactLayout).toEqual({
 		pageFits: true,
 		twoColumns: true,
 		footerVisible: true,
 		shortViewportDensity: true,
 		unscaled: true,
 		unzoomed: true,
 		pieceScrolls: true,
 		railScrolls: true
 	});
 	await page.screenshot({ path: testInfo.outputPath('live-controller-compact-desktop.png') });
 	await page.setViewportSize({ width: 670, height: 450 });
 	await page.evaluate(() => {
 		const section = document.querySelector('.live-context-title.section span');
 		const next = document.querySelector('.live-context-title.next span');
 		if (section)
 			section.textContent =
 				'Aktuelles Segment mit einem außergewöhnlich langen Namen für die kompakte Regie';
 		if (next)
 			next.textContent =
 				'Danach folgt ein Piece mit einem ebenfalls außergewöhnlich langen und vollständigen Titel';
 	});
 	const smallHeader = page.locator('.live-command-header');
 	const smallHeaderBox = await smallHeader.boundingBox();
 	expect(smallHeaderBox?.height ?? 999).toBeLessThan(105);
 	await expect(page.locator('.live-context-title.section span')).toHaveCSS('white-space', 'nowrap');
 	await expect(page.locator('.live-context-title.next span')).toHaveCSS('white-space', 'nowrap');
 	await page.locator('.live-context-title.section').click();
 	await expect(page.locator('.live-context-title.section')).toHaveClass(/expanded/);
 	await expect(page.locator('.live-context-title.section span')).toHaveCSS('white-space', 'normal');
 	await page.keyboard.press('Escape');
 	await expect(page.locator('.live-context-title.section')).not.toHaveClass(/expanded/);
 	await page.locator('.live-context-title.next').focus();
 	await page.locator('.live-context-title.next').press('Enter');
 	await expect(page.locator('.live-context-title.next')).toHaveClass(/expanded/);
 	await page.keyboard.press('Escape');
 	await liveMenuTrigger.click();
 	await expect(liveMenu).toBeVisible();
 	const compactMenuBox = await liveMenu.boundingBox();
 	expect(compactMenuBox?.x ?? -1).toBeGreaterThanOrEqual(0);
 	expect(compactMenuBox?.y ?? -1).toBeGreaterThanOrEqual(0);
 	expect(
 		Math.ceil((compactMenuBox?.x ?? 999) + (compactMenuBox?.width ?? 999))
 	).toBeLessThanOrEqual(670);
 	expect(
 		Math.ceil((compactMenuBox?.y ?? 999) + (compactMenuBox?.height ?? 999))
 	).toBeLessThanOrEqual(450);
 	await liveMenu.getByRole('link', { name: /Zur Planung/ }).scrollIntoViewIfNeeded();
 	await expect(liveMenu.getByRole('link', { name: /Zur Planung/ })).toBeVisible();
 	await liveMenu.getByRole('button', { name: 'Zeiten ausblenden' }).click();
 	await expect(page.locator('.live-piece-time')).toHaveCount(0);
 	await liveMenu.getByRole('button', { name: 'Zeiten einblenden' }).click();
 	await expect(page.locator('.live-piece-time')).toBeVisible();
 	await page.keyboard.press('Escape');
 	await expect(liveMenuTrigger).toBeFocused();
 	await expectNoHorizontalOverflow(page);
 	await page.screenshot({ path: testInfo.outputPath('live-controller-670x450.png') });
 	const countdownBeforeReload = await page.locator('.section-countdown strong').textContent();
 	await page.reload();
 	await expect(page.locator('#current-title')).toHaveText(
 		'Warum praktische Effekte wieder auffallen'
 	);
 	const countdownAfterReload = await page.locator('.section-countdown strong').textContent();
 	expect(countdownAfterReload).not.toBe('05:00');
 	expect(countdownAfterReload).toMatch(/0[34]:\d{2}/);
 	expect(countdownBeforeReload).toMatch(/0[34]:\d{2}/);
 	await page.setViewportSize({ width: 390, height: 700 });
 	const liveRail = page.locator('.live-rail');
 	const railClose = liveRail.getByRole('button', { name: 'Ablauf schließen' });
 	await expect(liveRail).toBeHidden();
 	await expect(page.locator('.live-action-bar')).toBeVisible();
 	await expectNoHorizontalOverflow(page);
 	expect(
 		await page.evaluate(() => document.documentElement.scrollHeight <= window.innerHeight)
 	).toBe(true);
 	await page.screenshot({ path: testInfo.outputPath('live-controller-mobile.png') });
 	await liveMenuTrigger.click();
 	const mobileMenuBox = await liveMenu.boundingBox();
 	expect(Math.ceil((mobileMenuBox?.x ?? 999) + (mobileMenuBox?.width ?? 999))).toBeLessThanOrEqual(
 		390
 	);
 	expect(Math.ceil((mobileMenuBox?.y ?? 999) + (mobileMenuBox?.height ?? 999))).toBeLessThanOrEqual(
 		700
 	);
 	await page.keyboard.press('Escape');
 	await expect(liveMenuTrigger).toBeFocused();
 	await page.getByRole('button', { name: /Ablauf ·/ }).click();
 	await expect(liveRail).toHaveClass(/open/);
 	await expect(railClose).toBeFocused();
 	await expect
 		.poll(async () => {
 			const box = await liveRail.boundingBox();
 			return box ? Math.ceil(box.x + box.width) : Number.POSITIVE_INFINITY;
 		})
 		.toBeLessThanOrEqual(390);
 	const mobileRailBox = await liveRail.boundingBox();
 	expect(mobileRailBox?.width ?? 0).toBeGreaterThan(340);
 	await expect(page.locator('.live-run-item.current')).toBeInViewport();
 	await page.screenshot({ path: testInfo.outputPath('live-controller-mobile-run.png') });
 	await page.keyboard.press('Escape');
 	await expect(liveRail).toBeHidden();
 	await expect(page.getByRole('button', { name: /Ablauf ·/ })).toBeFocused();
 	await page.getByRole('button', { name: /Ablauf ·/ }).click();
 	await page.setViewportSize({ width: 900, height: 450 });
 	await expect(liveRail).not.toHaveAttribute('role', 'dialog');
 	await expect(page.locator('.live-command-header')).not.toHaveAttribute('inert', '');
 	await page.setViewportSize({ width: 390, height: 700 });
 	await expect(liveRail).toBeHidden();
 	await page.getByRole('button', { name: /Ablauf ·/ }).click();
 	await liveRail
 		.getByRole('button', {
 			name: 'Die kleine Konsole mit dem großen Dreh in der Regie auswählen'
 		})
 		.click();
 	await expect(liveRail).toBeHidden();
 	await expect(page.locator('#current-title')).toHaveText('Die kleine Konsole mit dem großen Dreh');
 	await page.getByRole('button', { name: /Ablauf ·/ }).click();
 	await liveRail
 		.getByRole('button', {
 			name: 'Warum praktische Effekte wieder auffallen in der Regie auswählen'
 		})
 		.click();
 	await expect(liveRail).toBeHidden();
 	await expect(page.locator('#current-title')).toHaveText(
 		'Warum praktische Effekte wieder auffallen'
 	);
 	await page.getByRole('button', { name: 'Erledigen & Sendungsende' }).click();
 	await expect(page.getByRole('heading', { name: 'Alle Pieces bearbeitet' })).toBeVisible();
 	await expect(page.locator('.live-finished-label')).toHaveText('Ablauf abgeschlossen');
 	await expect(page.getByRole('button', { name: 'Erledigen & weiter' })).toHaveCount(0);
 	await expectNoHorizontalOverflow(page);
 	await output.route('**/state', (route) => route.abort());
 	await expect(output.getByText('Verbindung unterbrochen')).toBeVisible({ timeout: 5_000 });
 	await output.unroute('**/state');
 	await expect(output.getByText('Verbunden')).toBeVisible({ timeout: 5_000 });
-	await page.setViewportSize({ width: 390, height: 844 });
+	await page.getByRole('button', { name: 'Präsentation leeren' }).click();
-	await expectNoHorizontalOverflow(page);
+	await expect(output.locator('.output-content')).toHaveCount(0);
-	await page.screenshot({
+	await expect(output.locator('.heinzlive-output')).toHaveClass(/empty/);
 		path: testInfo.outputPath('live-controller-mobile.png'),
 		fullPage: true
 	});
 	await page.setViewportSize({ width: 1280, height: 900 });
 	await page.evaluate(() => {
 		window.open = () => null;
 	});
 	await page.getByText('Menü', { exact: true }).click();
 	await page.getByRole('button', { name: 'Ausgabe verbinden und öffnen' }).click();
 	await expect(
 		page
@@ -1150,6 +1658,163 @@ test('live control persists state and exposes only explicit presentation data',
 	await expectNoHorizontalOverflow(page);
 });
 test('completion, archive and protected guest sharing work end to end', async ({
 	page,
 	browser
 }, testInfo) => {
 	addCompletionFixture();
 	try {
 		await page.goto('/sendungen/e2e-completion');
 		await page.getByRole('button', { name: 'Lesefreigaben' }).click();
 		const planningShares = page.locator('.share-management');
 		await expect(planningShares.getByText('Aktualisiert sich bis zum Abschluss')).toBeVisible();
 		await planningShares.getByLabel('Informationsumfang').selectOption('moderation');
 		await planningShares.getByRole('button', { name: 'Leselink anlegen' }).click();
 		const planningSharePath = await planningShares.locator('.share-result a').getAttribute('href');
 		expect(planningSharePath).toMatch(/^\/freigabe\//);
 		await page.screenshot({
 			path: testInfo.outputPath('share-editor-desktop.png'),
 			fullPage: true
 		});
 		await page.setViewportSize({ width: 390, height: 844 });
 		await expectNoHorizontalOverflow(page);
 		await page.screenshot({ path: testInfo.outputPath('share-editor-mobile.png'), fullPage: true });
 		await page.setViewportSize({ width: 1280, height: 900 });
 		const planningGuest = await browser.newContext();
 		const planningGuestPage = await planningGuest.newPage();
 		await planningGuestPage.goto(planningSharePath!);
 		await expect(planningGuestPage.getByText('Aktuelle Sendungsplanung · Nur lesen')).toBeVisible();
 		await expect(planningGuestPage.getByText('Gesendeter Abschlussbeitrag')).toBeVisible();
 		await expect(planningGuestPage.getByText('FREIGABE_MODERATION')).toBeVisible();
 		const guestThemePreference = await planningGuestPage
 			.locator('html')
 			.getAttribute('data-theme-preference');
 		await planningGuestPage.getByRole('button', { name: /Darstellung:/ }).click();
 		await expect(planningGuestPage.locator('html')).not.toHaveAttribute(
 			'data-theme-preference',
 			guestThemePreference!
 		);
 		const planningShareRow = planningShares.locator('.share-row').first();
 		await planningShareRow.locator('summary').getByText('Ablauf und Moderation').click();
 		await planningShareRow.getByLabel('Informationsumfang').selectOption('research');
 		await planningShareRow.locator('select[name="passwordMode"]').selectOption('replace');
 		await planningShareRow.locator('input[name="password"]').fill('Planung-Freigabe-Passwort');
 		await planningShareRow.getByRole('button', { name: 'Freigabe speichern' }).click();
 		await planningGuestPage.reload();
 		await expect(
 			planningGuestPage.getByRole('heading', { name: 'Passwort erforderlich' })
 		).toBeVisible();
 		page.once('dialog', (dialog) => dialog.accept());
 		await planningShares
 			.locator('.share-row')
 			.first()
 			.locator('summary')
 			.getByText('Vollständig mit Recherche')
 			.click();
 		await planningShares.getByRole('button', { name: 'Freigabe löschen' }).click();
 		await planningGuestPage.reload();
 		await expect(planningGuestPage.getByRole('heading', { name: 'Nicht verfügbar' })).toBeVisible();
 		await planningGuest.close();
 		await page.goto('/live?show=e2e-completion');
 		await page.getByRole('button', { name: 'Menü', exact: true }).click();
 		await page.getByRole('button', { name: 'Sendung abschließen' }).click();
 		const completion = page.locator('.completion-dialog');
 		await expect(completion).toBeVisible();
 		await expect(completion).toContainText('1 gesendet');
 		await expect(completion).toContainText('1 übersprungen');
 		await expect(completion.getByText('Die kleine Konsole mit dem großen Dreh')).toBeVisible();
 		await expect(completion.getByText('Warum praktische Effekte wieder auffallen')).toHaveCount(0);
 		await completion.getByRole('button', { name: 'Historischen Stand abschließen' }).click();
 		await expect(completion).toBeHidden();
 		await page.goto('/archiv');
 		await expect(page.getByRole('link', { name: 'E2E Abschluss' })).toBeVisible();
 		await page.getByRole('link', { name: 'E2E Abschluss' }).click();
 		await expect(page.getByText('Unveränderliche Sendungshistorie')).toBeVisible();
 		await expect(page.getByText('Gesendeter Abschlussbeitrag')).toBeVisible();
 		await expect(page.getByText('Übersprungener Abschlussbeitrag')).toBeVisible();
 		await expect(page.getByRole('button', { name: 'Sendungsdaten speichern' })).toHaveCount(0);
 		await page.goto('/verwaltung');
 		await page.getByRole('button', { name: 'Lesefreigaben' }).click();
 		const shareManagement = page.locator('.share-management');
 		await shareManagement.getByLabel('Sendung').selectOption('e2e-completion');
 		await shareManagement.getByLabel('Informationsumfang').selectOption('moderation');
 		await shareManagement.getByLabel('Optionales Passwort').fill('E2E-Freigabe-Passwort');
 		await shareManagement.getByRole('button', { name: 'Leselink anlegen' }).click();
 		const shareLink = page.locator('.share-result a');
 		await expect(shareLink).toBeVisible();
 		const sharePath = await shareLink.getAttribute('href');
 		expect(sharePath).toMatch(/^\/freigabe\//);
 		await page.screenshot({ path: testInfo.outputPath('share-admin-desktop.png'), fullPage: true });
 		const guest = await browser.newContext();
 		const guestPage = await guest.newPage();
 		await guestPage.goto(sharePath!);
 		await expect(guestPage.getByRole('heading', { name: 'Passwort erforderlich' })).toBeVisible();
 		const passwordHtml = await guestPage.content();
 		expect(passwordHtml).not.toContain('password_hash');
 		expect(passwordHtml).not.toContain('e2e-completion');
 		await guestPage.getByLabel('Passwort').fill('falsch');
 		await guestPage.getByRole('button', { name: 'Sendung öffnen' }).click();
 		await expect(guestPage.getByRole('alert')).toContainText('Passwort falsch');
 		await guestPage.getByLabel('Passwort').fill('E2E-Freigabe-Passwort');
 		await guestPage.getByRole('button', { name: 'Sendung öffnen' }).click();
 		await expect(guestPage.getByRole('heading', { name: 'E2E Abschluss' })).toBeVisible();
 		await expect(guestPage.getByText('FREIGABE_MODERATION')).toBeVisible();
 		await expect(guestPage.getByText('PRIVATE_FREIGABE_RECHERCHE')).toHaveCount(0);
 		await expect(guestPage.getByText('PRIVATE_FREIGABE_NOTIZ')).toHaveCount(0);
 		await expect(guestPage.getByAltText('Freigegebenes Abschlussbild')).toBeVisible();
 		await guestPage.setViewportSize({ width: 390, height: 844 });
 		await expectNoHorizontalOverflow(guestPage);
 		await guestPage.screenshot({ path: testInfo.outputPath('share-mobile.png'), fullPage: true });
 		const imagePath = await guestPage
 			.getByAltText('Freigegebenes Abschlussbild')
 			.getAttribute('src');
 		const sharedImage = await guest.request.get(imagePath!);
 		expect(sharedImage.status()).toBe(200);
 		expect(sharedImage.headers()['content-security-policy']).toBe("default-src 'none'; sandbox");
 		expect((await guest.request.get(`${sharePath}/media/foreign-id`)).status()).toBe(404);
 		const guestWrite = await guest.request.post('/sendungen/e2e-completion?/saveMetadata', {
 			maxRedirects: 0,
 			form: { title: 'Verboten', revision: '2', status: 'draft' }
 		});
 		expect(guestWrite.status()).toBe(403);
 		await page.goto('/verwaltung');
 		const showCard = page.locator('.share-show-card').filter({ hasText: 'E2E Abschluss' });
 		await expect(showCard.getByText('Abgeschlossen')).toBeVisible();
 		const shareRow = showCard.locator('.share-row').first();
 		await shareRow.locator('summary').getByText('Ablauf und Moderation').click();
 		await shareRow.getByLabel('Informationsumfang').selectOption('rundown');
 		await shareRow.locator('select[name="passwordMode"]').selectOption('remove');
 		await shareRow.getByRole('button', { name: 'Freigabe speichern' }).click();
 		await guestPage.reload();
 		await expect(guestPage.getByRole('heading', { name: 'E2E Abschluss' })).toBeVisible();
 		await expect(guestPage.getByText('FREIGABE_MODERATION')).toHaveCount(0);
 		page.once('dialog', (dialog) => dialog.accept());
 		const updatedCard = page.locator('.share-show-card').filter({ hasText: 'E2E Abschluss' });
 		await updatedCard
 			.locator('.share-row')
 			.first()
 			.locator('summary')
 			.getByText('Nur Ablauf')
 			.click();
 		await updatedCard.getByRole('button', { name: 'Freigabe löschen' }).click();
 		await guestPage.reload();
 		await expect(guestPage.getByRole('heading', { name: 'Nicht verfügbar' })).toBeVisible();
 		expect((await guest.request.get(imagePath!)).status()).toBe(404);
 		await guest.close();
 	} finally {
 		removeCompletionFixture();
 	}
 });
 test('pieces autosave safely, detect conflicts and protect uploaded images', async ({
 	page,
 	browser
Author	SHA1	Message	Date
hnzio	d586fbd8ce	Release 0.6.1	2026-10-25 18:18:23 +01:00
hnzio	b80dded55d	Release 0.6.0	2026-10-25 09:45:31 +01:00
hnzio	fd47910d09	Refine live controls and compact show cards	2026-10-24 19:09:44 +02:00
hnzio	01b5606a3b	Repair missing live timer schema	2026-10-24 14:40:03 +02:00
hnzio	fa17187af4	Add persistent live controls and interaction notes	2026-10-24 14:31:33 +02:00
hnzio	b1474bc33d	Refine live control and show overview	2026-10-24 09:45:01 +02:00
hnzio	ec596d442e	Release 0.5.12	2026-10-24 02:08:32 +02:00
hnzio	bd9ffe6faa	Build compact live control view	2026-10-24 01:54:41 +02:00
hnzio	3389ba17f4	Fix topic icon picker placement	2026-10-23 23:55:34 +02:00
hnzio	c05cea3a6d	Release 0.5.11	2026-10-23 23:43:05 +02:00