diff --git a/src/App.vue b/src/App.vue
index d74fab760..8ca7ee5af 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -310,10 +310,11 @@
     </v-main>
   </v-app>
   <About v-if="showAboutDialog" @update:show-about-dialog="showAboutDialog = $event" />
-  <Tutorial v-if="interfaceStore.isTutorialVisible" />
   <VideoLibraryModal v-if="interfaceStore.isVideoLibraryVisible" />
-  <VehicleDiscoveryDialog v-model="showDiscoveryDialog" show-auto-search-option />
-  <UpdateNotification v-if="isElectron()" />
+  <Tutorial :model-value="interfaceStore.isTutorialVisible" />
+  <div v-if="WrappedDialog">
+    <component :is="WrappedDialog" />
+  </div>
   <SnackbarContainer />
 </template>
 
@@ -336,6 +337,7 @@ import Tutorial from '@/components/Tutorial.vue'
 import UpdateNotification from '@/components/UpdateNotification.vue'
 import VehicleDiscoveryDialog from '@/components/VehicleDiscoveryDialog.vue'
 import VideoLibraryModal from '@/components/VideoLibraryModal.vue'
+import { useDialogQueue } from '@/composables/dialogQueue'
 import { useInteractionDialog } from '@/composables/interactionDialog'
 import {
   availableCockpitActions,
@@ -366,6 +368,8 @@ import ConfigurationUIView from './views/ConfigurationUIView.vue'
 import ConfigurationVideoView from './views/ConfigurationVideoView.vue'
 import ToolsDataLakeView from './views/ToolsDataLakeView.vue'
 import ToolsMAVLinkView from './views/ToolsMAVLinkView.vue'
+
+const { enqueueDialog, WrappedDialog } = useDialogQueue()
 const { showDialog, closeDialog } = useInteractionDialog()
 const { openSnackbar } = useSnackbar()
 
@@ -760,23 +764,27 @@ onBeforeUnmount(() => {
 const currentTopBarHeightPixels = computed(() => `${widgetStore.currentTopBarHeightPixels}px`)
 const currentBottomBarHeightPixels = computed(() => `${widgetStore.currentBottomBarHeightPixels}px`)
 
-const showDiscoveryDialog = ref(false)
 const preventAutoSearch = useStorage('cockpit-prevent-auto-vehicle-discovery-dialog', false)
 
 onMounted(() => {
-  if (isElectron() && !preventAutoSearch.value) {
+  if (!interfaceStore.userHasSeenTutorial) {
+    enqueueDialog({
+      component: Tutorial,
+    })
+  }
+  if (isElectron()) {
+    enqueueDialog({
+      component: UpdateNotification,
+    })
     // Wait 5 seconds to check if we're connected to a vehicle
     setTimeout(() => {
-      if (vehicleStore.isVehicleOnline) return
-      showDiscoveryDialog.value = true
+      if (vehicleStore.isVehicleOnline || preventAutoSearch.value) return
+      enqueueDialog({
+        component: VehicleDiscoveryDialog,
+        props: { showAutoSearchOption: true },
+      })
     }, 5000)
   }
-
-  if (!interfaceStore.userHasSeenTutorial) {
-    setTimeout(() => {
-      interfaceStore.isTutorialVisible = true
-    }, 6000)
-  }
 })
 </script>
 
diff --git a/src/components/Tutorial.vue b/src/components/Tutorial.vue
index 354193dbd..ef2fa6e2c 100644
--- a/src/components/Tutorial.vue
+++ b/src/components/Tutorial.vue
@@ -98,7 +98,18 @@ const { openSnackbar } = useSnackbar()
 const interfaceStore = useAppInterfaceStore()
 const vehicleStore = useMainVehicleStore()
 
-const showTutorial = ref(true)
+const props = defineProps<{
+  /**
+   * Parent-controlled trigger for showing the dialog.
+   */
+  modelValue: boolean
+}>()
+
+const emit = defineEmits<{
+  (e: 'update:modelValue', value: boolean): void
+}>()
+
+const showTutorial = ref(false || props.modelValue)
 const currentTutorialStep = useStorage('cockpit-last-tutorial-step', 1)
 const isVehicleConnectedVisible = ref(false)
 const tallContent = ref(false)
@@ -208,7 +219,6 @@ const handleStepChange = (newStep: number): void => {
       interfaceStore.componentToHighlight = 'menu-trigger'
       interfaceStore.currentSubMenuComponentName = null
       interfaceStore.currentSubMenuName = null
-      interfaceStore.userHasSeenTutorial = false
       break
     case 3:
       interfaceStore.isMainMenuVisible = true
@@ -216,7 +226,6 @@ const handleStepChange = (newStep: number): void => {
       interfaceStore.currentSubMenuName = SubMenuName.settings
       interfaceStore.componentToHighlight = 'settings-menu-item'
       interfaceStore.currentSubMenuComponentName = null
-      interfaceStore.userHasSeenTutorial = false
       break
     case 4:
       interfaceStore.isMainMenuVisible = true
@@ -224,7 +233,6 @@ const handleStepChange = (newStep: number): void => {
       interfaceStore.currentSubMenuName = SubMenuName.settings
       interfaceStore.currentSubMenuComponentName = SubMenuComponentName.SettingsGeneral
       tallContent.value = true
-      interfaceStore.userHasSeenTutorial = false
       interfaceStore.componentToHighlight = 'General'
       break
     case 5:
@@ -232,7 +240,6 @@ const handleStepChange = (newStep: number): void => {
       interfaceStore.mainMenuCurrentStep = 2
       interfaceStore.currentSubMenuName = SubMenuName.settings
       interfaceStore.currentSubMenuComponentName = SubMenuComponentName.SettingsGeneral
-      interfaceStore.userHasSeenTutorial = false
       tallContent.value = false
       interfaceStore.componentToHighlight = 'vehicle-address'
       setVehicleConnectedVisible()
@@ -243,7 +250,6 @@ const handleStepChange = (newStep: number): void => {
       interfaceStore.currentSubMenuName = SubMenuName.settings
       interfaceStore.currentSubMenuComponentName = SubMenuComponentName.SettingsInterface
       tallContent.value = false
-      interfaceStore.userHasSeenTutorial = false
       interfaceStore.componentToHighlight = 'Interface'
       break
     case 7:
@@ -251,7 +257,6 @@ const handleStepChange = (newStep: number): void => {
       interfaceStore.mainMenuCurrentStep = 2
       interfaceStore.currentSubMenuName = SubMenuName.settings
       interfaceStore.currentSubMenuComponentName = SubMenuComponentName.SettingsJoystick
-      interfaceStore.userHasSeenTutorial = false
       tallContent.value = true
       interfaceStore.componentToHighlight = 'Joystick'
       break
@@ -260,7 +265,6 @@ const handleStepChange = (newStep: number): void => {
       interfaceStore.mainMenuCurrentStep = 2
       interfaceStore.currentSubMenuName = SubMenuName.settings
       interfaceStore.currentSubMenuComponentName = SubMenuComponentName.SettingsVideo
-      interfaceStore.userHasSeenTutorial = false
       tallContent.value = true
       interfaceStore.componentToHighlight = 'Video'
       break
@@ -269,7 +273,6 @@ const handleStepChange = (newStep: number): void => {
       interfaceStore.mainMenuCurrentStep = 2
       interfaceStore.currentSubMenuName = SubMenuName.settings
       interfaceStore.currentSubMenuComponentName = SubMenuComponentName.SettingsTelemetry
-      interfaceStore.userHasSeenTutorial = false
       tallContent.value = false
       interfaceStore.isGlassModalAlwaysOnTop = true
       interfaceStore.componentToHighlight = 'Telemetry'
@@ -279,7 +282,6 @@ const handleStepChange = (newStep: number): void => {
       interfaceStore.mainMenuCurrentStep = 2
       interfaceStore.currentSubMenuName = SubMenuName.settings
       interfaceStore.currentSubMenuComponentName = SubMenuComponentName.SettingsAlerts
-      interfaceStore.userHasSeenTutorial = false
       tallContent.value = false
       interfaceStore.isGlassModalAlwaysOnTop = false
       interfaceStore.componentToHighlight = 'Alerts'
@@ -289,7 +291,6 @@ const handleStepChange = (newStep: number): void => {
       interfaceStore.mainMenuCurrentStep = 2
       interfaceStore.currentSubMenuName = SubMenuName.settings
       interfaceStore.currentSubMenuComponentName = SubMenuComponentName.SettingsDev
-      interfaceStore.userHasSeenTutorial = false
       tallContent.value = true
       interfaceStore.isGlassModalAlwaysOnTop = false
       interfaceStore.componentToHighlight = 'Dev'
@@ -299,7 +300,6 @@ const handleStepChange = (newStep: number): void => {
       interfaceStore.mainMenuCurrentStep = 2
       interfaceStore.currentSubMenuName = SubMenuName.settings
       interfaceStore.currentSubMenuComponentName = SubMenuComponentName.SettingsMission
-      interfaceStore.userHasSeenTutorial = false
       tallContent.value = false
       interfaceStore.isGlassModalAlwaysOnTop = false
       interfaceStore.componentToHighlight = 'Mission'
@@ -316,6 +316,7 @@ const handleStepChange = (newStep: number): void => {
 const dontShowTutorialAgain = (): void => {
   interfaceStore.userHasSeenTutorial = true
   showTutorial.value = false
+  emit('update:modelValue', false)
   currentTutorialStep.value = 1
   openSnackbar({
     message: 'This guide can be reopened via the Settings > General menu',
@@ -332,7 +333,6 @@ const alwaysShowTutorialOnStartup = (): void => {
 
 const nextTutorialStep = (): void => {
   if (currentTutorialStep.value === steps.length) {
-    dontShowTutorialAgain()
     closeTutorial()
     return
   }
@@ -348,8 +348,8 @@ const backTutorialStep = (): void => {
 const closeTutorial = (): void => {
   showTutorial.value = false
   interfaceStore.componentToHighlight = 'none'
-  interfaceStore.userHasSeenTutorial = true
   interfaceStore.isTutorialVisible = false
+  emit('update:modelValue', false)
 }
 
 const setVehicleConnectedVisible = (): void => {
diff --git a/src/components/UpdateNotification.vue b/src/components/UpdateNotification.vue
index c79521856..5ba294def 100644
--- a/src/components/UpdateNotification.vue
+++ b/src/components/UpdateNotification.vue
@@ -1,6 +1,6 @@
 <template>
   <InteractionDialog
-    v-model="showUpdateDialog"
+    :show-dialog="showUpdateDialog"
     :title="dialogTitle"
     :message="dialogMessage"
     :variant="dialogVariant"
@@ -27,17 +27,34 @@
         </template>
       </v-progress-linear>
     </template>
+    <template #actions>
+      <v-btn variant="text" size="small" @click="handleCloseDialog">Close</v-btn>
+    </template>
   </InteractionDialog>
 </template>
 
 <script setup lang="ts">
 import { useStorage } from '@vueuse/core'
-import { onBeforeMount, ref } from 'vue'
+import { onBeforeMount, onMounted, ref } from 'vue'
 
 import InteractionDialog, { type Action } from '@/components/InteractionDialog.vue'
+import { openSnackbar } from '@/composables/snackbar'
 import { app_version } from '@/libs/cosmos'
 import { isElectron } from '@/libs/utils'
 
+defineProps<{
+  /**
+   * Parent-controlled trigger for showing the dialog.
+   */
+  // eslint-disable-next-line vue/no-unused-properties
+  modelValue: boolean
+}>()
+
+const emit = defineEmits<{
+  (e: 'update:modelValue', value: boolean): void
+}>()
+
+const updateAvailable = ref(false)
 const showUpdateDialog = ref(false)
 const dialogTitle = ref('')
 const dialogMessage = ref('')
@@ -52,6 +69,23 @@ const updateInfo = ref({
 })
 const ignoredUpdateVersions = useStorage<string[]>('cockpit-ignored-update-versions', [])
 
+// Wait for 2 seconds for updates. If no updates are available, show a message and emit close.
+onMounted(() => {
+  setTimeout(() => {
+    if (updateAvailable.value) {
+      showUpdateDialog.value = true
+    } else {
+      openSnackbar({ message: 'No updates available.', variant: 'success' })
+      emit('update:modelValue', false)
+    }
+  }, 2000)
+})
+
+const handleCloseDialog = (): void => {
+  emit('update:modelValue', false)
+  showUpdateDialog.value = false
+}
+
 const formatDate = (date: string): string => {
   return new Date(date).toLocaleDateString('en-US', { year: 'numeric', month: 'long', day: 'numeric' })
 }
@@ -75,7 +109,7 @@ onBeforeMount(() => {
     dialogVariant.value = 'info'
     dialogActions.value = []
     showProgress.value = false
-    showUpdateDialog.value = true
+    updateAvailable.value = true
   })
 
   window.electronAPI.onUpdateNotAvailable(() => {
@@ -87,11 +121,12 @@ onBeforeMount(() => {
       {
         text: 'OK',
         action: () => {
-          showUpdateDialog.value = false
+          handleCloseDialog()
         },
       },
     ]
     showProgress.value = false
+    updateAvailable.value = false
   })
 
   window.electronAPI.onUpdateAvailable((info) => {
@@ -107,7 +142,7 @@ onBeforeMount(() => {
           console.log(`User chose to ignore version ${updateInfo.value.version}`)
           ignoredUpdateVersions.value.push(updateInfo.value.version)
           window.electronAPI!.cancelUpdate()
-          showUpdateDialog.value = false
+          handleCloseDialog()
         },
       },
       {
@@ -121,7 +156,7 @@ onBeforeMount(() => {
               action: () => {
                 console.log('User chose to cancel the update for the Electron app.')
                 window.electronAPI!.cancelUpdate()
-                showUpdateDialog.value = false
+                handleCloseDialog()
                 dialogMessage.value = 'Downloading update...'
               },
             },
@@ -132,7 +167,7 @@ onBeforeMount(() => {
         text: 'Not Now',
         action: () => {
           window.electronAPI!.cancelUpdate()
-          showUpdateDialog.value = false
+          handleCloseDialog()
         },
       },
     ]
@@ -140,11 +175,12 @@ onBeforeMount(() => {
     // Check if this version is in the ignored list
     if (ignoredUpdateVersions.value.includes(info.version)) {
       console.log(`Skipping ignored version ${info.version}.`)
-      showUpdateDialog.value = false
+
+      handleCloseDialog()
       return
     }
 
-    showUpdateDialog.value = true
+    updateAvailable.value = true
   })
 
   window.electronAPI.onDownloadProgress((progressInfo) => {
@@ -171,11 +207,11 @@ onBeforeMount(() => {
         text: 'Later',
         action: () => {
           console.log('User chose to install the update for the Electron app later.')
-          showUpdateDialog.value = false
+          handleCloseDialog()
         },
       },
     ]
-    showUpdateDialog.value = true
+    updateAvailable.value = true
   })
 })
 </script>
diff --git a/src/composables/dialogQueue.ts b/src/composables/dialogQueue.ts
new file mode 100644
index 000000000..39afdb6c1
--- /dev/null
+++ b/src/composables/dialogQueue.ts
@@ -0,0 +1,96 @@
+import { Component, computed, defineComponent, h, Ref, ref } from 'vue'
+
+/**
+ *  Queued component to be displayed. Usually a dialog.
+ */
+export interface QueuedDialog {
+  /**
+   * The component reference (e.g. Tutorial or VehicleDiscoveryDialog)
+   */
+  component: Component
+  /**
+   * Optional props to pass into the component
+   */
+  props?: Record<string, unknown>
+}
+
+/**
+ * Component queue to manage the order of components to be displayed.
+ */
+export interface DialogQueue {
+  /**
+   * Enqueue a dialog to be displayed.
+   */
+  enqueueDialog: (item: QueuedDialog) => void
+  /**
+   * Clear the queue.
+   */
+  clear: () => void
+  /**
+   * The queue itself.
+   */
+  queue: Ref<QueuedDialog[]>
+  /**
+   * The current dialog to be displayed.
+   */
+  currentDialog: Ref<QueuedDialog | null>
+  /**
+   * Whether the dialog is visible or not.
+   */
+  isDialogVisible: Ref<boolean>
+  /**
+   * The wrapped dialog component.
+   */
+  WrappedDialog: Ref<Component | null>
+}
+
+export const useDialogQueue = (): DialogQueue => {
+  const queue: Ref<QueuedDialog[]> = ref([])
+  const isDialogVisible: Ref<boolean> = ref(true)
+
+  const enqueueDialog = (item: QueuedDialog): void => {
+    queue.value.push(item)
+  }
+
+  const clear = (): void => {
+    queue.value = []
+  }
+
+  const currentDialog = computed(() => queue.value[0] || null)
+
+  const closeCurrentDialog = (): void => {
+    queue.value.shift()
+    isDialogVisible.value = true
+  }
+
+  const WrappedDialog = computed(() => {
+    if (!currentDialog.value) return null
+
+    return defineComponent({
+      name: 'WrappedDialog',
+      setup() {
+        const handleUpdate = (value: boolean): void => {
+          if (!value) {
+            closeCurrentDialog()
+          }
+        }
+
+        return () =>
+          h(currentDialog.value!.component, {
+            ...currentDialog.value!.props,
+            'modelValue': isDialogVisible.value,
+            'onUpdate:modelValue': handleUpdate,
+          })
+      },
+    })
+  })
+
+  return {
+    enqueueDialog,
+    clear,
+    queue,
+    currentDialog,
+    isDialogVisible,
+    WrappedDialog,
+  }
+}