diff --git a/src/frontend/components/actions/actions.ts b/src/frontend/components/actions/actions.ts
index ebc57c5b..45b4d9c9 100644
--- a/src/frontend/components/actions/actions.ts
+++ b/src/frontend/components/actions/actions.ts
@@ -93,6 +93,10 @@ export function addSlideAction(slideIndex: number, actionId: string, actionValue
     history({ id: "SHOW_LAYOUT", newData: { key: "actions", data: actions, indexes: [slideIndex] } })
 }
 
+export function slideHasAction(actions: any, key: string) {
+    return actions?.slideActions?.find((a) => a.triggers?.includes(key))
+}
+
 // extra names
 
 const namedObjects = {
diff --git a/src/frontend/components/drawer/media/MediaLoader.svelte b/src/frontend/components/drawer/media/MediaLoader.svelte
index 1636d8f8..39022919 100644
--- a/src/frontend/components/drawer/media/MediaLoader.svelte
+++ b/src/frontend/components/drawer/media/MediaLoader.svelte
@@ -21,6 +21,7 @@
     export let loaded: boolean = false
     export let resolution: Resolution | null = null
     export let duration: number = 0
+    export let getDuration: boolean = false
     export let videoElem: any = null
 
     $: if (path) loaded = false
@@ -39,7 +40,7 @@
     $: if (mediaStyle.speed && videoElem) videoElem.playbackRate = mediaStyle.speed
 
     $: if (!videoElem) duration = 0
-    function getDuration() {
+    function getCurrentDuration() {
         if (!videoElem || duration) return
 
         duration = videoElem.duration
@@ -71,15 +72,17 @@
     $: useOriginal = hover || loadFullImage || retryCount > 5 || !thumbnailPath
 
     // get duration
-    $: if (type === "video" && thumbnailPath) getVideoDuration()
+    $: if (getDuration && type === "video" && thumbnailPath) getVideoDuration()
     function getVideoDuration() {
-        let video = document.createElement("video")
-        video.onloadeddata = () => {
-            duration = video.duration || 0
-            // video.pause()
-            video.src = ""
-        }
-        video.src = path
+        setTimeout(() => {
+            let video = document.createElement("video")
+            video.onloadeddata = () => {
+                duration = video.duration || 0
+                // video.pause()
+                video.src = ""
+            }
+            video.src = path
+        }, 20)
     }
 </script>
 
@@ -109,7 +112,7 @@
                 {/key}
             {/if}
             {#if type === "video" && useOriginal}
-                <video style="pointer-events: none;position: absolute;width: 100%;height: 100%;object-fit: {mediaStyle.fit};" bind:this={videoElem} on:error={reload} src={path} on:canplaythrough={getDuration}>
+                <video style="pointer-events: none;position: absolute;width: 100%;height: 100%;object-fit: {mediaStyle.fit};" bind:this={videoElem} on:error={reload} src={path} on:canplaythrough={getCurrentDuration}>
                     <track kind="captions" />
                 </video>
             {/if}
diff --git a/src/frontend/components/drawer/timers/timers.ts b/src/frontend/components/drawer/timers/timers.ts
index 3efc235d..43c6d5ec 100644
--- a/src/frontend/components/drawer/timers/timers.ts
+++ b/src/frontend/components/drawer/timers/timers.ts
@@ -45,36 +45,43 @@ export function getTimer(ref: any) {
 export function createGlobalTimerFromLocalTimer(showId: string | undefined) {
     if (!showId) return
 
-    showsCache.update((a) => {
-        if (!a[showId]?.slides) return a
+    let currentShow = _show(showId).get()
+    if (!currentShow?.slides) return
+
+    let timerCreated: boolean = false
 
-        Object.keys(a[showId].slides).forEach(checkSlide)
-        function checkSlide(slideId) {
-            let items: any[] = a[showId!].slides[slideId].items
+    Object.keys(currentShow.slides).forEach(checkSlide)
+    function checkSlide(slideId) {
+        let items: any[] = currentShow.slides[slideId].items
 
-            // TODO: "backup" global timer to show item.timer
+        // TODO: "backup" global timer to show item.timer
 
-            let timerIndex = items.findIndex((a) => !a.timerId && a.timer)
-            while (timerIndex >= 0) {
-                let globalTimerId = uid()
-                a[showId!].slides[slideId].items[timerIndex].timerId = globalTimerId
+        let timerIndex = items.findIndex((a) => !a.timerId && a.timer)
+        while (timerIndex >= 0) {
+            timerCreated = true
+            let globalTimerId = uid()
+            currentShow.slides[slideId].items[timerIndex].timerId = globalTimerId
 
-                timers.update((t) => {
-                    let globalTimer = clone(a[showId!].slides[slideId].items[timerIndex].timer)
-                    globalTimer.name = a[showId!].name
-                    delete globalTimer.id
+            timers.update((t) => {
+                let globalTimer = clone(currentShow.slides[slideId].items[timerIndex].timer)
+                globalTimer.name = currentShow.name
+                delete globalTimer.id
 
-                    // pre 0.5.3
-                    if (globalTimer.type === "countdown") globalTimer.type = "counter"
+                // pre 0.5.3
+                if (globalTimer.type === "countdown") globalTimer.type = "counter"
 
-                    t[globalTimerId] = globalTimer
-                    return t
-                })
+                t[globalTimerId] = globalTimer
+                return t
+            })
 
-                timerIndex = items.findIndex((a) => !a.timerId && a.timer)
-            }
+            timerIndex = items.findIndex((a) => !a.timerId && a.timer)
         }
+    }
 
+    if (!timerCreated) return
+
+    showsCache.update((a) => {
+        a[showId] = currentShow
         return a
     })
 }
diff --git a/src/frontend/components/edit/editors/SlideEditor.svelte b/src/frontend/components/edit/editors/SlideEditor.svelte
index 485efc10..05b36d48 100644
--- a/src/frontend/components/edit/editors/SlideEditor.svelte
+++ b/src/frontend/components/edit/editors/SlideEditor.svelte
@@ -17,6 +17,7 @@
     import DropArea from "../../system/DropArea.svelte"
     import Snaplines from "../../system/Snaplines.svelte"
     import Editbox from "../editbox/Editbox.svelte"
+    import { slideHasAction } from "../../actions/actions"
 
     $: currentShow = $activeShow?.id
     $: if (currentShow && $showsCache[currentShow] && $activeEdit.slide === null && _show("active").slides().get().length) activeEdit.set({ slide: 0, items: [] })
@@ -44,7 +45,7 @@
     $: if (!bgId) {
         ref?.forEach((a, i) => {
             if (i <= $activeEdit.slide! && !a.data.disabled) {
-                if (a.data.actions?.clearBackground) bgId = null
+                if (slideHasAction(a.data?.actions, "clear_background")) bgId = null
                 else if (a.data.background) bgId = a.data.background
                 if (a.data.background && currentShow && $showsCache[currentShow].media[a.data.background]?.loop === false) bgId = null
             }
diff --git a/src/frontend/components/helpers/T.svelte b/src/frontend/components/helpers/T.svelte
index 368510a6..58b64ae1 100644
--- a/src/frontend/components/helpers/T.svelte
+++ b/src/frontend/components/helpers/T.svelte
@@ -1,37 +1,23 @@
 <script lang="ts">
-  import { dictionary, language } from "../../stores"
+    import { dictionary, language } from "../../stores"
 
-  export let id: string
-  export let index: number = 0
-  export let lowercase: boolean = false
-  // let pre = '', suf = '';
-  let category: string, key: string
-  // if (id.includes('$:')) {
-  //   pre = id.slice(0, id.indexOf('$:'));
-  //   suf = id.slice(id.indexOf(':$') + 2, id.length);
-  //   id = id.slice(id.indexOf('$:') + 2, id.indexOf(':$'));
-  //   let category = id.slice(0, id.indexOf('.'));
-  //   let key = id.slice(id.indexOf('.') + 1, id.length);
-  // }
-  if (id.includes(".")) {
-    category = id.slice(0, id.indexOf(".")).replace("$:", "")
-    key = id.slice(id.indexOf(".") + 1, id.length).replace(":$", "")
-  }
+    export let id: string
+    export let index: number = 0
+    export let lowercase: boolean = false
+    let category: string, key: string
+
+    if (id?.includes(".")) {
+        category = id.slice(0, id.indexOf(".")).replace("$:", "")
+        key = id.slice(id.indexOf(".") + 1, id.length).replace(":$", "")
+    }
 </script>
 
 {#key language}
-  {#if $dictionary[category]?.[key]?.includes("{}")}
-    {$dictionary[category]?.[key].split("{}")[index] || `[${id}]`}
-  {:else if lowercase}
-    {$dictionary[category]?.[key].toLowerCase() || `[${id}]`}
-  {:else}
-    {$dictionary[category]?.[key] || `[${id}]`}
-  {/if}
+    {#if $dictionary[category]?.[key]?.includes("{}")}
+        {$dictionary[category]?.[key].split("{}")[index] || `[${id}]`}
+    {:else if lowercase}
+        {$dictionary[category]?.[key].toLowerCase() || `[${id}]`}
+    {:else}
+        {$dictionary[category]?.[key] || `[${id}]`}
+    {/if}
 {/key}
-<!-- {#if $dictionary[category]?.[key]}
-  {pre}{$dictionary[category]?.[key]}{suf}
-{:else if id.includes('.')}
-  {`${pre}[${id}]${suf}`}
-{:else}
-  {id}
-{/if} -->
diff --git a/src/frontend/components/helpers/historyActions.ts b/src/frontend/components/helpers/historyActions.ts
index d88bd414..37590f15 100644
--- a/src/frontend/components/helpers/historyActions.ts
+++ b/src/frontend/components/helpers/historyActions.ts
@@ -680,6 +680,7 @@ export const historyActions = ({ obj, undo = null }: any) => {
 
             let show = get(showsCache)[data.remember.showId]
             if (!show) return
+            let previousShow: string = JSON.stringify(show)
             let slides: any = show.slides || {}
 
             let ref = _show(data.remember.showId).layouts([data.remember.layout]).ref()[0]
@@ -697,7 +698,7 @@ export const historyActions = ({ obj, undo = null }: any) => {
                 data.previousData = { template: show.settings.template, slides: clone(slides) }
                 let templateId: string = data.id
 
-                if (templateId) _show(data.remember.showId).set({ key: "settings.template", value: slideId ? null : templateId })
+                if (templateId && !slideId && show.settings?.template !== templateId) _show(data.remember.showId).set({ key: "settings.template", value: slideId ? null : templateId })
 
                 let template = clone(get(templates)[templateId])
                 updateSlidesWithTemplate(template)
@@ -717,66 +718,70 @@ export const historyActions = ({ obj, undo = null }: any) => {
             else obj.newData = clone(data)
 
             function updateSlidesWithTemplate(template: any) {
-                showsCache.update((a) => {
-                    Object.entries(slides).forEach(([id, slide]: any) => {
-                        if ((slideId && slideId !== id) || !slide) return
-
-                        // show template
-                        let slideTemplate = template
-                        let isGlobalTemplate = true
-                        // slide template
-                        if (slide.settings?.template) {
-                            slideTemplate = clone(get(templates)[slide.settings.template]) || template
+                Object.entries(slides).forEach(([id, slide]: any) => {
+                    if ((slideId && slideId !== id) || !slide) return
+
+                    // show template
+                    let slideTemplate = template
+                    let isGlobalTemplate = true
+                    // slide template
+                    if (slide.settings?.template) {
+                        slideTemplate = clone(get(templates)[slide.settings.template]) || template
+                        isGlobalTemplate = false
+                    } else {
+                        // group template
+                        let isChild = slide.group === null
+                        let globalGroup = slide.globalGroup
+                        if (isChild) {
+                            let parent = Object.values(show.slides).find((a) => a.children?.includes(id))
+                            globalGroup = parent?.globalGroup
+                        }
+                        if (globalGroup && get(groups)[globalGroup]?.template) {
+                            slideTemplate = clone(get(templates)[get(groups)[globalGroup]?.template]) || template
                             isGlobalTemplate = false
-                        } else {
-                            // group template
-                            let isChild = slide.group === null
-                            let globalGroup = slide.globalGroup
-                            if (isChild) {
-                                let parent = Object.values(a[data.remember.showId].slides).find((a) => a.children?.includes(id))
-                                globalGroup = parent?.globalGroup
-                            }
-                            if (globalGroup && get(groups)[globalGroup]?.template) {
-                                slideTemplate = clone(get(templates)[get(groups)[globalGroup]?.template]) || template
-                                isGlobalTemplate = false
-                            }
                         }
+                    }
 
-                        if (!slideTemplate?.items?.length) return
+                    if (!slideTemplate?.items?.length) return
 
-                        // roll items around
-                        if (createItems && !slide.settings?.template) slide.items = [...slide.items.slice(1), slide.items[0]].filter((a) => a)
+                    // roll items around
+                    if (createItems && !slide.settings?.template) 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)
+                    let changeOverflowItems = slide.settings?.template || createItems
+                    let newItems = mergeWithTemplate(slide.items, slideTemplate.items, changeOverflowItems, obj.save !== false)
 
-                        // remove items if not in template (and textbox is empty)
-                        if (changeOverflowItems) {
-                            let templateItemCount = getItemsCountByType(slideTemplate.items)
-                            let slideItemCount = getItemsCountByType(newItems)
-                            newItems = newItems.filter((a) => {
-                                let type = a.type || "text"
-                                if (templateItemCount[type] - slideItemCount[type] >= 0) return true
-                                if (type === "text" && !isEmptyOrSpecial(a)) return true
+                    // remove items if not in template (and textbox is empty)
+                    if (changeOverflowItems) {
+                        let templateItemCount = getItemsCountByType(slideTemplate.items)
+                        let slideItemCount = getItemsCountByType(newItems)
+                        newItems = newItems.filter((a) => {
+                            let type = a.type || "text"
+                            if (templateItemCount[type] - slideItemCount[type] >= 0) return true
+                            if (type === "text" && !isEmptyOrSpecial(a)) return true
 
-                                // remove item
-                                slideItemCount[type]--
-                                return false
-                            })
-                        }
+                            // remove item
+                            slideItemCount[type]--
+                            return false
+                        })
+                    }
 
-                        a[data.remember.showId].slides[id].items = clone(newItems)
+                    show.slides[id].items = clone(newItems)
 
-                        if (!isGlobalTemplate) return
+                    if (!isGlobalTemplate) return
 
-                        // set custom values
-                        let isFirst = !!Object.values(a[data.remember.showId].layouts).find((layout) => layout.slides[0]?.id === id)
-                        a[data.remember.showId].slides[id] = updateSlideFromTemplate(a[data.remember.showId].slides[id], slideTemplate, isFirst, changeOverflowItems)
-                        let newLayoutData = updateLayoutsFromTemplate(a[data.remember.showId].layouts, a[data.remember.showId].media, slideTemplate, changeOverflowItems)
-                        a[data.remember.showId].layouts = newLayoutData.layouts
-                        a[data.remember.showId].media = newLayoutData.media
-                    })
+                    // set custom values
+                    let isFirst = !!Object.values(show.layouts).find((layout) => layout.slides[0]?.id === id)
+                    show.slides[id] = updateSlideFromTemplate(show.slides[id], slideTemplate, isFirst, changeOverflowItems)
+                    let newLayoutData = updateLayoutsFromTemplate(show.layouts, show.media, slideTemplate, changeOverflowItems)
+                    show.layouts = newLayoutData.layouts
+                    show.media = newLayoutData.media
+                })
+
+                // don't update if show has not changed
+                if (obj.save === false && JSON.stringify(show) === previousShow) return
 
+                showsCache.update((a) => {
+                    a[data.remember.showId] = show
                     return a
                 })
             }
diff --git a/src/frontend/components/helpers/media.ts b/src/frontend/components/helpers/media.ts
index c81ee786..b1578c02 100644
--- a/src/frontend/components/helpers/media.ts
+++ b/src/frontend/components/helpers/media.ts
@@ -217,9 +217,10 @@ export function captureCanvas(data: any) {
 
         // wait until loaded
         let hasLoaded = await waitUntilValueIsDefined(() => (isImage ? mediaElem.complete : mediaElem.readyState === 4), 20)
-        if (!hasLoaded) return
-
-        console.log(data.input, hasLoaded)
+        if (!hasLoaded) {
+            send(MAIN, ["SAVE_IMAGE"], { path: data.output })
+            return
+        }
 
         await wait(50)
         captureCanvas(mediaElem, mediaSize)
@@ -227,14 +228,15 @@ export function captureCanvas(data: any) {
 
     async function captureCanvas(media, mediaSize) {
         let ctx = canvas.getContext("2d")
-        if (!ctx) return
+        if (!ctx) {
+            send(MAIN, ["SAVE_IMAGE"], { path: data.output })
+            return
+        }
 
         ctx.drawImage(media, 0, 0, mediaSize.width, mediaSize.height, 0, 0, canvas.width, canvas.height)
         await wait(50)
         let dataURL = canvas.toDataURL("image/jpeg", jpegQuality)
 
-        console.log(dataURL)
-
         send(MAIN, ["SAVE_IMAGE"], { path: data.output, base64: dataURL })
     }
 }
diff --git a/src/frontend/components/helpers/setShow.ts b/src/frontend/components/helpers/setShow.ts
index 34b52b29..80282261 100644
--- a/src/frontend/components/helpers/setShow.ts
+++ b/src/frontend/components/helpers/setShow.ts
@@ -97,6 +97,7 @@ export async function loadShows(s: string[]) {
         let listenerId = uid()
         window.api.receive(SHOW, receiveShow, listenerId)
         function receiveShow(msg: any) {
+            if (!s.includes(msg.id)) return
             count++
 
             // prevent receiving multiple times
diff --git a/src/frontend/components/helpers/showActions.ts b/src/frontend/components/helpers/showActions.ts
index e6b95ac9..9b298bff 100644
--- a/src/frontend/components/helpers/showActions.ts
+++ b/src/frontend/components/helpers/showActions.ts
@@ -2,7 +2,7 @@ import { get } from "svelte/store"
 import { MAIN, OUTPUT } from "../../../types/Channels"
 import type { OutSlide, Slide } from "../../../types/Show"
 import { send } from "../../utils/request"
-import { runAction } from "../actions/actions"
+import { runAction, slideHasAction } from "../actions/actions"
 import type { API_output_style } from "../actions/api"
 import { playPauseGlobal } from "../drawer/timers/timers"
 import {
@@ -411,7 +411,7 @@ export function updateOut(showId: string, index: number, layout: any, extra: boo
         if (!background) {
             layout.forEach((a, i) => {
                 if (i <= index && !a.data.disabled) {
-                    if (a.data.actions?.clearBackground) background = null
+                    if (slideHasAction(a.data?.actions, "clear_background")) background = null
                     else if (a.data.background) background = a.data.background
                     if (a.data.background && _show(showId).get("media")[a.data.background]?.loop === false) background = null
                 }
diff --git a/src/frontend/components/main/popups/NextTimer.svelte b/src/frontend/components/main/popups/NextTimer.svelte
index 4a67c3db..019d4440 100644
--- a/src/frontend/components/main/popups/NextTimer.svelte
+++ b/src/frontend/components/main/popups/NextTimer.svelte
@@ -70,7 +70,7 @@
     </CombinedInput>
 
     <CombinedInput>
-        <Button style="flex: 1;" on:click={() => updateValue(undefined)} center dark>
+        <Button style="flex: 1;" disabled={!totalTime} on:click={() => updateValue(undefined)} center dark>
             <Icon id="reset" right />
             <T id="actions.reset" />
         </Button>
diff --git a/src/frontend/components/show/Slides.svelte b/src/frontend/components/show/Slides.svelte
index 9c0f6d61..7ebeb4c0 100644
--- a/src/frontend/components/show/Slides.svelte
+++ b/src/frontend/components/show/Slides.svelte
@@ -1,5 +1,4 @@
 <script lang="ts">
-    import { onMount } from "svelte"
     import { activePage, activePopup, activeShow, alertMessage, cachedShowsData, lessonsLoaded, notFound, outLocked, outputs, showsCache, slidesOptions, special, styles, videoExtensions } from "../../stores"
     import { customActionActivation } from "../actions/actions"
     import { history } from "../helpers/history"
@@ -16,8 +15,6 @@
     import Center from "../system/Center.svelte"
     import DropArea from "../system/DropArea.svelte"
     import TextEditor from "./TextEditor.svelte"
-    import { destroy, receive } from "../../utils/request"
-    import { MAIN } from "../../../types/Channels"
 
     $: showId = $activeShow?.id || ""
     $: currentShow = $showsCache[showId]
@@ -75,8 +72,11 @@
         } else endIndex = null
     }
 
-    $: if (showId && currentShow?.category !== "lessons") {
-        // update show by its template
+    // update show by its template
+    $: if (showId && !isLessons && loaded) setTimeout(updateTemplate, 100)
+    function updateTemplate() {
+        if (!loaded) return
+
         let showTemplate = currentShow?.settings?.template || ""
         history({ id: "TEMPLATE", save: false, newData: { id: showTemplate }, location: { page: "show" } })
     }
@@ -86,21 +86,28 @@
         // keep letters and spaces
         const regEx = /[^a-zA-Z\s]+/
 
-        showsCache.update((a) => {
-            let slides = a[showId]?.slides || {}
-            Object.keys(slides).forEach((slideId) => {
-                let slide = slides[slideId]
-                slide.items.forEach((item) => {
-                    if (!item.lines) return
-                    item.lines.forEach((line) => {
-                        line?.text.forEach((text) => {
-                            let newValue = capitalize(text.value)
-                            text.value = newValue
-                        })
+        let capitalized = false
+        let slides = _show(showId).get("slides") || {}
+        Object.keys(slides).forEach((slideId) => {
+            let slide = slides[slideId]
+
+            slide.items.forEach((item) => {
+                if (!item.lines) return
+
+                item.lines.forEach((line) => {
+                    line?.text.forEach((text) => {
+                        let newValue = capitalize(text.value)
+                        if (text.value !== newValue) capitalized = true
+                        text.value = newValue
                     })
                 })
             })
+        })
+
+        if (!capitalized) return
 
+        showsCache.update((a) => {
+            a[showId].slides = slides
             return a
         })
 
@@ -188,8 +195,7 @@
 
     $: if (!loaded && !lazyLoading && layoutSlides?.length) {
         lazyLoading = true
-        // lazyLoader = isLessons ? 0 : 1
-        lazyLoader = 1
+        lazyLoader = 0
         startLazyLoader()
     }
 
@@ -272,7 +278,7 @@
 
     function checkImage(src: string) {
         let isVideo = $videoExtensions.includes(getExtension(src))
-        let media = new Image()
+        let media: any = new Image()
         if (isVideo) media = document.createElement("video")
 
         return new Promise((resolve) => {
diff --git a/src/frontend/components/show/tools/Media.svelte b/src/frontend/components/show/tools/Media.svelte
index 9597ddad..4595b0fb 100644
--- a/src/frontend/components/show/tools/Media.svelte
+++ b/src/frontend/components/show/tools/Media.svelte
@@ -307,7 +307,7 @@
                     <!-- 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>
+                        <p><T id={customData.name || ""} /></p>
                     </Button>
                 </SelectElem>
             {/each}
diff --git a/src/frontend/components/slide/Slide.svelte b/src/frontend/components/slide/Slide.svelte
index e8ef0dac..52dfb39c 100644
--- a/src/frontend/components/slide/Slide.svelte
+++ b/src/frontend/components/slide/Slide.svelte
@@ -38,6 +38,7 @@
     import Icons from "./Icons.svelte"
     import Textbox from "./Textbox.svelte"
     import Zoomed from "./Zoomed.svelte"
+    import { slideHasAction } from "../actions/actions"
 
     export let slide: Slide
     export let layoutSlide: SlideData
@@ -63,7 +64,7 @@
         ghostBackground = null
         layoutSlides.forEach((a, i) => {
             if (i <= index) {
-                if (a.actions?.clearBackground && (!a.disabled || i === index)) ghostBackground = null
+                if (slideHasAction(a.actions, "clear_background") && (!a.disabled || i === index)) ghostBackground = null
                 else if (a.background && !a.disabled) ghostBackground = show.media[a.background]
                 if (a.background && show.media[a.background]?.loop === false) ghostBackground = null
             }
@@ -92,7 +93,6 @@
 
         audioIds.forEach(async (audioId) => {
             let audio = showMedia[audioId]
-            console.log(audio, showMedia, audioId)
             if (!audio?.path) return
             locateFile(audioId, audio.path, folders, audio)
         })
@@ -121,12 +121,11 @@
             return
         }
 
-        if (!checkCloud) return
+        if (!checkCloud || !$showsCache[showId]?.media?.[fileId]) return
 
         // set cloud path to path
         showsCache.update((a) => {
-            let media = a[showId]?.media?.[fileId]
-            if (!media) return a
+            let media = a[showId].media[fileId]
             if (!media.cloud) a[showId].media[fileId].cloud = {}
             a[showId].media[fileId].cloud![cloudId] = path
 
@@ -350,7 +349,7 @@
                     {#if !altKeyPressed && bg && (viewMode !== "lyrics" || noQuickEdit)}
                         {#key $refreshSlideThumbnails}
                             <div class="background" style="zoom: {1 / ratio};{slideFilter}" class:ghost={!background}>
-                                <MediaLoader name={$dictionary.error?.load} path={bgPath} {thumbnailPath} cameraGroup={bg.cameraGroup || ""} type={bg.type !== "player" ? bg.type : null} {mediaStyle} bind:duration />
+                                <MediaLoader name={$dictionary.error?.load} path={bgPath} {thumbnailPath} cameraGroup={bg.cameraGroup || ""} type={bg.type !== "player" ? bg.type : null} {mediaStyle} bind:duration getDuration />
                                 <!-- loadFullImage={!!(bg.path || bg.id)} -->
                             </div>
                         {/key}
diff --git a/src/frontend/utils/checkForUpdates.ts b/src/frontend/utils/checkForUpdates.ts
index feed34d0..2a646025 100644
--- a/src/frontend/utils/checkForUpdates.ts
+++ b/src/frontend/utils/checkForUpdates.ts
@@ -7,17 +7,20 @@ export function checkForUpdates(currentVersion: string) {
         .then((a) => {
             if (get(activePopup) !== null) return
 
-            let current = a.filter((a: any) => a.draft === false && a.prerelease === false)[0]
-            let newVersion = current.tag_name.slice(1)
+            let latestAll = a.filter((a: any) => a.draft === false)[0]
+            let latestVersionAll = latestAll.tag_name.slice(1)
+            if (currentVersion === latestVersionAll) return
 
-            if (currentVersion !== newVersion) {
-                alertMessage.set(
-                    `<h2>${get(dictionary).about?.new_update || "New update available"}: v${newVersion}</h2>${get(dictionary).about?.download || "Go to freeshow.app to download"}!<br><br><h3>${
-                        get(dictionary).about?.changes || "What's new"
-                    }</h3>${current.body.replaceAll("\r\n", "<br>")}`
-                )
-                activePopup.set("alert")
-            }
+            let latestRelease = a.filter((a: any) => a.draft === false && a.prerelease === false)[0]
+            let latestVersion = latestRelease.tag_name.slice(1)
+            if (currentVersion === latestVersion) return
+
+            alertMessage.set(
+                `<h2>${get(dictionary).about?.new_update || "New update available"}: v${latestVersion}</h2>${get(dictionary).about?.download || "Go to freeshow.app to download"}!<br><br><h3>${
+                    get(dictionary).about?.changes || "What's new"
+                }</h3>${latestRelease.body.replaceAll("\r\n", "<br>")}`
+            )
+            activePopup.set("alert")
         })
         .catch((error) => {
             console.warn(error)