🐛(frontend) generalize screen-share error modal beyond macOS

The screen-share error modal was tailored to macOS and did not work
correctly on other operating systems.

Make it OS-aware so it also handles Windows properly, showing the
right guidance for each platform.

Also open the OS settings link in a new tab, so the user is not
disconnected from the ongoing meeting when following it.

CHANGELOG.md

@@ -8,12 +8,6 @@ and this project adheres to
 
 ## [Unreleased]
 
-### Added
-
-- 🚸(frontend) explain camera-in-use failures on the join screen
-
-## [1.27.0] - 2026-08-14
-
 ### Changed
 
 - 🔥(frontend) drop unused vendored ConnectionObserver
@@ -29,7 +23,6 @@ and this project adheres to
 - 🐛(analytics) filter benign ResizeObserver loop error in Sentry/PostHog
 - 🐛(frontend) stop reporting screen-share denials as errors
 - 🐛(frontend) generalize screen-share error modal beyond macOS
-- 📈(frontend) stop double-reporting media device failures
 
 ## [1.26.0] - 2026-08-12
 

src/agents/pyproject.toml

@@ -1,7 +1,7 @@
 
 [project]
 name = "agents"
-version = "1.27.0"
+version = "1.26.0"
 requires-python = ">=3.12"
 dependencies = [
     "livekit-agents==1.6.7",

src/agents/uv.lock

@@ -9,7 +9,7 @@ resolution-markers = [
 
 [[package]]
 name = "agents"
-version = "1.27.0"
+version = "1.26.0"
 source = { virtual = "." }
 dependencies = [
     { name = "livekit-agents" },

src/backend/pyproject.toml

@@ -7,7 +7,7 @@ build-backend = "uv_build"
 
 [project]
 name = "meet"
-version = "1.27.0"
+version = "1.26.0"
 authors = [{ "name" = "DINUM", "email" = "dev@mail.numerique.gouv.fr" }]
 classifiers = [
     "Development Status :: 5 - Production/Stable",

src/backend/uv.lock

@@ -1187,7 +1187,7 @@ wheels = [
 
 [[package]]
 name = "meet"
-version = "1.27.0"
+version = "1.26.0"
 source = { editable = "." }
 dependencies = [
     { name = "aiohttp" },

src/frontend/package-lock.json

@@ -1,12 +1,12 @@
 {
   "name": "meet",
-  "version": "1.27.0",
+  "version": "1.26.0",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "meet",
-      "version": "1.27.0",
+      "version": "1.26.0",
       "dependencies": {
         "@fontsource-variable/atkinson-hyperlegible-next": "5.2.6",
         "@fontsource-variable/lexend": "5.2.11",

src/frontend/package.json

@@ -1,7 +1,7 @@
 {
   "name": "meet",
   "private": true,
-  "version": "1.27.0",
+  "version": "1.26.0",
   "type": "module",
   "scripts": {
     "dev": "panda codegen && vite",

src/frontend/src/features/analytics/telemetry.ts

@@ -23,7 +23,6 @@ export type LogCode =
   | 'livekit_room_error'
   | 'device_switch_failure'
   | 'permission_poll_failure'
-  | 'media_devices_error_event'
   // non-media families
   | 'participant_mute_api_failure'
   | 'permissions_api_failure'
@@ -137,7 +136,6 @@ export const captureMediaEvent = async (
     | 'media-device-topology'
     | 'media-device-success'
     | 'device-not-found'
-    | 'device-in-use'
     | 'permissions-denied'
     | 'screen-share-permission-denied'
     | 'silent-mic-detected'

src/frontend/src/features/rooms/components/Conference.tsx

@@ -225,10 +225,9 @@ export const Conference = ({
             backgroundColor: 'primaryDark.50 !important',
           })}
           onError={(e) => {
-            const failure = MediaDeviceFailure.getFailure(e)
-            if (failure && failure !== MediaDeviceFailure.Other) return
             reportError('livekit_room_error', e, {
               path: 'connect_publish',
+              failure: MediaDeviceFailure.getFailure(e) ?? 'not-a-device-error',
             })
           }}
           onConnected={async () => {

src/frontend/src/features/rooms/components/Join.tsx

@@ -28,7 +28,6 @@ import {
   userChoicesStore,
 } from '@/stores/userChoices'
 import { useCannotUseDevice } from '../livekit/hooks/useCannotUseDevice'
-import { useDeviceInUse } from '../livekit/hooks/useDeviceInUse'
 import { useDeviceMissing } from '../livekit/hooks/useDeviceMissing'
 import { useJoinTracks } from '../livekit/hooks/useJoinTracks'
 import { SilentMicDetector } from './SilentMicDetector'
@@ -219,14 +218,12 @@ const switchTrackDevice =
 function getPreviewMessages({
   cameraFound,
   cameraDenied,
-  cameraInUse,
   micDenied,
   videoEnabled,
   videoStarted,
 }: {
   cameraFound: boolean
   cameraDenied: boolean
-  cameraInUse: boolean
   micDenied: boolean
   videoEnabled: boolean
   videoStarted: boolean
@@ -238,9 +235,6 @@ function getPreviewMessages({
     const key = micDenied ? 'cameraAndMicNotGranted' : 'cameraNotGranted'
     return { hint: key, permissionsButtonLabel: key }
   }
-  if (cameraInUse) {
-    return { hint: 'cameraInUse', permissionsButtonLabel: null }
-  }
   if (!videoEnabled) {
     return { hint: 'cameraDisabled', permissionsButtonLabel: null }
   }
@@ -334,20 +328,18 @@ const VideoPreview = ({
   const cameraDenied = useCannotUseDevice('videoinput')
   const micDenied = useCannotUseDevice('audioinput')
   const cameraMissing = useDeviceMissing('videoinput')
-  const cameraInUse = useDeviceInUse('videoinput')
 
   const { videoEl, videoStarted } = useAttachedVideo(videoTrack, videoEnabled)
 
   const { hint, permissionsButtonLabel } = getPreviewMessages({
     cameraFound: !cameraMissing,
     cameraDenied,
-    cameraInUse,
     micDenied,
     videoEnabled,
     videoStarted,
   })
 
-  const isError = cameraMissing || cameraDenied || cameraInUse
+  const isError = cameraMissing || cameraDenied
 
   return (
     <div className={styles.previewFrame}>

src/frontend/src/features/rooms/livekit/components/controls/Device/ToggleDevice.tsx

@@ -20,7 +20,6 @@ import { openPermissionsDialog } from '@/stores/permissions'
 import { openSilentMicDialog, silentMicStore } from '@/stores/silentMic'
 import { useSnapshot } from 'valtio'
 import { useCannotUseDevice } from '../../../hooks/useCannotUseDevice'
-import { useDeviceInUse } from '../../../hooks/useDeviceInUse'
 import { useDeviceMissing } from '../../../hooks/useDeviceMissing'
 import { requestDevicePermission } from '../../../hooks/useJoinTracks'
 import { useDeviceIcons } from '../../../hooks/useDeviceIcons'
@@ -98,23 +97,21 @@ export const ToggleDevice = <T extends ToggleSource>({
   const deviceIcons = useDeviceIcons(kind)
   const cannotUseDevice = useCannotUseDevice(kind)
   const deviceMissing = useDeviceMissing(kind)
-  const deviceInUse = useDeviceInUse(kind)
   const { status: silentMicStatus } = useSnapshot(silentMicStore)
   const silentMicWarning =
     kind === 'audioinput' &&
     silentMicStatus === 'silent' &&
     !cannotUseDevice &&
-    !deviceMissing &&
-    !deviceInUse
+    !deviceMissing
   const deviceShortcut = useDeviceShortcut(kind)
   const announce = useScreenReaderAnnounce()
 
   const isRequestingPermission = useRef(false)
-  const [alertError, setAlertError] = useState<MediaDeviceFailure | null>(null)
+  const [showDeviceNotFound, setShowDeviceNotFound] = useState(false)
 
   const onPress = async () => {
     if (!enabled && deviceMissing) {
-      setAlertError(MediaDeviceFailure.NotFound)
+      setShowDeviceNotFound(true)
       return
     }
     if (!cannotUseDevice) {
@@ -188,18 +185,10 @@ export const ToggleDevice = <T extends ToggleSource>({
         <PermissionNeededButton
           tooltip={deviceMissing ? t(`deviceNotFound.${kind}`) : undefined}
           onPress={
-            deviceMissing
-              ? () => setAlertError(MediaDeviceFailure.NotFound)
-              : undefined
+            deviceMissing ? () => setShowDeviceNotFound(true) : undefined
           }
         />
       )}
-      {deviceInUse && (
-        <PermissionNeededButton
-          tooltip={t(`deviceInUse.${kind}`)}
-          onPress={() => setAlertError(MediaDeviceFailure.DeviceInUse)}
-        />
-      )}
       {silentMicWarning && (
         <PermissionNeededButton
           tooltip={t('tooltip', { keyPrefix: 'silentMic' })}
@@ -218,11 +207,9 @@ export const ToggleDevice = <T extends ToggleSource>({
         tooltip={
           deviceMissing
             ? t(`deviceNotFound.${kind}`)
-            : deviceInUse
-              ? t(`deviceInUse.${kind}`)
-              : cannotUseDevice
-                ? t('tooltip', { keyPrefix: 'permissionsButton' })
-                : toggleLabel
+            : cannotUseDevice
+              ? t('tooltip', { keyPrefix: 'permissionsButton' })
+              : toggleLabel
         }
         {...computedToggleButtonProps}
         {...overrideToggleButtonProps}
@@ -230,9 +217,9 @@ export const ToggleDevice = <T extends ToggleSource>({
         <Icon />
       </ToggleButton>
       <MediaDeviceErrorAlert
-        error={alertError}
+        error={showDeviceNotFound ? MediaDeviceFailure.NotFound : null}
         kind={kind}
-        onClose={() => setAlertError(null)}
+        onClose={() => setShowDeviceNotFound(false)}
       />
     </div>
   )

src/frontend/src/features/rooms/livekit/hooks/useDeviceInUse.ts

@@ -1,15 +0,0 @@
-import { useSnapshot } from 'valtio'
-import { deviceInUseStore } from '@/stores/deviceInUse'
-import { PERMISSION_BY_DEVICE_KIND } from '@/stores/permissions'
-import { useCannotUseDevice } from './useCannotUseDevice'
-import { useDeviceMissing } from './useDeviceMissing'
-
-export const useDeviceInUse = (kind: MediaDeviceKind): boolean => {
-  const inUse = useSnapshot(deviceInUseStore)
-  const cannotUseDevice = useCannotUseDevice(kind)
-  const deviceMissing = useDeviceMissing(kind)
-
-  const permissionKind = PERMISSION_BY_DEVICE_KIND[kind]
-  if (!permissionKind || cannotUseDevice || deviceMissing) return false
-  return inUse[permissionKind]
-}

src/frontend/src/features/rooms/livekit/hooks/useJoinTracks.ts

@@ -18,7 +18,6 @@ import {
   noteSystemPermissionDenied,
   type PermissionKind,
 } from '@/stores/permissions'
-import { clearDeviceInUse, noteDeviceInUse } from '@/stores/deviceInUse'
 import { getOS } from '@/utils/os'
 import { captureMediaEvent, reportError } from '@/features/analytics/telemetry'
 import {
@@ -90,15 +89,7 @@ const onMediaPermissionError = (
     return
   }
 
-  if (
-    MediaDeviceFailure.getFailure(e) === MediaDeviceFailure.DeviceInUse &&
-    path === 'join_preview'
-  ) {
-    noteDeviceInUse(kind)
-    void captureMediaEvent('device-in-use', { path, kind, os: getOS() })
-    return
-  }
-
+  // "Other" and "Device in use" are still reported as errors, as they are not handled on the join screen.
   reportError(
     path === 'room' ? 'room_media_failure' : 'join_preview_failure',
     e,
@@ -106,11 +97,6 @@ const onMediaPermissionError = (
   )
 }
 
-const noteDeviceReady = (kind?: PermissionKind) => {
-  noteGumSuccess(kind)
-  clearDeviceInUse(kind)
-}
-
 // Module-level: effect dependencies, must be referentially stable.
 const disableAudio = () => saveAudioInputEnabled(false)
 const disableVideo = () => saveVideoInputEnabled(false)
@@ -128,7 +114,7 @@ export const requestDevicePermission = async (
         ? await createLocalAudioTrack()
         : await createLocalVideoTrack()
     track.stop()
-    noteDeviceReady(PERMISSION_KIND[kind])
+    noteGumSuccess(PERMISSION_KIND[kind])
     return true
   } catch (error) {
     onMediaPermissionError(error as Error, PERMISSION_KIND[kind], path)
@@ -172,7 +158,7 @@ function useWarmupPermissions(): WarmupState {
             video: true,
           })
         )
-        noteDeviceReady()
+        noteGumSuccess()
         bothReady()
       } catch (error) {
         if (
@@ -194,7 +180,7 @@ function useWarmupPermissions(): WarmupState {
           .getUserMedia({ audio: true })
           .then((stream) => {
             stopAll(stream)
-            noteDeviceReady('microphone')
+            noteGumSuccess('microphone')
           })
           .catch((e) => onMediaPermissionError(e as Error, 'microphone'))
           .finally(() =>
@@ -204,7 +190,7 @@ function useWarmupPermissions(): WarmupState {
           .getUserMedia({ video: true })
           .then((stream) => {
             stopAll(stream)
-            noteDeviceReady('camera')
+            noteGumSuccess('camera')
           })
           .catch((e) => onMediaPermissionError(e as Error, 'camera'))
           .finally(() =>
@@ -241,7 +227,7 @@ function useLocalTrack<T extends LocalAudioTrack | LocalVideoTrack>({
     let cancelled = false
     create()
       .then((newTrack) => {
-        noteDeviceReady(permissionKind)
+        noteGumSuccess(permissionKind)
         if (cancelled) {
           newTrack.stop()
           return
@@ -305,8 +291,6 @@ export function useJoinTracks(): {
 
   const { audioReady, videoReady } = useWarmupPermissions()
 
-  useEffect(() => () => clearDeviceInUse(), [])
-
   const createAudio = useCallback(
     () =>
       createLocalAudioTrack({

src/frontend/src/features/rooms/livekit/hooks/useWatchMediaDeviceErrors.ts

@@ -50,16 +50,15 @@ export const useWatchMediaDeviceErrors = (): MediaDeviceAlert & {
   useEffect(() => {
     const onDeviceError = (error: Error, kind?: MediaDeviceKind) => {
       const failure = MediaDeviceFailure.getFailure(error)
-      if (!failure) return
-      if (failure != MediaDeviceFailure.Other) {
-        void captureMediaEvent('media-device-error', {
-          log_code: 'media_devices_error_event',
-          path: 'connect_publish',
-          failure,
-          kind: kind ?? 'unknown',
-        })
-      }
-      if (!kind) return
+      if (!failure || !kind) return
+
+      void captureMediaEvent('media-device-error', {
+        log_code: 'media_devices_error_event',
+        path: 'connect_publish',
+        failure,
+        kind,
+      })
+
       const permissionKind = PERMISSION_BY_DEVICE_KIND[kind]
       switch (failure) {
         case MediaDeviceFailure.DeviceInUse:

src/frontend/src/locales/de/rooms.json

@@ -16,10 +16,6 @@
       "videoinput": "Keine Kamera erkannt. Prüfe, ob sie richtig angeschlossen ist.",
       "audioinput": "Kein Mikrofon erkannt. Prüfe, ob es richtig angeschlossen ist."
     },
-    "deviceInUse": {
-      "videoinput": "Kamera nicht verfügbar: Sie wird wahrscheinlich von einer anderen App oder einem anderen Tab verwendet.",
-      "audioinput": "Mikrofon nicht verfügbar: Es wird wahrscheinlich von einer anderen App oder einem anderen Tab verwendet."
-    },
     "settings": {
       "audio": "Audioeinstellungen",
       "video": "Videoeinstellungen"
@@ -71,7 +67,6 @@
     },
     "cameraDisabled": "Kamera ist deaktiviert.",
     "cameraNotFound": "Keine Kamera erkannt. Prüfe, ob sie richtig angeschlossen ist.",
-    "cameraInUse": "Deine Kamera ist nicht verfügbar. Sie wird wahrscheinlich von einer anderen App oder einem anderen Tab verwendet.",
     "cameraStarting": "Kamera wird gestartet…",
     "cameraNotGranted": "Möchtest du, dass andere dich während des Meetings sehen können?",
     "cameraAndMicNotGranted": "Möchtest du, dass andere dich während des Meetings sehen und hören können?",

src/frontend/src/locales/en/rooms.json

@@ -16,10 +16,6 @@
       "videoinput": "No camera detected. Check that it is properly wired.",
       "audioinput": "No microphone detected. Check that it is properly wired."
     },
-    "deviceInUse": {
-      "videoinput": "Camera unavailable: it is probably in use by another application or browser tab.",
-      "audioinput": "Microphone unavailable: it is probably in use by another application or browser tab."
-    },
     "settings": {
       "audio": "Audio settings",
       "video": "Video settings"
@@ -71,7 +67,6 @@
     },
     "cameraDisabled": "Camera is disabled.",
     "cameraNotFound": "No camera detected. Check that it is properly plugged in.",
-    "cameraInUse": "Your camera is unavailable. It is probably being used by another application or browser tab.",
     "cameraStarting": "Camera is starting…",
     "cameraNotGranted": "Would you like others to be able to see you during the meeting?",
     "cameraAndMicNotGranted": "Would you like others to be able to see and hear you during the meeting?",

src/frontend/src/locales/fr/rooms.json

@@ -16,10 +16,6 @@
       "videoinput": "Aucune caméra détectée. Vérifiez qu'elle est bien branchée.",
       "audioinput": "Aucun microphone détecté. Vérifiez qu'il est bien branché."
     },
-    "deviceInUse": {
-      "videoinput": "Caméra indisponible : elle est probablement utilisée par une autre application ou un autre onglet.",
-      "audioinput": "Microphone indisponible : il est probablement utilisé par une autre application ou un autre onglet."
-    },
     "settings": {
       "audio": "Paramètres audio",
       "video": "Paramètres video"
@@ -71,7 +67,6 @@
     },
     "cameraDisabled": "La caméra est désactivée.",
     "cameraNotFound": "Aucune caméra détectée. Vérifiez qu'elle est bien branchée.",
-    "cameraInUse": "Votre caméra n'est pas disponible. Elle est probablement utilisée par une autre application ou un autre onglet.",
     "cameraStarting": "La caméra va démarrer…",
     "cameraNotGranted": "Souhaitez-vous que les autres puissent vous voir pendant la réunion ?",
     "cameraAndMicNotGranted": "Souhaitez-vous que les autres puissent vous voir et vous entendre pendant la réunion ?",

src/frontend/src/locales/nl/rooms.json

@@ -16,10 +16,6 @@
       "videoinput": "Geen camera gedetecteerd. Controleer of deze goed is aangesloten.",
       "audioinput": "Geen microfoon gedetecteerd. Controleer of deze goed is aangesloten."
     },
-    "deviceInUse": {
-      "videoinput": "Camera niet beschikbaar: deze wordt waarschijnlijk gebruikt door een andere toepassing of een ander tabblad.",
-      "audioinput": "Microfoon niet beschikbaar: deze wordt waarschijnlijk gebruikt door een andere toepassing of een ander tabblad."
-    },
     "settings": {
       "audio": "Audio-instellingen",
       "video": "Video-instellingen"
@@ -71,7 +67,6 @@
     },
     "cameraDisabled": "Camera is uitgeschakeld.",
     "cameraNotFound": "Geen camera gedetecteerd. Controleer of deze goed is aangesloten.",
-    "cameraInUse": "Je camera is niet beschikbaar. Deze wordt waarschijnlijk gebruikt door een andere toepassing of een ander tabblad.",
     "cameraStarting": "Camera wordt ingeschakeld…",
     "cameraNotGranted": "Wilt u dat anderen u tijdens de vergadering kunnen zien?",
     "cameraAndMicNotGranted": "Wilt u dat anderen u tijdens de vergadering kunnen zien en horen?",

src/frontend/src/stores/deviceInUse.ts

@@ -1,21 +0,0 @@
-import { proxy } from 'valtio'
-import type { PermissionKind } from './permissions'
-
-export const deviceInUseStore = proxy<Record<PermissionKind, boolean>>({
-  camera: false,
-  microphone: false,
-})
-
-const ALL_KINDS: PermissionKind[] = ['camera', 'microphone']
-
-export const noteDeviceInUse = (kind?: PermissionKind) => {
-  for (const k of kind ? [kind] : ALL_KINDS) {
-    deviceInUseStore[k] = true
-  }
-}
-
-export const clearDeviceInUse = (kind?: PermissionKind) => {
-  for (const k of kind ? [kind] : ALL_KINDS) {
-    deviceInUseStore[k] = false
-  }
-}

src/mail/package-lock.json

@@ -1,12 +1,12 @@
 {
   "name": "mail_mjml",
-  "version": "1.27.0",
+  "version": "1.26.0",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "mail_mjml",
-      "version": "1.27.0",
+      "version": "1.26.0",
       "license": "MIT",
       "dependencies": {
         "@html-to/text-cli": "0.6.0",

src/mail/package.json

@@ -1,6 +1,6 @@
 {
   "name": "mail_mjml",
-  "version": "1.27.0",
+  "version": "1.26.0",
   "description": "An util to generate html and text django's templates from mjml templates",
   "type": "module",
   "dependencies": {

src/sdk/package-lock.json

@@ -1,12 +1,12 @@
 {
   "name": "sdk",
-  "version": "1.27.0",
+  "version": "1.26.0",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "sdk",
-      "version": "1.27.0",
+      "version": "1.26.0",
       "license": "ISC",
       "workspaces": [
         "./library",

src/sdk/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sdk",
-  "version": "1.27.0",
+  "version": "1.26.0",
   "author": "",
   "license": "ISC",
   "description": "",

src/summary/pyproject.toml

@@ -1,7 +1,7 @@
 
 [project]
 name = "summary"
-version = "1.27.0"
+version = "1.26.0"
 dependencies = [
     "fastapi[standard]>=0.105.0",
     "uvicorn>=0.24.0",