[stable32] fix: release media devices when lifting lobby

src/components/MediaSettings/MediaSettings.vue

@@ -616,11 +616,8 @@ export default {
 				} else {
 					this.clearVirtualBackground()
 				}
-			} else {
-				// Disable virtual background when closing
-				this.clearVirtualBackground()
-				this.unsubscribeFromDevices()
 			}
+			// Teardown should be handled in close() to cover both NcDialog and div use-cases
 		},
 
 		audioInputId(audioInputId) {
@@ -703,6 +700,11 @@ export default {
 		},
 
 		close() {
+			if (this.show) {
+				// Disable virtual background and release devices when closing
+				this.clearVirtualBackground()
+				this.unsubscribeFromDevices()
+			}
 			this.show = false
 			this.updatedBackground = undefined
 			this.audioDeviceStateChanged = false

src/composables/useDevices.js

@@ -5,7 +5,7 @@
 
 import { createSharedComposable } from '@vueuse/core'
 import createHark from 'hark'
-import { computed, onBeforeUnmount, ref, watch } from 'vue'
+import { computed, onScopeDispose, ref, watch } from 'vue'
 import { useSoundsStore } from '../stores/sounds.js'
 import attachMediaStream from '../utils/attachmediastream.js'
 import TrackToStream from '../utils/media/pipeline/TrackToStream.js'
@@ -124,9 +124,9 @@ export const useDevices = createSharedComposable(function() {
 	})
 
 	/**
-	 * Called for shared composable when all subscribers are unmounted (onScopeDispose)
+	 * Called for shared composable when all subscribers are unmounted
 	 */
-	onBeforeUnmount(() => {
+	onScopeDispose(() => {
 		stopDevices()
 	})