From db5c44bf4fdaabea3d1a8b1e5fcd2f61d9b10336 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Kristoffer=20Vassb=C3=B8?= <kristoffervassbo@gmail.com>
Date: Fri, 11 Oct 2024 14:52:05 +0200
Subject: [PATCH] 1.2.9 (#886)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

* ✔ Fixed last lines of Hymnary lyrics sometimes removed
- Audio starting/ending actions
- Fixed mac online video input paste not setting value
- Fixed default folder created when a different path was set
- Updated languages

* ✨ Duplicated shows remover
- Fixed output resolution sometimes incorrect
- Tweaks locations of some settings
- Existing show alert when creating a new with the same name

* ✨ Projects auto scroll to active
- RemoteShow tablet mode
- Updated RemoteShow slides
- JSON bibles without id can be imported
- Fixed audio not always playing on first load
- Duplicated projects are removed
- Projects loading indicator
- Delete empty shows

* 📄 Fixed OpenSong importing

* ✔ Fixed auto size sometimes not working

* 📄 Usage log
- Auto backups
- Template items only shifting around if holding shift key
- Auto backup when changing user data location
- Unique backup folders
- Fixed auto size resize when using custom scripture template style
- Fixed output capture not always starting on startup
- Improved OpenSong import
- Auto size updates
- Version update
---
 package.json                                  |   2 +-
 public/lang/de.json                           | 869 +++++++++++-------
 public/lang/en.json                           |  23 +-
 public/lang/hu.json                           |  29 +-
 .../capture/helpers/CaptureTransmitter.ts     |   1 +
 src/electron/cloud/drive.ts                   |   2 +-
 src/electron/data/backup.ts                   |  17 +-
 src/electron/data/export.ts                   |  19 +-
 src/electron/data/store.ts                    |   3 +
 src/electron/index.ts                         |  11 +-
 src/electron/utils/LyricSearch.ts             | 113 ++-
 src/electron/utils/files.ts                   |  21 +-
 src/electron/utils/responses.ts               |  95 +-
 src/electron/utils/shows.ts                   | 152 +++
 src/frontend/classes/Show.ts                  |  11 +
 .../components/actions/customActivation.ts    |   2 +
 src/frontend/components/drawer/Drawer.svelte  |   4 +-
 .../components/drawer/Navigation.svelte       |   2 +-
 .../components/drawer/pages/Templates.svelte  |   2 +-
 src/frontend/components/helpers/array.ts      |  18 +
 src/frontend/components/helpers/audio.ts      |  36 +-
 .../components/helpers/historyActions.ts      |   3 +-
 src/frontend/components/helpers/output.ts     |  33 +-
 src/frontend/components/helpers/time.ts       |   7 +
 src/frontend/components/inputs/Button.svelte  |   1 +
 .../components/inputs/MediaPicker.svelte      |   3 +-
 .../components/inputs/TextArea.svelte         |   5 +-
 .../components/inputs/TextInput.svelte        |   2 +-
 src/frontend/components/main/Toast.svelte     |   3 +-
 .../main/popups/CreatePlayer.svelte           |   5 +-
 .../main/popups/DeleteDuplicatedShows.svelte  | 262 ++++++
 .../components/main/popups/ResetAll.svelte    |   1 +
 .../main/popups/createShow/CreateShow.svelte  |   9 +-
 src/frontend/components/output/Output.svelte  |  20 +-
 .../output/layers/SlideContent.svelte         |   3 +-
 .../components/output/preview/Preview.svelte  |   9 +
 .../output/preview/PreviewCanvas.svelte       |   1 +
 .../output/preview/PreviewOutput.svelte       |   3 +-
 .../transitions/SlideItemTransition.svelte    |  19 +-
 .../components/settings/tabs/Cloud.svelte     |  17 +-
 .../settings/tabs/Connection.svelte           |  15 +-
 .../components/settings/tabs/General.svelte   |  80 +-
 .../components/settings/tabs/Groups.svelte    |  50 +-
 .../components/settings/tabs/Other.svelte     | 246 +++--
 .../components/settings/tabs/Outputs.svelte   |   5 +-
 .../components/settings/tabs/Styles.svelte    | 112 +--
 .../components/show/ProjectList.svelte        |  39 +-
 src/frontend/components/show/Projects.svelte  |  27 +-
 .../components/show/tools/Media.svelte        |   4 +-
 .../components/show/tools/Metadata.svelte     |  26 +-
 src/frontend/components/slide/Textbox.svelte  |  35 +-
 src/frontend/components/slide/Zoomed.svelte   |   4 +-
 .../components/system/Autoscroll.svelte       |   3 +-
 src/frontend/converters/bible.ts              |   5 +-
 src/frontend/converters/opensong.ts           |  50 +-
 src/frontend/stores.ts                        |   1 +
 src/frontend/utils/popup.ts                   |   2 +
 src/frontend/utils/receivers.ts               |  11 +-
 src/frontend/utils/save.ts                    |  24 +-
 src/frontend/utils/startup.ts                 |  25 +-
 src/frontend/utils/updateSettings.ts          |   2 +-
 src/server/remote/App.svelte                  |  27 +-
 src/server/remote/components/Button.svelte    |   2 +-
 src/server/remote/components/Tabs.svelte      |  67 +-
 .../remote/components/slide/ShowSlide.svelte  |  15 +-
 .../remote/components/slide/Slide.svelte      |   5 +-
 .../remote/components/slide/Slides.svelte     |   4 +-
 .../components/tablet/TabletMode.svelte       | 410 +++++++++
 src/types/Main.ts                             |   1 +
 src/types/Show.ts                             |   2 +-
 70 files changed, 2271 insertions(+), 866 deletions(-)
 create mode 100644 src/electron/utils/shows.ts
 create mode 100644 src/frontend/components/main/popups/DeleteDuplicatedShows.svelte
 create mode 100644 src/server/remote/components/tablet/TabletMode.svelte

diff --git a/package.json b/package.json
index e873dc2c..f1cfc7aa 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
     "name": "freeshow",
-    "version": "1.2.9-beta.1",
+    "version": "1.2.9",
     "private": true,
     "main": "build/electron/index.js",
     "description": "Show song lyrics and more for free!",
diff --git a/public/lang/de.json b/public/lang/de.json
index 42048de3..74874786 100644
--- a/public/lang/de.json
+++ b/public/lang/de.json
@@ -2,30 +2,54 @@
     "main": {
         "welcome": "Willkommen",
         "quit": "Beenden",
-        "docs": "Doku",
+        "docs": "Dokumentation",
         "about": "Über",
         "unnamed": "Unbenannt",
         "drop": "Hier fallenlassen",
         "search": "Suche",
+        "quick_search": "Schnellsuche",
         "none": "Nichts",
-        "finished": "Finished",
-        "system_open": "Open in system"
+        "finished": "Fertig",
+        "open": "Öffnen",
+        "system_open": "Mit Standardprogramm öffnen"
+    },
+    "guide": {
+        "start": "Kurzanleitung",
+        "skip": "Überspringen"
+    },
+    "titlebar": {
+        "file": "Datei",
+        "edit": "Bearbeiten",
+        "view": "Ansicht",
+        "help": "Hilfe"
+    },
+    "screen": {
+        "width": "Breite",
+        "height": "Höhe",
+        "pixels": "Pixel",
+        "top": "Oben",
+        "right": "Rechts",
+        "bottom": "Unten",
+        "left": "Links"
     },
     "about": {
         "check_updates": "Auf Updates prüfen",
         "made": "Erstellt in Norwegen von",
-        "report": "Ein Problem melden? Erstelle einen Eintrag bei GitHub",
-        "help": "Möchtest du beim Übersetzen helfen oder eine Erweiterung anfragen? Schreibe eine E-Mail an",
+        "more": "Schau dir auch unsere anderen Programme an ",
+        "report": "Um ein Problem zu melden oder eine neue Funktion vorzuschlagen, gehe zu",
+        "translate": "Möchtest du beim Übersetzen helfen? Gehe zu",
+        "mail": "Kontakt per E-Mail",
+        "support": "Wenn Sie für dieses Projekt dankbar sind, erwäge es zu unterstützen",
         "assets": "Verwendete Erweiterungen",
         "libraries": "Verwendete Bibliotheken",
         "thanks": "Dank an",
         "new_update": "Neues Update verfügbar",
-        "download": "Zum Download gehe zu freeshow.app",
+        "download": "Starte das Programm für das Update neu oder gehe zu freeshow.app für einen manuellen Download",
         "changes": "Was ist neu"
     },
     "tooltip": {
-        "project": "Erstelle ein neues Projekt, wo du Shows hinzufügen und anordnen kannst.",
-        "show": "Erstelle eine neue Show, zu der du Liedtexte, Präsentationen und Medien hinzufügen kannst. Halte Strg/Cmd gedrückt, um eine leere Show zu erstellen.",
+        "project": "Erstelle ein neues Projekt, in das du Shows hinzufügen und anordnen kannst.",
+        "show": "Erstelle eine neue Show, zu der du Liedtexte, Präsentationen und Medien hinzufügen kannst.",
         "groups": "Alle Gruppen in der aktuellen Show und alle globalen Gruppen. Klicke oder ziehe sie, um sie dem aktuellen Layout hinzuzufügen.",
         "layout": "Füge Übergänge und Übergangszeiten zu Folien im aktuellen Layout hinzu.",
         "media": "Alle Medien in der aktuellen Show. Zeige sie an, oder ziehe sie in das aktuelle Layout.",
@@ -39,8 +63,11 @@
         "options": "Mehr Optionen.",
         "scripture": "Halte Strg/Cmd oder Shift gedrückt, um mehrere Verse auszuwählen."
     },
+    "tips": {
+        "trigger": "Trigger werden oft genutzt, um HTTP-Anfragen zu senden, die die Kamera Presets auslöst."
+    },
     "setup": {
-        "good_luck": "Ich hoffe du findest diese Software hilfreich. Viel Erfolg bei der Anzeige! :)",
+        "good_luck": "Ich hoffe du findest diese Software hilfreich. Viel Erfolg beim Präsentieren! :)",
         "tips": "Finde nützliche Tipps und Tutorials auf der Webseite.",
         "change_later": "Du kannst diese Einstellungen später ändern",
         "get_started": "Fang an!"
@@ -49,7 +76,7 @@
         "welcome": "Willkommen",
         "meetings": "Treffen",
         "example": "Beispiel",
-        "example_note": "Schreibe Notiz hier",
+        "example_note": "Schreibe hier deine Notizen",
         "watermark": "Wasserzeichen",
         "recording": "Aufnahme",
         "clock": "Uhr",
@@ -62,27 +89,20 @@
         "small": "Klein",
         "bold": "Fett"
     },
-    "titlebar": {
-        "file": "Datei",
-        "edit": "Bearbeiten",
-        "view": "Ansicht",
-        "help": "Hilfe"
-    },
-    "screen": {
-        "width": "Breite",
-        "height": "Höhe",
-        "pixels": "Pixel",
-        "top": "Top",
-        "right": "Right",
-        "bottom": "Bottom",
-        "left": "Left"
-    },
     "create_show": {
-        "search_web": "Search for song on the web",
+        "web": "Websuche",
+        "search_web": "Suche den Song im Web",
+        "search_results": "Suchergebnisse",
         "more_options": "Mehr Optionen",
         "format_new_show": "Text formatieren",
+        "format_new_show_tip": "Textformatierung durch automatische Großschreibung, Textaufteilung, Gruppenzuordnung & mehr verbessern.",
         "split_lines": "Anzahl der Zeilen",
-        "quick_lyrics_example_text": "Zeile"
+        "split_lines_tip": "Anzahl der pro Folie erlaubten Zeilen vor der automatischen Textaufteilung",
+        "quick_lyrics": "Schnellbearbeitung Liedtexte",
+        "quick_lyrics_tip": "Text einfügen oder manuell eingeben",
+        "quick_lyrics_example_tip": "Liedtexte oder anderes eingeben",
+        "quick_lyrics_example_text": "Zeile",
+        "empty": "Leere Show"
     },
     "preview": {
         "_previous_show": "Vorherige Show",
@@ -93,19 +113,20 @@
         "_update": "Ausgabe aktualisieren",
         "_next_slide": "Nächste Folie",
         "_next_show": "Nächste Show",
-        "_hide_preview": "Hide preview",
-        "show_preview": "Show preview",
-        "restore_output": "Restore output",
-        "enable_controls": "Show media preview controls",
+        "_hide_preview": "Vorschau ausblenden",
+        "show_preview": "Vorschau einblenden",
+        "restore_output": "Ausgabe wiederherstellen",
+        "enable_controls": "Steuerelemente anzeigen",
         "background": "Hintergrund",
-        "foreground": "Foreground",
+        "foreground": "Vordergrund",
         "slide": "Folie",
         "overlays": "Überlagerungen",
         "audio": "Audio",
         "to_start": "Gehe zum Start",
         "nextTimer": "Timer zur nächsten Folie",
         "lock": "Sperren",
-        "unlock": "Entsperren"
+        "unlock": "Entsperren",
+        "test_pattern": "Testbild"
     },
     "clear": {
         "all": "Alle freigeben",
@@ -113,7 +134,8 @@
         "slide": "Folie freigeben",
         "overlays": "Überlagerungen freigeben",
         "audio": "Audio freigeben",
-        "nextTimer": "Timer zur nächsten Folie freigeben"
+        "nextTimer": "Timer zur nächsten Folie freigeben",
+        "drawing": "Zeichnung löschen"
     },
     "remove": {
         "background": "Entferne Hintergrund",
@@ -127,26 +149,47 @@
     "media": {
         "_loop": "Schleife",
         "play": "Abspielen",
+        "play_multiple": "Mehrere abspielen",
+        "toggle_shuffle": "Zufallswiedergabe an/aus",
+        "next": "Weiter",
+        "previous": "Zurück",
         "play_no_filters": "Abspielen ohne Filter",
         "favourite": "Favorit",
         "pause": "Pause",
         "stop": "Stop",
-        "back10": "Go back 10 seconds",
-        "forward10": "Go forward 10 seconds",
+        "back10": "10 Sekunden zurück",
+        "forward10": "10 Sekunden vor",
         "volume": "Lautstärke",
         "gain": "Gain",
         "speed": "Speed",
         "show": "Show",
-        "flip": "Umdrehen",
+        "flip": "Spiegeln",
+        "flip_horizontally": "Horizontal spiegeln",
+        "flip_vertically": "Vertikal spiegeln",
         "all": "Ordner, Bilder & Videos",
         "folder": "Nur Ordner",
         "image": "Nur Bilder",
         "video": "Nur Videos",
-        "fit": "Anpassen",
+        "fit": "Skalierung",
         "contain": "Enthalten",
-        "fill": "Ausfüllen",
-        "cover": "Überdecken",
-        "online": "Online"
+        "fill": "verzerrt ausfüllen",
+        "cover": "abgeschnitten ausfüllen",
+        "online": "Online",
+        "recommended": "Empfohlen",
+        "bundle_media_files": "Paket aller Mediendateien",
+        "bundle_media_files_tip": "Mediendateien aller Shows in einen gemeinsamen Ordner kopieren"
+    },
+    "audio": {
+        "settings": "Audio Einstellungen",
+        "playlist_settings": "Einstellungen der Wiedergabeliste",
+        "custom_output": "Benutzerdefinierte Audioausgabe",
+        "mute_when_video_plays": "Stummschalten wenn ein Video läuft",
+        "pre_fader_volume_meter": "Pre-Fader Lautstärkeanzeige",
+        "metronome": "Metronom",
+        "toggle_metronome": "Metronom umschalten",
+        "tempo": "Tempo",
+        "bpm": "BPM",
+        "beats": "Beats"
     },
     "menu": {
         "show": "Show",
@@ -157,12 +200,13 @@
         "_title_stage": "Bühnenansicht",
         "draw": "Zeichnen",
         "_title_draw": "Zeichnen",
-        "calendar": "Kalendar",
+        "calendar": "Kalender",
         "_title_calendar": "Veranstaltungen",
         "settings": "Einstellungen",
         "_title_settings": "Einstellungen",
         "_title_display": "Anzeigen",
-        "_title_display_stop": "Präsentation stoppen"
+        "_title_display_stop": "Präsentation stoppen",
+        "again_confirm": "Zum Bestätigen erneut klicken"
     },
     "empty": {
         "general": "Nichts hier",
@@ -180,9 +224,9 @@
         "groups": "Keine Gruppen",
         "events": "Keine Veranstaltungen",
         "text": "Etwas eingeben",
-        "timers": "No timers",
-        "input": "Missing value in input",
-        "recording": "Right click a screen or window to start a recording."
+        "timers": "Keine Timer",
+        "input": "Fehlender Wert in der Eingabe",
+        "recording": "Rechtsklick auf einen Bildschirm oder ein Fenster, um eine Aufnahme zu starten."
     },
     "remote": {
         "projects": "Projekte",
@@ -193,11 +237,12 @@
         "lyrics": "Liedtexte",
         "end": "Ende",
         "no_output": "Keine Ausgabe",
-        "remember": "Erinnere dich an mich",
+        "remember": "Angemeldet bleiben",
         "loading": "Laden...",
         "submit": "Bestätigen",
         "password": "Passwort",
-        "wrong_password": "Falsches Passwort"
+        "wrong_password": "Falsches Passwort",
+        "quick_play": "Schnelle Wiedergabe"
     },
     "error": {
         "no_show": "Kann Show nicht finden",
@@ -208,8 +253,9 @@
         "not_found": "Nicht gefunden",
         "display": "Kann das Ausgabefenster der Show nicht auf aktuellem Bildschirm wiedergeben.",
         "keep_one_layout": "Du brauchst mindestens ein Layout",
-        "video_unavailable": "Video herunterladen nicht verfügbar? Der Ersteller hat das Einbetten von Videos deaktiviert.",
-        "folder_exists": "Der Ordner besteht bereits"
+        "video_unavailable": "Video nicht verfügbar? Der Ersteller hat das Einbetten von Videos deaktiviert.",
+        "folder_exists": "Der Ordner besteht bereits",
+        "uri": "Der Audioname konnte nicht geparst werden, bitte benenne die Datei um"
     },
     "meta": {
         "title": "Titel",
@@ -220,17 +266,21 @@
         "copyright": "Copyright",
         "CCLI": "Lizenz (CCLI)",
         "year": "Jahr",
+        "key": "Tonart",
         "message": "Mitteilung",
-        "message_tip": "Display something on all slides",
-        "auto_media": "Get meta from media content",
-        "override_output": "Override styling in output",
+        "message_tip": "Zeige etwas auf allen Folien",
+        "auto_media": "Metadaten aus den Medieninhalt auslesen",
+        "override_output": "Ausgabestil überschreiben",
         "display_metadata": "Zeige Metadaten",
-        "meta_template": "Metadata template",
-        "text_divider": "Text separator",
-        "message_template": "Message template"
+        "meta_template": "Metadaten Vorlage",
+        "text_divider": "Text Trennzeichen",
+        "message_template": "Mitteilung Vorlage",
+        "tags": "Tags",
+        "new_tag": "Neuer Tag",
+        "clear_tag_filter": "Tagfilterung entfernen"
     },
     "show_at": {
-        "never": "Kein Folien",
+        "never": "Keine Folien",
         "always": "Alle Folien",
         "first": "Erste Folie",
         "last": "Letzte Folie",
@@ -256,16 +306,16 @@
         "hover": "Maus über Objekt",
         "focus": "Fokus"
     },
-    "buttons": {
-        "changeTheme": "Design wechseln"
-    },
     "inputs": {
         "name": "Name",
         "url": "URL",
-        "method": "Übertragungs Methode",
+        "method": "HTTP Methode",
+        "contentType": "Content-Type",
         "payload": "Daten",
         "video_id": "Video ID/URL",
         "close_ad": "Anzeige auf dem Ausgabebildschirm schließen",
+        "start": "Start",
+        "end": "Ende",
         "change_folder": "Wähle einen anderen Speicherort"
     },
     "tabs": {
@@ -273,13 +323,16 @@
         "media": "Medien",
         "overlays": "Überlagerungen",
         "audio": "Audio",
-        "effects": "Effects",
+        "effects": "Effekte",
         "scripture": "Bibel",
-        "calendar": "Kalendar",
+        "calendar": "Kalender",
+        "functions": "Funktionen",
+        "actions": "Aktionen",
         "player": "Player",
         "live": "Live",
         "timers": "Timer",
-        "variables": "Variables",
+        "variables": "Variablen",
+        "triggers": "Trigger",
         "templates": "Vorlagen",
         "web": "Web"
     },
@@ -302,34 +355,40 @@
     "groups": {
         "current": "Aktuell",
         "global": "Global",
-        "toggle_global_group": "Toggle global groups",
+        "toggle_global_group": "Globale Gruppen ein-/ausblenden",
+        "group_shortcut": "Gruppen Tastaturkürzel",
+        "group_template": "Gruppen Vorlage",
         "intro": "Intro",
         "verse": "Vers",
-        "pre_chorus": "Pre Chorus",
+        "pre_chorus": "Prechorus",
         "chorus": "Refrain",
-        "break": "Break",
+        "break": "Pause",
         "tag": "Tag",
         "bridge": "Bridge",
         "outro": "Outro"
     },
     "popup": {
         "show": "Neue Show",
-        "select_show": "Select show",
+        "select_show": "Show auswählen",
         "rename": "Umbenennen",
         "color": "Farbe",
-        "find_replace": "Find and replace",
-        "edit_list": "Edit list",
+        "find_replace": "Suchen und ersetzen",
+        "edit_list": "Änderungsliste",
         "timer": "Timer",
         "variable": "Variable",
+        "trigger": "Trigger",
+        "audio_stream": "Audiostream",
         "transition": "Übergang",
         "delete_show": "Show löschen",
         "delete_show_confirmation": "Bist du sicher, dass du löschen möchtest?",
-        "change_name": "Change name on",
+        "change_name": "Folgendes umbenennen",
         "choose_screen": "Wähle Bildschirm",
-        "change_output_values": "Change output values",
-        "choose_style": "Choose style",
+        "choose_output": "Ausgabetyp auswählen",
+        "change_output_values": "Ausgabe Position",
+        "choose_chord": "Akkord auswählen",
         "set_time": "Set time",
         "animate": "Animate",
+        "translate": "Lokalisierung",
         "next_timer": "Timer zur nächsten Folie",
         "import": "Importieren",
         "songbeamer_import": "Songbeamer Importieren",
@@ -339,17 +398,18 @@
         "player": "Player",
         "edit_event": "Veranstaltung bearbeiten",
         "about": "Über",
-        "history": "History",
-        "midi": "MIDI",
-        "connect": "Connect",
-        "cloud_update": "Syncing with cloud",
-        "cloud_method": "Data location",
+        "history": "Verlauf",
+        "action": "Aktion",
+        "connect": "Verbinden",
+        "cloud_update": "Mit der Cloud synchronisieren",
+        "cloud_method": "Dateispeicherort",
         "shortcuts": "Tastaturkürzel",
         "icon": "Symbole",
-        "manage_icons": "Manage icons",
-        "choose_camera": "Chooose camera",
+        "manage_icons": "Icons verwalten",
+        "manage_colors": "Farben verwalten",
+        "choose_camera": "Kamera auswählen",
         "initialize": "Willkommen bei FreeShow",
-        "unsaved": "Du hast noch nicht gespeichert! Bist du dir sicher, dass du beenden möchtest?",
+        "unsaved": "Programm beenden?",
         "cancel": "Abbrechen",
         "continue": "Weiter",
         "reset_all": "Alles zurücksetzen",
@@ -359,41 +419,46 @@
         "save_quit": "Speichern und Beenden"
     },
     "toast": {
-        "saving": "Saving...",
-        "saved": "Saved",
-        "error_media": "Could not get media.",
-        "empty_styles": "No styles",
-        "chapter_undefined": "Chapter {} does not exist in this book.",
-        "verse_undefined": "Verse {} does not exist in this chapter.",
-        "recording_started": "Recording started!",
-        "recording_stopped": "Recording stopped!",
-        "starting_show": "Starting show",
-        "less_than_minute": "in less than a minute.",
-        "less_than_seconds": "in less than {} seconds.",
-        "now": "now!",
-        "no_video_id": "No video ID",
-        "no_name": "No name",
-        "media_replaced": "Missing media file replaced with match.",
-        "lyrics_undefined": "Could not find any lyrics!",
-        "lyrics_copied": "Lyrics copied from ",
-        "no_pdf_linux": "Can't export as PDF on Linux.",
-        "one_output": "You have to have at least one active output!",
-        "empty_cache": "Cache is empty.",
-        "deleted_cache": "Deleted media thumbnail cache.",
-        "no_songswords_easyworship": "Missing SongsWords.db file.",
-        "delete_shows_empty": "No shows to delete.",
-        "midi_no_project": "Received MIDI to change project, but no project found at index:",
-        "midi_no_show": "Received MIDI to start slide, but no show active.",
-        "midi_no_slide": "Received MIDI to start slide, but no slide found at index:",
-        "midi_no_velocity": "Received MIDI signal, but no velocity, defaults to first index."
+        "saving": "Speichern…",
+        "saved": "Gespeichert",
+        "error_media": "Medien können nicht geladen werden",
+        "empty_styles": "Keine Styles",
+        "chapter_undefined": "Kapitel {} existiert in diesem Buch nicht.",
+        "verse_undefined": "Vers {} existiert in diesem Kapitel nicht.",
+        "recording_started": "Aufnahme gestartet!",
+        "recording_stopped": "Aufnahme gestoppt!",
+        "starting_action": "Aktion starten",
+        "less_than_minute": "in weniger als einer Minute.",
+        "less_than_seconds": "in weniger als {} Sekunden.",
+        "now": "jetzt!",
+        "no_video_id": "Keine Video-ID",
+        "no_name": "Kein Name",
+        "reverting_setting": "Änderung wird in {} Sekunden rückgängig gemacht, erneut aktivieren, um die Änderung zu behalten!",
+        "reverted": "Änderung rückgängig gemacht! Nur erneut aktivieren, wenn keine Probleme aufgetreten sind.",
+        "media_replaced": "Fehlende Mediendatei wurde ersetzt.",
+        "lyrics_undefined": "Keinen Liedtext gefunden!",
+        "lyrics_copied": "Liedtext kopiert von",
+        "one_output": "Es muss mindestens eine Ausgabe aktiv sein!",
+        "empty_cache": "Cache ist leer.",
+        "deleted_cache": "Medienvorschaubild-Cache gelöscht.",
+        "no_songswords_easyworship": "Fehlende SongsWords.db Datei.",
+        "delete_shows_empty": "Keine Shows zu löschen.",
+        "midi_no_project": "Trigger für Projektwechsel empfangen, aber kein Projekt an Index gefunden:",
+        "midi_no_show": "Trigger für Folie empfangen, aber keine Show ist aktiv:",
+        "midi_no_slide": "Trigger für Folie empfangen, aber keine Folie an Index gefunden:",
+        "midi_no_velocity": "MIDI Signal ohne Velocity erhalten, verwende standardmäßig den ersten Index."
     },
     "new": {
+        "create": "Anlegen",
         "show": "Neue Show",
         "empty_show": "Neue, leere Show",
         "project": "Neues Projekt",
-        "section": "New section",
+        "section": "Neue Sektion",
         "timer": "Neuer Timer",
-        "variable": "New variable",
+        "variable": "Neue Variable",
+        "trigger": "Neuer Trigger",
+        "audio_stream": "Neuer Audio Stream",
+        "playlist": "Neue Wiedergabeliste",
         "category": "Neue Kategorie",
         "private": "Neue private Show",
         "folder": "Neuer Ordner",
@@ -401,44 +466,51 @@
         "overlay": "Neue Überlagerung",
         "template": "Neue Vorlage",
         "scripture": "Neue Bibel",
-        "collection": "New collection",
+        "collection": "Neue Sammlung",
+        "action": "Neue Aktion",
         "event": "Neue Veranstaltung"
     },
     "show": {
         "name": "Name",
         "category": "Kategorie",
-        "quick_lyrics": "Schnelle Liedtexte",
         "new_layout": "Neues Layout",
         "grid": "Kachelanzeige",
-        "simple": "Simple view",
+        "simple": "Einfache Anzeige",
         "list": "Listenanzeige",
         "lyrics": "Liedtext-Anzeige",
-        "text": "Text edit",
-        "update": "Update show"
+        "text": "Text Bearbeiten",
+        "update": "Show aktualisieren",
+        "locked": "Diese Show wurde gesperrt!",
+        "locked_info": "Diese Show wurde für die Bearbeitung gesperrt! Sperre zunächst in der Shows-Übersicht aufheben.",
+        "slide_template": "Folien Vorlage",
+        "source": "Quelle",
+        "artist": "Künstler",
+        "song": "Lied"
     },
     "actions": {
         "rename": "Umbenennen",
         "recolor": "Farbe wechseln",
         "remove": "Entfernen",
-        "remove_group": "Remove group",
-        "choose_group": "Choose group",
-        "goto_group": "Go to group",
-        "change_output_style": "Change output style",
-        "active_outputs": "Active outputs",
-        "all_outputs": "All outputs",
-        "specific_outputs": "Specific outputs",
+        "remove_group": "Gruppe entfernen",
+        "choose_group": "Gruppe wählen",
+        "goto_group": "Zu Gruppe wechseln",
+        "active_outputs": "Aktive Ausgaben",
+        "all_outputs": "Alle Ausgaben",
+        "specific_outputs": "Spezifische Ausgaben",
         "toggle_private": "Privat",
-        "view_private": "Show private",
+        "view_private": "Private Shows anzeigen",
         "import": "Importieren",
         "export": "Exportieren",
         "duplicate": "Duplizieren",
         "delete": "Löschen",
+        "delete_slide": "Folie löschen",
+        "delete_group": "Gruppe löschen",
         "delete_all": "Alle Löschen",
         "close": "Schließen",
         "save": "Speichern",
-        "done": "Done",
+        "done": "Fertig",
         "disable": "Deaktivieren",
-        "enable": "Enable",
+        "enable": "Aktivieren",
         "undo": "Rückgängig",
         "redo": "Wiederholen",
         "cut": "Ausschneiden",
@@ -446,96 +518,177 @@
         "paste": "Einfügen",
         "pasteAndMatchStyle": "Einfügen und Stil anpassen",
         "selectAll": "Alle Auswählen",
-        "remove_selection": "Remove selection",
+        "remove_selection": "Auswahl entfernen",
         "speech": "Sprechen",
         "startSpeaking": "Sprechen beginnen",
         "stopSpeaking": "Sprechen beenden",
+        "focus_mode": "Fokusmodus umschalten",
         "fullscreen": "Vollbild umschalten",
         "resetZoom": "Zoom zurücksetzen",
         "zoom": "Zoom",
         "zoomIn": "Vergrößern",
         "zoomOut": "Verkleinern",
         "reset": "Zurücksetzen",
-        "reset_defaults": "Reset defaults",
+        "convert_to_images": "In Bilder konvertieren",
+        "converting": "Konvertieren...",
+        "remove_template_from_show": "Vorlage aus der Show entfernen",
+        "reset_defaults": "Beispiele zurücksetzen",
         "to_all": "Auf alle anwenden",
-        "to_following": "Apply to following",
+        "to_following": "Auf Folgende anwenden",
         "back": "Zurück",
         "home": "Home",
         "mute": "Stummschalten",
         "unmute": "Aufheben der Stummschaltung",
-        "toggle_time_marker": "Toggle time markers",
-        "add_time_marker": "Add time marker",
-        "bind_to": "Bind to",
-        "remove_binding": "Remove binding",
-        "show_timer": "Time until show",
-        "hide_timer": "Time until hide",
-        "choose_custom": "Choose custom",
+        "increase_volume": "Lautstärke erhöhen",
+        "decrease_volume": "Lautstärke verringern",
+        "toggle_time_marker": "Zeitmarkierung umschalten",
+        "add_time_marker": "Zeitmarkierung hinzufügen",
+        "bind_to": "Spezifische Ausgaben",
+        "remove_binding": "Spezifische Ausgaben enfernen",
+        "dynamic_values": "Dynamische Werte",
+        "rearrange": "Neu anordnen",
+        "to_front": "In den Vordergrund",
+        "forward": "Ebene nach vorne",
+        "backward": "Ebene nach hinten",
+        "to_back": "In den Hintergrund",
+        "show_timer": "Zeit bis zum Anzeigen",
+        "hide_timer": "Zeit bis zum Ausblenden",
+        "choose_custom": "Benutzerdefiniert auswählen",
+        "add_color": "Farbe hinzufügen",
         "format": "Format",
-        "find_replace": "Find and replace text",
-        "cut_in_half": "Cut in half",
-        "find": "Find",
-        "replace": "Replace",
-        "case_sensitive": "Case sensitive",
+        "find_replace": "Text finden und ersetzen",
+        "cut_in_half": "Halbieren",
+        "merge": "Zusammenführen",
+        "find": "Finden",
+        "replace": "Ersetzen",
+        "case_sensitive": "Groß-/Kleinschreibung beachten",
         "uppercase": "Alles großschreiben",
         "lowercase": "Alles kleinschreiben",
         "capitalize": "Großschreiben",
-        "trim": "Trimme",
-        "click_disable": "Click any to disable",
-        "svg_clipboard": "Import SVG from clipboard",
+        "trim": "Trimmen",
+        "click_disable": "Zum Deaktivieren anklicken",
+        "svg_clipboard": "SVG aus der Zwischenablage importieren",
         "fullscreen_preview": "Vollbildvorschau umschalten",
         "toggle_output": "Ausgabebildschirm umschalten",
+        "toggle_panels": "Panels umschalten",
         "change_tab": "Tab wechseln",
-        "change_drawer_tab": "Zeichen-Tab wechseln",
-        "toggle_drawer": "Toggle drawer",
-        "actions": "Aktionen",
-        "clear_history": "Clear history",
-        "set_key": "Set key",
-        "custom_key": "Set custom value",
-        "play_on_midi": "Play on MIDI in",
-        "send_midi": "Send MIDI out",
-        "delete_shows_not_indexed": "Delete shows in 'Shows' folder that are not indexed",
-        "delete_thumbnail_cache": "Delete thumbnail cache",
-        "open_log_file": "Open log file",
-        "refresh_all_shows": "Get all shows in 'Shows' folder",
-        "start_timer": "Start timer",
-        "stop_timers": "Stop active timers",
-        "next_after_media": "Next after media",
+        "change_drawer_tab": "Übersichtstab wechseln",
+        "change_slide": "Folie wechseln",
+        "change_project_item": "Projektelement ändern",
+        "change_drawer_item": "Übersichtselement ändern",
+        "change_drawer_category": "Übersichtskategorie wechseln",
+        "toggle_drawer": "Übersicht ein-/ausblenden",
+        "slide_actions": "Folien Aktionen",
+        "item_actions": "Element Aktionen",
+        "clear_history": "Verlauf löschen",
+        "chord_info": "Beliebigen Buchstaben anklicken, um einen Akkord hinzuzufügen.",
+        "chord_key": "Tonart",
+        "chord_type": "Typ",
+        "chord_tension": "Optionston",
+        "chord_bass": "Bass",
+        "roman_keys": "Stufenakkorde",
+        "set_key": "Noten",
+        "custom_key": "Benutzerdefinierter Text",
+        "select_chord": "Diesen Akkord auswählen",
+        "play_on_midi": "Durch MIDI Signal aktivieren",
+        "play_on_midi_tip": "Aktiviere diese Folie, wenn das gewählte MIDI Signal empfangen wird",
+        "send_midi": "Sende MIDI Signal",
+        "delete_shows_not_indexed": "Nicht indizierte Shows im \"Shows\"-Ordner löschen",
+        "delete_thumbnail_cache": "Vorschaubild-Cache löschen",
+        "open_log_file": "Logdatei öffnen",
+        "open_cache_folder": "Cache Ordner öffnen",
+        "refresh_all_shows": "Alle Shows aus dem \"Shows\"-Ordner laden",
+        "start_timer": "Timer starten",
+        "stop_timers": "Aktive Timer stoppen",
+        "next_after_media": "Weiter nach der Wiedergabe",
         "remove_media": "Medien entfernen",
-        "remove_layers": "Remove layers",
-        "index_select_project": "Select project by index",
-        "index_select_project_show": "Select project item by index",
-        "index_select_slide": "Select slide by index",
-        "start_recording": "Start recording",
-        "stop_recording": "Stop recording"
+        "remove_layers": "Layer entfernen",
+        "start_recording": "Aufnahme starten",
+        "stop_recording": "Aufnahme beenden",
+        "export_recording": "Aufnahme beenden und exportieren",
+        "index_select_project": "Projekt nach Index auswählen",
+        "next_project_item": "Nächstes Projektelement",
+        "previous_project_item": "Vorheriges Projektelement",
+        "index_select_project_item": "Projektelement nach Index auswählen",
+        "name_select_show": "Show nach Name auswählen",
+        "random_slide": "Zufällige Folie anzeigen",
+        "index_select_slide": "Folie nach Index auswählen",
+        "name_select_slide": "Folie nach Name auswählen",
+        "toggle_output_lock": "Ausgabesperre umschalten",
+        "toggle_output_windows": "Ausgabefenster umschalten",
+        "id_select_group": "Gruppe nach ID auswählen",
+        "id_change_stage_layout": "Bühnenlayout nach ID auswählen",
+        "start_camera": "Kamera starten",
+        "index_select_overlay": "Überlagerung nach Index auswählen",
+        "name_select_overlay": "Überlagerung nach Name auswählen",
+        "change_volume": "Lautstärke ändern",
+        "start_audio_stream": "Audio Stream starten",
+        "start_playlist": "Wiedergabeliste starten",
+        "playlist_next": "Nächster Titel in der Wiedergabeliste",
+        "start_metronome": "Metronom starten",
+        "name_start_timer": "Timer über den Namen starten",
+        "id_start_timer": "Timer über die ID starten",
+        "start_slide_timers": "Timer der aktiven Folie starten",
+        "id_select_output_style": "Ausgabestil nach ID auswählen",
+        "change_output_style": "Ausgabestil ändern",
+        "change_stage_output_layout": "Layout des Ausgabestils ändern",
+        "change_transition": "Übergang ändern",
+        "change_variable": "Variable ändern",
+        "start_trigger": "Starte Trigger",
+        "run_action": "Aktion ausführen",
+        "toggle_action": "Aktion umschalten",
+        "send_rest_command": "HTTP-Anfrage senden",
+        "custom_activation": "Benutzerdefinierte Aktivierung",
+        "activate_on_startup": "Beim Programmstart aktivieren",
+        "activate_save": "Beim Speichern aktivieren",
+        "activate_slide_clicked": "Bei Klick auf Folie aktivieren",
+        "activate_video_starting": "Aktivieren wenn Video startet",
+        "activate_video_ending": "Aktivieren wenn Video endet",
+        "activate_timer_ending": "Aktivieren wenn Timer endet",
+        "activate_scripture_start": "Aktivieren, wenn Bibel gestartet wurde",
+        "activate_slide_cleared": "Aktivieren, wenn Folie entfernt wurde",
+        "activate_background_cleared": "Aktivieren, wenn der Hintergrund entfernt wurde",
+        "activate_show_created": "Beim Erstellen einer Show aktivieren",
+        "activate_audio_playlist_ended": "Nach dem Ende einer Wiedergabeliste aktivieren"
+    },
+    "recording": {
+        "remove": "Aufnahme löschen",
+        "tip": "Timing der Folien aufnehmen und wiedergeben. Mit einer Tonspur auf der ersten Folie synchronisieren.",
+        "layout_changed": "Layout hat sich seit der letzten Aufnahme verändert!",
+        "audio_synced": "Mit Audio synchronisiert!",
+        "start": "Folienaufnahme starten"
     },
     "animate": {
-        "change": "Change",
-        "set": "Set",
-        "wait": "Wait",
-        "background": "background",
-        "text": "text",
-        "item": "item",
-        "to": "to",
-        "for": "for",
-        "seconds": "seconds"
+        "change": "Ändere",
+        "set": "Setze",
+        "wait": "Warte",
+        "background": "Hintergrund",
+        "text": "Text",
+        "item": "Element",
+        "to": "zu",
+        "for": "für",
+        "seconds": "Sekunden"
     },
     "cloud": {
-        "info": "Sync files with Google Drive for backups, or if you work on multiple computers.",
-        "tip_api": "You have to provide your own free Google API key so the program can automatically upload files to your Google Drive.",
-        "tip_how": "Don't know how to get one?",
-        "tip_guide": "Click here for a guide.",
-        "enable": "Automatic sync on startup and save",
-        "disable_upload": "Disable uploading data",
-        "media_id": "Media path ID",
-        "google_drive_api": "Google API service account key",
-        "select_key": "Import keys file",
-        "update_key": "Update keys file",
-        "main_folder": "Set main folder manually",
-        "media_folder": "Cloud media folder",
-        "reconnect": "Reconnect",
-        "sync": "Sync",
-        "choose_method_tip": "There is existing data in the cloud. Please choose from where you want to keep the data. And override the other location.",
-        "local": "Local"
+        "info": "Synchronisiere Dateien mit Google Drive für Backups oder wenn du an mehreren Computern arbeitest.",
+        "tip_api": "du musst einen eigenen kostenlosen Google API-Schlüssel angeben, damit das Programm automatisch Dateien in dein Google Drive hochladen kann.",
+        "tip_how": "Du weißt nicht wie?",
+        "tip_guide": "Klicke hier für eine Anleitung.",
+        "enable": "Bei Programmstart & -ende automatisch synchronisieren",
+        "disable_upload": "Hochladen deaktivieren",
+        "media_id": "Medienpfad ID",
+        "google_drive_api": "Google API Service Schlüssel",
+        "select_key": "API-Schlüssel Datei importieren",
+        "update_key": "API-Schlüssel Datei ändern",
+        "enable_custom_folder_id": "Benutzerdefinierte Ordnernummerierung benutzen",
+        "main_folder": "Hauptordner manuell einstellen",
+        "media_folder": "Cloud Medienordner",
+        "reconnect": "Neu verbinden",
+        "sync": "Jetzt synchronisieren",
+        "choose_method_tip": "Es sind bereits Daten in der Cloud vorhanden. Bitte wähle entweder den Upload der lokalen Daten oder den Download aus der Cloud. Der andere Speicherort wird dabei überschrieben.",
+        "local": "Lokal",
+        "syncing": "Synchronisiere mit der Cloud",
+        "sync_complete": "Synchronisierung abgeschlossen"
     },
     "export": {
         "export": "Exportieren",
@@ -547,7 +700,6 @@
         "all_shows": "Alle Shows",
         "all_projects": "Alle Projekte",
         "project": "Projekt",
-        "options": "Optionen",
         "preview": "Vorschau",
         "title": "Titel",
         "metadata": "Metadaten",
@@ -555,27 +707,32 @@
         "groups": "Gruppen",
         "numbers": "Nummerierte Folien",
         "invert": "Invertierte Folien",
-        "original_text_size": "Original text size",
-        "text": "Reintext",
+        "original_text_size": "Originale Textgröße",
+        "text": "reiner Text",
         "slides": "Folien",
         "rows": "Zeilen",
         "columns": "Spalten"
     },
     "context": {
         "enabledTabs": "Tabs umschalten",
+        "filterByTags": "Nach Tags filtern",
         "addToProject": "Zu Projekt hinzufügen",
+        "add_to_show": "Zu Show hinzufügen",
+        "lockForChanges": "Für die Bearbeitung sperren",
         "newCategory": "Neue Kategorie",
         "changeIcon": "Symbol wechseln",
         "changeGroup": "Gruppe wechseln",
         "createNew": "Erstelle neu",
         "selectAll": "Alle auswählen",
         "force_outputs": "Ausgabe erzwingen",
+        "align_with_screen": "An Bildschirm ausrichten",
         "toggle_output": "Ausgabe umschalten",
         "move_to_front": "In den Vordergrund",
-        "lock_to_output": "Auf Ausgabe sperren",
-        "place_under_slide": "Place under slide",
+        "hide_from_preview": "In der Vorschau ausblenden",
+        "lock_to_output": "Auf Ausgabe fixieren",
+        "place_under_slide": "Unter Folie platzieren",
         "toggle_clock": "Uhr umschalten",
-        "move_connections": "Move all connected to this"
+        "move_connections": "Auf allen verbundenen Geräten verwenden"
     },
     "tools": {
         "notes": "Notizen",
@@ -591,30 +748,46 @@
         "slide": "Folie"
     },
     "edit": {
+        "text": "Text",
         "font": "Schriftart",
-        "family": "Schriftname",
+        "family": "Schriftart",
+        "font_size": "Schriftgröße",
+        "text_fit": "Textanpassung",
+        "shrink_to_fit": "Passend verkleinern",
+        "grow_to_fit": "Passend vergrößern",
+        "text_color": "Textfarbe",
         "style": "Style",
+        "lines": "Zeilen",
         "options": "Optionen",
         "_title_bold": "Fett",
         "_title_italic": "Kursiv",
         "_title_underline": "Unterstrichen",
         "_title_strikethrough": "Durchgestrichen",
         "color": "Farbe",
+        "accent_color": "Akzentfarbe",
         "background_color": "Hintergrundfarbe",
-        "background_opacity": "Background opacity",
-        "background_image": "Background image",
-        "media_fit": "Media fit",
+        "background_opacity": "Hintergrund Deckkraft",
+        "background_image": "Hintergrundbild",
+        "background_media": "Hintergrundmedien",
+        "overlay_content": "Überlagerungsinhalt hinzufügen",
+        "different_first_template": "Eigene Vorlage auf erster Folie",
+        "media_fit": "Medienskalierung",
         "size": "Größe",
+        "max_lines": "Maximale Zeilenanzahl",
+        "invert_items": "Elemente umkehren",
         "chords": "Akkorde",
+        "transpose": "Transponieren",
         "auto_size": "Automatische Größe",
+        "no_wrap": "Text in einer Zeile",
         "line_spacing": "Zeilenabstand",
-        "line_height": "Line height",
+        "line_height": "Zeilenhöhe",
         "letter_spacing": "Zeichenabstand",
         "word_spacing": "Wortabstand",
-        "transform": "Transform",
-        "uppercase": "Uppercase",
-        "lowercase": "Lowercase",
-        "capitalize": "Capitalize",
+        "transform": "Transformation",
+        "text_transform": "Texttransformation",
+        "uppercase": "Großbuchstaben",
+        "lowercase": "Kleinbuchstaben",
+        "capitalize": "Kapitalisieren",
         "align": "Ausrichtung",
         "_title_left": "Linksbündig",
         "_title_center": "Zentriert",
@@ -623,17 +796,17 @@
         "_title_top": "Oben",
         "_title_bottom": "Unten",
         "outline": "Außenlinie",
-        "width": "Breite",
         "shadow": "Schatten",
         "shadow_inset": "Schattenwurf",
         "offsetX": "Versatz X",
         "offsetY": "Versatz Y",
         "blur": "Unschärfe",
         "item": "Element",
+        "width": "Breite",
         "height": "Höhe",
         "rotation": "Rotation",
-        "tilt": "Tilt",
-        "perspective": "Perspective",
+        "tilt": "Neigung",
+        "perspective": "Perspektive",
         "opacity": "Transparenz",
         "corner_radius": "Eckenradius",
         "border": "Rand",
@@ -644,33 +817,37 @@
         "add_icons": "Symbole hinzufügen",
         "arrange_items": "Elemente anordnen",
         "filters": "Filter",
-        "backdrop_filters": "Backdrop filters",
-        "interval": "Interval",
+        "backdrop_filters": "Hintergrund Filter",
+        "interval": "Intervall",
         "video": "Video",
         "choose_media": "Medien auswählen",
-        "recent": "Recently edited",
-        "enable_stage": "Enable stage",
-        "select_stage": "Select stage",
-        "use_slide_index": "Use active index",
-        "slide_index": "Slide index",
+        "recent": "Zuletzt bearbeitet",
+        "enable_stage": "Bühnenansicht",
+        "select_stage": "Bühnenansicht auswählen",
+        "next_slide": "Nächste Folie",
+        "use_slide_index": "Aktiven Index verwenden",
+        "slide_index": "Folien Index",
         "padding": "Padding",
-        "special": "Special",
-        "scrolling": "Scrolling",
-        "top_bottom": "Top to bottom",
-        "bottom_top": "Bottom to top",
-        "left_right": "Left to right",
-        "right_left": "Right to left",
-        "max_events": "Max events",
-        "start_days_from_today": "Start at days from today",
-        "just_one_day": "Just one day",
-        "enable_start_date": "Enable start date"
+        "special": "Spezial",
+        "scrolling": "Scrollen",
+        "scrolling_speed": "Scrollgeschwindigkeit",
+        "top_bottom": "Oben nach Unten",
+        "bottom_top": "Unten nach Oben",
+        "left_right": "Links nach Rechts",
+        "right_left": "Rechts nach Links",
+        "max_events": "Maximale Anzahl",
+        "start_days_from_today": "Beginn in Tagen ab heute",
+        "just_one_day": "Nur ein Tag",
+        "enable_start_date": "Startdatum verwenden",
+        "disable_navigation": "Navigation deaktivieren",
+        "progress_bar": "Fortschrittsanzeige"
     },
     "items": {
         "text": "Textbox",
-        "list": "List",
+        "list": "Liste",
         "media": "Medien",
-        "camera": "Camera",
         "image": "Bild",
+        "camera": "Kamera",
         "video": "Video",
         "mirror": "Spiegeln",
         "clock": "Uhr",
@@ -680,7 +857,9 @@
         "timer": "Timer",
         "variable": "Variable",
         "web": "Website",
+        "slide_tracker": "Fortschritt",
         "visualizer": "Visualizer",
+        "captions": "Untertitel",
         "icon": "Symbol"
     },
     "borders": {
@@ -695,17 +874,17 @@
     },
     "list": {
         "disc": "Disc",
-        "circle": "Circle",
-        "square": "Square",
-        "disclosure-closed": "Arrow",
-        "disclosure-open": "Triangle",
-        "decimal": "Number",
-        "decimal-leading-zero": "Number with zero",
-        "lower-alpha": "Letter",
-        "upper-alpha": "Upper letter",
-        "lower-roman": "Roman",
-        "upper-roman": "Upper roman",
-        "lower-greek": "Greek"
+        "circle": "Kreis",
+        "square": "Quadrat",
+        "disclosure-closed": "Pfeil",
+        "disclosure-open": "Dreieck",
+        "decimal": "Zahl",
+        "decimal-leading-zero": "Zahl mit Null",
+        "lower-alpha": "Buchstabe",
+        "upper-alpha": "Großbuchstabe",
+        "lower-roman": "Römisch",
+        "upper-roman": "Römisch großgeschrieben",
+        "lower-greek": "Griechisch"
     },
     "timer": {
         "from_to": "Von Start zum Ende",
@@ -716,16 +895,16 @@
         "seconds": "Sekunden",
         "from": "Von",
         "to": "Bis",
-        "overflow": "Overflow when reached end",
-        "overflow_color": "Overflow color",
+        "overflow": "Nach Ende weiterlaufen",
+        "overflow_color": "Überlauf Farbe",
         "preview": "Vorschau",
         "clock": "Uhr",
         "event": "Veranstaltung",
         "no_events": "Es gibt keine geplanten Veranstaltungen",
         "edit": "Bearbeiten",
         "create": "Erstellen",
-        "line": "Line",
-        "mask": "Mask"
+        "line": "Linie",
+        "mask": "Maske"
     },
     "clock": {
         "type": "Typ",
@@ -733,24 +912,41 @@
         "analog": "Analog",
         "seconds": "Sekunden"
     },
+    "captions": {
+        "info": "Klicke auf die URL, um sie im Browser zu öffnen, falls du das nicht schon getan hast, oder öffne sie auf einem anderen Gerät! Stelle sicher, dass du Zugriff auf das Mikrofon erlaubst.",
+        "language": "Transkript Sprache",
+        "translate": "Übersetzen in",
+        "showtime": "Anzeigedauer",
+        "powered_by": "Powered by"
+    },
+    "localization": {
+        "translate": "Übersetzen",
+        "add": "Übersetzung hinzufügen",
+        "update": "Übersetzung aktualisieren",
+        "remove": "Übersetze Elemente entfernen"
+    },
     "midi": {
+        "midi": "MIDI",
+        "activate": "Durch MIDI-Signal aktivieren",
+        "activate_keypress": "Durch Tastendruck aktivieren",
         "name": "Name",
-        "input": "Input",
-        "output": "Output",
-        "type": "Type",
+        "input": "Eingang",
+        "output": "Ausgang",
+        "type": "Typ",
         "note": "Note",
         "velocity": "Velocity",
-        "channel": "Channel",
-        "start_action": "Start action",
-        "use_default_values": "Use default values",
-        "auto_values": "Update values when receiving a MIDI input",
-        "tip_velocity": "Set velocity to -1 to disable.",
-        "tip_action": "To activate spesific slides, right click any slide and choose the midi in action.",
-        "tip_index_by_velocity": "Index is determined by the received velocity, starting at 0."
+        "channel": "Kanal",
+        "start_action": "Aktion starten",
+        "use_default_values": "Standardwerte verwenden",
+        "auto_values": "Werte aktualisieren wenn ein MIDI Signal empfangen wird",
+        "tip_velocity": "Zum Deaktivieren Velocity auf -1 setzen.",
+        "tip_action": "Um bestimmte Folien zu aktivieren, rechtsklicke auf eine Folie und wähle die MIDI Folien-Aktion",
+        "tip_index_by_velocity": "Der Index wird durch die empfangene Velocity bestimmt, beginnend bei 0."
     },
     "draw": {
         "focus": "Fokus",
         "pointer": "Pointer",
+        "zoom": "Zoom",
         "fill": "Ausfüllen",
         "paint": "Malen",
         "particles": "Partikel",
@@ -767,25 +963,31 @@
     },
     "stage": {
         "slide": "Folie",
+        "stage_layout": "Layout Bühnenansicht",
         "current_slide_text": "Text der aktuellen Folie",
         "current_slide": "Aktuelle Folie",
         "current_slide_notes": "Notizen zur aktuellen Folie",
         "next_slide_text": "Text der nächsten Folie",
         "next_slide": "Nächste Folie",
         "next_slide_notes": "Notizen zur nächsten Folie",
-        "output": "Output",
-        "current_output": "Current output",
+        "output": "Ausgabe",
+        "current_output": "Aktuelle Ausgabe",
+        "slide_tracker": "Fortschritt",
         "time": "Uhrzeit",
         "system_clock": "Systemuhr",
         "video_time": "Videozeit",
-        "video_countdown": "Video Countdown",
+        "video_countdown": "Video-Countdown",
+        "first_active_timer": "Erster aktiver Timer",
         "other": "Andere",
         "message": "Mitteilung",
         "color": "Farbe",
         "font-size": "Schriftgröße",
         "zeros": "Nullen",
         "overrun": "Überlauf Farbe",
-        "auto_stretch": "Auto stretch content"
+        "source_output": "Quell-Ausgabe",
+        "auto_stretch": "Inhalt automatisch strecken",
+        "labels": "Beschriftung anzeigen",
+        "label_color": "Beschriftungsfarbe"
     },
     "settings": {
         "general": "Allgemein",
@@ -793,64 +995,85 @@
         "groups": "Gruppen",
         "styles": "Styles",
         "display_settings": "Ausgaben",
-        "actions": "Aktionen",
         "display": "Anzeige",
         "connection": "Verbindung",
         "cloud": "Cloud",
-        "calendar": "Kalendar",
+        "calendar": "Kalender",
+        "text_import": "Text",
+        "media_import": "Medien",
         "other": "Andere",
         "language": "Sprache",
-        "autosave": "Autosave",
-        "never": "Never",
-        "minutes": "minutes",
+        "autosave": "Automatisches Speichern",
+        "never": "Nie",
+        "minutes": "Minuten",
         "use24hClock": "24h-Format verwenden",
-        "styles_hint": "Create different styles that can be applied to the output to change the look.",
-        "hide_output_hint": "Doppelklick auf das Ausgabefenster, um es zu verstecken. Hold CTRL to enable dragging.",
-        "hide_menubar_hint": "To hide the menu bar, enable kiosk mode, or enable \"Automatically hide or show the menu bar\" in the general MacOS settings.",
+        "styles_hint": "Erstelle unterschiedliche Stile, die auf den Ausgaben angewendet werden können, um ihr Aussehen zu verändern.",
+        "hide_output_hint": "Doppelklick auf das Ausgabefenster, um es zu verstecken. Zum Verschieben CTRL gedrückt halten.",
+        "hide_menubar_hint": "Um die Menüleiste auszublenden, aktiviere den Kioskmodus oder aktiviere „Menüleiste automatisch ein- und ausblenden“ in den allgemeinen MacOS-Einstellungen.",
         "show_output_hint": "Halte Strg/Cmd gedrückt, während du auf die Anzeige-Schaltfläche klickst, um die Anzeige über diesen Monitor zu erzwingen.",
         "move_output_hint": "Findest du deine Anzeige nicht? Ändere die Position, bis das Fenster auf dem zweiten Bildschirm angezeigt wird.",
-        "select_display": "Click on the screen where you wan't to display the output window.",
-        "manual_input_hint": "Can't find the display? Click here to manually change the position.",
-        "manual_drag_hint": "You can also hold ctrl/cmd over an active output window to manually drag it around.",
+        "select_display": "Klicke auf den Bildschirm, auf dem das Ausgabefenster angezeigt werden soll.",
+        "manual_input_hint": "Der Bildschirm wird nicht angezeigt? Hier klicken, um die Position manuell einzugeben.",
+        "manual_drag_hint": "Du kannst auch Ctrl/Cmd über einem aktiven Ausgabefenster gedrückt halten, um es manuell zu verschieben.",
+        "allow_main_screen": "Ausgabe auf Hauptbildschirm zulassen",
+        "identify_screens": "Bildschirme identifizieren",
         "new_output": "Neue Ausgabe",
-        "enable_key_output": "Enable alpha key output",
-        "always_on_top": "Always on top",
-        "kiosk_mode": "Kiosk mode",
-        "change_key_output_position": "Change key output position",
+        "normal": "Normal",
+        "enable_key_output": "Alpha-Key-Ausgabe aktivieren",
+        "always_on_top": "Immer im Vordergrund",
+        "kiosk_mode": "Kioskmodus",
+        "change_key_output_position": "Key Ausgabeposition ändern",
         "position": "Position",
         "enabled": "Aktiviert",
         "color_when_active": "Farbe wenn aktiv",
         "fixed": "Fixiert",
         "lines": "Zeilen",
-        "override_with_template": "Überschreiben des Stils mit Vorlage",
+        "override_with_template": "Folienstil mit Vorlage überschreiben",
+        "override_scripture_with_template": "Bibelstellenstil mit Vorlage überschreiben",
         "active_layers": "Aktive Ebenen",
         "window": "Fenster",
-        "active_style": "Use style",
-        "alert_updates": "Hinweis, wenn ein neues Update verfügbar ist",
+        "active_style": "Style anwenden",
+        "alert_updates": "Hinweisen, wenn ein neues Update verfügbar ist",
+        "auto_updates": "Automatische Updates",
         "disable_labels": "Beschriftungen deaktivieren",
         "group_numbers": "Gruppennummerierung",
-        "full_colors": "Folien Gruppenfarbe",
+        "full_colors": "Gruppenfarben mit hohem Kontrast",
+        "slide_number_keys": "Folien über den Ziffernblock abspielen",
         "auto_output": "Zeige Ausgabebildschirm beim Start",
+        "hide_cursor_in_output": "Cursor in der Ausgabe ausblenden",
+        "clear_media_when_finished": "Medien nach der Wiedergabe freigeben",
+        "disable_presenter_controller_keys": "Presenter Controller Tasten deaktivieren",
         "default_project_name": "Standard Projektname",
+        "audio_fade_duration": "Dauer der Audio Überblendung",
+        "audio_crossfade": "Audio Überblendung",
+        "clear_style_background_on_text": "Hintergrundstil entfernen wenn die Folie aktiv ist",
         "resolution": "Auflösung",
         "cropping": "Cropping",
-        "frame_rate": "Frame rate",
+        "frame_rate": "Framerate",
+        "device": "Gerät",
+        "display_mode": "Anzeigemodus",
+        "pixel_format": "Pixelformat",
+        "alpha_key": "Alpha-Key",
         "transparent": "Transparent",
+        "invisible_window": "Nicht sichtbares Fenster",
         "video_extensions": "Video-Erweiterungen",
         "image_extensions": "Bild-Erweiterungen",
         "add": "Hinzufügen",
         "remove": "Entfernen",
         "change_name": "Name ändern",
-        "show_location": "Ort anzeigen",
-        "export_location": "Export location",
-        "scripture_location": "Scripture location",
-        "recording_location": "Recordings location",
+        "show_location": "Show Speicherort",
+        "data_location": "Daten Speicherort",
+        "user_data_location": "Nutzereinstellungen in \"Datenspeicherort\" speichern",
+        "popup_before_close": "Vor dem Beenden immer nachfragen",
+        "disable_hardware_acceleration": "Hardwarebeschleunigung deaktivieren",
+        "restart_for_change": "Änderung ist erst nach einem Neustart des Programms wirksam!",
         "font": "Schrift",
         "font_family": "Schriftart",
         "font_size": "Schriftgröße",
+        "border_radius": "Eckenradius",
         "colors": "Farben",
         "add_group": "Gruppe hinzufügen",
-        "group_shortcut": "Shortcut to activate group",
+        "group_shortcut": "Tastaturkürzel um Gruppe zu aktivieren",
         "output_screen": "Ausgabebildschirm",
         "device_name": "Gerätename",
         "password": "Passwort",
@@ -859,40 +1082,43 @@
         "max_connections": "Max Verbindungen",
         "allowed_connections": "Zugelassene Verbindungen",
         "connect": "Verbinden, indem das in den Webbrowser eingegeben wird",
-        "connect_qr": "Or scan this QR code",
+        "connect_qr": "Oder scanne den QR-Code",
         "restart": "Server neustarten",
         "reset_all": "Alles zurücksetzen",
         "reset_theme": "Design zurücksetzen",
         "reset_themes": "Alle Designs zurücksetzen",
-        "backup_all": "Backup everything",
-        "restore": "Restore",
-        "backup_started": "Backing up...",
-        "restore_started": "Restoring...",
-        "backup_finished": "Backup complete!",
-        "restore_finished": "Restore complete!",
-        "preview_frame_rate": "Preview frame rate",
+        "capitalize_words": "Wörter großschreiben",
+        "comma_seperated": "Durch Komma getrennt",
+        "backup_all": "Backup erstellen",
+        "restore": "Backup wiederherstellen",
+        "backup_started": "Backup wird erstellt...",
+        "restore_started": "Backup wird geladen...",
+        "backup_finished": "Backup erstellt!",
+        "restore_finished": "Backup geladen!",
+        "preview_frame_rate": "Vorschau Framerate",
         "auto": "Auto",
-        "optimized": "Optimized",
-        "full": "Full"
+        "optimized": "Optimiert",
+        "reduced": "Reduziert",
+        "full": "Voll"
     },
     "sort": {
-        "sort_by": "Sort by",
+        "sort_by": "Sortieren nach",
         "name": "Name",
-        "date": "Date",
+        "date": "Datum",
         "size": "Größe",
         "type": "Typ",
-        "custom": "Custom"
+        "custom": "Benutzerdefiniert"
     },
     "calendar": {
         "type": "Typ",
         "event": "Veranstaltung",
-        "show": "Show planen",
+        "schedule_action": "Aktion planen",
         "name": "Name",
         "color": "Farbe",
         "time": "Uhrzeit",
-        "from_date": "Von Datum",
+        "from_date": "Ab Datum",
         "to_date": "Bis Datum",
-        "from_time": "Von Uhrzeit",
+        "from_time": "Ab Uhrzeit",
         "to_time": "Bis Uhrzeit",
         "location": "Ort",
         "notes": "Notizen",
@@ -905,20 +1131,25 @@
         "week": "Woche",
         "month": "Monat",
         "year": "Jahr",
-        "ending_the": "den",
-        "ending_repeated": "wiederholt",
+        "ending_the": "zum",
+        "ending_repeated": "wiederhole",
         "ending_times": "mal",
         "save_all": "Speichern und alle aktualisieren",
-        "add_slides_from_show": "Include slides from show"
+        "add_slides_from_show": "Folien von Show einfügen"
     },
     "scripture": {
         "bibles": "Bibel von API.Bible",
         "custom": "Oder importiere deine eigene",
         "max_verses": "Max Verse pro Folie",
         "verse_numbers": "Versnummern",
+        "verses_on_individual_lines": "Verse in separaten Zeilen",
         "version": "Zeige Übersetzung",
         "reference": "Zeige Quelle",
-        "red_jesus": "Jesuworte in rot"
+        "split_reference": "Quelle aufteilen",
+        "combine_with_text": "Mit Text kombinieren",
+        "reference_at_bottom": "Nach unten",
+        "red_jesus": "Jesuworte in rot",
+        "search": "In der Bibel suchen"
     },
     "filter": {
         "blur": "Unschärfe",
@@ -935,17 +1166,35 @@
         "screens": "Bildschirme",
         "windows": "Fenster",
         "cameras": "Kameras",
-        "microphones": "Mikrofone"
+        "microphones": "Mikrofone",
+        "audio_streams": "Audio Streams"
+    },
+    "presentation_control": {
+        "unsupported": "Presentation-Controller wird nicht unterstützt auf ",
+        "unsupported_tip": "Sie können diese in Bilder konvertieren und eine neue Show erstellen, oder alternativ 'Immer im Vordergrund' deaktivieren, um aus jedem anderen Programm heraus zu präsentieren.",
+        "opening": "Wird geöffnet! Bitte warten...",
+        "retry": "Bitte versuchen manuell zu öffnen, oder",
+        "try_again": "erneut versuchen",
+        "restart": "Neu starten",
+        "start": "Starten",
+        "choose_window": "Bitte ein Fenster auswählen"
     },
     "transition": {
         "current_slide": "für aktuelle Folie",
         "text": "Textübergang",
         "media": "Medienübergang",
-        "duration": "Duration",
+        "slide_transition": "Folienübergang",
+        "background_transition": "Hintergrundübergang",
+        "specific": "Spezifischere Übergänge aktivieren",
+        "between": "Zwischen",
+        "in": "In",
+        "out": "Out",
+        "duration": "Dauer",
         "easing": "Easing",
+        "direction": "Richtung",
         "type": "Typ",
         "none": "Kein",
-        "fade": "Ausblenden",
+        "fade": "Fade",
         "blur": "Verwischen",
         "scale": "Skalieren",
         "spin": "Drehen",
@@ -965,10 +1214,10 @@
         "sine": "Sinusförmig"
     },
     "variables": {
-        "number": "Number",
+        "number": "Zahl",
         "text": "Text",
-        "step": "Step",
-        "value": "Value"
+        "step": "Schrittgröße",
+        "value": "Wert"
     },
     "month": {
         "1": "Januar",
@@ -1003,7 +1252,11 @@
         "slides": "Folien",
         "words": "Wörter",
         "template": "Vorlage",
-        "category": "Kategorie"
+        "category": "Kategorie",
+        "photoUrl": "Link zum Foto",
+        "likes": "Gefällt mir",
+        "artist": "Künstler",
+        "artistUrl": "Künstlerseite"
     },
     "songbeamer_import": {
         "options": "Optionen",
@@ -1018,6 +1271,6 @@
         "translation_layouts": "Layouts",
         "translation_description_multiline": "Fügt alle Sprachen in eine einzelne Textbox in abwechselnden Zeilen ein. (Wie in Songbeamer)",
         "translation_description_textboxes": "Fügt jede Sprache in eine separate Textbox auf der Folie ein.",
-        "translation_description_layouts": "Erstellt für jede Sprache eigene Slides und ein eigenes Layout nur für diese Sprache."
+        "translation_description_layouts": "Erstellt für jede Sprache eigene Folien und ein eigenes Layout nur für diese Sprache."
     }
 }
diff --git a/public/lang/en.json b/public/lang/en.json
index f30e0b8d..f106ce5b 100644
--- a/public/lang/en.json
+++ b/public/lang/en.json
@@ -102,7 +102,8 @@
         "quick_lyrics_tip": "Paste text or enter manually",
         "quick_lyrics_example_tip": "Enter lyrics or any text here",
         "quick_lyrics_example_text": "Line",
-        "empty": "Empty show"
+        "empty": "Empty show",
+        "exists": "Found an existing show with the same name"
     },
     "preview": {
         "_previous_show": "Previous show",
@@ -381,6 +382,7 @@
         "transition": "Transition",
         "delete_show": "Delete show",
         "delete_show_confirmation": "Are you sure you want to delete",
+        "delete_duplicated_shows": "Delete duplicated shows",
         "change_name": "Change name on",
         "choose_screen": "Choose screen",
         "choose_output": "Choose output type",
@@ -485,7 +487,11 @@
         "slide_template": "Slide template",
         "source": "Source",
         "artist": "Artist",
-        "song": "Song"
+        "song": "Song",
+        "delete_manual": "Manual check",
+        "delete_match": "Delete if exact match",
+        "delete_keep_last_modified": "Delete all except last modified",
+        "delete_keep_first_created": "Delete all except first created"
     },
     "actions": {
         "rename": "Rename",
@@ -594,7 +600,10 @@
         "play_on_midi_tip": "Activate this specific slide when receiving chosen MIDI signal",
         "send_midi": "Send MIDI signal",
         "delete_shows_not_indexed": "Delete shows in 'Shows' folder that are not indexed",
+        "delete_empty_shows": "Delete empty shows",
         "delete_thumbnail_cache": "Delete thumbnail cache",
+        "export_usage_log": "Export usage log",
+        "reset_usage_log": "Reset usage log",
         "open_log_file": "Open log file",
         "open_cache_folder": "Open cache folder",
         "refresh_all_shows": "Get all shows in 'Shows' folder",
@@ -644,6 +653,8 @@
         "activate_slide_clicked": "Activate on slide click",
         "activate_video_starting": "Activate when video is starting",
         "activate_video_ending": "Activate when video is ending",
+        "activate_audio_starting": "Activate when audio is starting",
+        "activate_audio_ending": "Activate when audio is ending",
         "activate_timer_ending": "Activate when timer is ending",
         "activate_scripture_start": "Activate when scripture is started",
         "activate_slide_cleared": "Activate when slide is cleared",
@@ -1064,7 +1075,7 @@
         "show_location": "Show location",
         "data_location": "Data location",
         "user_data_location": "Save user settings at 'Data location'",
-        "popup_before_close": "Always display popup before closing",
+        "popup_before_close": "Enable close confirmation popup",
         "disable_hardware_acceleration": "Disable hardware acceleration",
         "restart_for_change": "You have to restart the program for the change to take effect!",
         "font": "Font",
@@ -1095,6 +1106,7 @@
         "restore_started": "Restoring...",
         "backup_finished": "Backup complete!",
         "restore_finished": "Restore complete!",
+        "auto_backup": "Auto backup",
         "preview_frame_rate": "Preview frame rate",
         "auto": "Auto",
         "optimized": "Optimized",
@@ -1242,6 +1254,11 @@
         "6": "Saturday",
         "7": "Sunday"
     },
+    "interval": {
+        "daily": "Daily",
+        "weekly": "Weekly",
+        "mothly": "Monthly"
+    },
     "info": {
         "created": "Created",
         "modified": "Modified",
diff --git a/public/lang/hu.json b/public/lang/hu.json
index 2aa31bfb..d43f3e73 100644
--- a/public/lang/hu.json
+++ b/public/lang/hu.json
@@ -49,7 +49,7 @@
     },
     "tooltip": {
         "project": "Új projekt létrehozása, ahol bemutatókat adhat hozzá és elrendezheti azokat.",
-        "show": "Új bemutató létrehozása, ahol hozzáadhat dalszövegeket, prezentációkat és médiaanyagokat. Tartsa lenyomva a Ctrl/Cmd billentyűt üres műsor létrehozásához.",
+        "show": "Új bemutató létrehozása, ahol hozzáadhat dalszövegeket, prezentációkat és médiaanyagokat.",
         "groups": "Az összes csoport a jelenlegi bemutatóban és az összes globális csoport. Kattintson rájuk vagy húzza őket a jelenlegi elrendezéshez.",
         "layout": "Átmenetek és következő időzítők hozzáadása a jelenlegi elrendezésben található diákhoz.",
         "media": "Az összes média a jelenlegi bemutatóban. Tegye ki élőbe, vagy húzza őket az aktuális elrendezéshez.",
@@ -90,13 +90,19 @@
         "bold": "Félkövér"
     },
     "create_show": {
+        "web": "Webes keresés",
         "search_web": "Dal keresése a weben",
+        "search_results": "Keresési eredmények",
         "more_options": "További lehetőségek",
         "format_new_show": "Szövegformázás",
         "format_new_show_tip": "A szövegformátum fejlesztése automatikus nagybetűzéssel, a szöveg felosztásával, csoportok hozzárendelésével és még sok mással.",
         "split_lines": "Sorok száma",
         "split_lines_tip": "Diánként engedélyezett sorok száma az automatikus felosztás előtt",
-        "quick_lyrics_example_text": "Sor"
+        "quick_lyrics": "Gyors dalszöveg",
+        "quick_lyrics_tip": "Illessze be a vágólapról vagy gépeljen",
+        "quick_lyrics_example_tip": "Adja meg a dalszöveget vagy bármilyen szöveget itt",
+        "quick_lyrics_example_text": "Sor",
+        "empty": "Üres bemutató"
     },
     "preview": {
         "_previous_show": "Előző bemutató",
@@ -199,7 +205,8 @@
         "settings": "Beállítások",
         "_title_settings": "Beállítások",
         "_title_display": "Prezentálás",
-        "_title_display_stop": "Prezentáció leállítása"
+        "_title_display_stop": "Prezentáció leállítása",
+        "again_confirm": "Kattintás a megerősítéshez"
     },
     "empty": {
         "general": "Itt nincs semmi",
@@ -263,7 +270,7 @@
         "message": "Üzenet",
         "message_tip": "Valamit jelenítsen meg az összes dián",
         "auto_media": "Metaadatok lekérése a média tartalmából",
-        "override_output": "Stílus felülírása a kimeneten",
+        "override_output": "Kimeneti stílus felülírása",
         "display_metadata": "Metaadatok megjelenítése",
         "meta_template": "Metaadat sablon",
         "text_divider": "Szövegelválasztó",
@@ -466,7 +473,6 @@
     "show": {
         "name": "Név",
         "category": "Kategória",
-        "quick_lyrics": "Gyors dalszöveg",
         "new_layout": "Új elrendezés",
         "grid": "Rács nézet",
         "simple": "Egyszerű nézet",
@@ -477,7 +483,6 @@
         "locked": "Ez a bemutató zárolva van!",
         "locked_info": "Ez a bemutató zárolva lett és nem lehet szerkeszteni. Oldja fel a bemutató rajzolóban. ",
         "slide_template": "Diasablon",
-        "search_results": "Keresési eredmény",
         "source": "Forrás",
         "artist": "Művész",
         "song": "Dal"
@@ -646,6 +651,13 @@
         "activate_show_created": "Aktiválás bemutató létrehozásakor",
         "activate_audio_playlist_ended": "Aktiválás hanglejátszási lista végén"
     },
+    "recording": {
+        "remove": "Felvétel eltávolítása",
+        "tip": "Diák időzítésének rögzítése és lejátszása . Szinkronizálás az első dia hangsávjával.",
+        "layout_changed": "Az elrendezés módosult az utolsó rögzítés óta!",
+        "audio_synced": "Hanggal szinkronizálva!",
+        "start": "Diarögzítés indítása"
+    },
     "animate": {
         "change": "Módosítás",
         "set": "Beállítás",
@@ -688,7 +700,6 @@
         "all_shows": "Összes bemutató",
         "all_projects": "Összes projekt",
         "project": "Projekt",
-        "options": "Beállítások",
         "preview": "Előnézet",
         "title": "Cím",
         "metadata": "Metaadatok",
@@ -763,6 +774,7 @@
         "media_fit": "Média méretezése",
         "size": "Méret",
         "max_lines": "Maximum sor",
+        "invert_items": "Elemek megfordítása",
         "chords": "Akkordok",
         "transpose": "Transzponálás",
         "auto_size": "Automatikus méret",
@@ -974,7 +986,8 @@
         "overrun": "Túlcsordulás színe",
         "source_output": "Forráskimenet",
         "auto_stretch": "Tartalom automatikus nyújtása",
-        "labels": "Címkék megjelenítése"
+        "labels": "Címkék megjelenítése",
+        "label_color": "Színek címkézése"
     },
     "settings": {
         "general": "Általános",
diff --git a/src/electron/capture/helpers/CaptureTransmitter.ts b/src/electron/capture/helpers/CaptureTransmitter.ts
index e424a1ca..2ba3f32a 100644
--- a/src/electron/capture/helpers/CaptureTransmitter.ts
+++ b/src/electron/capture/helpers/CaptureTransmitter.ts
@@ -105,6 +105,7 @@ export class CaptureTransmitter {
         if (channel.imageIsSame) return
 
         const size = image.getSize()
+        if (!size.width || !size.height) return
 
         switch (key) {
             //case "preview":
diff --git a/src/electron/cloud/drive.ts b/src/electron/cloud/drive.ts
index 97f2a5cf..f786e898 100644
--- a/src/electron/cloud/drive.ts
+++ b/src/electron/cloud/drive.ts
@@ -4,7 +4,7 @@ import { isProd, toApp } from ".."
 import { STORE } from "../../types/Channels"
 import { stores } from "../data/store"
 import { checkShowsFolder, dataFolderNames, deleteFile, doesPathExist, getDataFolder, getFileStats, loadShows, readFileAsync, writeFile } from "../utils/files"
-import { trimShow } from "../utils/responses"
+import { trimShow } from "../utils/shows"
 
 let driveClient: any = null
 const DEBUG = !isProd
diff --git a/src/electron/data/backup.ts b/src/electron/data/backup.ts
index 479d280a..ffcc7235 100644
--- a/src/electron/data/backup.ts
+++ b/src/electron/data/backup.ts
@@ -1,19 +1,20 @@
 import path from "path"
 import { toApp } from ".."
 import { MAIN, STORE } from "../../types/Channels"
-import { dataFolderNames, doesPathExist, getDataFolder, makeDir, openSystemFolder, readFile, selectFilesDialog, writeFile } from "../utils/files"
-import { stores } from "./store"
+import { createFolder, dataFolderNames, doesPathExist, getDataFolder, getTimePointString, makeDir, openSystemFolder, readFile, selectFilesDialog, writeFile } from "../utils/files"
+import { stores, updateDataPath } from "./store"
 
 // "SYNCED_SETTINGS" and "STAGE_SHOWS" has to be before "SETTINGS" and "SHOWS"
 const storesToSave = ["SYNCED_SETTINGS", "STAGE_SHOWS", "SHOWS", "EVENTS", "OVERLAYS", "PROJECTS", "SETTINGS", "TEMPLATES", "THEMES", "MEDIA", "DRIVE_API_KEY"]
 // don't upload: config.json, cache.json, history.json
 
-export async function startBackup({ showsPath, dataPath, scripturePath }: any) {
+export async function startBackup({ showsPath, dataPath, scripturePath, customTriggers }: any) {
     let shows: any = null
     // let bibles: any = null
     console.log(scripturePath)
 
     let backupPath: string = getDataFolder(dataPath, dataFolderNames.backups)
+    let backupFolder = createFolder(path.join(backupPath, getTimePointString()))
 
     // CONFIGS
     await Promise.all(storesToSave.map(syncStores))
@@ -25,8 +26,10 @@ export async function startBackup({ showsPath, dataPath, scripturePath }: any) {
     // SHOWS
     await syncAllShows()
 
-    toApp(MAIN, { channel: "BACKUP", data: { finished: true, path: backupPath } })
-    openSystemFolder(backupPath)
+    toApp(MAIN, { channel: "BACKUP", data: { finished: true, path: backupFolder } })
+
+    if (customTriggers?.changeUserData) updateDataPath(customTriggers.changeUserData)
+    else if (!customTriggers?.silent) openSystemFolder(backupFolder)
 
     return
 
@@ -40,7 +43,7 @@ export async function startBackup({ showsPath, dataPath, scripturePath }: any) {
         // else if (id === "SYNCED_SETTINGS") bibles = store.store?.scriptures
 
         let content: string = JSON.stringify(store.store)
-        let p: string = path.resolve(backupPath, name)
+        let p: string = path.resolve(backupFolder, name)
         writeFile(p, content)
     }
 
@@ -60,7 +63,7 @@ export async function startBackup({ showsPath, dataPath, scripturePath }: any) {
         }
 
         let content: string = JSON.stringify(allShows)
-        let p: string = path.resolve(backupPath, name)
+        let p: string = path.resolve(backupFolder, name)
         writeFile(p, content)
     }
 }
diff --git a/src/electron/data/export.ts b/src/electron/data/export.ts
index 04bcf153..6f56510f 100644
--- a/src/electron/data/export.ts
+++ b/src/electron/data/export.ts
@@ -7,10 +7,10 @@ import fs from "fs"
 import { join } from "path"
 import { EXPORT, MAIN, STARTUP } from "../../types/Channels"
 import { isProd, toApp } from "../index"
-import { dataFolderNames, doesPathExist, getDataFolder, getShowsFromIds, makeDir, openSystemFolder, parseShow, readFile, selectFolderDialog } from "../utils/files"
+import { createFolder, dataFolderNames, doesPathExist, getDataFolder, getShowsFromIds, getTimePointString, makeDir, openSystemFolder, parseShow, readFile, selectFolderDialog } from "../utils/files"
 import { exportOptions } from "../utils/windowOptions"
 import { Message } from "../../types/Socket"
-import { getAllShows } from "../utils/responses"
+import { getAllShows } from "../utils/shows"
 
 // SHOW: .show, PROJECT: .project, BIBLE: .fsb
 const customJSONExtensions: any = {
@@ -36,6 +36,12 @@ export function startExport(_e: any, msg: Message) {
         return
     }
 
+    if (msg.channel === "USAGE") {
+        let path = createFolder(join(msg.data.path, "Usage"))
+        exportJSONFile(msg.data.content, path, getTimePointString())
+        return
+    }
+
     if (msg.channel === "ALL_SHOWS") {
         exportAllShows(msg.data)
         return
@@ -127,6 +133,10 @@ export function exportJSON(content: any, extension: string, path: string) {
     writeFile(join(path, content.name || "Unnamed"), extension, JSON.stringify(content, null, 4), "utf-8", (err: any) => doneWritingFile(err, path))
 }
 
+export function exportJSONFile(content: any, path: string, name: string) {
+    writeFile(join(path, name), ".json", JSON.stringify(content, null, 4), "utf-8", (err: any) => doneWritingFile(err, path))
+}
+
 // ----- SHOW -----
 
 export function exportShow(data: any) {
@@ -212,10 +222,7 @@ function exportAllShows(data: any) {
 
     if (shows.length) {
         // create custom folder to organize the amount of files
-        let folderName = new Date().toISOString()
-        folderName = folderName.slice(0, folderName.indexOf("T"))
-        folderName += `_${new Date().getHours()}-${new Date().getMinutes()}`
-        data.path = join(data.path, folderName)
+        data.path = join(data.path, getTimePointString())
         makeDir(data.path)
 
         if (type === "show") exportShow({ ...data, shows })
diff --git a/src/electron/data/store.ts b/src/electron/data/store.ts
index c9639244..c5b53e22 100644
--- a/src/electron/data/store.ts
+++ b/src/electron/data/store.ts
@@ -25,6 +25,7 @@ const fileNames: { [key: string]: string } = {
     media: "media",
     cache: "cache",
     history: "history",
+    usage: "usage",
 }
 
 // NOTE: defaults will always replace the keys with any in the default when they are removed
@@ -96,6 +97,7 @@ let driveKeys = new Store({ name: fileNames.driveKeys, defaults: {}, ...storeExt
 const media = new Store({ name: fileNames.media, defaults: {}, accessPropertiesByDotNotation: false, serialize: (v) => JSON.stringify(v), ...storeExtraConfig })
 const cache = new Store({ name: fileNames.cache, defaults: {}, serialize: (v) => JSON.stringify(v), ...storeExtraConfig })
 let history = new Store({ name: fileNames.history, defaults: {}, serialize: (v) => JSON.stringify(v), ...storeExtraConfig })
+let usage = new Store({ name: fileNames.usage, defaults: { all: [] }, serialize: (v) => JSON.stringify(v), ...storeExtraConfig })
 
 export let stores: { [key: string]: Store<any> } = {
     SETTINGS: settings,
@@ -111,6 +113,7 @@ export let stores: { [key: string]: Store<any> } = {
     MEDIA: media,
     CACHE: cache,
     HISTORY: history,
+    USAGE: usage,
 }
 
 // ----- GET STORE -----
diff --git a/src/electron/index.ts b/src/electron/index.ts
index 93c7e37e..36b4e806 100644
--- a/src/electron/index.ts
+++ b/src/electron/index.ts
@@ -18,8 +18,9 @@ import { stopApiListener } from "./utils/api"
 import { checkShowsFolder, dataFolderNames, deleteFile, getDataFolder, loadShows, writeFile } from "./utils/files"
 import { template } from "./utils/menuTemplate"
 import { stopMidi } from "./utils/midi"
-import { catchErrors, loadScripture, loadShow, receiveMain, renameShows, saveRecording, startImport } from "./utils/responses"
+import { catchErrors, loadScripture, loadShow, receiveMain, saveRecording, startImport } from "./utils/responses"
 import { loadingOptions, mainOptions } from "./utils/windowOptions"
+import { renameShows } from "./utils/shows"
 
 // ----- STARTUP -----
 
@@ -329,8 +330,8 @@ app.on("web-contents-created", (_e, contents) => {
 ipcMain.on(STORE, (e, msg) => {
     if (userDataPath === null) updateDataPath()
 
-    if (msg.channel === "UPDATE_PATH") updateDataPath(msg.data)
-    else if (msg.channel === "SAVE") save(msg.data)
+    // if (msg.channel === "UPDATE_PATH") updateDataPath(msg.data)
+    if (msg.channel === "SAVE") save(msg.data)
     else if (msg.channel === "SHOWS") loadShows(msg.data)
     else if (stores[msg.channel]) getStore(msg.channel, e)
 })
@@ -388,11 +389,11 @@ function save(data: any) {
         // SAVED
         if (!data.reset) {
             setTimeout(() => {
-                toApp(STORE, { channel: "SAVE", data: { closeWhenFinished: data.closeWhenFinished, backup: data.backup } })
+                toApp(STORE, { channel: "SAVE", data: { closeWhenFinished: data.closeWhenFinished, customTriggers: data.customTriggers } })
             }, 300)
         }
 
-        if (data.backup) startBackup({ showsPath: data.path, dataPath: data.dataPath, scripturePath })
+        if (data.customTriggers?.backup || data.customTriggers?.changeUserData) startBackup({ showsPath: data.path, dataPath: data.dataPath, scripturePath, customTriggers: data.customTriggers })
     }, 700)
 }
 
diff --git a/src/electron/utils/LyricSearch.ts b/src/electron/utils/LyricSearch.ts
index 5c12c3db..88ab3443 100644
--- a/src/electron/utils/LyricSearch.ts
+++ b/src/electron/utils/LyricSearch.ts
@@ -1,55 +1,48 @@
 import axios from "axios"
 
 export type LyricSearchResult = {
-    source: string,
-    key: string,
-    artist: string,
+    source: string
+    key: string
+    artist: string
     title: string
     originalQuery?: string
 }
 
 export class LyricSearch {
-
-    
-
-    static search = async (artist:string, title: string) => {
-        const results = await Promise.all([
-            LyricSearch.searchGenius(artist, title),
-            LyricSearch.searchHymnary(title)
-        ])
+    static search = async (artist: string, title: string) => {
+        const results = await Promise.all([LyricSearch.searchGenius(artist, title), LyricSearch.searchHymnary(title)])
         return results.flat()
     }
 
-    static get(song:LyricSearchResult) {
+    static get(song: LyricSearchResult) {
         if (song.source === "Genius") return LyricSearch.getGenius(song)
         else if (song.source === "Hymnary") return LyricSearch.getHymnary(song)
         return Promise.resolve("")
     }
 
-
     //GENIUS
     private static getGeniusClient = () => {
         const Genius = require("genius-lyrics")
         return new Genius.Client()
     }
 
-    private static searchGenius = async (artist:string, title: string) => {
+    private static searchGenius = async (artist: string, title: string) => {
         try {
             const client = this.getGeniusClient()
             const songs = await client.songs.search(title + artist)
-            if (songs.length>3) songs.splice(3, songs.length-3)
-            return songs.map((s:any) => LyricSearch.convertGenuisToResult(s, title + artist));
+            if (songs.length > 3) songs.splice(3, songs.length - 3)
+            return songs.map((s: any) => LyricSearch.convertGenuisToResult(s, title + artist))
         } catch (ex) {
-            console.log(ex);
+            console.log(ex)
             return []
         }
     }
 
     //Would greatly prefer to just load via url or id, but the api fails often with these methods (malformed json)
-    private static getGenius = async (song:LyricSearchResult) => {
+    private static getGenius = async (song: LyricSearchResult) => {
         const client = this.getGeniusClient()
         const songs = await client.songs.search(song.originalQuery || "")
-        let result = "";
+        let result = ""
         for (let i = 0; i < songs.length; i++) {
             if (songs[i].id.toString() === song.key) {
                 result = await songs[i].lyrics()
@@ -59,13 +52,13 @@ export class LyricSearch {
         return result
     }
 
-    private static convertGenuisToResult = (geniusResult:any, originalQuery:string) => {
+    private static convertGenuisToResult = (geniusResult: any, originalQuery: string) => {
         return {
             source: "Genius",
             key: geniusResult.id.toString(),
             artist: geniusResult.artist.name,
             title: geniusResult.title,
-            originalQuery: originalQuery
+            originalQuery: originalQuery,
         } as LyricSearchResult
     }
 
@@ -76,51 +69,52 @@ export class LyricSearch {
             const response = await axios.get(url)
             const csv = await response.data
             const songs = LyricSearch.CSVToArray(csv, ",")
-            if (songs.length>0) songs.splice(0, 1)
-            for (let i=songs.length-1; i>=0; i--) if (songs[i].length<7) songs.splice(i, 1)
-            if (songs.length>3) songs.splice(3, songs.length-3)
-            return songs.map((s:any) => LyricSearch.convertHymnaryToResult(s, title));
+            if (songs.length > 0) songs.splice(0, 1)
+            for (let i = songs.length - 1; i >= 0; i--) if (songs[i].length < 7) songs.splice(i, 1)
+            if (songs.length > 3) songs.splice(3, songs.length - 3)
+            return songs.map((s: any) => LyricSearch.convertHymnaryToResult(s, title))
         } catch (ex) {
-            console.log(ex);
+            console.log(ex)
             return []
         }
     }
 
-    private static getHymnary = async (song:LyricSearchResult) => {
+    private static getHymnary = async (song: LyricSearchResult) => {
         const url = `https://hymnary.org/text/${song.key}`
         const response = await axios.get(url)
         const html = await response.data
-        const regex = /<div property=\"text\">(.*?)<\/div>/sg
+        const regex = /<div property=\"text\">(.*?)<\/div>/gs
         const match = regex.exec(html)
 
         let result = ""
         if (match) {
             result = match[0]
+            result = result.replace(/<br\s*\/?>/gi, "\n")
+            result = result.replaceAll("\n\n", "\n").replaceAll("\n\r\n", "\n")
             result = result.replaceAll("</p>", "\n\n")
-            result = result.replace(/<[^>]*>?/gm, '');
+            result = result.replaceAll("\n\n\n", "\n\n").replaceAll("\n\r\n\n", "\n\n")
+            result = result.replace(/<[^>]*>?/gm, "")
 
             const lines = result.split("\n")
-            const newLines:any[] = []
-            lines.forEach((line, idx) => {
-                if (idx<lines.length-3)
-                {
-                    let contents = line.replace(/^\d+\s+/gm, ''); //remove leading numbers
-                    newLines.push(contents)
-                }
-            });
-            result = newLines.join("\n")
+            const newLines: any[] = []
+            lines.pop() // remove source
+            lines.forEach((line) => {
+                let contents = line.replace(/^\d+\s+/gm, "").trim() //remove leading numbers
+                newLines.push(contents)
+            })
+            result = newLines.join("\n").trim()
         }
 
         return result
     }
 
-    private static convertHymnaryToResult = (hymnaryResult:any, originalQuery:string) => {
+    private static convertHymnaryToResult = (hymnaryResult: any, originalQuery: string) => {
         return {
             source: "Hymnary",
             key: hymnaryResult[4],
             artist: hymnaryResult[6],
             title: hymnaryResult[0],
-            originalQuery: originalQuery
+            originalQuery: originalQuery,
         } as LyricSearchResult
     }
 
@@ -128,26 +122,23 @@ export class LyricSearch {
     // This will parse a delimited string into an array of
     // arrays. The default delimiter is the comma, but this
     // can be overriden in the second argument.
-    static CSVToArray( strData:string, strDelimiter:string ){
-        strDelimiter = (strDelimiter || ",");
-    
-        var objPattern = new RegExp((
-                "(\\" + strDelimiter + "|\\r?\\n|\\r|^)" +
-                "(?:\"([^\"]*(?:\"\"[^\"]*)*)\"|" +
-                "([^\"\\" + strDelimiter + "\\r\\n]*))"
-            ), "gi");
-    
-        var arrData:any[] = [[]];
-        var arrMatches = null;
-        while (arrMatches = objPattern.exec( strData )){
-            var strMatchedDelimiter = arrMatches[ 1 ];
-            if (strMatchedDelimiter.length && strMatchedDelimiter !== strDelimiter) { arrData.push( [] ); }
-            var strMatchedValue;
-            if (arrMatches[ 2 ]) strMatchedValue = arrMatches[ 2 ].replace(new RegExp( "\"\"", "g" ), "\"");
-            else strMatchedValue = arrMatches[ 3 ];
-            arrData[ arrData.length - 1 ].push( strMatchedValue );
+    static CSVToArray(strData: string, strDelimiter: string) {
+        strDelimiter = strDelimiter || ","
+
+        var objPattern = new RegExp("(\\" + strDelimiter + "|\\r?\\n|\\r|^)" + '(?:"([^"]*(?:""[^"]*)*)"|' + '([^"\\' + strDelimiter + "\\r\\n]*))", "gi")
+
+        var arrData: any[] = [[]]
+        var arrMatches = null
+        while ((arrMatches = objPattern.exec(strData))) {
+            var strMatchedDelimiter = arrMatches[1]
+            if (strMatchedDelimiter.length && strMatchedDelimiter !== strDelimiter) {
+                arrData.push([])
+            }
+            var strMatchedValue
+            if (arrMatches[2]) strMatchedValue = arrMatches[2].replace(new RegExp('""', "g"), '"')
+            else strMatchedValue = arrMatches[3]
+            arrData[arrData.length - 1].push(strMatchedValue)
         }
-        return( arrData );
+        return arrData
     }
-
-}
\ No newline at end of file
+}
diff --git a/src/electron/utils/files.ts b/src/electron/utils/files.ts
index 506aecc1..9f90f4aa 100644
--- a/src/electron/utils/files.ts
+++ b/src/electron/utils/files.ts
@@ -14,7 +14,7 @@ import { createThumbnail } from "../data/thumbnails"
 import { OutputHelper } from "../output/OutputHelper"
 import { OPEN_FILE } from "./../../types/Channels"
 import { mainWindow, toApp } from "./../index"
-import { getAllShows, trimShow } from "./responses"
+import { getAllShows, trimShow } from "./shows"
 
 function actionComplete(err: Error | null, actionFailedMessage: string) {
     if (err) console.error(actionFailedMessage + ":", err)
@@ -148,11 +148,11 @@ export function openSystemFolder(path: string) {
 }
 
 const appFolderName = "FreeShow"
-export function getDocumentsFolder(p: any = null, folderName: string = "Shows"): string {
+export function getDocumentsFolder(p: any = null, folderName: string = "Shows", createFolder: boolean = true): string {
     let folderPath = [app.getPath("documents"), appFolderName]
     if (folderName) folderPath.push(folderName)
     if (!p) p = path.join(...folderPath)
-    if (!doesPathExist(p)) p = makeDir(p)
+    if (!doesPathExist(p) && createFolder) p = makeDir(p)
 
     return p
 }
@@ -188,11 +188,20 @@ export function getDataFolder(dataPath: string, name: string) {
 
 // HELPERS
 
-function createFolder(path: string) {
+export function createFolder(path: string) {
     if (doesPathExist(path)) return path
     return makeDir(path)
 }
 
+export function getTimePointString() {
+    const date = new Date()
+    let name = date.toISOString()
+    name = name.slice(0, name.indexOf("T"))
+    name += `_${("0" + date.getHours()).slice(-2)}-${("0" + date.getMinutes()).slice(-2)}`
+
+    return name
+}
+
 export function fileContentMatches(content: string | NodeJS.ArrayBufferView, path: string): boolean {
     if (doesPathExist(path) && content === readFile(path)) return true
     return false
@@ -657,7 +666,9 @@ const FIXES: any = {
     },
 }
 function specialCaseFixer() {
-    let defaultDataFolder = getDocumentsFolder(null, "")
+    let defaultDataFolder = getDocumentsFolder(null, "", false)
+    if (!doesPathExist(defaultDataFolder)) return
+
     let files: string[] = readFolder(defaultDataFolder)
     files.forEach((fileName) => {
         let matchFound = Object.keys(FIXES).find((key) => fileName.includes(key))
diff --git a/src/electron/utils/responses.ts b/src/electron/utils/responses.ts
index 0850fe70..09f7b197 100644
--- a/src/electron/utils/responses.ts
+++ b/src/electron/utils/responses.ts
@@ -8,7 +8,6 @@ import os from "os"
 import path from "path"
 import { closeMain, isProd, mainWindow, maximizeMain, setGlobalMenu, toApp } from ".."
 import { BIBLE, MAIN, SHOW } from "../../types/Channels"
-import { Show } from "../../types/Show"
 import { restoreFiles } from "../data/backup"
 import { downloadMedia } from "../data/downloadMedia"
 import { importShow } from "../data/import"
@@ -16,6 +15,7 @@ import { convertPDFToImages } from "../data/pdfToImage"
 import { config, error_log, stores } from "../data/store"
 import { getThumbnail, getThumbnailFolderPath, saveImage } from "../data/thumbnails"
 import { OutputHelper } from "../output/OutputHelper"
+import { getPresentationApplications, presentationControl, startSlideshow } from "../output/ppt/presentation"
 import { closeServers, startServers } from "../servers"
 import { Message } from "./../../types/Socket"
 import { startWebSocketAndRest, stopApiListener } from "./api"
@@ -23,8 +23,6 @@ import {
     bundleMediaFiles,
     checkShowsFolder,
     dataFolderNames,
-    deleteFile,
-    doesPathExist,
     getDataFolder,
     getDocumentsFolder,
     getFileInfo,
@@ -35,11 +33,8 @@ import {
     loadFile,
     locateMediaFile,
     openSystemFolder,
-    parseShow,
     readExifData,
     readFile,
-    readFolder,
-    renameFile,
     selectFiles,
     selectFilesDialog,
     selectFolder,
@@ -47,8 +42,8 @@ import {
 } from "./files"
 import { LyricSearch } from "./LyricSearch"
 import { closeMidiInPorts, getMidiInputs, getMidiOutputs, receiveMidi, sendMidi } from "./midi"
+import { deleteShows, deleteShowsNotIndexed, getAllShows, getEmptyShows, refreshAllShows } from "./shows"
 import checkForUpdates from "./updater"
-import { getPresentationApplications, presentationControl, startSlideshow } from "../output/ppt/presentation"
 
 // IMPORT
 export function startImport(_e: any, msg: Message) {
@@ -114,8 +109,10 @@ const mainResponses: any = {
     GET_STORE_VALUE: (data: any) => getStoreValue(data),
     SET_STORE_VALUE: (data: any) => setStoreValue(data),
     // SHOWS
-    DELETE_SHOWS: (data: any) => deleteShowsNotIndexed(data),
+    DELETE_SHOWS: (data: any) => deleteShows(data),
+    DELETE_SHOWS_NI: (data: any) => deleteShowsNotIndexed(data),
     REFRESH_SHOWS: (data: any) => refreshAllShows(data),
+    GET_EMPTY_SHOWS: (data: any) => getEmptyShows(data),
     FULL_SHOWS_LIST: (data: any) => getAllShows(data),
     // OUTPUT
     GET_SCREENS: (): void => getScreens(),
@@ -180,88 +177,6 @@ export function receiveMain(e: any, msg: Message) {
 
 ///// HELPERS /////
 
-// SHOWS
-function deleteShowsNotIndexed(data: any) {
-    // get all names
-    let names: string[] = Object.entries(data.shows).map(([id, { name }]: any) => (name || id) + ".show")
-
-    // list all shows in folder
-    let filesInFolder: string[] = readFolder(data.path)
-    if (!filesInFolder.length) return
-
-    let deleted: string[] = []
-
-    for (const name of filesInFolder) checkFile(name)
-    function checkFile(name: string) {
-        if (names.includes(name) || !name.includes(".show")) return
-
-        let p: string = path.join(data.path, name)
-        deleteFile(p)
-        deleted.push(name)
-    }
-
-    toApp("MAIN", { channel: "DELETE_SHOWS", data: { deleted } })
-}
-
-export function getAllShows(data: any) {
-    if (!doesPathExist(data.path)) return []
-
-    let filesInFolder: string[] = readFolder(data.path).filter((a) => a.includes(".show") && a.length > 5)
-    return filesInFolder
-}
-
-function refreshAllShows(data: any) {
-    if (!doesPathExist(data.path)) return
-
-    // list all shows in folder
-    let filesInFolder: string[] = readFolder(data.path)
-    if (!filesInFolder.length) return
-
-    let newShows: any = {}
-
-    for (const name of filesInFolder) loadFile(name)
-    function loadFile(name: string) {
-        if (!name.includes(".show")) return
-
-        let p: string = path.join(data.path, name)
-        let show = parseShow(readFile(p))
-
-        if (!show || !show[1]) return
-
-        newShows[show[0]] = trimShow({ ...show[1], name: name.replace(".show", "") })
-    }
-
-    if (!Object.keys(newShows).length) return
-    toApp("MAIN", { channel: "REFRESH_SHOWS", data: newShows })
-}
-
-export function renameShows(shows: any, path: string) {
-    for (const show of shows) checkFile(show)
-    function checkFile(show: any) {
-        let oldName = show.oldName + ".show"
-        let newName = (show.name || show.id) + ".show"
-
-        renameFile(path, oldName, newName)
-    }
-}
-
-// WIP duplicate of setShow.ts
-export function trimShow(showCache: Show) {
-    let show: any = {}
-    if (!showCache) return show
-
-    show = {
-        name: showCache.name,
-        category: showCache.category,
-        timestamps: showCache.timestamps,
-        quickAccess: showCache.quickAccess || {},
-    }
-    if (showCache.private) show.private = true
-    if (showCache.locked) show.locked = true
-
-    return show
-}
-
 // URL: open url in default web browser
 export const openURL = (url: string) => {
     shell.openExternal(url)
diff --git a/src/electron/utils/shows.ts b/src/electron/utils/shows.ts
new file mode 100644
index 00000000..e8dde0a4
--- /dev/null
+++ b/src/electron/utils/shows.ts
@@ -0,0 +1,152 @@
+import path from "path"
+import { toApp } from ".."
+import { Show } from "../../types/Show"
+import { deleteFile, doesPathExist, parseShow, readFile, readFolder, renameFile } from "./files"
+
+export function getAllShows(data: any) {
+    if (!doesPathExist(data.path)) return []
+
+    let filesInFolder: string[] = readFolder(data.path).filter((a) => a.includes(".show") && a.length > 5)
+    return filesInFolder
+}
+
+export function renameShows(shows: any, path: string) {
+    for (const show of shows) checkFile(show)
+    function checkFile(show: any) {
+        let oldName = show.oldName + ".show"
+        let newName = (show.name || show.id) + ".show"
+
+        renameFile(path, oldName, newName)
+    }
+}
+
+// WIP duplicate of setShow.ts
+export function trimShow(showCache: Show) {
+    let show: any = {}
+    if (!showCache) return show
+
+    show = {
+        name: showCache.name,
+        category: showCache.category,
+        timestamps: showCache.timestamps,
+        quickAccess: showCache.quickAccess || {},
+    }
+    if (showCache.private) show.private = true
+    if (showCache.locked) show.locked = true
+
+    return show
+}
+
+/////
+
+// let hasContent = !!Object.values(show.slides).find((slide) => slide.items.find((item) => item.lines?.find((line) => line.text?.find((text) => text.value?.length))))
+
+function showHasLayoutContent(show: Show) {
+    return !!Object.values(show.layouts).find((layout) => layout.slides.length)
+}
+
+export function getShowTextContent(show: Show) {
+    let textContent = ""
+    Object.values(show.slides).forEach((slide) => {
+        slide.items.forEach((item) => {
+            item.lines?.forEach((line) => {
+                line.text?.forEach((text) => {
+                    textContent += text.value
+                })
+            })
+        })
+    })
+    return textContent
+}
+
+/////
+
+export function deleteShows(data: any) {
+    let deleted: string[] = []
+
+    data.shows.forEach(({ id, name }: any) => {
+        name = (name || id) + ".show"
+        let p: string = path.join(data.path, name)
+
+        deleteFile(p)
+        deleted.push(name)
+    })
+
+    refreshAllShows(data)
+    toApp("MAIN", { channel: "DELETE_SHOWS", data: { deleted } })
+}
+
+export function deleteShowsNotIndexed(data: any) {
+    // get all names
+    let names: string[] = Object.entries(data.shows).map(([id, { name }]: any) => (name || id) + ".show")
+
+    // list all shows in folder
+    let filesInFolder: string[] = readFolder(data.path)
+    if (!filesInFolder.length) return
+
+    let deleted: string[] = []
+
+    for (const name of filesInFolder) checkFile(name)
+    function checkFile(name: string) {
+        if (names.includes(name) || !name.includes(".show")) return
+
+        let p: string = path.join(data.path, name)
+        deleteFile(p)
+        deleted.push(name)
+    }
+
+    toApp("MAIN", { channel: "DELETE_SHOWS", data: { deleted } })
+}
+
+export function refreshAllShows(data: any) {
+    if (!doesPathExist(data.path)) return
+
+    // list all shows in folder
+    let filesInFolder: string[] = readFolder(data.path)
+    if (!filesInFolder.length) return
+
+    let newShows: any = {}
+
+    for (const name of filesInFolder) loadFile(name)
+    function loadFile(name: string) {
+        if (!name.includes(".show")) return
+
+        let p: string = path.join(data.path, name)
+        let show = parseShow(readFile(p))
+
+        if (!show || !show[1]) return
+
+        newShows[show[0]] = trimShow({ ...show[1], name: name.replace(".show", "") })
+    }
+
+    if (!Object.keys(newShows).length) return
+    toApp("MAIN", { channel: "REFRESH_SHOWS", data: newShows })
+}
+
+export function getEmptyShows(data: any) {
+    if (!doesPathExist(data.path)) return []
+
+    // list all shows in folder
+    let filesInFolder: string[] = readFolder(data.path)
+    if (!filesInFolder.length) return []
+
+    let emptyShows: { id: string; name: string }[] = []
+
+    for (const name of filesInFolder) loadFile(name)
+    function loadFile(name: string) {
+        if (!name.includes(".show")) return
+
+        let p: string = path.join(data.path, name)
+        let show = parseShow(readFile(p))
+        if (!show || !show[1]) return
+
+        // replace stored data with new unsaved cached data
+        if (data.cached?.[show[0]]) show[1] = data.cached[show[0]]
+        // check that it is empty
+        if (showHasLayoutContent(show[1]) || getShowTextContent(show[1]).length) return
+
+        emptyShows.push({ id: show[0], name: name.replace(".show", "") })
+    }
+
+    return emptyShows
+}
diff --git a/src/frontend/classes/Show.ts b/src/frontend/classes/Show.ts
index 08fc806f..84a691e7 100644
--- a/src/frontend/classes/Show.ts
+++ b/src/frontend/classes/Show.ts
@@ -12,6 +12,17 @@ export class ShowObj implements Show {
     settings: any
     timestamps: any
     quickAccess: any
+    message?: {
+        text: string
+        template?: string
+    }
+    metadata?: {
+        autoMedia?: boolean
+        override: boolean
+        display: string
+        template: string
+        tags?: string[]
+    }
     meta: any
     slides: any
     layouts: any
diff --git a/src/frontend/components/actions/customActivation.ts b/src/frontend/components/actions/customActivation.ts
index 3d14581f..066a426b 100644
--- a/src/frontend/components/actions/customActivation.ts
+++ b/src/frontend/components/actions/customActivation.ts
@@ -12,6 +12,8 @@ export const customActionActivations = [
     { id: "slide_click", name: "$:actions.activate_slide_clicked:$" },
     { id: "video_start", name: "$:actions.activate_video_starting:$" },
     { id: "video_end", name: "$:actions.activate_video_ending:$" },
+    { id: "audio_start", name: "$:actions.activate_audio_starting:$" },
+    { id: "audio_end", name: "$:actions.activate_audio_ending:$" },
     { id: "timer_end", name: "$:actions.activate_timer_ending:$" },
     { id: "scripture_start", name: "$:actions.activate_scripture_start:$" },
     { id: "slide_cleared", name: "$:actions.activate_slide_cleared:$" },
diff --git a/src/frontend/components/drawer/Drawer.svelte b/src/frontend/components/drawer/Drawer.svelte
index b117d5b8..af85cdb4 100644
--- a/src/frontend/components/drawer/Drawer.svelte
+++ b/src/frontend/components/drawer/Drawer.svelte
@@ -15,7 +15,7 @@
 
     const minHeight = 40
     const topHeight = 40
-    let maxHeight = window.innerHeight - topHeight - ($os.platform === "win32" ? MENU_BAR_HEIGHT : 0)
+    let maxHeight = window.innerHeight - topHeight - ($os.platform === "win32" ? MENU_BAR_HEIGHT - 0.3 : 0)
     $: height = $drawer.height
 
     let move: boolean = false
@@ -23,7 +23,7 @@
     function mousedown(e: any) {
         if (e.target.closest(".search")) return
 
-        maxHeight = window.innerHeight - topHeight - ($os.platform === "win32" ? MENU_BAR_HEIGHT : 0)
+        maxHeight = window.innerHeight - topHeight - ($os.platform === "win32" ? MENU_BAR_HEIGHT - 0.3 : 0)
         mouse = {
             x: e.clientX,
             y: e.clientY,
diff --git a/src/frontend/components/drawer/Navigation.svelte b/src/frontend/components/drawer/Navigation.svelte
index 79378d02..7cf3e86a 100644
--- a/src/frontend/components/drawer/Navigation.svelte
+++ b/src/frontend/components/drawer/Navigation.svelte
@@ -67,7 +67,7 @@
             buttons = getBibleVersions()
         } else if (id === "calendar") {
             buttons = [
-                { id: "event", name: "calendar.event", default: true, icon: "calendar" },
+                { id: "event", name: "menu._title_calendar", default: true, icon: "calendar" },
                 { id: "action", name: "calendar.schedule_action", default: true, icon: "actions" },
                 // WIP very few tabs
             ]
diff --git a/src/frontend/components/drawer/pages/Templates.svelte b/src/frontend/components/drawer/pages/Templates.svelte
index 35eb3a59..ae2b4497 100644
--- a/src/frontend/components/drawer/pages/Templates.svelte
+++ b/src/frontend/components/drawer/pages/Templates.svelte
@@ -70,7 +70,7 @@
                             if (!$activeShow || ($activeShow?.type || "show") !== "show" || e.ctrlKey || e.metaKey) return
                             if ($showsCache[$activeShow.id]?.locked) return
 
-                            history({ id: "TEMPLATE", newData: { id: template.id, data: { createItems: true } }, location: { page: "none", override: "show#" + $activeShow.id } })
+                            history({ id: "TEMPLATE", newData: { id: template.id, data: { createItems: true, shiftItems: e.shiftKey } }, location: { page: "none", override: "show#" + $activeShow.id } })
                         }}
                     >
                         <!-- icons -->
diff --git a/src/frontend/components/helpers/array.ts b/src/frontend/components/helpers/array.ts
index fd977966..c222a288 100644
--- a/src/frontend/components/helpers/array.ts
+++ b/src/frontend/components/helpers/array.ts
@@ -133,6 +133,24 @@ export function removeDeleted<T>(object: T): T {
     return (object as any).filter((o) => !o.deleted)
 }
 
+// remove every duplicated values in object
+export function removeDuplicateValues<T>(obj: T): T {
+    if (typeof obj !== "object") return obj
+
+    let uniqueObj: T = {} as T
+    const valueSet = new Set()
+
+    for (const [key, value] of Object.entries(obj!)) {
+        const valueStr = JSON.stringify(value)
+        if (!valueSet.has(valueStr)) {
+            valueSet.add(valueStr)
+            uniqueObj[key] = value
+        }
+    }
+
+    return uniqueObj
+}
+
 // change values from one object to another
 export function changeValues(object: any, values: { [key: string]: any }) {
     Object.entries(values).forEach(([key, value]: any) => {
diff --git a/src/frontend/components/helpers/audio.ts b/src/frontend/components/helpers/audio.ts
index fdb5b18a..046a9d14 100644
--- a/src/frontend/components/helpers/audio.ts
+++ b/src/frontend/components/helpers/audio.ts
@@ -38,6 +38,26 @@ export async function playAudio({ path, name = "", audio = null, stream = null }
 
     let encodedPath = encodeFilePath(path)
     audio = audio || new Audio(encodedPath)
+
+    // LISTENERS
+
+    audio.addEventListener("error", (err) => {
+        console.error("Could not get audio:", err)
+
+        playingAudio.update((a) => {
+            delete a[path]
+            return a
+        })
+    })
+
+    let readyToPlay: boolean = false
+    audio.addEventListener("canplay", () => {
+        readyToPlay = true
+        if (get(playingAudio)[path]?.audio) initAudio()
+    })
+
+    /////
+
     let analyser: any = await getAnalyser(audio, stream)
 
     // another audio might have been started while awaiting (if played rapidly)
@@ -70,24 +90,17 @@ export async function playAudio({ path, name = "", audio = null, stream = null }
 
     if (startAt > 0) audio.currentTime = startAt
 
-    audio.addEventListener("error", (err) => {
-        console.error("Could not get audio:", err)
-
-        playingAudio.update((a) => {
-            delete a[path]
-            return a
-        })
-    })
-
-    audio.addEventListener("canplay", () => {
+    if (readyToPlay) initAudio()
+    function initAudio() {
         setTimeout(() => {
             // audio might have been cleared
             if (!get(playingAudio)[path]?.audio) return
 
             get(playingAudio)[path].audio.play()
+            customActionActivation("audio_start")
             analyseAudio()
         }, waitToPlay * 1000)
-    })
+    }
 }
 
 let currentlyCrossfading: string[] = []
@@ -576,6 +589,7 @@ export function clearAudio(path: string = "", clearPlaylist: boolean = true) {
             if (!a[path]?.audio) return deleteAudio(path)
 
             a[path].audio.pause()
+            customActionActivation("audio_end")
             deleteAudio(path)
         }
 
diff --git a/src/frontend/components/helpers/historyActions.ts b/src/frontend/components/helpers/historyActions.ts
index d23206f1..15167ab2 100644
--- a/src/frontend/components/helpers/historyActions.ts
+++ b/src/frontend/components/helpers/historyActions.ts
@@ -728,6 +728,7 @@ export const historyActions = ({ obj, undo = null }: any) => {
             let slideId: string = data.indexes ? ref[data.indexes[0]]?.id : ""
 
             let createItems: boolean = !!data.data?.createItems
+            let shiftItems: boolean = !!data.data?.shiftItems
 
             if (deleting) {
                 let previousData = data.previousData
@@ -788,7 +789,7 @@ export const historyActions = ({ obj, undo = null }: any) => {
 
                     // roll items around
                     let newTemplate = data.previousData.template !== data.id
-                    if (createItems && !slide.settings?.template && !newTemplate) slide.items = [...slide.items.slice(1), slide.items[0]].filter((a) => a)
+                    if (shiftItems && !slide.settings?.template && !newTemplate) slide.items = [...slide.items.slice(1), slide.items[0]].filter((a) => a)
 
                     let changeOverflowItems = slide.settings?.template || createItems
                     let newItems = mergeWithTemplate(slide.items, slideTemplate.items, changeOverflowItems, obj.save !== false)
diff --git a/src/frontend/components/helpers/output.ts b/src/frontend/components/helpers/output.ts
index 0e548cd3..2f70e740 100644
--- a/src/frontend/components/helpers/output.ts
+++ b/src/frontend/components/helpers/output.ts
@@ -24,6 +24,7 @@ import {
     theme,
     themes,
     transitionData,
+    usageLog,
     videoExtensions,
 } from "../../stores"
 import { send } from "../../utils/request"
@@ -63,6 +64,9 @@ export function setOutput(key: string, data: any, toggle: boolean = false, outpu
         let firstOutputWithBackground = allOutputs.findIndex((id) => (get(styles)[get(outputs)[id]?.style || ""]?.layers || ["background"]).includes("background"))
         firstOutputWithBackground = Math.max(0, firstOutputWithBackground)
 
+        // append show usage if not already outputted
+        if (key === "slide" && data?.id && get(outputs)[outs[0]]?.out?.slide?.id !== data?.id) appendShowUsage(data.id)
+
         outs.forEach((id: string) => {
             let output: any = a[id]
             if (!output.out) a[id].out = {}
@@ -100,6 +104,26 @@ export function setOutput(key: string, data: any, toggle: boolean = false, outpu
     })
 }
 
+function appendShowUsage(showId: string) {
+    let show = get(showsCache)[showId]
+    if (!show) return
+
+    usageLog.update((a) => {
+        let metadata = show.meta || {}
+        // remove empty values
+        Object.keys(metadata).forEach((key) => {
+            if (!metadata[key]) delete metadata[key]
+        })
+
+        a.all.push({
+            name: show.name,
+            time: Date.now(),
+            metadata,
+        })
+        return a
+    })
+}
+
 function changeOutputBackground(data, { output, id, mute }) {
     if (get(currentWindow) === null) {
         setTimeout(() => {
@@ -258,8 +282,9 @@ export function outputSlideHasContent(output) {
 
 // WIP style should override any slide resolution & color ? (it does not)
 
-export function getResolution(initial: Resolution | undefined | null = null, _updater: any = null, getSlideRes: boolean = false): Resolution {
-    let currentOutput = get(outputs)[getActiveOutputs()[0]]
+export function getResolution(initial: Resolution | undefined | null = null, _updater: any = null, getSlideRes: boolean = false, outputId: string = ""): Resolution {
+    if (!outputId) outputId = getActiveOutputs()[0]
+    let currentOutput = get(outputs)[outputId]
     let style = currentOutput?.style ? get(styles)[currentOutput?.style]?.resolution : null
     let slideRes: any = null
 
@@ -729,6 +754,10 @@ export function getStyleTemplate(outSlide: any, currentStyle: any) {
     return template
 }
 
+export function slideHasAutoSizeItem(slide: any) {
+    return slide?.items?.find((a) => a.auto)
+}
+
 export function setTemplateStyle(outSlide: any, currentStyle: any, items: Item[]) {
     let isDrawerScripture = outSlide?.id === "temp"
     let slideItems = isDrawerScripture ? outSlide.tempItems : items
diff --git a/src/frontend/components/helpers/time.ts b/src/frontend/components/helpers/time.ts
index 8e500ca1..2ec279f5 100644
--- a/src/frontend/components/helpers/time.ts
+++ b/src/frontend/components/helpers/time.ts
@@ -151,3 +151,10 @@ export function timeAgo(time: number) {
     const count = Math.floor(seconds / interval.seconds)
     return `${count} ${interval.label}${count !== 1 ? "s" : ""} ago`
 }
+
+export function getTimeFromInterval(interval) {
+    if (interval === "daily") return 86400000
+    if (interval === "weekly") return 604800000
+    if (interval === "mothly") return 2592000000
+    return 0
+}
diff --git a/src/frontend/components/inputs/Button.svelte b/src/frontend/components/inputs/Button.svelte
index 448786a9..d0008768 100644
--- a/src/frontend/components/inputs/Button.svelte
+++ b/src/frontend/components/inputs/Button.svelte
@@ -184,6 +184,7 @@
         /* padding: 0 0.5em; */
         /* padding-left: 0.2em; */
         box-sizing: content-box;
+        border: 0 !important; /* remove CombinedInput border */
     }
     button.active :global(svg) {
         fill: var(--text);
diff --git a/src/frontend/components/inputs/MediaPicker.svelte b/src/frontend/components/inputs/MediaPicker.svelte
index 809b1db7..bb1704e4 100644
--- a/src/frontend/components/inputs/MediaPicker.svelte
+++ b/src/frontend/components/inputs/MediaPicker.svelte
@@ -10,6 +10,7 @@
     export let title: string = ""
     export let multiple: boolean = false
     export let clearOnClick: boolean = false
+    export let center: boolean = true
 
     function pick() {
         if (clearOnClick) {
@@ -33,6 +34,6 @@
     }
 </script>
 
-<Button {title} style={$$props.style || null} on:click={pick} center dark>
+<Button {title} style={$$props.style || null} on:click={pick} {center} dark>
     <slot />
 </Button>
diff --git a/src/frontend/components/inputs/TextArea.svelte b/src/frontend/components/inputs/TextArea.svelte
index 5940e21c..4d5be3bd 100644
--- a/src/frontend/components/inputs/TextArea.svelte
+++ b/src/frontend/components/inputs/TextArea.svelte
@@ -4,10 +4,11 @@
     export let style: string = ""
 
     export let center: boolean = false
+    export let disabled: boolean = false
     export let autofocus: boolean = false
 </script>
 
-<textarea class="edit" {placeholder} {value} {style} class:center {autofocus} on:input />
+<textarea class="edit" {placeholder} {value} {style} class:center {disabled} {autofocus} on:input />
 
 <style>
     textarea {
@@ -27,7 +28,7 @@
     textarea.center {
         text-align: center;
     }
-    textarea:hover {
+    textarea:hover:not(:disabled) {
         background-color: var(--hover);
     }
 
diff --git a/src/frontend/components/inputs/TextInput.svelte b/src/frontend/components/inputs/TextInput.svelte
index 7e8c5037..bc2c3d78 100644
--- a/src/frontend/components/inputs/TextInput.svelte
+++ b/src/frontend/components/inputs/TextInput.svelte
@@ -17,7 +17,7 @@
 </script>
 
 <!-- svelte-ignore a11y-autofocus -->
-<input {id} {type} class="edit" {value} {placeholder} {style} class:center class:light {disabled} {autofocus} use:select on:input on:change on:keydown />
+<input {id} {type} class="edit" {value} {placeholder} {style} class:center class:light {disabled} {autofocus} use:select on:input on:change on:keydown on:paste />
 
 <style>
     input {
diff --git a/src/frontend/components/main/Toast.svelte b/src/frontend/components/main/Toast.svelte
index 224cb187..2590ff95 100644
--- a/src/frontend/components/main/Toast.svelte
+++ b/src/frontend/components/main/Toast.svelte
@@ -60,6 +60,7 @@
 
         padding: 8px 16px;
 
-        line-break: anywhere;
+        /* line-break: anywhere; */
+        overflow-x: auto;
     }
 </style>
diff --git a/src/frontend/components/main/popups/CreatePlayer.svelte b/src/frontend/components/main/popups/CreatePlayer.svelte
index e518350f..35376ba8 100644
--- a/src/frontend/components/main/popups/CreatePlayer.svelte
+++ b/src/frontend/components/main/popups/CreatePlayer.svelte
@@ -58,12 +58,13 @@
     <CombinedInput textWidth={40}>
         <p><T id="inputs.name" /></p>
         <!-- placeholder={$dictionary.inputs?.name} -->
-        <TextInput value={data.name} on:change={(e) => setValue(e, "name")} />
+        <TextInput value={data.name} on:input={(e) => setValue(e, "name")} on:paste={(e) => setValue(e, "name")} />
     </CombinedInput>
     <CombinedInput textWidth={40}>
         <p><T id="inputs.video_id" /></p>
         <!-- placeholder="X-AJdKty74M" -->
-        <TextInput value={data.id} on:change={(e) => setValue(e, "id")} />
+        <!-- on:change did not trigger when pasting a value on mac -->
+        <TextInput value={data.id} on:input={(e) => setValue(e, "id")} on:paste={(e) => setValue(e, "id")} />
     </CombinedInput>
 
     <br />
diff --git a/src/frontend/components/main/popups/DeleteDuplicatedShows.svelte b/src/frontend/components/main/popups/DeleteDuplicatedShows.svelte
new file mode 100644
index 00000000..46ed5a27
--- /dev/null
+++ b/src/frontend/components/main/popups/DeleteDuplicatedShows.svelte
@@ -0,0 +1,262 @@
+<script lang="ts">
+    import { Show } from "../../../../types/Show"
+    import { activePage, activePopup, dictionary, popupData, shows, showsCache } from "../../../stores"
+    import { getSlideText } from "../../edit/scripts/textStyle"
+    import { history } from "../../helpers/history"
+    import Icon from "../../helpers/Icon.svelte"
+    import { loadShows } from "../../helpers/setShow"
+    import T from "../../helpers/T.svelte"
+    import Button from "../../inputs/Button.svelte"
+    import CombinedInput from "../../inputs/CombinedInput.svelte"
+    import TextArea from "../../inputs/TextArea.svelte"
+    import Center from "../../system/Center.svelte"
+    import Date from "../../system/Date.svelte"
+    import Loader from "../Loader.svelte"
+
+    let data = $popupData.data
+
+    let loading: boolean = false
+    async function deleteMatching() {
+        loading = true
+        let deleteIds: string[] = []
+
+        await Promise.all(
+            data.map(async ({ ids }) => {
+                await loadShows(ids)
+                let compareShowText = getShowText($showsCache[ids[0]])
+                if (!compareShowText) return
+                let dIds: string[] = []
+
+                ids.forEach((id, i) => {
+                    if (i === 0) {
+                        dIds.push(id)
+                        return
+                    }
+
+                    let showText = getShowText($showsCache[id])
+                    if (compareShowText === showText) dIds.push(id)
+                })
+
+                if (dIds.length > 1) deleteIds.push(...dIds)
+            })
+        )
+
+        deleteShows(deleteIds)
+        // loading = false
+        activePopup.set(null)
+        activePage.set("show")
+    }
+
+    function deleteOldest() {
+        let deleteIds: string[] = []
+
+        data.forEach(({ ids }) => {
+            let keepId = ""
+
+            ids.forEach((id) => {
+                let show = $shows[id]
+                if (!show) return
+
+                let compareShow = $shows[keepId]
+                if (!compareShow) {
+                    keepId = id
+                    return
+                }
+
+                if (show.timestamps?.modified > compareShow.timestamps?.modified) keepId = id
+            })
+
+            ids = ids.filter((id) => id !== keepId)
+            deleteIds.push(...ids)
+        })
+
+        deleteShows(deleteIds)
+        activePopup.set(null)
+        activePage.set("show")
+    }
+
+    function deleteNewest() {
+        let deleteIds: string[] = []
+
+        data.forEach(({ ids }) => {
+            let keepId = ""
+
+            ids.forEach((id) => {
+                let show = $shows[id]
+                if (!show) return
+
+                let compareShow = $shows[keepId]
+                if (!compareShow) {
+                    keepId = id
+                    return
+                }
+
+                if (show.timestamps?.created < compareShow.timestamps?.created) keepId = id
+            })
+
+            ids = ids.filter((id) => id !== keepId)
+            deleteIds.push(...ids)
+        })
+
+        deleteShows(deleteIds)
+        activePopup.set(null)
+        activePage.set("show")
+    }
+
+    // MANUAL
+
+    let manualDeletion: boolean = false
+    let manualIndex: number = -1
+    function deleteManual() {
+        next()
+        manualDeletion = true
+    }
+
+    // let loading: boolean = false
+    async function loadContent() {
+        // loading = true
+        let ids = getIds(manualIndex)
+        await loadShows(ids)
+
+        // loading = false
+        ids.forEach((id) => {
+            let show = $showsCache[id]
+            let text = getShowText(show)
+            loadedTexts.push(text)
+        })
+
+        loadedTexts = loadedTexts
+    }
+
+    let loadedTexts: string[] = []
+    function next() {
+        if (!data[manualIndex + 1]) {
+            activePopup.set(null)
+            activePage.set("show")
+            return
+        }
+
+        manualIndex++
+        loadedTexts = []
+        loadContent()
+    }
+
+    function deleteAtIndex(index: number) {
+        let ids = getIds(manualIndex)
+        deleteShows([ids[index]])
+        data[manualIndex].ids.splice(index, 1)
+        loadedTexts.splice(index, 1)
+
+        if (data[manualIndex].ids.length < 2) next()
+        else data = data
+    }
+
+    /////
+
+    function getIds(index: number): string[] {
+        return data[index]?.ids || []
+    }
+
+    function deleteShows(ids: string[]) {
+        let data = ids.map((id) => ({ id }))
+        history({ id: "SHOWS", oldData: { data }, location: { page: "drawer" } })
+    }
+
+    function getShowText(show: Show) {
+        if (!show) return ""
+
+        let texts: string[] = []
+        Object.values(show.slides || {}).forEach((slide) => {
+            texts.push(getSlideText(slide))
+        })
+
+        return texts.join("\n\n")
+    }
+</script>
+
+{#if manualDeletion}
+    <Button style="position: absolute;left: 0;top: 0;min-height: 58px;" title={$dictionary.actions?.back} on:click={() => (manualDeletion = false)}>
+        <Icon id="back" size={2} white />
+    </Button>
+
+    <div class="shows">
+        {#each getIds(manualIndex) as showId, i}
+            {@const show = $shows[showId] || {}}
+            <div class="show">
+                <p style="display: flex;align-items: center;justify-content: space-between;padding: 5px 0;">
+                    <span>{show.name || "—"}</span>
+                    <!-- creation/modified date! -->
+                    <span style="opacity: 0.5;font-size: 0.7em;"><Date d={show.timestamps?.modified} /></span>
+                </p>
+
+                {#if loadedTexts[i]}
+                    <TextArea value={loadedTexts[i]} style="min-height: 180px;" disabled />
+                {/if}
+
+                <Button style="width: 100%;" on:click={() => deleteAtIndex(i)} center red>
+                    <Icon id="delete" right />
+                    <T id="actions.delete" />
+                </Button>
+            </div>
+        {/each}
+    </div>
+
+    <CombinedInput>
+        <Button style="width: 100%;" on:click={next} center>
+            <Icon id="forward" right />
+            <T id="guide.skip" />
+        </Button>
+    </CombinedInput>
+    <!-- {#if !loadedTexts.length}
+        {#if loading}
+            <Loader></Loader>
+        {:else}
+            <CombinedInput>
+                <Button style="width: 100%;" on:click={loadContent} center>Load content</Button>
+            </CombinedInput>
+        {/if}
+    {/if} -->
+{:else if loading}
+    <Center style="overflow: hidden;">
+        <Loader />
+    </Center>
+{:else}
+    <CombinedInput>
+        <Button style="width: 100%;" on:click={deleteManual} center>
+            <T id="show.delete_manual" />
+        </Button>
+    </CombinedInput>
+
+    <br />
+
+    <CombinedInput>
+        <Button style="width: 100%;" on:click={deleteMatching} center red>
+            <T id="show.delete_match" />
+        </Button>
+    </CombinedInput>
+
+    <CombinedInput>
+        <Button style="width: 100%;" on:click={deleteOldest} center red>
+            <T id="show.delete_keep_last_modified" />
+        </Button>
+    </CombinedInput>
+    <CombinedInput>
+        <Button style="width: 100%;" on:click={deleteNewest} center red>
+            <T id="show.delete_keep_first_created" />
+        </Button>
+    </CombinedInput>
+{/if}
+
+<style>
+    .shows {
+        display: flex;
+        flex-direction: column;
+        gap: 10px;
+        margin-bottom: 20px;
+    }
+
+    .show {
+        display: flex;
+        flex-direction: column;
+    }
+</style>
diff --git a/src/frontend/components/main/popups/ResetAll.svelte b/src/frontend/components/main/popups/ResetAll.svelte
index cb000d95..2d88194c 100644
--- a/src/frontend/components/main/popups/ResetAll.svelte
+++ b/src/frontend/components/main/popups/ResetAll.svelte
@@ -27,6 +27,7 @@
                 DRIVE_API_KEY: {},
                 CACHE: { media: {}, text: {} },
                 HISTORY: { undo: [], redo: [] },
+                USAGE: { all: [] },
             },
         })
 
diff --git a/src/frontend/components/main/popups/createShow/CreateShow.svelte b/src/frontend/components/main/popups/createShow/CreateShow.svelte
index 6ef0f93f..5fe66aaa 100644
--- a/src/frontend/components/main/popups/createShow/CreateShow.svelte
+++ b/src/frontend/components/main/popups/createShow/CreateShow.svelte
@@ -2,6 +2,7 @@
     import { ShowObj } from "../../../../classes/Show"
     import { convertText, getQuickExample } from "../../../../converters/txt"
     import { activePopup, activeProject, activeShow, categories, dictionary, drawerTabsData, formatNewShow, quickTextCache, shows, splitLines } from "../../../../stores"
+    import { newToast } from "../../../../utils/common"
     import { sortObject } from "../../../helpers/array"
     import { history } from "../../../helpers/history"
     import Icon from "../../../helpers/Icon.svelte"
@@ -70,6 +71,12 @@
             textToShow()
         } else {
             selectedOption = id
+
+            // look for existing shows with the same title
+            if (values.name) {
+                const exists = Object.values($shows).find((a: any) => a.name.toLowerCase() === values.name.toLowerCase())
+                if (exists) newToast("$create_show.exists")
+            }
         }
     }
 
@@ -119,7 +126,7 @@
             e.preventDefault()
 
             if (document.activeElement?.closest("#name")) {
-                selectedOption = "text"
+                selectOption("text")
                 return
             }
 
diff --git a/src/frontend/components/output/Output.svelte b/src/frontend/components/output/Output.svelte
index 9f721866..87c61caf 100644
--- a/src/frontend/components/output/Output.svelte
+++ b/src/frontend/components/output/Output.svelte
@@ -117,7 +117,7 @@
     }
 
     // slide styling
-    $: resolution = getResolution(currentSlide?.settings?.resolution, { currentOutput, currentStyle })
+    $: resolution = getResolution(currentSlide?.settings?.resolution, { currentOutput, currentStyle }, false, outputId)
     $: transitions = getOutputTransitions(slideData, currentStyle.transition, $transitionData, mirror && !preview)
     $: slideFilter = getSlideFilter(slideData)
 
@@ -269,23 +269,7 @@
             {/if}
         </span>
     {:else if slide && slide.type !== "pdf" && layers.includes("slide")}
-        <SlideContent
-            {outputId}
-            outSlide={slide}
-            {slideData}
-            {currentSlide}
-            {currentStyle}
-            {animationData}
-            {currentLineId}
-            {lines}
-            {ratio}
-            {mirror}
-            {preview}
-            customTemplate={currentStyle.template}
-            transition={transitions.text}
-            transitionEnabled={!mirror || preview}
-            {isKeyOutput}
-        />
+        <SlideContent {outputId} outSlide={slide} {slideData} {currentSlide} {currentStyle} {animationData} {currentLineId} {lines} {ratio} {mirror} {preview} transition={transitions.text} transitionEnabled={!mirror || preview} {isKeyOutput} />
     {/if}
 
     {#if layers.includes("overlays")}
diff --git a/src/frontend/components/output/layers/SlideContent.svelte b/src/frontend/components/output/layers/SlideContent.svelte
index 63889167..a7a219ed 100644
--- a/src/frontend/components/output/layers/SlideContent.svelte
+++ b/src/frontend/components/output/layers/SlideContent.svelte
@@ -18,7 +18,6 @@
     export let ratio: number
     export let mirror: boolean = false
     export let preview: boolean = false
-    export let customTemplate: string = ""
     export let transition: any = {}
     export let transitionEnabled: boolean = false
     export let isKeyOutput: boolean = false
@@ -81,7 +80,7 @@
 {#key show}
     {#each currentItems as item}
         {#if show}
-            <SlideItemTransition {preview} {transitionEnabled} {transitioningBetween} globalTransition={transition} {currentSlide} {item} {outSlide} {lines} {customTemplate} let:customSlide let:customItem let:customLines let:customOut>
+            <SlideItemTransition {preview} {transitionEnabled} {transitioningBetween} globalTransition={transition} {currentSlide} {item} {outSlide} {lines} {currentStyle} let:customSlide let:customItem let:customLines let:customOut>
                 {#if !customItem.bindings?.length || customItem.bindings.includes(outputId)}
                     <Textbox
                         filter={slideData?.filterEnabled?.includes("foreground") ? slideData?.filter : ""}
diff --git a/src/frontend/components/output/preview/Preview.svelte b/src/frontend/components/output/preview/Preview.svelte
index 80ee390a..69bb0297 100644
--- a/src/frontend/components/output/preview/Preview.svelte
+++ b/src/frontend/components/output/preview/Preview.svelte
@@ -126,6 +126,15 @@
         let active = getActiveClear(!isOutCleared("transition"), $playingAudio, !isOutCleared("overlays"), !isOutCleared("slide") && (outputSlideHasContent(currentOutput) || isOutCleared("background")), !isOutCleared("background"))
         if (active !== activeClear) activeClear = active
     }
+    // enable autochange again if active has no value
+    $: if (!autoChange && ($outputs || $playingAudio)) checkStillActive()
+    function checkStillActive() {
+        if (activeClear === "nextTimer" && isOutCleared("transition")) autoChange = true
+        else if (activeClear === "audio" && !$playingAudio) autoChange = true
+        else if (activeClear === "overlays" && isOutCleared("overlays")) autoChange = true
+        else if (activeClear === "slide" && !(!isOutCleared("slide") && (outputSlideHasContent(currentOutput) || isOutCleared("background")))) autoChange = true
+        else if (activeClear === "background" && isOutCleared("background")) autoChange = true
+    }
 
     function getActiveClear(slideTimer: any, audio: any, overlays: any, slide: any, background: any) {
         if (slideTimer) return "nextTimer"
diff --git a/src/frontend/components/output/preview/PreviewCanvas.svelte b/src/frontend/components/output/preview/PreviewCanvas.svelte
index 6722a98e..d23ec750 100644
--- a/src/frontend/components/output/preview/PreviewCanvas.svelte
+++ b/src/frontend/components/output/preview/PreviewCanvas.svelte
@@ -38,6 +38,7 @@
     async function updateCanvas() {
         if (!canvas) return
 
+        console.log(capture)
         const arr = new Uint8ClampedArray(capture.buffer)
         const pixels = new ImageData(arr, capture.size.width, capture.size.height)
         const bitmap = await createImageBitmap(pixels)
diff --git a/src/frontend/components/output/preview/PreviewOutput.svelte b/src/frontend/components/output/preview/PreviewOutput.svelte
index 05ad8165..0d7deb0d 100644
--- a/src/frontend/components/output/preview/PreviewOutput.svelte
+++ b/src/frontend/components/output/preview/PreviewOutput.svelte
@@ -19,7 +19,8 @@
     $: stageOutput = $outputs[outputId]?.stageOutput
 </script>
 
-<div class="center previewOutput" id={outputId} class:fullscreen={fullscreen && !stageOutput} class:disabled style={style + ("; aspect-ratio: " + width + "/" + height + ";")} bind:offsetWidth={width} bind:offsetHeight={height}>
+<!-- bind:offsetWidth={width} bind:offsetHeight={height} -->
+<div class="center previewOutput" id={outputId} class:fullscreen={fullscreen && !stageOutput} class:disabled style={style + ("; aspect-ratio: " + width + "/" + height + ";")}>
     {#if stageOutput}
         <StageShow {outputId} stageId={stageOutput} edit={false} />
     {:else}
diff --git a/src/frontend/components/output/transitions/SlideItemTransition.svelte b/src/frontend/components/output/transitions/SlideItemTransition.svelte
index 76bf5086..ac657ec0 100644
--- a/src/frontend/components/output/transitions/SlideItemTransition.svelte
+++ b/src/frontend/components/output/transitions/SlideItemTransition.svelte
@@ -1,9 +1,10 @@
 <script lang="ts">
     import { uid } from "uid"
     import type { Item, Transition } from "../../../../types/Show"
-    import { currentWindow, templates } from "../../../stores"
+    import { currentWindow, scriptureSettings, templates } from "../../../stores"
     import { clone } from "../../helpers/array"
     import OutputTransition from "./OutputTransition.svelte"
+    import { getStyleTemplate, slideHasAutoSizeItem } from "../../helpers/output"
     // import { onMount } from "svelte"
 
     export let globalTransition: Transition
@@ -14,7 +15,7 @@
     export let currentSlide: any = {}
     export let outSlide: any = {}
     export let lines: any[] = []
-    export let customTemplate: string = ""
+    export let currentStyle: any = {}
 
     let currentlyTransitioning: { [key: string]: any } = {}
 
@@ -51,15 +52,11 @@
 
         // auto size delay
         if (!outDelay) {
-            // wait for scripture auto size
-            outDelay = outSlide?.id === "temp" ? 400 : 0
-
-            // check output template auto size
-            if (!outDelay && customTemplate) {
-                let templateItems = $templates[customTemplate]?.items || []
-                let hasAuto = templateItems.find((a) => a.auto)
-                if (hasAuto) outDelay = 400
-            }
+            let customTemplate = getStyleTemplate(outSlide, currentStyle)
+            if (!Object.keys(customTemplate).length && outSlide?.id === "temp") customTemplate = $templates[$scriptureSettings.template]
+
+            // wait output style/scripture template auto size
+            if (Object.keys(customTemplate).length && slideHasAutoSizeItem(customTemplate)) outDelay = 400
 
             if (!inDelay) inDelay = outDelay * 0.98
         }
diff --git a/src/frontend/components/settings/tabs/Cloud.svelte b/src/frontend/components/settings/tabs/Cloud.svelte
index b6307f7d..547842b1 100644
--- a/src/frontend/components/settings/tabs/Cloud.svelte
+++ b/src/frontend/components/settings/tabs/Cloud.svelte
@@ -73,13 +73,15 @@
 
 <CombinedInput>
     <p><T id="cloud.google_drive_api" /></p>
-    <Button on:click={getKeysFile} center>
-        <Icon id="key" right />
-        {#if validKeys}
-            <T id="cloud.update_key" />
-        {:else}
-            <T id="cloud.select_key" />
-        {/if}
+    <Button on:click={getKeysFile}>
+        <Icon id="key" style="margin-left: 0.5em;" right />
+        <p>
+            {#if validKeys}
+                <T id="cloud.update_key" />
+            {:else}
+                <T id="cloud.select_key" />
+            {/if}
+        </p>
     </Button>
 </CombinedInput>
 
@@ -147,6 +149,7 @@
 
         min-height: 38px;
         margin: 5px 0;
+        margin-bottom: 15px;
         font-style: italic;
         opacity: 0.8;
     }
diff --git a/src/frontend/components/settings/tabs/Connection.svelte b/src/frontend/components/settings/tabs/Connection.svelte
index f9f59648..5900933e 100644
--- a/src/frontend/components/settings/tabs/Connection.svelte
+++ b/src/frontend/components/settings/tabs/Connection.svelte
@@ -45,6 +45,7 @@
         ports.set({ remote: 5510, stage: 5511 })
         maxConnections.set(10)
         disabledServers.set({})
+        serverData.set({})
     }
 
     const randomNumber = (from: number, to: number): number => Math.floor(Math.random() * (to - from)) + from
@@ -99,7 +100,7 @@
         })
     }
 
-    let enableOutputSelector = $serverData?.output_stream?.outputId || getActiveOutputs($outputs, false, true).length > 1
+    $: enableOutputSelector = $serverData?.output_stream?.outputId || (getActiveOutputs($outputs, false, true).length > 1 && $disabledServers.output_stream === false)
 
     function restart() {
         send(MAIN, ["START"], { ports: $ports, max: $maxConnections, disabled: $disabledServers })
@@ -186,10 +187,14 @@
     <p><T id="settings.max_connections" /></p>
     <NumberInput value={$maxConnections} on:change={(e) => maxConnections.set(e.detail)} max={100} />
 </CombinedInput>
-<CombinedInput>
-    <p>RemoteShow <T id="settings.password" /></p>
-    <TextInput style="max-width: 50%;" value={$remotePassword} light on:change={setRemotePassword} />
-</CombinedInput>
+
+{#if $disabledServers.remote !== true}
+    <CombinedInput>
+        <p>RemoteShow <T id="settings.password" /></p>
+        <TextInput style="max-width: 50%;" value={$remotePassword} light on:change={setRemotePassword} />
+    </CombinedInput>
+{/if}
+
 {#if enableOutputSelector}
     <CombinedInput>
         <p>OutputShow <T id="midi.output" /></p>
diff --git a/src/frontend/components/settings/tabs/General.svelte b/src/frontend/components/settings/tabs/General.svelte
index ac92dd6b..3f6e9d22 100644
--- a/src/frontend/components/settings/tabs/General.svelte
+++ b/src/frontend/components/settings/tabs/General.svelte
@@ -1,32 +1,25 @@
 <script lang="ts">
-    import { activePopup, alertUpdates, autoOutput, autosave, labelsDisabled, special, timeFormat } from "../../../stores"
+    import { activePopup, autoOutput, autosave, labelsDisabled, special, timeFormat } from "../../../stores"
     import { setLanguage } from "../../../utils/language"
+    import { DEFAULT_PROJECT_NAME, projectReplacers } from "../../helpers/historyHelpers"
     import Icon from "../../helpers/Icon.svelte"
     import T from "../../helpers/T.svelte"
     import Button from "../../inputs/Button.svelte"
     import Checkbox from "../../inputs/Checkbox.svelte"
     import CombinedInput from "../../inputs/CombinedInput.svelte"
     import Dropdown from "../../inputs/Dropdown.svelte"
+    import TextInput from "../../inputs/TextInput.svelte"
     import LocaleSwitcher from "../LocaleSwitcher.svelte"
 
-    const inputs: any = {
+    const inputs = {
+        defaultProjectName: (e: any) => updateSpecial(e.target.value || "", "default_project_name"),
         timeFormat: (e: any) => timeFormat.set(e.target.checked ? "24" : "12"),
-        updates: (e: any) => alertUpdates.set(e.target.checked),
-        autoUpdates: (e: any) => updateSpecial(e.target.checked, "autoUpdates"),
         labels: (e: any) => labelsDisabled.set(e.target.checked),
         autoOutput: (e: any) => autoOutput.set(e.target.checked),
         hideCursor: (e: any) => updateSpecial(e.target.checked, "hideCursor"),
+        clearMediaOnFinish: (e: any) => updateSpecial(e.target.checked, "clearMediaOnFinish"),
     }
 
-    const autosaveList: any = [
-        { id: "never", name: "$:settings.never:$" },
-        { id: "2min", name: "2 $:settings.minutes:$" },
-        { id: "5min", name: "5 $:settings.minutes:$" },
-        { id: "10min", name: "10 $:settings.minutes:$" },
-        { id: "15min", name: "15 $:settings.minutes:$" },
-        { id: "30min", name: "30 $:settings.minutes:$" },
-    ]
-
     function updateSpecial(value, key) {
         special.update((a) => {
             if (key === "hideCursor" && !value) delete a[key]
@@ -36,20 +29,42 @@
         })
     }
 
+    const autosaveList: any = [
+        { id: "never", name: "$:settings.never:$" },
+        { id: "2min", name: "2 $:settings.minutes:$" },
+        { id: "5min", name: "5 $:settings.minutes:$" },
+        { id: "10min", name: "10 $:settings.minutes:$" },
+        { id: "15min", name: "15 $:settings.minutes:$" },
+        { id: "30min", name: "30 $:settings.minutes:$" },
+    ]
+
     function reset() {
         setLanguage()
         timeFormat.set("24")
-        alertUpdates.set(true)
-        autoOutput.set(false)
         labelsDisabled.set(false)
 
+        autoOutput.set(false)
+
         special.update((a) => {
+            delete a.default_project_name
             delete a.hideCursor
-            delete a.autoUpdates
+            delete a.clearMediaOnFinish
             return a
         })
     }
 
+    /////
+
+    let projectReplacerTitle = getReplacerTitle()
+    function getReplacerTitle() {
+        let titles: string[] = []
+        projectReplacers.forEach((a) => {
+            titles.push(`${a.title}: {${a.id}}`)
+        })
+
+        return titles.join(", ")
+    }
+
     // WIP set calendar starting day
     // WIP change date format (DD.MM.YYYY, YYYY-MM-DD)
 </script>
@@ -63,30 +78,24 @@
     <Dropdown options={autosaveList} value={autosaveList.find((a) => a.id === ($autosave || "never"))?.name || ""} on:click={(e) => autosave.set(e.detail.id)} />
 </CombinedInput>
 
+<CombinedInput title={projectReplacerTitle}>
+    <p><T id="settings.default_project_name" /></p>
+    <TextInput value={$special.default_project_name ?? DEFAULT_PROJECT_NAME} on:change={inputs.defaultProjectName} />
+</CombinedInput>
+
 <CombinedInput>
     <p><T id="settings.use24hClock" /></p>
     <div class="alignRight">
         <Checkbox checked={$timeFormat === "24"} on:change={inputs.timeFormat} />
     </div>
 </CombinedInput>
-<CombinedInput>
-    <p><T id="settings.alert_updates" /></p>
-    <div class="alignRight">
-        <Checkbox checked={$alertUpdates} on:change={inputs.updates} />
-    </div>
-</CombinedInput>
-<CombinedInput>
-    <p><T id="settings.auto_updates" /></p>
-    <div class="alignRight">
-        <Checkbox checked={$special.autoUpdates !== false} on:change={inputs.autoUpdates} />
-    </div>
-</CombinedInput>
 <CombinedInput>
     <p><T id="settings.disable_labels" /></p>
     <div class="alignRight">
         <Checkbox checked={$labelsDisabled} on:change={inputs.labels} />
     </div>
 </CombinedInput>
+
 <CombinedInput>
     <p><T id="settings.auto_output" /></p>
     <div class="alignRight">
@@ -100,14 +109,21 @@
     </div>
 </CombinedInput>
 
+<CombinedInput>
+    <p><T id="settings.clear_media_when_finished" /></p>
+    <div class="alignRight">
+        <Checkbox checked={$special.clearMediaOnFinish ?? true} on:change={inputs.clearMediaOnFinish} />
+    </div>
+</CombinedInput>
+
 <CombinedInput>
     <Button style="width: 50%;" on:click={() => activePopup.set("manage_colors")}>
-        <Icon id="color" style="border: 0;" right />
-        <p style="padding: 0;"><T id="popup.manage_colors" /></p>
+        <Icon id="color" style="margin-left: 0.5em;" right />
+        <p><T id="popup.manage_colors" /></p>
     </Button>
     <Button on:click={() => activePopup.set("manage_icons")}>
-        <Icon id="star" style="border: 0;" right />
-        <p style="padding: 0;"><T id="popup.manage_icons" /></p>
+        <Icon id="star" style="margin-left: 0.5em;" right />
+        <p><T id="popup.manage_icons" /></p>
     </Button>
 </CombinedInput>
 
diff --git a/src/frontend/components/settings/tabs/Groups.svelte b/src/frontend/components/settings/tabs/Groups.svelte
index f06c5831..a92f3a38 100644
--- a/src/frontend/components/settings/tabs/Groups.svelte
+++ b/src/frontend/components/settings/tabs/Groups.svelte
@@ -33,25 +33,29 @@
         history({ id: "UPDATE", newData: { key, data: value }, oldData: { id: id }, location: { page: "settings", id: "global_group", override: "group_" + key } })
     }
 
-    const inputs: any = {
+    const inputs = {
         colors: (e: any) => fullColors.set(e.target.checked),
         groupNumber: (e: any) => groupNumbers.set(e.target.checked),
-        numberKeys: (e: any) =>
-            special.update((a) => {
-                a.numberKeys = e.target.checked
-                return a
-            }),
+        numberKeys: (e: any) => updateSpecial(e.target.checked, "numberKeys"),
+        capitalizeWords: (e: any) => updateSpecial(e.target.value || "", "capitalize_words"),
+    }
+
+    function updateSpecial(value, key) {
+        special.update((a) => {
+            a[key] = value
+            return a
+        })
     }
 
     const defaultGroups: any = {
         break: { name: "break", default: true, color: "#f5255e" },
-        bridge: { name: "bridge", default: true, color: "#f52598" },
-        chorus: { name: "chorus", default: true, color: "#f525d2" },
+        bridge: { name: "bridge", default: true, color: "#f52598", shortcut: "B" },
+        chorus: { name: "chorus", default: true, color: "#f525d2", shortcut: "C" },
         intro: { name: "intro", default: true, color: "#d525f5" },
         outro: { name: "outro", default: true, color: "#a525f5" },
         pre_chorus: { name: "pre_chorus", default: true, color: "#8825f5" },
         tag: { name: "tag", default: true, color: "#7525f5" },
-        verse: { name: "verse", default: true, color: "#5825f5" },
+        verse: { name: "verse", default: true, color: "#5825f5", shortcut: "V" },
     }
 
     const keys = ["A", "B", "C", "D", "E", "F", "G", "H", "I", "J", "K", "L", "M", "N", "O", "P", "Q", "R", "S", "T", "U", "V", "W", "X", "Y", "Z"]
@@ -75,6 +79,19 @@
         // value.group = ""
     }
 
+    function reset() {
+        fullColors.set(false)
+        groupNumbers.set(true)
+
+        groups.set(clone(defaultGroups))
+
+        special.update((a) => {
+            delete a.numberKeys
+            a.capitalize_words = "Jesus, Lord" // updateSettings.ts
+            return a
+        })
+    }
+
     let templateList: any[] = []
     $: console.log($templates, templateList)
     $: templateList = getList($templates, true)
@@ -99,6 +116,11 @@
     </div>
 </CombinedInput>
 
+<CombinedInput>
+    <p title={$dictionary.settings?.comma_seperated}><T id="settings.capitalize_words" /></p>
+    <TextInput value={$special.capitalize_words || ""} on:change={inputs.capitalizeWords} />
+</CombinedInput>
+
 <h3><T id="groups.global" /></h3>
 
 {#each g as group, i}
@@ -143,15 +165,7 @@
             <Icon id="add" right />
             <T id="settings.add" />
         </Button>
-        <Button
-            style="width: 100%;"
-            center
-            on:click={() => {
-                fullColors.set(false)
-                groupNumbers.set(true)
-                groups.set(clone(defaultGroups))
-            }}
-        >
+        <Button style="width: 100%;" center on:click={reset}>
             <Icon id="reset" right />
             <T id="actions.reset" />
         </Button>
diff --git a/src/frontend/components/settings/tabs/Other.svelte b/src/frontend/components/settings/tabs/Other.svelte
index a4a66779..28f28d80 100644
--- a/src/frontend/components/settings/tabs/Other.svelte
+++ b/src/frontend/components/settings/tabs/Other.svelte
@@ -1,23 +1,25 @@
 <script lang="ts">
     import { onDestroy, onMount } from "svelte"
-    import { MAIN, STORE } from "../../../../types/Channels"
-    import { activePopup, alertMessage, dataPath, dictionary, guideActive, shows, showsCache, showsPath, special } from "../../../stores"
+    import { EXPORT, MAIN } from "../../../../types/Channels"
+    import { activePage, activePopup, alertMessage, alertUpdates, dataPath, deletedShows, dictionary, guideActive, popupData, shows, showsCache, showsPath, special, usageLog } from "../../../stores"
+    import { newToast } from "../../../utils/common"
     import { destroy, receive, send } from "../../../utils/request"
     import { save } from "../../../utils/save"
     import Icon from "../../helpers/Icon.svelte"
     import T from "../../helpers/T.svelte"
-    import { DEFAULT_PROJECT_NAME, projectReplacers } from "../../helpers/historyHelpers"
     import Button from "../../inputs/Button.svelte"
     import Checkbox from "../../inputs/Checkbox.svelte"
     import CombinedInput from "../../inputs/CombinedInput.svelte"
     import FolderPicker from "../../inputs/FolderPicker.svelte"
-    import TextInput from "../../inputs/TextInput.svelte"
+    import Dropdown from "../../inputs/Dropdown.svelte"
 
     onMount(() => {
         // getCacheSize()
         // getAudioOutputs()
         send(MAIN, ["FULL_SHOWS_LIST"], { path: $showsPath })
         send(MAIN, ["GET_STORE_VALUE"], { file: "config", key: "disableHardwareAcceleration" })
+        send(MAIN, ["GET_EMPTY_SHOWS"], { path: $showsPath, cached: $showsCache })
+        getDuplicatedShows()
     })
 
     // const previewRates = [
@@ -29,7 +31,7 @@
 
     function updateSpecial(value, key) {
         special.update((a) => {
-            if (!value && key !== "clearMediaOnFinish") delete a[key]
+            if (!value && key !== "autoUpdates") delete a[key]
             else a[key] = value
 
             return a
@@ -38,15 +40,15 @@
         // if (key === "previewRate") restartOutputs()
     }
 
-    function updateTextInput(e: any, key: string) {
-        updateSpecial(e.target.value || "", key)
-    }
+    const isChecked = (e: any) => e.target.checked
 
     function toggle(e: any, key: string) {
         let checked = e.target.checked
         updateSpecial(checked, key)
 
-        if (key === "customUserDataLocation") send(STORE, ["UPDATE_PATH"], { reset: !checked, dataPath: $dataPath })
+        if (key === "customUserDataLocation") {
+            save(false, { backup: true, changeUserData: { reset: !checked, dataPath: $dataPath } })
+        }
     }
 
     // hardware acceleration
@@ -67,10 +69,17 @@
         MAIN,
         {
             // this will not include newly created shows not saved yet, but it should not be an issue.
-            FULL_SHOWS_LIST: (data: any) => (hiddenShows = data || []),
+            FULL_SHOWS_LIST: (data: any) => {
+                hiddenShows = data || []
+                let deletedShowNames = $deletedShows.map((a) => a.name + ".show")
+                hiddenShows = hiddenShows.filter((name) => !deletedShowNames.includes(name))
+            },
             GET_STORE_VALUE: (data: any) => {
                 if (data.key === "disableHardwareAcceleration") disableHardwareAcceleration = data.value
             },
+            GET_EMPTY_SHOWS: (data: any) => {
+                emptyShows = data
+            },
         },
         listenerId
     )
@@ -96,13 +105,45 @@
 
     // delete shows from folder that are not indexed
     function deleteShows() {
-        send(MAIN, ["DELETE_SHOWS"], { shows: $shows, path: $showsPath })
+        send(MAIN, ["DELETE_SHOWS_NI"], { shows: $shows, path: $showsPath })
 
         setTimeout(() => {
             send(MAIN, ["FULL_SHOWS_LIST"], { path: $showsPath })
         }, 800)
     }
 
+    let emptyShows: { id: string; name: string }[] = []
+    function deleteEmptyShows() {
+        send(MAIN, ["DELETE_SHOWS"], { shows: emptyShows, path: $showsPath })
+        // emptyShows = []
+        activePage.set("show")
+    }
+
+    let duplicatedShows: { ids: string[] }[] = []
+    function getDuplicatedShows() {
+        let names: { [key: string]: string[] } = {}
+        Object.entries($shows).forEach(([id, show]: any) => {
+            // remove any numbers (less than 4 chars) at the end of name (but not if "1-3"|"-5" in case of scripture)
+            let trimmedName = show.name
+                .toLowerCase()
+                .replace(/(?<![-\d])\d{1,3}$/, "")
+                .trim()
+            if (!trimmedName.length) return
+
+            if (names[trimmedName]) names[trimmedName].push(id)
+            else names[trimmedName] = [id]
+        })
+
+        duplicatedShows = Object.values(names)
+            .filter((a) => a.length > 1)
+            .map((ids) => ({ ids }))
+    }
+    function deleteDuplicatedShows() {
+        popupData.set({ id: "delete_duplicated_shows", data: duplicatedShows })
+        activePopup.set("delete_duplicated_shows")
+        // duplicatedShows = []
+    }
+
     // delete media thumbnail cache
     // function deleteCache() {
     //     if (!Object.keys($mediaCache).length) {
@@ -130,26 +171,33 @@
 
     // backup
     function backup() {
-        alertMessage.set($dictionary.settings?.backup_started)
-        activePopup.set("alert")
-        save(false, true)
+        save(false, { backup: true })
     }
 
     function restore() {
         showsCache.set({})
-        alertMessage.set($dictionary.settings?.restore_started)
-        activePopup.set("alert")
+        newToast("$settings.restore_started")
         send(MAIN, ["RESTORE"], { showsPath: $showsPath })
     }
 
-    let projectReplacerTitle = getReplacerTitle()
-    function getReplacerTitle() {
-        let titles: string[] = []
-        projectReplacers.forEach((a) => {
-            titles.push(`${a.title}: {${a.id}}`)
-        })
-
-        return titles.join(", ")
+    const autobackupList: any = [
+        { id: "never", name: "$:settings.never:$" },
+        { id: "daily", name: "$:interval.daily:$" },
+        { id: "weekly", name: "$:interval.weekly:$" },
+        { id: "mothly", name: "$:interval.mothly:$" },
+    ]
+
+    // usage log
+
+    let exportingUsageLog: boolean = false
+    let usageLogExported: boolean = false
+    function exportUsageLog() {
+        exportingUsageLog = true
+        setTimeout(() => (usageLogExported = true), 1000)
+        send(EXPORT, ["USAGE"], { path: $dataPath, content: $usageLog })
+    }
+    function resetUsageLog() {
+        usageLog.set({ all: [] })
     }
 </script>
 
@@ -157,12 +205,14 @@
     <p><T id="settings.data_location" /></p>
     <span class="path" title={$dataPath || ""}>
         <FolderPicker style="width: 100%;" id="DATA" center={false} path={$dataPath}>
-            <Icon id="folder" right />
-            {#if $dataPath}
-                {$dataPath}
-            {:else}
-                <T id="inputs.change_folder" />
-            {/if}
+            <Icon id="folder" style="margin-left: 0.5em;" right />
+            <p>
+                {#if $dataPath}
+                    {$dataPath}
+                {:else}
+                    <T id="inputs.change_folder" />
+                {/if}
+            </p>
         </FolderPicker>
         <Button title={$dictionary.main?.system_open} on:click={() => send(MAIN, ["SYSTEM_OPEN"], $dataPath)}>
             <Icon id="launch" white />
@@ -176,12 +226,14 @@
         <!-- <p style="font-size: 0.9em;opacity: 0.7;">{$showsPath}</p> -->
         <!-- title={$dictionary.inputs?.change_folder} -->
         <FolderPicker style="width: 100%;" id="SHOWS" center={false} path={$showsPath}>
-            <Icon id="folder" right />
-            {#if $showsPath}
-                {$showsPath}
-            {:else}
-                <T id="inputs.change_folder" />
-            {/if}
+            <Icon id="folder" style="margin-left: 0.5em;" right />
+            <p>
+                {#if $showsPath}
+                    {$showsPath}
+                {:else}
+                    <T id="inputs.change_folder" />
+                {/if}
+            </p>
         </FolderPicker>
         <Button title={$dictionary.main?.system_open} on:click={() => send(MAIN, ["SYSTEM_OPEN"], $showsPath)}>
             <Icon id="launch" white />
@@ -195,18 +247,20 @@
         <Checkbox disabled={!$dataPath} checked={$special.customUserDataLocation || false} on:change={(e) => toggle(e, "customUserDataLocation")} />
     </div>
 </CombinedInput>
+
 <CombinedInput>
-    <p><T id="settings.clear_media_when_finished" /></p>
+    <p><T id="settings.auto_updates" /></p>
     <div class="alignRight">
-        <Checkbox checked={$special.clearMediaOnFinish ?? true} on:change={(e) => toggle(e, "clearMediaOnFinish")} />
+        <Checkbox checked={$special.autoUpdates !== false} on:change={(e) => toggle(e, "autoUpdates")} />
     </div>
 </CombinedInput>
 <CombinedInput>
-    <p><T id="settings.disable_presenter_controller_keys" /></p>
+    <p><T id="settings.alert_updates" /></p>
     <div class="alignRight">
-        <Checkbox checked={$special.disablePresenterControllerKeys || false} on:change={(e) => toggle(e, "disablePresenterControllerKeys")} />
+        <Checkbox checked={$alertUpdates} on:change={(e) => alertUpdates.set(isChecked(e))} />
     </div>
 </CombinedInput>
+
 <CombinedInput>
     <p><T id="settings.popup_before_close" /></p>
     <div class="alignRight">
@@ -214,6 +268,13 @@
     </div>
 </CombinedInput>
 
+<CombinedInput>
+    <p><T id="settings.disable_presenter_controller_keys" /></p>
+    <div class="alignRight">
+        <Checkbox checked={$special.disablePresenterControllerKeys || false} on:change={(e) => toggle(e, "disablePresenterControllerKeys")} />
+    </div>
+</CombinedInput>
+
 <!-- disableHardwareAcceleration -->
 <CombinedInput>
     <p><T id="settings.disable_hardware_acceleration" /></p>
@@ -228,23 +289,13 @@
     <Dropdown options={previewRates} value={previewRates.find((a) => a.id === ($special.previewRate || "auto"))?.name} on:click={(e) => updateSpecial(e.detail.id, "previewRate")} />
 </CombinedInput> -->
 
-<CombinedInput>
-    <p title={$dictionary.settings?.comma_seperated}><T id="settings.capitalize_words" /></p>
-    <TextInput value={$special.capitalize_words || ""} on:change={(e) => updateTextInput(e, "capitalize_words")} />
-</CombinedInput>
-
-<CombinedInput title={projectReplacerTitle}>
-    <p><T id="settings.default_project_name" /></p>
-    <TextInput value={$special.default_project_name ?? DEFAULT_PROJECT_NAME} on:change={(e) => updateTextInput(e, "default_project_name")} />
-</CombinedInput>
-
 <!-- WIP custom metadata order -->
 <!-- "Song: {title} - {author}, License: {ccli}" -->
 <!-- or just allow to enter in a template... -->
 <!-- <CombinedInput>
     <Button style="width: 100%;" on:click={() => activePopup.set("custom_metadata_order")}>
-        <Icon id="meta" style="border: 0;" right />
-        <p style="padding: 0;"><T id="popup.custom_metadata_order" /></p>
+        <Icon id="meta" style="margin-left: 0.5em;" right />
+        <p><T id="popup.custom_metadata_order" /></p>
     </Button>
 </CombinedInput> -->
 
@@ -253,8 +304,8 @@
 <!-- {#if brokenShows > 0 || hiddenShows.length > Object.keys($shows).length}
     <CombinedInput>
         <Button style="width: 100%;" on:click={refreshShows}>
-            <Icon id="refresh" style="border: 0;" right />
-            <p style="padding: 0;">
+            <Icon id="refresh" style="margin-left: 0.5em;" right />
+            <p>
                 <T id="actions.refresh_all_shows" />
                 <span style="display: flex;align-items: center;margin-left: 10px;opacity: 0.5;">({brokenShows || hiddenShows.length - Object.keys($shows).length})</span>
             </p>
@@ -265,8 +316,8 @@
 {#if hiddenShows.length > Object.keys($shows).length}
     <CombinedInput>
         <Button style="width: 100%;" on:click={deleteShows}>
-            <Icon id="delete" style="border: 0;" right />
-            <p style="padding: 0;">
+            <Icon id="delete" style="margin-left: 0.5em;" right />
+            <p>
                 <T id="actions.delete_shows_not_indexed" />
                 <span style="display: flex;align-items: center;margin-left: 10px;opacity: 0.5;">({hiddenShows.length - Object.keys($shows).length})</span>
             </p>
@@ -274,46 +325,101 @@
     </CombinedInput>
 {/if}
 
+<!-- DELETE EMPTY SHOWS -->
+{#if emptyShows.length}
+    <CombinedInput>
+        <Button style="width: 100%;" on:click={deleteEmptyShows}>
+            <Icon id="delete" style="margin-left: 0.5em;" right />
+            <p>
+                <T id="actions.delete_empty_shows" />
+                <span style="display: flex;align-items: center;margin-left: 10px;opacity: 0.5;">({emptyShows.length})</span>
+            </p>
+        </Button>
+    </CombinedInput>
+{/if}
+
+<!-- REMOVE DUPLICATED SHOWS -->
+{#if duplicatedShows.length}
+    <CombinedInput>
+        <Button style="width: 100%;" on:click={deleteDuplicatedShows}>
+            <Icon id="delete" style="margin-left: 0.5em;" right />
+            <p>
+                <T id="popup.delete_duplicated_shows" />
+                <span style="display: flex;align-items: center;margin-left: 10px;opacity: 0.5;">({duplicatedShows.length})</span>
+            </p>
+        </Button>
+    </CombinedInput>
+{/if}
+
 <!-- <CombinedInput>
     <Button style="width: 100%;" on:click={deleteCache}>
-        <Icon id="delete" style="border: 0;" right />
-        <p style="padding: 0;">
+        <Icon id="delete" style="margin-left: 0.5em;" right />
+        <p>
             <T id="actions.delete_thumbnail_cache" />
             <span style="display: flex;align-items: center;margin-left: 10px;opacity: 0.5;">({cacheSize})</span>
         </p>
     </Button>
 </CombinedInput> -->
 
-<CombinedInput>
-    <Button style="width: 50%;" on:click={openLog}>
-        <Icon id="document" right /><T id="actions.open_log_file" />
-    </Button>
-    <Button on:click={openCache}>
-        <Icon id="folder" right /><T id="actions.open_cache_folder" />
+<CombinedInput title={$dictionary.guide?.start}>
+    <Button style="width: 100%;" on:click={() => guideActive.set(true)}>
+        <Icon id="guide" style="margin-left: 0.5em;" right />
+        <p><T id="guide.start" /></p>
     </Button>
 </CombinedInput>
 
 <CombinedInput title={$dictionary.media?.bundle_media_files_tip}>
     <Button style="width: 100%;" on:click={bundleMediaFiles}>
-        <Icon id="image" right /><T id="media.bundle_media_files" />
+        <Icon id="image" style="margin-left: 0.5em;" right />
+        <p><T id="media.bundle_media_files" /></p>
     </Button>
 </CombinedInput>
 
-<CombinedInput title={$dictionary.guide?.start}>
-    <Button style="width: 100%;" on:click={() => guideActive.set(true)}>
-        <Icon id="guide" right /><T id="guide.start" />
+{#if $usageLog.all?.length}
+    {#if usageLogExported}
+        <CombinedInput title={$dictionary.actions?.reset_usage_log}>
+            <Button style="width: 100%;" on:click={resetUsageLog}>
+                <Icon id="reset" style="margin-left: 0.5em;" right />
+                <p><T id="actions.reset_usage_log" /></p>
+            </Button>
+        </CombinedInput>
+    {:else}
+        <CombinedInput title={$dictionary.actions?.export_usage_log}>
+            <Button disabled={exportingUsageLog} style="width: 100%;" on:click={exportUsageLog}>
+                <Icon id="download" style="margin-left: 0.5em;" right />
+                <p><T id="actions.export_usage_log" /></p>
+            </Button>
+        </CombinedInput>
+    {/if}
+{/if}
+
+<CombinedInput>
+    <Button style="width: 50%;" on:click={openLog}>
+        <Icon id="document" style="margin-left: 0.5em;" right />
+        <p><T id="actions.open_log_file" /></p>
+    </Button>
+    <Button on:click={openCache}>
+        <Icon id="folder" style="margin-left: 0.5em;" right />
+        <p><T id="actions.open_cache_folder" /></p>
     </Button>
 </CombinedInput>
 
 <CombinedInput>
     <Button style="width: 50%;" on:click={backup}>
-        <Icon id="download" right /><T id="settings.backup_all" />
+        <Icon id="download" style="margin-left: 0.5em;" right />
+        <p><T id="settings.backup_all" /></p>
     </Button>
     <Button on:click={restore}>
-        <Icon id="upload" right /><T id="settings.restore" />
+        <Icon id="upload" style="margin-left: 0.5em;" right />
+        <p><T id="settings.restore" /></p>
     </Button>
 </CombinedInput>
 
+<CombinedInput>
+    <p><T id="settings.auto_backup" /></p>
+    <Dropdown options={autobackupList} value={autobackupList.find((a) => a.id === ($special.autoBackup || "never"))?.name || ""} on:click={(e) => updateSpecial(e.detail.id, "autoBackup")} />
+</CombinedInput>
+
 <CombinedInput>
     <Button style="width: 100%;" on:click={() => activePopup.set("reset_all")} center red>
         <Icon id="reset" right /><T id="settings.reset_all" />
diff --git a/src/frontend/components/settings/tabs/Outputs.svelte b/src/frontend/components/settings/tabs/Outputs.svelte
index 6459e61b..5a30c3cb 100644
--- a/src/frontend/components/settings/tabs/Outputs.svelte
+++ b/src/frontend/components/settings/tabs/Outputs.svelte
@@ -278,8 +278,6 @@
 
 <!-- main -->
 
-<br />
-
 {#if outputsList.length > 1 || !currentOutput.enabled}
     <CombinedInput>
         <p><T id="settings.enabled" /></p>
@@ -346,7 +344,7 @@
 <CombinedInput>
     <p><T id="settings.output_screen" /></p>
     <Button disabled={currentOutput.invisible} on:click={() => activePopup.set("choose_screen")}>
-        <Icon id="screen" right />
+        <Icon id="screen" style="margin-left: 0.5em;" right />
         <p><T id="popup.choose_screen" /></p>
     </Button>
     <!-- centered? -->
@@ -517,6 +515,7 @@
 
         min-height: 38px;
         margin: 5px 0;
+        margin-bottom: 15px;
         font-style: italic;
         opacity: 0.8;
     }
diff --git a/src/frontend/components/settings/tabs/Styles.svelte b/src/frontend/components/settings/tabs/Styles.svelte
index 574cf564..3d5c951e 100644
--- a/src/frontend/components/settings/tabs/Styles.svelte
+++ b/src/frontend/components/settings/tabs/Styles.svelte
@@ -136,8 +136,6 @@
     <p><T id="settings.styles_hint" /></p>
 </div>
 
-<br />
-
 <!-- TODO: use stage (dropdown) -->
 <CombinedInput>
     <p><T id="edit.background_color" /></p>
@@ -151,16 +149,19 @@
         id="styles"
         title={currentStyle.backgroundImage}
         filter={{ name: "Media files", extensions: [...$imageExtensions, $videoExtensions] }}
+        center={false}
         on:picked={(e) => {
             if (e.detail) updateStyle(e, "backgroundImage")
         }}
     >
-        <Icon id="image" right />
-        {#if currentStyle.backgroundImage}
-            {getFileName(currentStyle.backgroundImage)}
-        {:else}
-            <T id="edit.choose_media" />
-        {/if}
+        <Icon id="image" style="margin-left: 0.5em;" right />
+        <p>
+            {#if currentStyle.backgroundImage}
+                {getFileName(currentStyle.backgroundImage)}
+            {:else}
+                <T id="edit.choose_media" />
+            {/if}
+        </p>
     </MediaPicker>
     {#if currentStyle.backgroundImage}
         <Button
@@ -182,6 +183,40 @@
         </div>
     </CombinedInput>
 {/if}
+
+<CombinedInput>
+    <p><T id="popup.transition" /></p>
+    <Button
+        on:click={() => {
+            if (!$styles[styleId]) updateStyle("", "transition") // set initial style
+            popupData.set({ action: "style_transition", id: styleId })
+            activePopup.set("transition")
+        }}
+    >
+        <div style="display: flex;align-items: center;padding: 0;">
+            <Icon id="transition" style="margin-left: 0.5em;" right />
+            <p>
+                {#if currentStyle.transition}
+                    <T id="actions.change_transition" />
+                {:else}
+                    <T id="popup.transition" />
+                {/if}
+            </p>
+        </div>
+    </Button>
+    {#if currentStyle.transition}
+        <Button
+            title={$dictionary.remove?.transition}
+            on:click={() => {
+                updateStyle("", "transition")
+            }}
+            redHover
+        >
+            <Icon id="close" size={1.2} white />
+        </Button>
+    {/if}
+</CombinedInput>
+
 <CombinedInput>
     <p><T id="edit.media_fit" /></p>
     <Dropdown value={mediaFitOptions.find((a) => a.id === currentStyle.fit)?.name || "—"} options={[{ id: null, name: "—" }, ...mediaFitOptions]} on:click={(e) => updateStyle(e.detail.id, "fit")} />
@@ -232,40 +267,6 @@
     </span>
 </CombinedInput>
 
-<CombinedInput>
-    <p><T id="popup.transition" /></p>
-    <Button
-        on:click={() => {
-            if (!$styles[styleId]) updateStyle("", "transition") // set initial style
-            popupData.set({ action: "style_transition", id: styleId })
-            activePopup.set("transition")
-        }}
-        center
-    >
-        <div style="display: flex;align-items: center;padding: 0;">
-            <Icon id="transition" right />
-            <p style="padding: 0;">
-                {#if currentStyle.transition}
-                    <T id="actions.change_transition" />
-                {:else}
-                    <T id="popup.transition" />
-                {/if}
-            </p>
-        </div>
-    </Button>
-    {#if currentStyle.transition}
-        <Button
-            title={$dictionary.remove?.transition}
-            on:click={() => {
-                updateStyle("", "transition")
-            }}
-            redHover
-        >
-            <Icon id="close" size={1.2} white />
-        </Button>
-    {/if}
-</CombinedInput>
-
 <h3><T id="preview.slide" /></h3>
 <CombinedInput>
     <p><T id="settings.active_layers" /></p>
@@ -346,18 +347,20 @@
     <p><T id="meta.display_metadata" /></p>
     <Dropdown options={meta} value={meta.find((a) => a.id === (currentStyle.displayMetadata || "never"))?.name || "—"} on:click={(e) => updateStyle(e.detail.id, "displayMetadata")} />
 </CombinedInput>
-<CombinedInput>
-    <p><T id="meta.meta_template" /></p>
-    <Dropdown options={templateList} value={$templates[currentStyle.metadataTemplate === undefined ? "metadata" : currentStyle.metadataTemplate]?.name || "—"} on:click={(e) => updateStyle(e.detail.id, "metadataTemplate")} />
-</CombinedInput>
-<CombinedInput>
-    <p><T id="meta.text_divider" /></p>
-    <TextInput value={currentStyle.metadataDivider === undefined ? "; " : currentStyle.metadataDivider} on:change={(e) => updateStyle(e, "metadataDivider")} on:keydown={keydown} />
-</CombinedInput>
-<!-- <CombinedInput>
-    <p><T id="meta.metadata_layout" /></p>
-    <TextInput value={currentStyle.metadataLayout || DEFAULT_META_LAYOUT} on:change={(e) => updateStyle(e, "metadataLayout")} on:keydown={keydown} />
-</CombinedInput> -->
+{#if (currentStyle.displayMetadata || "never") !== "never"}
+    <CombinedInput>
+        <p><T id="meta.meta_template" /></p>
+        <Dropdown options={templateList} value={$templates[currentStyle.metadataTemplate === undefined ? "metadata" : currentStyle.metadataTemplate]?.name || "—"} on:click={(e) => updateStyle(e.detail.id, "metadataTemplate")} />
+    </CombinedInput>
+    <CombinedInput>
+        <p><T id="meta.text_divider" /></p>
+        <TextInput value={currentStyle.metadataDivider === undefined ? "; " : currentStyle.metadataDivider} on:change={(e) => updateStyle(e, "metadataDivider")} on:keydown={keydown} />
+    </CombinedInput>
+    <!-- <CombinedInput>
+        <p><T id="meta.metadata_layout" /></p>
+        <TextInput value={currentStyle.metadataLayout || DEFAULT_META_LAYOUT} on:change={(e) => updateStyle(e, "metadataLayout")} on:keydown={keydown} />
+    </CombinedInput> -->
+{/if}
 <CombinedInput>
     <p><T id="meta.message_template" /></p>
     <Dropdown options={templateList} value={$templates[currentStyle.messageTemplate === undefined ? "message" : currentStyle.messageTemplate]?.name || "—"} on:click={(e) => updateStyle(e.detail.id, "messageTemplate")} />
@@ -409,6 +412,7 @@
 
         min-height: 38px;
         margin: 5px 0;
+        margin-bottom: 15px;
         font-style: italic;
         opacity: 0.8;
     }
diff --git a/src/frontend/components/show/ProjectList.svelte b/src/frontend/components/show/ProjectList.svelte
index 333ef4c5..2044bf57 100644
--- a/src/frontend/components/show/ProjectList.svelte
+++ b/src/frontend/components/show/ProjectList.svelte
@@ -6,6 +6,8 @@
     import ProjectFolder from "../inputs/ProjectFolder.svelte"
     import Center from "../system/Center.svelte"
     import T from "../helpers/T.svelte"
+    import { onMount } from "svelte"
+    import Loader from "../main/Loader.svelte"
 
     export let tree: Tree[]
 
@@ -16,23 +18,32 @@
         })
         return allOpened
     }
+
+    let startLoading: boolean = tree.length < 50
+    onMount(() => setTimeout(() => (startLoading = true), 20))
 </script>
 
 {#if tree.length}
-    {#each tree as project}
-        {@const opened = $openedFolders.includes(project.id || "")}
-        {@const shown = checkIfShown(project)}
-        <div style="margin-left: {8 * (project.index || 0)}px;background-color: rgb(255 255 255 / {0.01 * (project.index || 0)});">
-            <!-- , path: project.path -->
-            <SelectElem id={project.type || "project"} data={{ type: project.type || "project", id: project.id }} draggable trigger="column" borders="center">
-                {#if project.type === "folder" && (project.parent === "/" || shown)}
-                    <ProjectFolder {project} {opened} />
-                {:else if project.id && shown}
-                    <ProjectButton name={project.name} parent={project.parent} id={project.id} />
-                {/if}
-            </SelectElem>
-        </div>
-    {/each}
+    {#if startLoading}
+        {#each tree as project}
+            {@const opened = $openedFolders.includes(project.id || "")}
+            {@const shown = checkIfShown(project)}
+            <div style="margin-left: {8 * (project.index || 0)}px;background-color: rgb(255 255 255 / {0.01 * (project.index || 0)});">
+                <!-- , path: project.path -->
+                <SelectElem id={project.type || "project"} data={{ type: project.type || "project", id: project.id }} draggable trigger="column" borders="center">
+                    {#if project.type === "folder" && (project.parent === "/" || shown)}
+                        <ProjectFolder {project} {opened} />
+                    {:else if project.id && shown}
+                        <ProjectButton name={project.name} parent={project.parent} id={project.id} />
+                    {/if}
+                </SelectElem>
+            </div>
+        {/each}
+    {:else}
+        <Center>
+            <Loader />
+        </Center>
+    {/if}
 {:else}
     <Center faded>
         <T id="empty.general" />
diff --git a/src/frontend/components/show/Projects.svelte b/src/frontend/components/show/Projects.svelte
index e8401f37..f5413c9e 100644
--- a/src/frontend/components/show/Projects.svelte
+++ b/src/frontend/components/show/Projects.svelte
@@ -2,7 +2,7 @@
     import type { Tree } from "../../../types/Projects"
     import { ShowType } from "../../../types/Show"
     import { activeFocus, activeProject, activeShow, dictionary, drawer, focusMode, folders, labelsDisabled, projects, projectView, sorted } from "../../stores"
-    import { sortByName } from "../helpers/array"
+    import { removeDuplicateValues, sortByName } from "../helpers/array"
     import { history } from "../helpers/history"
     import Icon from "../helpers/Icon.svelte"
     import { getFileName, removeExtension } from "../helpers/media"
@@ -18,6 +18,12 @@
     import ProjectList from "./ProjectList.svelte"
 
     let tree: Tree[] = []
+
+    if (Object.keys($projects).length) deleteDuplicatedProjects()
+    function deleteDuplicatedProjects() {
+        projects.set(removeDuplicateValues($projects))
+    }
+
     $: f = Object.entries($folders)
         .filter(([_, a]) => !a.deleted)
         .map(([id, folder]) => ({ ...folder, id, type: "folder" as "folder" }))
@@ -101,6 +107,15 @@
     }
 
     $: projectActive = !$projectView && $activeProject !== null
+
+    let listScrollElem: any = null
+    let listOffset: number = -1
+    $: if (listScrollElem) {
+        let time = tree.length * 0.5 + 20
+        setTimeout(() => {
+            listOffset = autoscroll(listScrollElem, Math.max(0, [...(listScrollElem.querySelector(".ParentBlock")?.children || [])].findIndex((a) => a?.querySelector(".active")) - itemsBefore))
+        }, time)
+    }
 </script>
 
 <svelte:window on:keydown={checkInput} />
@@ -126,10 +141,12 @@
     </span>
 
     {#if !projectActive}
-        <div id="projectsArea" class="list projects context #projects" style="overflow: auto;">
-            <DropArea id="projects">
-                <ProjectList {tree} />
-            </DropArea>
+        <div id="projectsArea" class="list projects context #projects">
+            <Autoscroll offset={listOffset} bind:scrollElem={listScrollElem} timeout={150} smoothTimeout={0}>
+                <DropArea id="projects">
+                    <ProjectList {tree} />
+                </DropArea>
+            </Autoscroll>
         </div>
 
         <div id="projectsButtons" class="tabs">
diff --git a/src/frontend/components/show/tools/Media.svelte b/src/frontend/components/show/tools/Media.svelte
index 383063d4..400075de 100644
--- a/src/frontend/components/show/tools/Media.svelte
+++ b/src/frontend/components/show/tools/Media.svelte
@@ -298,7 +298,9 @@
                     <!-- class="context #action" -->
                     <Button on:click={() => runAction(action)} style="padding: 8px;width: 100%;" title={action.name} bold={false}>
                         <Icon id={customData.icon || "actions"} size={1.2} right />
-                        <p><T id={customData.name || ""} /></p>
+                        {#key customData.name}
+                            <p><T id={customData.name || ""} /></p>
+                        {/key}
                     </Button>
                 </SelectElem>
             {/each}
diff --git a/src/frontend/components/show/tools/Metadata.svelte b/src/frontend/components/show/tools/Metadata.svelte
index 4bf435a5..30f07f2a 100644
--- a/src/frontend/components/show/tools/Metadata.svelte
+++ b/src/frontend/components/show/tools/Metadata.svelte
@@ -136,18 +136,20 @@
                     }}
                 />
             </CombinedInput>
-            <!-- meta template -->
-            <CombinedInput>
-                <p title={$dictionary.meta?.meta_template}><T id="meta.meta_template" /></p>
-                <Dropdown
-                    options={templateList}
-                    value={$templates[metadata.template === undefined ? outputShowSettings.metadataTemplate || "metadata" : metadata.template]?.name || "—"}
-                    on:click={(e) => {
-                        metadata.template = e.detail.id
-                        updateData(metadata, "metadata")
-                    }}
-                />
-            </CombinedInput>
+            {#if (metadata.display || "never") !== "never"}
+                <!-- meta template -->
+                <CombinedInput>
+                    <p title={$dictionary.meta?.meta_template}><T id="meta.meta_template" /></p>
+                    <Dropdown
+                        options={templateList}
+                        value={$templates[metadata.template === undefined ? outputShowSettings.metadataTemplate || "metadata" : metadata.template]?.name || "—"}
+                        on:click={(e) => {
+                            metadata.template = e.detail.id
+                            updateData(metadata, "metadata")
+                        }}
+                    />
+                </CombinedInput>
+            {/if}
             <!-- message display -->
             <!-- <CombinedInput>
                 <p title={$dictionary.meta?.display_message}><T id="meta.display_message" /></p>
diff --git a/src/frontend/components/slide/Textbox.svelte b/src/frontend/components/slide/Textbox.svelte
index 71843e17..aa264c12 100644
--- a/src/frontend/components/slide/Textbox.svelte
+++ b/src/frontend/components/slide/Textbox.svelte
@@ -64,7 +64,7 @@
     // $: autoTextSize = autoSize ? autoSize * 0.8 : getAutoSize(item)
     // $: autoSize = autoSize || getAutoSize(item)
 
-    $: autoSize = item.autoFontSize || getAutoSize(item)
+    $: autoSize = item.autoFontSize || ((item?.type || "text") === "text" || isStage ? 0 : getAutoSize(item))
 
     $: lines = clone(item?.lines)
     $: if (linesStart !== null && linesEnd !== null && lines?.length) {
@@ -141,8 +141,10 @@
     $: itemAutoSize = item.auto
     $: itemAutoFontSize = item.autoFontSize
     $: if (alignElem && loaded && (stageAutoSize || newItem !== previousItem || chordLines)) {
+        // set to default
+        if ((itemAutoSize && !itemAutoFontSize) || stageAutoSize) fontSize = 0
         // set smaller text for easier reading while calculating new size
-        if ((itemAutoSize && !itemAutoFontSize) || outputTemplateAutoSize || stageAutoSize) fontSize = 70
+        else if (outputTemplateAutoSize) fontSize = 70
         setTimeout(getCustomAutoSize, 150)
     }
 
@@ -173,10 +175,14 @@
         previousItem = JSON.stringify(item)
 
         if (loopStop || !loaded || !alignElem || (!stageAutoSize && !outputTemplateAutoSize && (!item.auto || item.autoFontSize))) {
-            if (item.auto && item.autoFontSize) fontSize = item.autoFontSize
+            if (item.auto && item.autoFontSize && !stageAutoSize) fontSize = item.autoFontSize
             return
         }
+
         loopStop = true
+        setTimeout(() => {
+            loopStop = false
+        }, 100)
 
         let maxFontSize = MAX_FONT_SIZE
         let minFontSize = MIN_FONT_SIZE
@@ -202,7 +208,11 @@
                     // don't change the font size
                     // fontSize = itemFontSize
                     if (ref.id === "scripture" || ref.showId === "temp") maxFontSize = itemFontSize
-                    else return
+                    else {
+                        fontSize = itemFontSize
+                        setItemAutoFontSize(fontSize)
+                        return
+                    }
                 }
             }
             if (type === "growToFit") {
@@ -261,13 +271,11 @@
             }
         }
 
-        setTimeout(() => {
-            loopStop = false
-        }, 100)
-
-        if (stageAutoSize || itemIndex < 0 || $currentWindow) return
+        setItemAutoFontSize(fontSize)
+    }
 
-        // UPDATE item
+    function setItemAutoFontSize(fontSize) {
+        if (isStage || itemIndex < 0 || $currentWindow) return
 
         if (ref.type === "overlay") {
             overlays.update((a) => {
@@ -314,7 +322,7 @@
                         chords.splice(chordIndex, 1)
                     }
 
-                    html += `<span class="invisible" style="${style ? getAlphaStyle(text.style) : ""}${fontSizeValue ? `font-size: ${fontSizeValue};` : ""}">${letter}</span>`
+                    html += `<span class="invisible" style="${style ? getAlphaStyle(text.style) : ""}${fontSizeValue ? `font-size: ${fontSizeValue}px;` : ""}">${letter}</span>`
 
                     index++
                 })
@@ -345,10 +353,9 @@
     }
 
     $: if (chords && !stageItem && item?.auto && fontSize) fontSize *= 0.7
-    $: fontSizeValue = stageAutoSize || item.auto || outputTemplateAutoSize ? (fontSize || autoSize) + "px" : fontSize ? fontSize + "px" : ""
+    $: fontSizeValue = stageAutoSize || item.auto || outputTemplateAutoSize ? fontSize || autoSize : fontSize
 
     $: isDisabledVariable = item?.type === "variable" && $variables[item?.variable?.id]?.enabled === false
-
     let paddingCorrection = {}
     $: paddingCorrection = getPaddingCorrection(stageItem)
 
@@ -416,7 +423,7 @@
                             {#each line.text || [] as text}
                                 {@const value = text.value.replaceAll("\n", "<br>") || "<br>"}
                                 <span
-                                    style="{style ? getAlphaStyle(text.style) : ''}{customStyle}{fontSizeValue ? `font-size: ${fontSizeValue};` : ''}{text.customType === 'disableTemplate'
+                                    style="{style ? getAlphaStyle(text.style) : ''}{customStyle}{fontSizeValue ? `font-size: ${fontSizeValue}px;` : ''}{text.customType === 'disableTemplate'
                                         ? text.style + (customTypeRatio && autoSize ? `;font-size: ${fontSize * customTypeRatio}px;` : '')
                                         : ''}"
                                 >
diff --git a/src/frontend/components/slide/Zoomed.svelte b/src/frontend/components/slide/Zoomed.svelte
index bd7561a6..d6683f1c 100644
--- a/src/frontend/components/slide/Zoomed.svelte
+++ b/src/frontend/components/slide/Zoomed.svelte
@@ -21,8 +21,8 @@
     export let hideOverflow: boolean = true
     export let customZoom: number = 1
     export let cropping: Cropping = { top: 0, right: 0, bottom: 0, left: 0 }
-    export let resolution: Resolution = getResolution(null, { $outputs, $styles })
-    $: resolution = getResolution(resolution, { $outputs, $styles })
+    export let resolution: Resolution = getResolution(null, { $outputs, $styles }, false, id)
+    $: resolution = getResolution(resolution, { $outputs, $styles }, false, id)
 
     let slideWidth: number = 0
     export let ratio: number = 1
diff --git a/src/frontend/components/system/Autoscroll.svelte b/src/frontend/components/system/Autoscroll.svelte
index b96cbf74..be8d83af 100644
--- a/src/frontend/components/system/Autoscroll.svelte
+++ b/src/frontend/components/system/Autoscroll.svelte
@@ -3,10 +3,11 @@
 
     export let scrollElem: any = null
     export let timeout: number = 0
+    export let smoothTimeout: number = 800
     export let offset: number = -1
 
     let behaviour: string = ""
-    setTimeout(() => (behaviour = "scroll-behavior: smooth;"), 800)
+    setTimeout(() => (behaviour = "scroll-behavior: smooth;"), smoothTimeout)
 
     let t: any = null
     let st: any = null
diff --git a/src/frontend/converters/bible.ts b/src/frontend/converters/bible.ts
index 1d297e21..c70cd72a 100644
--- a/src/frontend/converters/bible.ts
+++ b/src/frontend/converters/bible.ts
@@ -1,3 +1,4 @@
+import { uid } from "uid"
 import { formatToFileName } from "../components/helpers/show"
 import { scriptures, scripturesCache } from "../stores"
 
@@ -12,8 +13,8 @@ export function importFSB(data: any[]) {
 
         if (!bible) return
 
-        let id: string = bible[0]
-        bible = bible[1]
+        let id: string = bible[0] || uid()
+        bible = bible[1] || bible
 
         scripturesCache.update((a) => {
             a[id] = bible
diff --git a/src/frontend/converters/opensong.ts b/src/frontend/converters/opensong.ts
index 4473ff0e..dc119835 100644
--- a/src/frontend/converters/opensong.ts
+++ b/src/frontend/converters/opensong.ts
@@ -10,7 +10,7 @@ interface Song {
     title: string
     author: string
     copyright: string
-    // presentation: string
+    presentation?: string
     // capo: string
     // tempo: string
     ccli: string
@@ -18,10 +18,10 @@ interface Song {
     // user1: string
     // user2: string
     // user3: string
-    lyrics: string[]
+    lyrics: string
     hymn_number: string
     key: string
-    // aka: string
+    aka?: string
     // key_line: string
     // linked_songs: string
     time_sig: string
@@ -50,11 +50,12 @@ export function convertOpenSong(data: any) {
                 copyright: song.copyright,
                 CCLI: song.ccli,
             }
+            show.message = { text: song.hymn_number }
 
             let { slides, layout }: any = createSlides(song)
 
             show.slides = slides
-            show.layouts = { [layoutID]: { name: get(dictionary).example?.default || "", notes: "", slides: layout } }
+            show.layouts = { [layoutID]: { name: get(dictionary).example?.default || "", notes: song.aka || "", slides: layout } }
 
             tempShows.push({ id: uid(), show })
         })
@@ -64,24 +65,35 @@ export function convertOpenSong(data: any) {
 }
 
 const OSgroups: any = { V: "verse", C: "chorus", B: "bridge", T: "tag", O: "outro" }
-function createSlides({ lyrics }: Song) {
+function createSlides({ lyrics, presentation }: Song) {
     let slides: any = {}
     let layout: any[] = []
     if (!lyrics) return { slides, layout }
-    lyrics.forEach((slide) => {
-        let lines = slide.split("\n")
-        let group = lines.splice(0, 1)[0]
+
+    // fix incorrect formatting
+    lyrics = lyrics.replaceAll("[", "\n\n[").trim()
+    lyrics = lyrics.replaceAll("\n\n\n\n", "\n\n")
+
+    let slideRef: any = {}
+    let slideOrder: string[] = []
+
+    lyrics.split("\n\n").forEach((slide) => {
+        let lines = slide.trim().split("\n")
+        let group = lines.splice(0, 1)[0]?.replace(/[\[\]]/g, "")
         let chords = lines.filter((_v: string) => _v.startsWith("."))
         let text = lines.filter((_v: string) => !_v.startsWith("."))
         if (text) {
             let id: string = uid()
-            layout.push({ id })
+            slideRef[group] = id
+            slideOrder.push(group)
+
             let items = [
                 {
                     style: "left:50px;top:120px;width:1820px;height:840px;",
-                    lines: text.map((a: any) => ({ align: "", text: [{ style: "", value: a }] })),
+                    lines: text.map((a: any) => ({ align: "", text: [{ style: "", value: a.replace("|", "&nbsp;") }] })),
                 },
             ]
+
             // TODO: chords
             console.log(chords)
             slides[id] = {
@@ -91,11 +103,21 @@ function createSlides({ lyrics }: Song) {
                 notes: "",
                 items,
             }
-            let globalGroup = OSgroups[group.replace(/[\[\]0-9]/g, "")]
+            let globalGroup = OSgroups[group.replace(/[0-9]/g, "")]
             if (get(groups)[globalGroup]) slides[id].globalGroup = globalGroup
         }
     })
 
+    // custom slide order
+    if (presentation) slideOrder = presentation.split(" ")
+    if (slideOrder.length) {
+        layout = []
+        slideOrder.forEach((group) => {
+            let id = slideRef[group]
+            layout.push({ id })
+        })
+    }
+
     return { slides, layout }
 }
 
@@ -107,7 +129,7 @@ function XMLtoObject(xml: string) {
         title: song.getElementsByTagName("title")[0]?.textContent!,
         author: song.getElementsByTagName("author")[0]?.textContent!,
         copyright: song.getElementsByTagName("copyright")[0]?.textContent!,
-        // presentation: song.getElementsByTagName("presentation")[0]?.textContent!,
+        presentation: song.getElementsByTagName("presentation")[0]?.textContent!,
         // capo: song.getElementsByTagName("capo")[0]?.textContent!,
         // tempo: song.getElementsByTagName("tempo")[0]?.textContent!,
         ccli: song.getElementsByTagName("ccli")[0]?.textContent!,
@@ -115,10 +137,10 @@ function XMLtoObject(xml: string) {
         // user1: song.getElementsByTagName("user1")[0]?.textContent!,
         // user2: song.getElementsByTagName("user2")[0]?.textContent!,
         // user3: song.getElementsByTagName("user3")[0]?.textContent!,
-        lyrics: song.getElementsByTagName("lyrics")[0]?.textContent!.split("\n\n"),
+        lyrics: song.getElementsByTagName("lyrics")[0]?.textContent!,
         hymn_number: song.getElementsByTagName("hymn_number")[0]?.textContent!,
         key: song.getElementsByTagName("key")[0]?.textContent!,
-        // aka: song.getElementsByTagName("aka")[0]?.textContent!,
+        aka: song.getElementsByTagName("aka")[0]?.textContent!,
         // key_line: song.getElementsByTagName("key_line")[0]?.textContent!,
         // linked_songs: song.getElementsByTagName("linked_songs")[0]?.textContent!,
         time_sig: song.getElementsByTagName("time_sig")[0]?.textContent!,
diff --git a/src/frontend/stores.ts b/src/frontend/stores.ts
index e1ae10b5..75e358ba 100644
--- a/src/frontend/stores.ts
+++ b/src/frontend/stores.ts
@@ -149,6 +149,7 @@ export const deviceId: Writable<string> = writable("")
 export const undoHistory: Writable<History[]> = writable([])
 export const redoHistory: Writable<History[]> = writable([])
 export const historyCacheCount: Writable<number> = writable(250)
+export const usageLog: Writable<any> = writable({ all: [] })
 
 // SHOW
 export const shows: Writable<any> = writable({}) // {default}
diff --git a/src/frontend/utils/popup.ts b/src/frontend/utils/popup.ts
index ba86d8e1..8a274251 100644
--- a/src/frontend/utils/popup.ts
+++ b/src/frontend/utils/popup.ts
@@ -44,6 +44,7 @@ import ChooseChord from "../components/main/popups/ChooseChord.svelte"
 import { get } from "svelte/store"
 import ChooseOutput from "../components/main/popups/ChooseOutput.svelte"
 import Translate from "../components/main/popups/localization/Translate.svelte"
+import DeleteDuplicatedShows from "../components/main/popups/DeleteDuplicatedShows.svelte"
 
 export const popups: { [key in Popups]: ComponentType } = {
     initialize: Initialize,
@@ -53,6 +54,7 @@ export const popups: { [key in Popups]: ComponentType } = {
     show: CreateShow,
     delete_show: DeleteShow,
     select_show: SelectShow,
+    delete_duplicated_shows: DeleteDuplicatedShows,
     icon: ChangeIcon,
     manage_icons: ManageIcons,
     manage_colors: ManageColors,
diff --git a/src/frontend/utils/receivers.ts b/src/frontend/utils/receivers.ts
index 431bdd1f..36fd4ff4 100644
--- a/src/frontend/utils/receivers.ts
+++ b/src/frontend/utils/receivers.ts
@@ -83,6 +83,7 @@ import {
     timeFormat,
     timers,
     transitionData,
+    usageLog,
     variables,
     version,
     videosData,
@@ -176,14 +177,15 @@ const receiveMAIN: any = {
     BACKUP: ({ finished, path }) => {
         if (!finished) return activePopup.set(null)
 
-        alertMessage.set(get(dictionary).settings?.backup_finished + "<br><br>" + path)
-        activePopup.set("alert")
+        console.log("Backed up to:", path)
+        newToast(get(dictionary).settings?.backup_finished) // + ": " + path)
+        // if (changeUserData) send(STORE, ["UPDATE_PATH"], changeUserData)
     },
     RESTORE: ({ finished }) => {
         if (!finished) return activePopup.set(null)
 
-        alertMessage.set("settings.restore_finished")
-        activePopup.set("alert")
+        activePage.set("show")
+        newToast("$settings.restore_finished")
     },
     LOCATE_MEDIA_FILE: ({ path, ref }) => {
         let prevPath: string = ""
@@ -246,6 +248,7 @@ const receiveSTORE: any = {
         undoHistory.set(a.undo || [])
         redoHistory.set(a.redo || [])
     },
+    USAGE: (a: any) => usageLog.set(a),
 }
 
 const receiveFOLDER: any = {
diff --git a/src/frontend/utils/save.ts b/src/frontend/utils/save.ts
index 7b78f111..1fa3a6f3 100644
--- a/src/frontend/utils/save.ts
+++ b/src/frontend/utils/save.ts
@@ -76,6 +76,7 @@ import {
     transitionData,
     triggers,
     undoHistory,
+    usageLog,
     variables,
     videoExtensions,
     videoMarkers,
@@ -86,11 +87,14 @@ import { audioStreams, companion } from "./../stores"
 import { newToast } from "./common"
 import { syncDrive } from "./drive"
 import { customActionActivation } from "../components/actions/actions"
+import { send } from "./request"
 
-export function save(closeWhenFinished: boolean = false, backup: boolean = false) {
+export function save(closeWhenFinished: boolean = false, customTriggers: { backup?: boolean; silent?: boolean; changeUserData?: any } = {}) {
     console.log("SAVING...")
-    newToast("$toast.saving")
-    customActionActivation("save")
+    if (!customTriggers.backup) {
+        newToast("$toast.saving")
+        customActionActivation("save")
+    }
 
     let settings: { [key in SaveListSettings]: any } = {
         initialized: true,
@@ -195,21 +199,25 @@ export function save(closeWhenFinished: boolean = false, backup: boolean = false
         ...allSavedData,
         CACHE: { text: get(textCache) },
         HISTORY: { undo: get(undoHistory), redo: get(redoHistory) },
+        USAGE: get(usageLog),
     }
 
     allSavedData.closeWhenFinished = closeWhenFinished
-    allSavedData.backup = backup
-    window.api.send(STORE, { channel: "SAVE", data: allSavedData })
+    allSavedData.customTriggers = customTriggers
+
+    if (customTriggers.backup) newToast("$settings.backup_started")
+    send(STORE, ["SAVE"], allSavedData)
 }
 
-export function saveComplete({ closeWhenFinished, backup }: any) {
+export function saveComplete({ closeWhenFinished, customTriggers }: any) {
     if (!closeWhenFinished) {
         saved.set(true)
         console.log("SAVED!")
-        newToast("$toast.saved")
+
+        if (!customTriggers?.backup) newToast("$toast.saved")
     }
 
-    if (backup) return
+    if (customTriggers?.backup || customTriggers?.changeUserData) return
 
     let mainFolderId = get(driveData)?.mainFolderId
     if (!mainFolderId || get(driveData)?.disabled === true) {
diff --git a/src/frontend/utils/startup.ts b/src/frontend/utils/startup.ts
index c22c33c1..0373140f 100644
--- a/src/frontend/utils/startup.ts
+++ b/src/frontend/utils/startup.ts
@@ -1,14 +1,15 @@
 import { get } from "svelte/store"
 import { MAIN, OUTPUT, STARTUP, STORE } from "../../types/Channels"
 import { checkStartupActions } from "../components/actions/actions"
-import { currentWindow, loaded, loadedState } from "../stores"
+import { currentWindow, loaded, loadedState, special } from "../stores"
 import { startTracking } from "./analytics"
 import { wait } from "./common"
 import { setLanguage } from "./language"
 import { storeSubscriber } from "./listeners"
 import { receiveOUTPUTasOUTPUT, remoteListen, setupMainReceivers } from "./receivers"
 import { receive, send } from "./request"
-import { unsavedUpdater } from "./save"
+import { save, unsavedUpdater } from "./save"
+import { getTimeFromInterval } from "../components/helpers/time"
 
 let initialized: boolean = false
 export function startup() {
@@ -43,18 +44,36 @@ async function startupMain() {
     storeSubscriber()
     remoteListen()
     checkStartupActions()
+    autoBackup()
     startTracking()
 
     await wait(5000)
     unsavedUpdater()
 }
 
+function autoBackup() {
+    let interval = get(special).autoBackup || "never"
+    if (interval === "never") return
+
+    let now = Date.now()
+    let lastBackup = get(special).autoBackupPrevious || 0
+    let minTimeToBackup = getTimeFromInterval(interval)
+
+    if (now - lastBackup > minTimeToBackup) {
+        save(false, { backup: true, silent: true })
+        special.update((a) => {
+            a.autoBackupPrevious = now
+            return a
+        })
+    }
+}
+
 function getMainData() {
     send(MAIN, ["VERSION", "IS_DEV", "GET_OS", "GET_TEMP_PATHS", "DEVICE_ID", "MAXIMIZED", "DISPLAY"])
 }
 
 async function getStoredData() {
-    send(STORE, ["SYNCED_SETTINGS", "STAGE_SHOWS", "PROJECTS", "OVERLAYS", "TEMPLATES", "EVENTS", "MEDIA", "THEMES", "DRIVE_API_KEY", "HISTORY", "CACHE"])
+    send(STORE, ["SYNCED_SETTINGS", "STAGE_SHOWS", "PROJECTS", "OVERLAYS", "TEMPLATES", "EVENTS", "MEDIA", "THEMES", "DRIVE_API_KEY", "HISTORY", "USAGE", "CACHE"])
 
     await waitUntilDefined(() => get(loadedState).includes("synced_settings"))
     send(STORE, ["SETTINGS"])
diff --git a/src/frontend/utils/updateSettings.ts b/src/frontend/utils/updateSettings.ts
index 74b118f9..3e22fb9b 100644
--- a/src/frontend/utils/updateSettings.ts
+++ b/src/frontend/utils/updateSettings.ts
@@ -122,7 +122,7 @@ export function updateSettings(data: any) {
         setTimeout(() => {
             restartOutputs()
             if (get(autoOutput)) setTimeout(() => displayOutputs({}, true), 500)
-            checkWindowCapture()
+            setTimeout(checkWindowCapture, 1000)
         }, 1500)
     }
 
diff --git a/src/server/remote/App.svelte b/src/server/remote/App.svelte
index 59590c9f..bca2b8c0 100644
--- a/src/server/remote/App.svelte
+++ b/src/server/remote/App.svelte
@@ -8,6 +8,7 @@
     import Icon from "./components/Icon.svelte"
     import ProjectButton from "./components/ProjectButton.svelte"
     import ShowButton from "./components/ShowButton.svelte"
+    import TabletMode from "./components/tablet/TabletMode.svelte"
     import Tabs from "./components/Tabs.svelte"
     import Clear from "./components/slide/Clear.svelte"
     import Slide from "./components/slide/Slide.svelte"
@@ -402,7 +403,11 @@
 {/if}
 
 {#if connected}
-    <section class="justify">
+    <section class="tabletMode">
+        <TabletMode {dictionary} {projects} {activeProject} {activeShow} {shows} {send} {outSlide} {outShow} {styleRes} {outLayout} {layout} {transition} {totalSlides} {previous} {next} />
+    </section>
+
+    <section class="phoneMode justify">
         <div class="content">
             {#if activeTab === "projects"}
                 <h2>{dictionary.remote.projects}</h2>
@@ -834,4 +839,24 @@
         font-size: 1.1em;
         text-align: center;
     }
+
+    .phoneMode {
+        display: flex;
+    }
+    .tabletMode {
+        display: none;
+
+        height: 100%;
+        justify-content: space-between;
+    }
+
+    /* tablet & computers */
+    @media only screen and (min-width: 1000px) {
+        .phoneMode {
+            display: none;
+        }
+        .tabletMode {
+            display: flex;
+        }
+    }
 </style>
diff --git a/src/server/remote/components/Button.svelte b/src/server/remote/components/Button.svelte
index 15a2d48c..6813641c 100644
--- a/src/server/remote/components/Button.svelte
+++ b/src/server/remote/components/Button.svelte
@@ -67,7 +67,7 @@
     fill: white;
   }
 
-  button:not(:disabled):not(.active) {
+  button:not(:disabled) {
     cursor: pointer;
   }
   button:hover:not(:disabled):not(.active) {
diff --git a/src/server/remote/components/Tabs.svelte b/src/server/remote/components/Tabs.svelte
index 5cd811b9..19ead916 100644
--- a/src/server/remote/components/Tabs.svelte
+++ b/src/server/remote/components/Tabs.svelte
@@ -1,44 +1,47 @@
 <script lang="ts">
-  import type { TabsObj } from "../../../types/Tabs"
-  import Icon from "./Icon.svelte"
-  // import T from "../helpers/T.svelte"
-  import Button from "./Button.svelte"
+    import type { TabsObj } from "../../../types/Tabs"
+    import Icon from "./Icon.svelte"
+    // import T from "../helpers/T.svelte"
+    import Button from "./Button.svelte"
 
-  export let tabs: TabsObj
-  export let active: string
-  export let disabled: any
+    export let tabs: TabsObj
+    export let active: string
+    export let disabled: any
+    export let icons: boolean = false
 </script>
 
 <div class="tabs">
-  {#each Object.entries(tabs) as [id, tab]}
-    <Button on:click={() => (active = id)} title={tab.name} active={active === id} center disabled={!disabled[id]}>
-      <Icon id={tab.icon} size={2} />
-      <!-- {#if labels}
+    {#each Object.entries(tabs) as [id, tab]}
+        <Button on:click={() => (active = id)} title={tab.name} active={active === id} center disabled={!disabled[id]}>
+            <Icon id={tab.icon} size={2} />
+            <!-- {#if labels}
         <T id={tab.name} />
       {/if} -->
-      <span class="label">{tab.name}</span>
-    </Button>
-  {/each}
+            {#if !icons}
+                <span class="label">{tab.name}</span>
+            {/if}
+        </Button>
+    {/each}
 </div>
 
 <style>
-  .tabs {
-    display: flex;
-    flex-wrap: wrap;
-    background-color: var(--primary-darkest);
-  }
+    .tabs {
+        display: flex;
+        flex-wrap: wrap;
+        background-color: var(--primary-darkest);
+    }
 
-  .tabs :global(button) {
-    flex: auto;
-    padding-left: 0 !important;
-    padding-right: 0 !important;
-  }
+    .tabs :global(button) {
+        flex: auto;
+        padding-left: 0 !important;
+        padding-right: 0 !important;
+    }
 
-  .label {
-    padding-left: 10px;
-  }
+    .label {
+        padding-left: 10px;
+    }
 
-  /* @media screen and (max-width: 1500px) {
+    /* @media screen and (max-width: 1500px) {
     .label {
       font-size: 0.8em;
     }
@@ -48,9 +51,9 @@
       font-size: 0.5em;
     }
   } */
-  @media screen and (max-width: 800px) {
-    .label {
-      display: none;
+    @media screen and (max-width: 800px) {
+        .label {
+            display: none;
+        }
     }
-  }
 </style>
diff --git a/src/server/remote/components/slide/ShowSlide.svelte b/src/server/remote/components/slide/ShowSlide.svelte
index a1e78f18..d4d3bbb5 100644
--- a/src/server/remote/components/slide/ShowSlide.svelte
+++ b/src/server/remote/components/slide/ShowSlide.svelte
@@ -16,6 +16,9 @@
     $: isCustomRes = resolution.width !== 1920 || resolution.height !== 1080
     $: slideResolution = slide?.settings?.resolution
     $: newResolution = isCustomRes ? resolution : slideResolution || { width: 1920, height: 1080 }
+
+    // WIP NAME
+    // $: name = getGroupName({ show, showId }, layoutSlide.id, slide.group, index)
 </script>
 
 <!-- TODO: disabled -->
@@ -39,8 +42,8 @@ class:left={overIndex === index && (!selected.length || index <= selected[0])} -
         </Zoomed>
         <!-- TODO: BG: white, color: black -->
         <!-- style="width: {newResolution.width * zoom}px;" -->
-        <div class="label" title={slide.group || ""}>
-            <!-- font-size: 0.8em; -->
+
+        <div class="label" title={slide.group || ""} style={`color: ${color};border-bottom: 2px solid ${color || "var(--primary-darkest)"};`}>
             <span style="position: absolute;display: contents;">{index + 1}</span>
             <span class="text">{slide.group || ""}</span>
         </div>
@@ -51,7 +54,7 @@ class:left={overIndex === index && (!selected.length || index <= selected[0])} -
     .main {
         display: flex;
         position: relative;
-        padding: 5px;
+        padding: 2px;
     }
 
     .slide {
@@ -67,7 +70,9 @@ class:left={overIndex === index && (!selected.length || index <= selected[0])} -
         /* outline: 2px solid var(--secondary);
     outline-offset: 4px; */
         outline: 3px solid var(--secondary);
-        outline-offset: 4px;
+        outline-offset: -1px;
+
+        z-index: 2;
     }
     .slide.disabled {
         opacity: 0.2;
@@ -89,6 +94,8 @@ class:left={overIndex === index && (!selected.length || index <= selected[0])} -
     }
 
     .label {
+        position: relative;
+        background-color: var(--primary-darkest);
         display: flex;
         padding: 5px;
         padding-bottom: 3px;
diff --git a/src/server/remote/components/slide/Slide.svelte b/src/server/remote/components/slide/Slide.svelte
index b8c6e0c0..2d3d30a6 100644
--- a/src/server/remote/components/slide/Slide.svelte
+++ b/src/server/remote/components/slide/Slide.svelte
@@ -11,6 +11,7 @@
     export let outSlide: any
     export let outLayout: any
     export let styleRes: any
+    export let preview: boolean = false
 
     let width: number = 0
     let height: number = 0
@@ -28,8 +29,8 @@
     $: newResolution = isCustomRes ? resolution : slideResolution || { width: 1920, height: 1080 }
 </script>
 
-<div class="main" bind:offsetWidth={width} bind:offsetHeight={height}>
-    <Zoomed center style={getStyleResolution(newResolution, width, height)} resolution={newResolution} bind:ratio>
+<div class="main" style={preview ? "width: 100%;" : ""} bind:offsetWidth={width} bind:offsetHeight={height}>
+    <Zoomed center style={preview ? "width: 100%;" : getStyleResolution(newResolution, width, height)} resolution={newResolution} bind:ratio>
         <!-- {#if $outBackground !== null}
     <MediaOutput {...$outBackground} {transition} bind:video bind:videoData />
   {/if} -->
diff --git a/src/server/remote/components/slide/Slides.svelte b/src/server/remote/components/slide/Slides.svelte
index 433bc01a..8dd07ef1 100644
--- a/src/server/remote/components/slide/Slides.svelte
+++ b/src/server/remote/components/slide/Slides.svelte
@@ -10,8 +10,8 @@
     export let outSlide: null | number
     export let styleRes: null | any
     export let dictionary: any
+    export let columns: number = 2
     let resolution: Resolution = styleRes || { width: 1920, height: 1080 }
-    let columns: number = 2
 
     // $: id = $activeShow!.id
     // $: currentShow = $shows[$activeShow!.id]
@@ -22,7 +22,7 @@
     export let scrollElem: any
     let lastScrollId = "-1"
     $: {
-        if (scrollElem && outSlide !== null && outShow?.id === activeShow.id) {
+        if (scrollElem?.querySelector(".grid") && outSlide !== null && outShow?.id === activeShow.id) {
             let index = Math.max(0, outSlide)
             if (outShow.id + index !== lastScrollId) {
                 lastScrollId = outShow.id + index
diff --git a/src/server/remote/components/tablet/TabletMode.svelte b/src/server/remote/components/tablet/TabletMode.svelte
new file mode 100644
index 00000000..324d8196
--- /dev/null
+++ b/src/server/remote/components/tablet/TabletMode.svelte
@@ -0,0 +1,410 @@
+<script lang="ts">
+    import type { TabsObj } from "../../../../types/Tabs"
+    import { GetLayout, getNextSlide, nextSlide } from "../../helpers/get"
+    import { dateToString } from "../../helpers/time"
+    import Button from "../Button.svelte"
+    import Center from "../Center.svelte"
+    import Icon from "../Icon.svelte"
+    import ProjectButton from "../ProjectButton.svelte"
+    import ShowButton from "../ShowButton.svelte"
+    import Clear from "../slide/Clear.svelte"
+    import Slide from "../slide/Slide.svelte"
+    import Slides from "../slide/Slides.svelte"
+    import Tabs from "../Tabs.svelte"
+
+    export let dictionary
+    export let projects
+    export let activeProject: any
+    export let activeShow: any
+    export let shows: any[]
+    export let send: Function
+
+    export let outSlide: any
+    export let outShow: any
+    export let styleRes: any
+
+    export let outLayout: any
+    export let layout: any
+    export let transition: any
+    export let totalSlides: any
+    export let previous: any // Function
+    export let next: any // Function
+
+    let activeTab: string = "project"
+
+    // SEARCH
+
+    let searchValue: string = ""
+    // sort shows in alphabeticly order
+    let showsSorted: any
+    $: {
+        showsSorted = shows.filter((s) => s.private !== true).sort((a: any, b: any) => (a.name < b.name ? -1 : a.name > b.name ? 1 : 0))
+        // removeValues(sortObject(keysToID(s), "name"), "private", true)
+    }
+    let filteredShows: any[]
+    let filteredStored: any
+    $: filteredStored = showsSorted
+    // $: filteredStored = showsSorted.filter((s: any) => category === "all" || category === s.category || (category === "unlabeled" && s.category === null))
+    // $: console.log(filteredStored)
+
+    export let firstMatch: null | string = null
+    $: {
+        if (searchValue.length > 1) setTimeout(findMatches, 10)
+        else {
+            filteredShows = filteredStored
+            firstMatch = null
+        }
+    }
+
+    function findMatches() {
+        filteredShows = []
+        filteredStored.forEach((s: any) => {
+            let match = search(s)
+            if (match) filteredShows.push({ ...s, match })
+        })
+        // filteredShows = sortObjectNumbers(filteredShows, "match", true) as ShowId[]
+        filteredShows = filteredShows.sort((a: any, b: any) => (a.match < b.match ? -1 : a.match > b.match ? 1 : 0))
+        firstMatch = filteredShows[0]?.id || null
+    }
+
+    $: sva = searchValue
+        .toLowerCase()
+        .replace(/[.\/#!?$%\^&\*;:{}=\-_`~(),]/g, "")
+        .split(" ")
+    const filter = (s: string) => s.toLowerCase().replace(/[.,\/#!?$%\^&\*;:{}=\-_`~() ]/g, "")
+    const searchIncludes = (s: string, sv: string): boolean => filter(s).includes(sv)
+    const searchEquals = (s: string, sv: string): boolean => filter(s) === sv
+
+    let totalMatch: number = 0
+    $: totalMatch = searchValue ? 0 : 0
+    function search(obj: any): number {
+        let match: any[] = []
+
+        sva.forEach((sv: any, i: number) => {
+            if (sv.length > 1) {
+                match[i] = 0
+
+                if (searchEquals(obj.name.toLowerCase(), sv)) match[i] = 100
+                else if (searchIncludes(obj.name.toLowerCase(), sv)) match[i] += 25
+            }
+        })
+
+        let sum = 0
+        let hasZero = match.some((m) => {
+            sum += m
+            return m === 0
+        })
+
+        if (hasZero) sum = 0
+
+        totalMatch += sum
+        return Math.min(sum, 100)
+    }
+
+    // shows list
+    function openShow(id: string) {
+        send("SHOW", id)
+        // activeTab = "show"
+    }
+
+    function showSearchKeydown(e: any) {
+        if (e.key === "Enter") openShow(filteredShows[0].id)
+    }
+
+    // TABS
+
+    let tabs: TabsObj = {}
+    $: tabs = {
+        projects: { name: dictionary.remote.projects, icon: "folder" },
+        project: { name: dictionary.remote.project, icon: "project" },
+        shows: { name: dictionary.remote.shows, icon: "shows" },
+    }
+
+    // SHOW
+
+    let scrollElem: any
+    // auto scroll
+    $: {
+        if (scrollElem && outSlide !== null && slideView === "lyrics") {
+            let offset = scrollElem.children[outSlide]?.offsetTop - scrollElem.offsetTop - 5
+            scrollElem.scrollTo(0, offset)
+        }
+    }
+
+    const slidesViews: any = { grid: "lyrics", lyrics: "grid" }
+    let slideView: string = "grid"
+</script>
+
+<div class="left">
+    <div class="header" style={activeTab === "shows" ? "padding: 0;" : ""}>
+        {#if activeTab === "projects"}
+            {dictionary.remote?.projects}
+        {:else if activeTab === "project"}
+            {activeProject?.name}
+        {:else if activeTab === "shows"}
+            <input type="text" class="input" placeholder="Search..." bind:value={searchValue} on:keydown={showSearchKeydown} />
+        {/if}
+    </div>
+
+    <div class="flex">
+        {#if activeTab === "projects"}
+            {#if projects.length}
+                <!-- <Projects {folders} {projects} activeProject={project} bind:activeShow {openedFolders} /> -->
+                {#each projects as project}
+                    <ProjectButton
+                        active={activeProject?.id === project.id}
+                        name={project.name}
+                        on:click={() => {
+                            activeProject = project
+                            activeTab = "project"
+                        }}
+                    />
+                {/each}
+            {:else}
+                <Center faded>{dictionary.empty.project_select}</Center>
+            {/if}
+        {:else if activeTab === "project"}
+            {#if activeProject}
+                {#if activeProject.shows.length}
+                    <div class="scroll">
+                        {#each activeProject.shows as show}
+                            {#if show.type === "section"}
+                                <div class="section">{show.name}</div>
+                            {:else if show.type && show.type !== "show"}
+                                <div class="media" style="opacity: 0.5;padding: 5px 22px;text-transform: capitalize;font-size: 0.8em;">{show.type || show.name || show.id}</div>
+                            {:else if shows.find((s) => s.id === show.id)}
+                                <ShowButton
+                                    on:click={(e) => openShow(e.detail)}
+                                    {activeShow}
+                                    show={shows.find((s) => s.id === show.id)}
+                                    icon={shows.find((s) => s.id === show.id).private ? "private" : shows.find((s) => s.id === show.id).type ? shows.find((s) => s.id === show.id).type : "noIcon"}
+                                />
+                            {/if}
+                        {/each}
+                    </div>
+                {:else}
+                    <Center faded>{dictionary.empty.shows}</Center>
+                {/if}
+            {:else}
+                <Center faded>{dictionary.empty.project_select}</Center>
+            {/if}
+        {:else if activeTab === "shows"}
+            {#if shows.length}
+                <div class="scroll">
+                    {#each filteredShows as show}
+                        {#if searchValue.length <= 1 || show.match}
+                            <ShowButton on:click={(e) => openShow(e.detail)} {activeShow} show={shows.find((s) => s.id === show.id)} data={dateToString(show.timestamps.created, true)} match={show.match || null} />
+                        {/if}
+                    {/each}
+                </div>
+                {#if searchValue.length > 1 && totalMatch === 0}
+                    <Center faded>{dictionary.empty.search}</Center>
+                {/if}
+            {:else}
+                <Center faded>{dictionary.empty.shows}</Center>
+            {/if}
+        {/if}
+    </div>
+
+    <Tabs {tabs} bind:active={activeTab} disabled={{ projects: projects.length, project: activeProject, shows: shows.length }} icons />
+</div>
+
+<div class="center">
+    {#if activeShow}
+        <!-- <h2>{activeShow.name}</h2> -->
+
+        <div bind:this={scrollElem} class="scroll" style="height: 100%;overflow-y: auto;background-color: var(--primary-darker);scroll-behavior: smooth;display: flex;flex-direction: column;">
+            {#if slideView === "lyrics"}
+                {#each GetLayout(activeShow, activeShow?.settings?.activeLayout) as layoutSlide, i}
+                    {#if !layoutSlide.disabled}
+                        <span
+                            style="padding: 5px;{outShow?.id === activeShow.id && outSlide === i ? 'background-color: rgba(0 0 0 / 0.6);' : ''}"
+                            on:click={() => {
+                                send("OUT", { id: activeShow.id, index: i, layout: activeShow.settings.activeLayout })
+                                outShow = activeShow
+                            }}
+                        >
+                            <span class="group" style="opacity: 0.6;font-size: 0.8em;display: flex;justify-content: center;position: relative;">
+                                <span style="left: 0;position: absolute;">{i + 1}</span>
+                                <span>{activeShow.slides[layoutSlide.id].group === null ? "" : activeShow.slides[layoutSlide.id].group || "—"}</span>
+                            </span>
+                            {#each activeShow.slides[layoutSlide.id].items as item}
+                                {#if item.lines}
+                                    <div class="lyric" style="font-size: 1.1em;text-align: center;">
+                                        {#each item.lines as line}
+                                            <div class="break">
+                                                {#each line.text || [] as text}
+                                                    <span>{@html text.value}</span>
+                                                {/each}
+                                            </div>
+                                        {/each}
+                                    </div>
+                                {:else}
+                                    <span style="opacity: 0.5;">—</span>
+                                {/if}
+                            {/each}
+                        </span>
+                    {/if}
+                {/each}
+            {:else}
+                <Slides
+                    {dictionary}
+                    {scrollElem}
+                    {outShow}
+                    {activeShow}
+                    on:click={(e) => {
+                        // TODO: fix...
+                        send("OUT", { id: activeShow.id, index: e.detail, layout: activeShow.settings.activeLayout })
+                        outShow = activeShow
+                    }}
+                    {outSlide}
+                    {styleRes}
+                    columns={3}
+                />
+            {/if}
+        </div>
+
+        <!-- TODO: change layout -->
+        <div class="layouts">
+            <div></div>
+
+            <div class="buttons">
+                <Button class="context #slideViews" on:click={() => (slideView = slidesViews[slideView])}>
+                    <Icon size={1.3} id={slideView} white />
+                </Button>
+            </div>
+        </div>
+    {:else}
+        <Center faded>{dictionary.empty.show}</Center>
+    {/if}
+</div>
+
+<div class="right" style="jutsify-content: space-between;">
+    {#if outShow && layout}
+        <div class="top flex">
+            <!-- <h2>{outShow.name}</h2> -->
+            <div class="outSlides">
+                <Slide {outShow} {outSlide} {outLayout} {styleRes} {transition} preview />
+            </div>
+
+            <div class="buttons">
+                <Clear
+                    {dictionary}
+                    {outSlide}
+                    on:click={(e) => {
+                        send(e.detail.id, e.detail.value)
+                        // activeTab = "show"
+                    }}
+                />
+            </div>
+            <div class="buttons" style="display: flex;width: 100%;">
+                <!-- <Button style="flex: 1;" center><Icon id="previousFull" /></Button> -->
+                <Button style="flex: 1;" on:click={previous} disabled={outSlide <= 0} center><Icon size={1.8} id="previous" /></Button>
+                <span style="flex: 3;align-self: center;text-align: center;opacity: 0.8;font-size: 0.8em;">{outSlide + 1}/{totalSlides}</span>
+                <Button style="flex: 1;" on:click={next} disabled={outSlide + 1 >= totalSlides} center><Icon size={1.8} id="next" /></Button>
+                <!-- <Button style="flex: 1;" center><Icon id="nextFull" /></Button> -->
+            </div>
+        </div>
+
+        <div class="outSlides">
+            {#if nextSlide(layout, outSlide) && getNextSlide(outShow, outSlide, outLayout)}
+                <Slide {outShow} outSlide={nextSlide(layout, outSlide)} {outLayout} {styleRes} {transition} preview />
+            {:else}
+                <div style="display: flex;align-items: center;justify-content: center;flex: 1;opacity: 0.5;padding: 20px 0;">{dictionary.remote.end}</div>
+            {/if}
+        </div>
+    {:else}
+        <Center faded>{dictionary.remote.no_output}</Center>
+    {/if}
+</div>
+
+<style>
+    .left,
+    .center,
+    .right {
+        height: 100%;
+        display: flex;
+        flex-direction: column;
+    }
+
+    .left,
+    .right {
+        width: 290px;
+    }
+
+    .left {
+        border-right: 4px solid var(--primary-lighter);
+    }
+    .right {
+        border-left: 4px solid var(--primary-lighter);
+    }
+
+    .center {
+        flex: 1;
+    }
+
+    /* // SEARCH // */
+
+    .input {
+        background-color: rgb(0 0 0 / 0.2);
+        color: var(--text);
+        /* font-family: inherit; */
+        padding: 10px 18px;
+        border: none;
+        font-size: inherit;
+    }
+    .input:active,
+    .input:focus {
+        outline: 2px solid var(--secondary);
+        /* background-color: var(--secondary-opacity); */
+    }
+    .input::placeholder {
+        color: inherit;
+        opacity: 0.4;
+    }
+
+    /* ///// */
+
+    .header {
+        display: flex;
+        justify-content: center;
+        align-items: center;
+
+        background-color: var(--primary-darker);
+        width: 100%;
+
+        padding: 0.2em 0.8em;
+        font-weight: 600;
+        font-size: 0.9em;
+    }
+
+    .flex {
+        display: flex;
+        flex-direction: column;
+        flex: 1;
+
+        overflow-y: auto;
+    }
+
+    /* ///// */
+
+    .layouts {
+        display: flex;
+        justify-content: space-between;
+
+        background-color: var(--primary-darkest);
+
+        font-size: 0.9em;
+    }
+
+    .layouts .buttons {
+        display: flex;
+    }
+
+    /* ///// */
+
+    .outSlides {
+        display: flex;
+        width: 100%;
+    }
+</style>
diff --git a/src/types/Main.ts b/src/types/Main.ts
index d8076019..c3208476 100644
--- a/src/types/Main.ts
+++ b/src/types/Main.ts
@@ -115,6 +115,7 @@ export type Popups =
     | "show"
     | "delete_show"
     | "select_show"
+    | "delete_duplicated_shows"
     | "icon"
     | "manage_icons"
     | "manage_colors"
diff --git a/src/types/Show.ts b/src/types/Show.ts
index b30b2c58..5055b1b7 100644
--- a/src/types/Show.ts
+++ b/src/types/Show.ts
@@ -27,7 +27,7 @@ export interface Show {
     }
     message?: {
         text: string
-        template: string
+        template?: string
     }
     metadata?: {
         autoMedia?: boolean