Merge branch 'livekit' into SimonBrandner/feat/gradient

2023-09-15 17:19:37 -04:00
parent 224bfe58d1 1dd19a78ac
commit 2bb2107ead
36 changed files with 415 additions and 241 deletions
--- a/public/locales/bg/app.json
+++ b/public/locales/bg/app.json
@@ -19,12 +19,10 @@
  "Display name": "Име/псевдоним",
  "Download debug logs": "Изтеглете debug логове",
  "Exit full screen": "Излез от цял екран",
-  "Fetching group call timed out.": "Изтече времето за взимане на груповия разговор.",
  "Full screen": "Цял екран",
  "Go": "Напред",
  "Home": "Начало",
  "Include debug logs": "Включи debug логове",
-  "Incompatible versions": "Несъвместими версии",
  "Inspector": "Инспектор",
  "Join call": "Влез в разговора",
  "Join call now": "Влез в разговора сега",
@@ -39,7 +37,6 @@
  "No": "Не",
  "Not now, return to home screen": "Не сега, върни се на началния екран",
  "Not registered yet? <2>Create an account</2>": "Все още не сте регистрирани? <2>Създайте акаунт</2>",
-  "Other users are trying to join this call from incompatible versions. These users should ensure that they have refreshed their browsers:<1>{userLis}</1>": "Други потребители се опитват да се присъединят в разговора от несъвместими версии. Следните потребители трябва да проверят дали са презаредили браузърите си<1>{userLis}</1>",
  "Password": "Парола",
  "Passwords must match": "Паролите не съвпадат",
  "Profile": "Профил",
@@ -71,7 +68,6 @@
  "Waiting for other participants…": "Изчакване на други участници…",
  "Walkie-talkie call": "Уоки-токи разговор",
  "Walkie-talkie call name": "Име на уоки-токи разговора",
-  "WebRTC is not supported or is being blocked in this browser.": "WebRTC не се поддържа или се блокира от браузъра.",
  "Yes, join call": "Да, присъедини се",
  "Your recent calls": "Скорошните ви разговори"
 }
--- a/public/locales/cs/app.json
+++ b/public/locales/cs/app.json
@@ -10,7 +10,6 @@
  "<0>Create an account</0> Or <2>Access as a guest</2>": "<0>Vytvořit účet</0> Or <2>Jako host</2>",
  "Your recent calls": "Vaše nedávné hovory",
  "Yes, join call": "Ano, připojit se",
-  "WebRTC is not supported or is being blocked in this browser.": "WebRTC není podporováno nebo je zakázáno tímto prohlížečem.",
  "Waiting for other participants…": "Čekání na další účastníky…",
  "Video call name": "Jméno videohovoru",
  "Video call": "Videohovor",
@@ -50,20 +49,17 @@
  "Join call now": "Připojit se k hovoru",
  "Join call": "Připojit se k hovoru",
  "Inspector": "Insepktor",
-  "Incompatible versions": "Nekompatibilní verze",
  "Walkie-talkie call name": "Jméno vysílačkového hovoru",
  "Walkie-talkie call": "Vysílačkový hovor",
  "Spotlight": "Soustředěný mód",
  "Recaptcha not loaded": "Recaptcha se nenačetla",
  "Recaptcha dismissed": "Recaptcha byla zamítnuta",
-  "Other users are trying to join this call from incompatible versions. These users should ensure that they have refreshed their browsers:<1>{userLis}</1>": "Ostatní uživatelé se pokoušejí připojit k tomuto hovoru s nekompatibilních verzí. Tito uživatelé by se měli ujistit, že stránku načetli znovu:<1>{userLis}</1>",
  "Not registered yet? <2>Create an account</2>": "Nejste registrovaní? <2>Vytvořit účet</2>",
  "Join existing call?": "Připojit se k existujícimu hovoru?",
  "Include debug logs": "Zahrnout ladící záznamy",
  "Home": "Domov",
  "Go": "Pokračovat",
  "Full screen": "Zvětšit na celou obrazovku",
-  "Fetching group call timed out.": "Vypršel časový limit načítání skupinového hovoru.",
  "Exit full screen": "Ukončit režim celé obrazovky",
  "Element Call Home": "Domov Element Call",
  "Download debug logs": "Stáhnout ladící záznamy",
--- a/public/locales/de/app.json
+++ b/public/locales/de/app.json
@@ -23,7 +23,6 @@
  "Go": "Los geht’s",
  "Home": "Startseite",
  "Include debug logs": "Debug-Protokolle einschließen",
-  "Incompatible versions": "Inkompatible Versionen",
  "Inspector": "Inspektor",
  "Join call": "Anruf beitreten",
  "Join call now": "Anruf beitreten",
@@ -38,7 +37,6 @@
  "No": "Nein",
  "Not now, return to home screen": "Nicht jetzt, zurück zum Startbildschirm",
  "Not registered yet? <2>Create an account</2>": "Noch nicht registriert? <2>Konto erstellen</2>",
-  "Other users are trying to join this call from incompatible versions. These users should ensure that they have refreshed their browsers:<1>{userLis}</1>": "Andere Benutzer versuchen, diesem Aufruf von einer inkompatiblen Softwareversion aus beizutreten. Diese Benutzer sollten ihre Web-Browser Seite neu laden:<1>{userLis}</1>",
  "Password": "Passwort",
  "Passwords must match": "Passwörter müssen übereinstimmen",
  "Profile": "Profil",
@@ -69,10 +67,8 @@
  "Video call name": "Name des Videoanrufs",
  "Waiting for other participants…": "Warte auf weitere Teilnehmer …",
  "Walkie-talkie call": "Walkie-Talkie-Anruf",
-  "WebRTC is not supported or is being blocked in this browser.": "WebRTC wird in diesem Browser nicht unterstützt oder ist blockiert.",
  "Yes, join call": "Ja, Anruf beitreten",
  "Your recent calls": "Deine letzten Anrufe",
-  "Fetching group call timed out.": "Zeitüberschreitung beim Abrufen des Gruppenanrufs.",
  "Walkie-talkie call name": "Name des Walkie-Talkie-Anrufs",
  "Sending debug logs…": "Sende Debug-Protokolle …",
  "<0>Join call now</0><1>Or</1><2>Copy call link and join later</2>": "<0>Anruf beitreten</0><1>Oder</1><2>Anruflink kopieren und später beitreten</2>",
--- a/public/locales/el/app.json
+++ b/public/locales/el/app.json
@@ -13,7 +13,6 @@
  "Login to your account": "Συνδεθείτε στον λογαριασμό σας",
  "Logging in…": "Σύνδεση…",
  "Inspector": "Επιθεωρητής",
-  "Incompatible versions": "Μη συμβατές εκδόσεις",
  "Display name": "Εμφανιζόμενο όνομα",
  "Developer Settings": "Ρυθμίσεις προγραμματιστή",
  "Debug log request": "Αίτημα αρχείου καταγραφής",
@@ -24,7 +23,6 @@
  "<0>Already have an account?</0><1><0>Log in</0> Or <2>Access as a guest</2></1>": "<0>Έχετε ήδη λογαριασμό;</0><1><0>Συνδεθείτε</0> Ή <2>Συμμετέχετε ως επισκέπτης</2></1>",
  "Your recent calls": "Οι πρόσφατες κλήσεις σας",
  "Yes, join call": "Ναι, συμμετοχή στην κλήση",
-  "WebRTC is not supported or is being blocked in this browser.": "Το WebRTC δεν υποστηρίζεται ή έχει αποκλειστεί σε αυτό το πρόγραμμα περιήγησης.",
  "Walkie-talkie call name": "Όνομα κλήσης walkie-talkie",
  "Walkie-talkie call": "Κλήση walkie-talkie",
  "Waiting for other participants…": "Αναμονή για άλλους συμμετέχοντες…",
@@ -77,7 +75,6 @@
  "Another user on this call is having an issue. In order to better diagnose these issues we'd like to collect a debug log.": "Ένας άλλος χρήστης σε αυτή την κλήση έχει ένα πρόβλημα. Για την καλύτερη διάγνωση αυτών των προβλημάτων θα θέλαμε να συλλέξουμε ένα αρχείο καταγραφής σφαλμάτων.",
  "By participating in this beta, you consent to the collection of anonymous data, which we use to improve the product. You can find more information about which data we track in our <2>Privacy Policy</2> and our <5>Cookie Policy</5>.": "Συμμετέχοντας σε αυτή τη δοκιμαστική έκδοση, συναινείτε στη συλλογή ανώνυμων δεδομένων, τα οποία χρησιμοποιούμε για τη βελτίωση του προϊόντος. Μπορείτε να βρείτε περισσότερες πληροφορίες σχετικά με το ποια δεδομένα καταγράφουμε στην <2>Πολιτική απορρήτου</2> και στην <5>Πολιτική cookies</5>.",
  "If you are experiencing issues or simply would like to provide some feedback, please send us a short description below.": "Εάν αντιμετωπίζετε προβλήματα ή απλά θέλετε να μας δώσετε κάποια σχόλια, παρακαλούμε στείλτε μας μια σύντομη περιγραφή παρακάτω.",
-  "Other users are trying to join this call from incompatible versions. These users should ensure that they have refreshed their browsers:<1>{userLis}</1>": "Κάποιοι άλλοι χρήστες προσπαθούν να συμμετάσχουν σε αυτή την κλήση από ασύμβατες εκδόσεις. Αυτοί οι χρήστες θα πρέπει να βεβαιωθούν ότι έχουν κάνει ανανέωση (refresh) την καρτέλα του περιηγητή τους:<1>{userLis}</1>",
  "Expose developer settings in the settings window.": "Εμφάνιση ρυθμίσεων προγραμματιστή στο παράθυρο ρυθμίσεων.",
  "Feedback": "Ανατροφοδότηση",
  "Submitting…": "Υποβολή…",
@@ -95,7 +92,6 @@
  "Sending debug logs…": "Αποστολή αρχείων καταγραφής…",
  "Submit": "Υποβολή",
  "Your feedback": "Τα σχόλιά σας",
-  "Fetching group call timed out.": "Η ομαδική κλήση έληξε από τέλος χρόνου.",
  "Spotlight": "Spotlight",
  "Element Call Home": "Element Κεντρική Οθόνη Κλήσεων"
 }
--- a/public/locales/en-GB/app.json
+++ b/public/locales/en-GB/app.json
@@ -116,6 +116,7 @@
  "Walkie-talkie call": "Walkie-talkie call",
  "Walkie-talkie call name": "Walkie-talkie call name",
  "Yes, join call": "Yes, join call",
+  "You": "You",
  "You were disconnected from the call": "You were disconnected from the call",
  "Your feedback": "Your feedback",
  "Your recent calls": "Your recent calls"
--- a/public/locales/es/app.json
+++ b/public/locales/es/app.json
@@ -1,7 +1,6 @@
 {
  "<0>Why not finish by setting up a password to keep your account?</0><1>You'll be able to keep your name and set an avatar for use on future calls</1>": "<0>¿Por qué no mantienes tu cuenta estableciendo una contraseña?</0><1>Podrás mantener tu nombre y establecer un avatar para usarlo en futuras llamadas</1>",
  "Your recent calls": "Tus llamadas recientes",
-  "WebRTC is not supported or is being blocked in this browser.": "Tu navegador no soporta o está bloqueando WebRTC.",
  "This call already exists, would you like to join?": "Esta llamada ya existe, ¿te gustaría unirte?",
  "Register": "Registrarse",
  "Not registered yet? <2>Create an account</2>": "¿No estás registrado todavía? <2>Crear una cuenta</2>",
@@ -37,7 +36,6 @@
  "Profile": "Perfil",
  "Passwords must match": "Las contraseñas deben coincidir",
  "Password": "Contraseña",
-  "Other users are trying to join this call from incompatible versions. These users should ensure that they have refreshed their browsers:<1>{userLis}</1>": "Otros usuarios están intentando unirse a la llamada con versiones incompatibles. Estos usuarios deberán asegurarse de que han refrescado sus navegadores:<1>{userLis}</1>",
  "Not now, return to home screen": "Ahora no, volver a la pantalla de inicio",
  "No": "No",
  "More": "Más",
@@ -50,12 +48,10 @@
  "Join call now": "Unirse a la llamada ahora",
  "Join call": "Unirse a la llamada",
  "Inspector": "Inspector",
-  "Incompatible versions": "Versiones incompatibles",
  "Include debug logs": "Incluir registros de depuración",
  "Home": "Inicio",
  "Go": "Comenzar",
  "Full screen": "Pantalla completa",
-  "Fetching group call timed out.": "Se ha agotado el tiempo de espera para obtener la llamada grupal.",
  "Exit full screen": "Salir de pantalla completa",
  "Download debug logs": "Descargar registros de depuración",
  "Display name": "Nombre a mostrar",
--- a/public/locales/et/app.json
+++ b/public/locales/et/app.json
@@ -4,12 +4,10 @@
  "<0>Create an account</0> Or <2>Access as a guest</2>": "<0>Loo konto</0> Või <2>Sisene külalisena</2>",
  "<0>Already have an account?</0><1><0>Log in</0> Or <2>Access as a guest</2></1>": "<0>On sul juba konto?</0><1><0>Logi sisse</0> Või <2>Logi sisse külalisena</2></1>",
  "Inspector": "Inspektor",
-  "Incompatible versions": "Ühildumatud versioonid",
  "Include debug logs": "Lisa veatuvastuslogid",
  "Home": "Avavaatesse",
  "Go": "Jätka",
  "Full screen": "Täisekraan",
-  "Fetching group call timed out.": "Grupikõne kättesaamine aegus.",
  "Exit full screen": "Välju täisekraanivaatest",
  "Download debug logs": "Lae alla veatuvastuslogid",
  "Display name": "Kuvatav nimi",
@@ -63,7 +61,6 @@
  "Recaptcha not loaded": "Robotilõks pole laetud",
  "Recaptcha dismissed": "Robotilõks on vahele jäetud",
  "Profile": "Profiil",
-  "Other users are trying to join this call from incompatible versions. These users should ensure that they have refreshed their browsers:<1>{userLis}</1>": "Teised kasutajad üritavad selle kõnega liituda ühildumatuid versioone kasutades. Need kasutajad peaksid oma brauseris lehe uuestilaadimise tegema:<1>{userLis}</1>",
  "Waiting for other participants…": "Ootame teiste osalejate lisandumist…",
  "Video call name": "Videokõne nimi",
  "Video call": "Videokõne",
@@ -75,7 +72,6 @@
  "Yes, join call": "Jah, liitu kõnega",
  "Walkie-talkie call": "Walkie-talkie stiilis kõne",
  "Walkie-talkie call name": "Walkie-talkie stiilis kõne nimi",
-  "WebRTC is not supported or is being blocked in this browser.": "WebRTC pole kas selles brauseris toetatud või on keelatud.",
  "Element Call Home": "Element Call Home",
  "Copy": "Kopeeri",
  "<0>Submitting debug logs will help us track down the problem.</0>": "<0>Kui saadad meile vealogid, siis on lihtsam vea põhjust otsida.</0>",
@@ -108,5 +104,19 @@
  "Reconnect": "Ühenda uuesti",
  "Thanks!": "Tänud!",
  "End-to-end encryption isn't supported on your browser.": "Sinu brauser ei toeta läbivat krüptimist.",
-  "Enable end-to-end encryption (password protected calls)": "Võta kasutusele läbiv krüptimine (salasõnaga kaitstud kõned)"
+  "Enable end-to-end encryption (password protected calls)": "Võta kasutusele läbiv krüptimine (salasõnaga kaitstud kõned)",
+  "Encrypted": "Krüptitud",
+  "End call": "Lõpeta kõne",
+  "Grid": "Ruudustik",
+  "Microphone off": "Mikrofon ei tööta",
+  "Microphone on": "Mikrofon töötab",
+  "Not encrypted": "Krüptimata",
+  "Share": "Jaga",
+  "Share this call": "Jaga seda kõnet",
+  "Sharing screen": "Ekraanivaade on jagamisel",
+  "Video on": "Video on kasutusel",
+  "{{count, number}}|one": "{{count, number}}",
+  "{{count, number}}|other": "{{count, number}}",
+  "{{names, list(style: short;)}}": "{{names, list(style: short;)}}",
+  "Video off": "Video ei ole kasutusel"
 }
--- a/public/locales/fa/app.json
+++ b/public/locales/fa/app.json
@@ -44,7 +44,6 @@
  "<0>Already have an account?</0><1><0>Log in</0> Or <2>Access as a guest</2></1>": "<0>از قبل حساب کاربری دارید؟</0><1><0>ورود</0> Or <2>به عنوان یک میهمان وارد شوید</2></1>",
  "Local volume": "حجم داخلی",
  "Inspector": "بازرس",
-  "Incompatible versions": "نسخه‌های ناسازگار",
  "Spotlight": "نور افکن",
  "Show call inspector": "نمایش بازرس تماس",
  "Share screen": "اشتراک گذاری صفحه نمایش",
@@ -59,14 +58,11 @@
  "Recaptcha not loaded": "کپچا بارگیری نشد",
  "Recaptcha dismissed": "ریکپچا رد شد",
  "Passwords must match": "رمز عبور باید همخوانی داشته باشد",
-  "Other users are trying to join this call from incompatible versions. These users should ensure that they have refreshed their browsers:<1>{userLis}</1>": "کاربران دیگر تلاش می‌کنند با ورژن‌های ناسازگار به مکالمه بپیوندند. این کاربران باید از بروزرسانی مرورگرشان اطمینان داشته باشند:<1>{userLis}</1>",
  "Not registered yet? <2>Create an account</2>": "هنوز ثبت‌نام نکرده‌اید؟ <2>ساخت حساب کاربری</2>",
  "Not now, return to home screen": "الان نه، به صفحه اصلی برگردید",
  "Logging in…": "ورود…",
  "Include debug logs": "شامل لاگ‌های عیب‌یابی",
-  "Fetching group call timed out.": "زمان اتصال به مکالمه گروهی تمام شد.",
  "Yes, join call": "بله، به تماس بپیوندید",
-  "WebRTC is not supported or is being blocked in this browser.": "WebRTC (ارتباطات رسانه‌ای بلادرنگ مانند انتقال صدا، ویدئو و داده‌) در این مرورگر پشتیبانی نمی‌شود یا در حال مسدود شدن است.",
  "Walkie-talkie call name": "نامِ تماسِ واکی-تاکی",
  "Walkie-talkie call": "تماسِ واکی-تاکی",
  "Waiting for other participants…": "در انتظار برای دیگر شرکت‌کنندگان…",
--- a/public/locales/fr/app.json
+++ b/public/locales/fr/app.json
@@ -22,7 +22,6 @@
  "Go": "Commencer",
  "Home": "Accueil",
  "Include debug logs": "Inclure les journaux de débogage",
-  "Incompatible versions": "Versions incompatibles",
  "Inspector": "Inspecteur",
  "Join call": "Rejoindre l’appel",
  "Join call now": "Rejoindre l’appel maintenant",
@@ -37,7 +36,6 @@
  "No": "Non",
  "Not now, return to home screen": "Pas maintenant, retourner à l’accueil",
  "Not registered yet? <2>Create an account</2>": "Pas encore de compte ? <2>En créer un</2>",
-  "Other users are trying to join this call from incompatible versions. These users should ensure that they have refreshed their browsers:<1>{userLis}</1>": "Des utilisateurs essayent de rejoindre cet appel à partir de versions incompatibles. Ces utilisateurs doivent rafraîchir la page dans leur navigateur : <1>{userLis}</1>",
  "Password": "Mot de passe",
  "Passwords must match": "Les mots de passe doivent correspondre",
  "Profile": "Profil",
@@ -59,10 +57,8 @@
  "Submit feedback": "Envoyer des retours",
  "Take me Home": "Retouner à l’accueil",
  "This call already exists, would you like to join?": "Cet appel existe déjà, voulez-vous le rejoindre ?",
-  "Fetching group call timed out.": "Échec de connexion à l’appel de groupe dans le temps imparti.",
  "Your recent calls": "Appels récents",
  "Yes, join call": "Oui, rejoindre l’appel",
-  "WebRTC is not supported or is being blocked in this browser.": "WebRTC n’est pas pris en charge ou est bloqué par ce navigateur.",
  "Walkie-talkie call name": "Nom de l’appel talkie-walkie",
  "Walkie-talkie call": "Appel talkie-walkie",
  "Waiting for other participants…": "En attente d’autres participants…",
@@ -108,5 +104,19 @@
  "You were disconnected from the call": "Vous avez été déconnecté de l’appel",
  "Connectivity to the server has been lost.": "La connexion avec le serveur a été perdue.",
  "End-to-end encryption isn't supported on your browser.": "Le chiffrement de bout-en-bout n’est pas pris en charge par votre navigateur.",
-  "Enable end-to-end encryption (password protected calls)": "Activer le chiffrement de bout-en-bout (appels protégés par mot de passe)"
+  "Enable end-to-end encryption (password protected calls)": "Activer le chiffrement de bout-en-bout (appels protégés par mot de passe)",
+  "{{count, number}}|other": "{{count, number}}",
+  "{{names, list(style: short;)}}": "{{names, list(style: short;)}}",
+  "Encrypted": "Chiffré",
+  "End call": "Terminer l’appel",
+  "Grid": "Grille",
+  "Microphone off": "Microphone éteint",
+  "Microphone on": "Microphone allumé",
+  "Share": "Partager",
+  "Share this call": "Partager cet appel",
+  "Sharing screen": "L’écran est partagé",
+  "Video off": "Vidéo éteinte",
+  "Video on": "Vidéo allumée",
+  "{{count, number}}|one": "{{count, number}}",
+  "Not encrypted": "Non chiffré"
 }
--- a/public/locales/id/app.json
+++ b/public/locales/id/app.json
@@ -19,12 +19,10 @@
  "Display name": "Nama tampilan",
  "Download debug logs": "Unduh catatan pengawakutuan",
  "Exit full screen": "Keluar dari layar penuh",
-  "Fetching group call timed out.": "Waktu pendapatan panggilan grup habis.",
  "Full screen": "Layar penuh",
  "Go": "Bergabung",
  "Home": "Beranda",
  "Include debug logs": "Termasuk catatan pengawakutuan",
-  "Incompatible versions": "Versi tidak kompatibel",
  "Inspector": "Inspektur",
  "Join call": "Bergabung ke panggilan",
  "Join call now": "Bergabung ke panggilan sekarang",
@@ -39,7 +37,6 @@
  "No": "Tidak",
  "Not now, return to home screen": "Tidak sekarang, kembali ke layar beranda",
  "Not registered yet? <2>Create an account</2>": "Belum terdaftar? <2>Buat sebuah akun</2>",
-  "Other users are trying to join this call from incompatible versions. These users should ensure that they have refreshed their browsers:<1>{userLis}</1>": "Pengguna lain sedang mencoba bergabung ke panggilan ini dari versi yang tidak kompatibel. Pengguna berikut seharusnya memastikan bahwa mereka telah memuat ulang peramban mereka: <1>{userLis}</1>",
  "Password": "Kata sandi",
  "Passwords must match": "Kata sandi harus cocok",
  "Profile": "Profil",
@@ -71,7 +68,6 @@
  "Waiting for other participants…": "Menunggu peserta lain…",
  "Walkie-talkie call": "Panggilan protofon",
  "Walkie-talkie call name": "Nama panggilan protofon",
-  "WebRTC is not supported or is being blocked in this browser.": "WebRTC tidak didukung atau diblokir di peramban ini.",
  "Yes, join call": "Ya, bergabung ke panggilan",
  "Your recent calls": "Panggilan Anda terkini",
  "Sending debug logs…": "Mengirimkan catatan pengawakutuan…",
@@ -108,5 +104,19 @@
  "Retry sending logs": "Kirim ulang catatan",
  "You were disconnected from the call": "Anda terputus dari panggilan",
  "Reconnect": "Hubungkan ulang",
-  "Thanks!": "Terima kasih!"
+  "Thanks!": "Terima kasih!",
+  "{{count, number}}|other": "{{count, number}}",
+  "Encrypted": "Terenkripsi",
+  "End call": "Akhiri panggilan",
+  "Grid": "Kisi",
+  "Microphone off": "Mikrofon dimatikan",
+  "Microphone on": "Mikrofon dinyalakan",
+  "Not encrypted": "Tidak terenkripsi",
+  "Share": "Bagikan",
+  "Share this call": "Bagikan panggilan ini",
+  "Sharing screen": "Berbagi layar",
+  "Video off": "Video dinonaktifkan",
+  "Video on": "Video diaktifkan",
+  "{{count, number}}|one": "{{count, number}}",
+  "{{names, list(style: short;)}}": "{{names, list(style: short;)}}"
 }
--- a/public/locales/it/app.json
+++ b/public/locales/it/app.json
@@ -1 +1,122 @@
-{}
+{
+  "{{count, number}}|one": "{{count, number}}",
+  "{{count, number}}|other": "{{count, number}}",
+  "{{count}} stars|one": "{{count}} stella",
+  "{{count}} stars|other": "{{count}} stelle",
+  "{{displayName}} is presenting": "{{displayName}} sta presentando",
+  "{{names, list(style: short;)}}": "{{names, list(style: short;)}}",
+  "<0>Already have an account?</0><1><0>Log in</0> Or <2>Access as a guest</2></1>": "<0>Hai già un profilo?</0><1><0>Accedi</0> o <2>Accedi come ospite</2></1>",
+  "<0>Create an account</0> Or <2>Access as a guest</2>": "<0>Crea un profilo</0> o <2>Accedi come ospite</2>",
+  "<0>Join call now</0><1>Or</1><2>Copy call link and join later</2>": "<0>Entra nella chiamata</0><1>o</1><2>Copia il collegamento ed entra dopo</2>",
+  "<0>Oops, something's gone wrong.</0>": "<0>Ops, qualcosa è andato storto.</0>",
+  "<0>Submitting debug logs will help us track down the problem.</0>": "<0>L'invio di registri di debug ci aiuterà ad individuare il problema.</0>",
+  "<0>Thanks for your feedback!</0>": "<0>Grazie per la tua opinione!</0>",
+  "<0>We'd love to hear your feedback so we can improve your experience.</0>": "<0>Vorremmo sapere la tua opinione in modo da migliorare l'esperienza.</0>",
+  "Audio": "Audio",
+  "Avatar": "Avatar",
+  "By clicking \"Go\", you agree to our <2>End User Licensing Agreement (EULA)</2>": "Cliccando \"Vai\", accetti il nostro <2>accordo di licenza con l'utente finale (EULA)</2>",
+  "Call link copied": "Collegamento alla chiamata copiato",
+  "Call type menu": "Menu del tipo di chiamata",
+  "Camera": "Fotocamera",
+  "Close": "Chiudi",
+  "Confirm password": "Conferma password",
+  "Connectivity to the server has been lost.": "La connessione al server è stata persa.",
+  "Copied!": "Copiato!",
+  "Copy": "Copia",
+  "Copy and share this call link": "Copia e condividi questo collegamento alla chiamata",
+  "Create account": "Crea profilo",
+  "Debug log": "Registro di debug",
+  "Debug log request": "Richiesta registro di debug",
+  "Developer": "Sviluppatore",
+  "Developer Settings": "Impostazioni per sviluppatori",
+  "Display name": "Nome da mostrare",
+  "Download debug logs": "Scarica registri di debug",
+  "Element Call Home": "Inizio di Element Call",
+  "Enable end-to-end encryption (password protected calls)": "Attiva crittografia end-to-end (chiamate protette da password)",
+  "Encrypted": "Cifrata",
+  "End call": "Termina chiamata",
+  "Exit full screen": "Esci da schermo intero",
+  "Expose developer settings in the settings window.": "Mostra le impostazioni per sviluppatori nella finestra delle impostazioni.",
+  "Feedback": "Feedback",
+  "Full screen": "Schermo intero",
+  "Go": "Vai",
+  "Grid": "Griglia",
+  "Home": "Pagina iniziale",
+  "How did it go?": "Com'è andata?",
+  "Include debug logs": "Includi registri di debug",
+  "Join call": "Entra in chiamata",
+  "Join call now": "Entra in chiamata ora",
+  "Loading…": "Caricamento…",
+  "Local volume": "Volume locale",
+  "Logging in…": "Accesso…",
+  "Login": "Accedi",
+  "Login to your account": "Accedi al tuo profilo",
+  "Microphone": "Microfono",
+  "Microphone off": "Microfono spento",
+  "Microphone on": "Microfono acceso",
+  "More": "Altro",
+  "No": "No",
+  "Not encrypted": "Non cifrata",
+  "Inspector": "Ispettore",
+  "Join existing call?": "Entrare in una chiamata esistente?",
+  "Not registered yet? <2>Create an account</2>": "Non hai ancora un profilo? <2>Creane uno</2>",
+  "Password": "Password",
+  "Passwords must match": "Le password devono coincidere",
+  "Profile": "Profilo",
+  "Recaptcha dismissed": "Recaptcha annullato",
+  "Recaptcha not loaded": "Recaptcha non caricato",
+  "Reconnect": "Riconnetti",
+  "Register": "Registra",
+  "Registering…": "Registrazione…",
+  "Remove": "Rimuovi",
+  "Retry sending logs": "Riprova l'invio dei registri",
+  "Return to home screen": "Torna alla schermata di iniziale",
+  "Select an option": "Seleziona un'opzione",
+  "Send debug logs": "Invia registri di debug",
+  "Sending debug logs…": "Invio dei registri di debug…",
+  "Sending…": "Invio…",
+  "Settings": "Impostazioni",
+  "Share": "Condividi",
+  "Share screen": "Condividi schermo",
+  "Share this call": "Condividi questa chiamata",
+  "Sharing screen": "Condivisione schermo",
+  "Show connection stats": "Mostra statistiche connessione",
+  "Sign in": "Accedi",
+  "Sign out": "Disconnetti",
+  "Speaker": "Altoparlante",
+  "Submit": "Invia",
+  "Submit feedback": "Invia commento",
+  "Take me Home": "Portami all'inizio",
+  "Show call inspector": "Mostra ispettore della chiamata",
+  "Spotlight": "In primo piano",
+  "Thanks, we received your feedback!": "Grazie, abbiamo ricevuto il tuo commento!",
+  "Thanks!": "Grazie!",
+  "This call already exists, would you like to join?": "Questa chiamata esiste già, vuoi entrare?",
+  "This site is protected by ReCAPTCHA and the Google <2>Privacy Policy</2> and <6>Terms of Service</6> apply.<9></9>By clicking \"Register\", you agree to our <12>End User Licensing Agreement (EULA)</12>": "Questo sito è protetto da ReCAPTCHA e si applicano l'<2>informativa sulla privacy</2> e i <6>termini di servizio</6> di Google.<9></9>Cliccando \"Registra\", accetti il nostro <12>accordo di licenza con l'utente finale (EULA)</12>",
+  "User menu": "Menu utente",
+  "Username": "Nome utente",
+  "Version: {{version}}": "Versione: {{version}}",
+  "Video": "Video",
+  "Video call": "Videochiamata",
+  "Video call name": "Nome della videochiamata",
+  "Video off": "Video spento",
+  "Video on": "Video acceso",
+  "Waiting for other participants…": "In attesa di altri partecipanti…",
+  "Walkie-talkie call": "Chiamata walkie-talkie",
+  "Walkie-talkie call name": "Nome della chiamata walkie-talkie",
+  "Yes, join call": "Sì, entra in chiamata",
+  "You were disconnected from the call": "Sei stato disconnesso dalla chiamata",
+  "Your feedback": "Il tuo commento",
+  "Your recent calls": "Le tue chiamate recenti",
+  "{{displayName}}, your call has ended.": "{{displayName}}, la chiamata è terminata.",
+  "<0></0><1></1>You may withdraw consent by unchecking this box. If you are currently in a call, this setting will take effect at the end of the call.": "<0></0><1></1>Puoi revocare il consenso deselezionando questa casella. Se attualmente sei in una chiamata, avrà effetto al termine di essa.",
+  "<0>Why not finish by setting up a password to keep your account?</0><1>You'll be able to keep your name and set an avatar for use on future calls</1>": "<0>Ti va di terminare impostando una password per mantenere il profilo?</0><1>Potrai mantenere il tuo nome e impostare un avatar da usare in chiamate future</1>",
+  "Element Call is temporarily not end-to-end encrypted while we test scalability.": "Element Call temporaneamente non è cifrato end-to-end mentre proviamo la scalabilità.",
+  "If you are experiencing issues or simply would like to provide some feedback, please send us a short description below.": "Se stai riscontrando problemi o semplicemente vuoi dare un'opinione, inviaci una breve descrizione qua sotto.",
+  "Not now, return to home screen": "Non ora, torna alla schermata principale",
+  "Submitting…": "Invio…",
+  "Another user on this call is having an issue. In order to better diagnose these issues we'd like to collect a debug log.": "Un altro utente in questa chiamata sta avendo problemi. Per diagnosticare meglio questi problemi, vorremmo raccogliere un registro di debug.",
+  "End-to-end encryption isn't supported on your browser.": "La crittografia end-to-end non è supportata nel tuo browser.",
+  "By clicking \"Join call now\", you agree to our <2>End User Licensing Agreement (EULA)</2>": "Cliccando \"Entra in chiamata ora\", accetti il nostro <2>accordo di licenza con l'utente finale (EULA)</2>",
+  "By participating in this beta, you consent to the collection of anonymous data, which we use to improve the product. You can find more information about which data we track in our <2>Privacy Policy</2> and our <5>Cookie Policy</5>.": "Partecipando a questa beta, acconsenti alla raccolta di dati anonimi che usiamo per migliorare il prodotto. Puoi trovare più informazioni su quali dati monitoriamo nella nostra <2>informativa sulla privacy</2> e nell'<5>informativa sui cookie</5>."
+}
--- a/public/locales/ja/app.json
+++ b/public/locales/ja/app.json
@@ -15,7 +15,6 @@
  "Debug log": "デバッグログ",
  "Create account": "アカウントを作成",
  "Go": "続行",
-  "Fetching group call timed out.": "グループ通話の取得がタイムアウトしました。",
  "Element Call Home": "Element Call ホーム",
  "Download debug logs": "デバッグログをダウンロード",
  "Display name": "表示名",
@@ -24,7 +23,6 @@
  "Exit full screen": "全画面表示を終了",
  "Include debug logs": "デバッグログを含める",
  "Home": "ホーム",
-  "Incompatible versions": "互換性のないバージョン",
  "Join existing call?": "既存の通話に参加しますか？",
  "Join call now": "今すぐ通話に参加",
  "Join call": "通話に参加",
@@ -62,7 +60,6 @@
  "Select an option": "オプションを選択",
  "Debug log request": "デバッグログを要求",
  "Your recent calls": "最近の通話",
-  "WebRTC is not supported or is being blocked in this browser.": "お使いのブラウザでWebRTCがサポートされていないか、またはブロックされています。",
  "Login to your account": "アカウントにログイン",
  "Remove": "削除",
  "No": "いいえ",
--- a/public/locales/lv/app.json
+++ b/public/locales/lv/app.json
@@ -31,7 +31,6 @@
  "Exit full screen": "Iziet no pilnekrāna",
  "Expose developer settings in the settings window.": "Izstādīt izstrādātāja iestatījumus iestatījumu logā.",
  "Feedback": "Atsauksmes",
-  "Fetching group call timed out.": "Grupas zvana iegūšanā iestājās noildze.",
  "Full screen": "Pilnekrāns",
  "Go": "Aiziet",
  "By clicking \"Join call now\", you agree to our <2>End User Licensing Agreement (EULA)</2>": "Klikšķināšana uz \"Pievienoties zvanam tagad\" apliecina piekrišanu mūsu <2>galalietotāja licencēšanas nolīgumam (GLLN)</2>",
@@ -52,7 +51,6 @@
  "Your recent calls": "Nesenie zvani",
  "How did it go?": "Kā Tev veicās?",
  "Include debug logs": "Iekļaut atkļūdošanas žurnāla ierakstus",
-  "Incompatible versions": "Nesaderīgas versijas",
  "Inspector": "Inspektors",
  "Join call": "Pievienoties zvanam",
  "Join call now": "Pievienoties zvanam tagad",
@@ -105,8 +103,6 @@
  "You were disconnected from the call": "Tu tiki atvienots no zvana",
  "Version: {{version}}": "Versija: {{version}}",
  "Walkie-talkie call name": "Rācijas zvana nosaukums",
-  "WebRTC is not supported or is being blocked in this browser.": "Šajā pārlūkā nav nodrošināts WebRTC vai tiek liegta tā izmantošana.",
  "If you are experiencing issues or simply would like to provide some feedback, please send us a short description below.": "Ja tiek piedzīvoti sarežģījumi vai vienkārši ir vēlme sniegt kādu atsauksmi, lūgums zemāk nosūtīt mums īsu aprakstu.",
-  "Not registered yet? <2>Create an account</2>": "Vēl neesi reģistrējies? <2>Izveidot kontu</2>",
-  "Other users are trying to join this call from incompatible versions. These users should ensure that they have refreshed their browsers:<1>{userLis}</1>": "Citi lietotāji mēģina pievienoties šim zvanam no nesaderīgām versijām. Šiem lietotājiem vajadzētu nodrošināt, ka viņi ir atsvaidzinājuši savus pārlūkus: <1>{userLis}</1>"
+  "Not registered yet? <2>Create an account</2>": "Vēl neesi reģistrējies? <2>Izveidot kontu</2>"
 }
--- a/public/locales/pl/app.json
+++ b/public/locales/pl/app.json
@@ -3,7 +3,6 @@
  "Go": "Przejdź",
  "Your recent calls": "Twoje ostatnie połączenia",
  "Yes, join call": "Tak, dołącz do połączenia",
-  "WebRTC is not supported or is being blocked in this browser.": "WebRTC jest niewspierane lub zablokowane w tej przeglądarce.",
  "Walkie-talkie call name": "Nazwa połączenia walkie-talkie",
  "Walkie-talkie call": "Połączenie walkie-talkie",
  "Waiting for other participants…": "Oczekiwanie na pozostałych uczestników…",
@@ -36,7 +35,6 @@
  "Profile": "Profil",
  "Passwords must match": "Hasła muszą pasować",
  "Password": "Hasło",
-  "Other users are trying to join this call from incompatible versions. These users should ensure that they have refreshed their browsers:<1>{userLis}</1>": "Inni użytkownicy próbują dołączyć do tego połączenia przy użyciu niekompatybilnych wersji. Powinni oni upewnić się, że odświeżyli stronę w swoich przeglądarkach:<1>{userLis}</1>",
  "Not registered yet? <2>Create an account</2>": "Nie masz konta? <2>Utwórz je</2>",
  "Not now, return to home screen": "Nie teraz, powróć do ekranu domowego",
  "No": "Nie",
@@ -50,11 +48,9 @@
  "Join call now": "Dołącz do połączenia teraz",
  "Join call": "Dołącz do połączenia",
  "Inspector": "Inspektor",
-  "Incompatible versions": "Niekompatybilne wersje",
  "Include debug logs": "Dołącz dzienniki debugowania",
  "Home": "Strona domowa",
  "Full screen": "Pełny ekran",
-  "Fetching group call timed out.": "Przekroczono limit czasu na uzyskanie połączenia grupowego.",
  "Exit full screen": "Opuść pełny ekran",
  "Download debug logs": "Pobierz dzienniki debugowania",
  "Display name": "Nazwa wyświetlana",
@@ -108,5 +104,19 @@
  "You were disconnected from the call": "Rozłączono Cię z połączenia",
  "Connectivity to the server has been lost.": "Utracono połączenie z serwerem.",
  "Reconnect": "Połącz ponownie",
-  "Enable end-to-end encryption (password protected calls)": "Włącz szyfrowanie end-to-end (połączenia chronione hasłem)"
+  "Enable end-to-end encryption (password protected calls)": "Włącz szyfrowanie end-to-end (połączenia chronione hasłem)",
+  "{{count, number}}|other": "{{count, number}}",
+  "Encrypted": "Szyfrowane",
+  "End call": "Zakończ połączenie",
+  "Grid": "Siatka",
+  "Microphone off": "Mikrofon wyłączony",
+  "Microphone on": "Mikrofon włączony",
+  "Not encrypted": "Nie szyfrowane",
+  "Share": "Udostępnij",
+  "Share this call": "Udostępnij to połączenie",
+  "Sharing screen": "Udostępnianie ekranu",
+  "Video off": "Wideo wyłączone",
+  "{{count, number}}|one": "{{count, number}}",
+  "{{names, list(style: short;)}}": "{{names, list(style: short;)}}",
+  "Video on": "Wideo włączone"
 }
--- a/public/locales/ru/app.json
+++ b/public/locales/ru/app.json
@@ -7,13 +7,11 @@
  "Submit feedback": "Отправить отзыв",
  "Sending debug logs…": "Отправка журнала отладки…",
  "Select an option": "Выберите вариант",
-  "Other users are trying to join this call from incompatible versions. These users should ensure that they have refreshed their browsers:<1>{userLis}</1>": "Другие пользователи пытаются присоединиться с неподдерживаемых версий программы. Этим участникам надо перезагрузить браузер: <1>{userLis}</1>",
  "<0>Why not finish by setting up a password to keep your account?</0><1>You'll be able to keep your name and set an avatar for use on future calls</1>": "<0>Почему бы не задать пароль, тем самым сохранив аккаунт?</0><1>Так вы можете оставить своё имя и задать аватар для будущих звонков.</1>",
  "<0>Create an account</0> Or <2>Access as a guest</2>": "<0>Создать аккаунт</0> или <2>Зайти как гость</2>",
  "<0>Already have an account?</0><1><0>Log in</0> Or <2>Access as a guest</2></1>": "<0>Уже есть аккаунт?</0><1><0>Войти с ним</0> или <2>Зайти как гость</2></1>",
  "Your recent calls": "Ваши недавние звонки",
  "Yes, join call": "Да, присоединиться",
-  "WebRTC is not supported or is being blocked in this browser.": "WebRTC не поддерживается или заблокирован в этом браузере.",
  "Walkie-talkie call name": "Название звонка-рации",
  "Walkie-talkie call": "Звонок-рация",
  "Video call name": "Название видео-звонка",
@@ -58,11 +56,9 @@
  "Join call now": "Присоединиться сейчас",
  "Join call": "Присоединиться",
  "Inspector": "Инспектор",
-  "Incompatible versions": "Несовместимые версии",
  "Home": "Начало",
  "Go": "Далее",
  "Full screen": "Полноэкранный режим",
-  "Fetching group call timed out.": "Истекло время ожидания для группового звонка.",
  "Exit full screen": "Выйти из полноэкранного режима",
  "Display name": "Видимое имя",
  "Developer": "Разработчику",
--- a/public/locales/sk/app.json
+++ b/public/locales/sk/app.json
@@ -2,7 +2,6 @@
  "Spotlight": "Stredobod",
  "Local volume": "Lokálna hlasitosť",
  "Include debug logs": "Zahrnúť záznamy o ladení",
-  "Fetching group call timed out.": "Vypršal čas načítania skupinového volania.",
  "Element Call Home": "Domov Element Call",
  "Waiting for other participants…": "Čaká sa na ďalších účastníkov…",
  "Take me Home": "Zober ma domov",
@@ -22,7 +21,6 @@
  "Profile": "Profil",
  "Passwords must match": "Heslá sa musia zhodovať",
  "Password": "Heslo",
-  "Other users are trying to join this call from incompatible versions. These users should ensure that they have refreshed their browsers:<1>{userLis}</1>": "Ostatní používatelia sa pokúšajú pripojiť k tomuto hovoru z nekompatibilných verzií. Títo používatelia by sa mali uistiť, že si obnovili svoje prehliadače:<1>{userLis}</1>",
  "Not registered yet? <2>Create an account</2>": "Ešte nie ste zaregistrovaný? <2>Vytvorte si účet</2>",
  "Not now, return to home screen": "Teraz nie, vrátiť sa na domovskú obrazovku",
  "No": "Nie",
@@ -36,7 +34,6 @@
  "Join call now": "Pripojiť sa k hovoru teraz",
  "Join call": "Pripojiť sa k hovoru",
  "Inspector": "Inšpektor",
-  "Incompatible versions": "Nekompatibilné verzie",
  "Home": "Domov",
  "Go": "Prejsť",
  "Full screen": "Zobrazenie na celú obrazovku",
@@ -44,7 +41,6 @@
  "Download debug logs": "Stiahnuť záznamy ladenia",
  "Your recent calls": "Vaše nedávne hovory",
  "Yes, join call": "Áno, pripojiť sa k hovoru",
-  "WebRTC is not supported or is being blocked in this browser.": "WebRTC nie je podporované alebo je v tomto prehliadači blokované.",
  "Walkie-talkie call name": "Názov vysielačkového hovoru",
  "Walkie-talkie call": "Vysielačkový hovor",
  "Video call name": "Názov video hovoru",
@@ -108,5 +104,19 @@
  "Thanks!": "Ďakujeme!",
  "You were disconnected from the call": "Boli ste odpojení z hovoru",
  "Enable end-to-end encryption (password protected calls)": "Povoliť end-to-end šifrovanie (hovory chránené heslom)",
-  "End-to-end encryption isn't supported on your browser.": "End-to-end šifrovanie nie je vo vašom prehliadači podporované."
+  "End-to-end encryption isn't supported on your browser.": "End-to-end šifrovanie nie je vo vašom prehliadači podporované.",
+  "{{count, number}}|other": "{{count, number}}",
+  "Encrypted": "Šifrované",
+  "End call": "Ukončiť hovor",
+  "Microphone off": "Mikrofón vypnutý",
+  "Microphone on": "Mikrofón zapnutý",
+  "Grid": "Sieť",
+  "Not encrypted": "Nie je zašifrované",
+  "Share": "Zdieľať",
+  "Sharing screen": "Zdieľanie obrazovky",
+  "Video off": "Video vypnuté",
+  "Video on": "Video zapnuté",
+  "{{count, number}}|one": "{{count, number}}",
+  "Share this call": "Zdieľať tento hovor",
+  "{{names, list(style: short;)}}": "{{names, list(style: short;)}}"
 }
--- a/public/locales/tr/app.json
+++ b/public/locales/tr/app.json
@@ -17,12 +17,10 @@
  "Display name": "Ekran adı",
  "Download debug logs": "Hata ayıklama kütüğünü indir",
  "Exit full screen": "Tam ekranı terk et",
-  "Fetching group call timed out.": "Grup çağrısı zaman aşımına uğradı.",
  "Full screen": "Tam ekran",
  "Go": "Git",
  "Home": "Ev",
  "Include debug logs": "Hata ayıklama kütüğünü dahil et",
-  "Incompatible versions": "Uyumsuz sürümler",
  "Inspector": "Denetçi",
  "Join call": "Aramaya katıl",
  "Join call now": "Aramaya katıl",
@@ -37,7 +35,6 @@
  "No": "Hayır",
  "Not now, return to home screen": "Şimdi değil, ev ekranına dön",
  "Not registered yet? <2>Create an account</2>": "Kaydolmadınız mı? <2>Hesap açın</2>",
-  "Other users are trying to join this call from incompatible versions. These users should ensure that they have refreshed their browsers:<1>{userLis}</1>": "Başka kullanıcılar uyumsuz sürümden katılmaya çalışıyorlar. <1>{userLis}</1> tarayıcılarını mutlaka tazelemeliler.",
  "Password": "Parola",
  "Passwords must match": "Parolalar aynı olmalı",
  "Recaptcha dismissed": "reCAPTCHA atlandı",
--- a/public/locales/uk/app.json
+++ b/public/locales/uk/app.json
@@ -2,7 +2,6 @@
  "Loading…": "Завантаження…",
  "Your recent calls": "Ваші недавні виклики",
  "Yes, join call": "Так, приєднатися до виклику",
-  "WebRTC is not supported or is being blocked in this browser.": "WebRTC не підтримується або блокується в цьому браузері.",
  "Walkie-talkie call name": "Назва виклику-рації",
  "Walkie-talkie call": "Виклик-рація",
  "Waiting for other participants…": "Очікування на інших учасників…",
@@ -35,7 +34,6 @@
  "Profile": "Профіль",
  "Passwords must match": "Паролі відрізняються",
  "Password": "Пароль",
-  "Other users are trying to join this call from incompatible versions. These users should ensure that they have refreshed their browsers:<1>{userLis}</1>": "Інші користувачі намагаються приєднатися до цього виклику з несумісних версій. Ці користувачі повинні переконатися, що вони оновили сторінки своїх браузерів:<1>{userLis}</1>",
  "Not registered yet? <2>Create an account</2>": "Ще не зареєстровані? <2>Створіть обліковий запис</2>",
  "Not now, return to home screen": "Не зараз, повернутися на екран домівки",
  "No": "Ні",
@@ -49,12 +47,10 @@
  "Join call now": "Приєднатися до виклику зараз",
  "Join call": "Приєднатися до виклику",
  "Inspector": "Інспектор",
-  "Incompatible versions": "Несумісні версії",
  "Include debug logs": "Долучити журнали налагодження",
  "Home": "Домівка",
  "Go": "Далі",
  "Full screen": "Повноекранний режим",
-  "Fetching group call timed out.": "Вичерпано час очікування групового виклику.",
  "Exit full screen": "Вийти з повноекранного режиму",
  "Download debug logs": "Завантажити журнали налагодження",
  "Display name": "Псевдонім",
--- a/public/locales/vi/app.json
+++ b/public/locales/vi/app.json
@@ -13,7 +13,6 @@
  "Yes, join call": "Vâng, tham gia cuộc gọi",
  "Your feedback": "Phản hồi của bạn",
  "Your recent calls": "Cuộc gọi gần đây",
-  "WebRTC is not supported or is being blocked in this browser.": "WebRTC không được hỗ trợ hay bị chặn trong trình duyệt này.",
  "Waiting for other participants…": "Đang đợi những người khác…",
  "Version: {{version}}": "Phiên bản: {{version}}",
  "Submit feedback": "Gửi phản hồi",
@@ -42,7 +41,6 @@
  "Download debug logs": "Tải xuống nhật ký gỡ lỗi",
  "Feedback": "Phản hồi",
  "Full screen": "Toàn màn hình",
-  "Incompatible versions": "Phiên bản không tương thích",
  "Include debug logs": "Kèm theo nhật ký gỡ lỗi",
  "Join existing call?": "Tham gia cuộc gọi?",
  "Loading…": "Đang tải…",
--- a/public/locales/zh-Hans/app.json
+++ b/public/locales/zh-Hans/app.json
@@ -1,7 +1,6 @@
 {
  "Your recent calls": "最近通话",
  "Yes, join call": "是，加入通话",
-  "WebRTC is not supported or is being blocked in this browser.": "此浏览器不支持WebRTC或WebRTC被浏览器阻止。",
  "Walkie-talkie call name": "对讲机通话名称",
  "Walkie-talkie call": "对讲机通话",
  "Waiting for other participants…": "等待其他参与者……",
@@ -41,7 +40,6 @@
  "Profile": "个人信息",
  "Passwords must match": "密码必须匹配",
  "Password": "密码",
-  "Other users are trying to join this call from incompatible versions. These users should ensure that they have refreshed their browsers:<1>{userLis}</1>": "其他用户正试图从不兼容的版本加入这一呼叫。这些用户应该确保已经刷新了浏览器：<1>{userLis}</1>",
  "Not registered yet? <2>Create an account</2>": "还没有注册？ <2>创建账户<2>",
  "Not now, return to home screen": "暂不，先返回主页",
  "No": "否",
@@ -55,12 +53,10 @@
  "Join existing call?": "加入现有的通话？",
  "Join call now": "现在加入通话",
  "Join call": "加入通话",
-  "Incompatible versions": "不兼容版本",
  "Include debug logs": "包含调试日志",
  "Home": "主页",
  "Go": "开始",
  "Full screen": "全屏",
-  "Fetching group call timed out.": "获取群组通话超时。",
  "Exit full screen": "退出全屏",
  "Element Call Home": "Element Call 主页",
  "Download debug logs": "下载调试日志",
--- a/public/locales/zh-Hant/app.json
+++ b/public/locales/zh-Hant/app.json
@@ -8,7 +8,6 @@
  "<0>Oops, something's gone wrong.</0>": "<0>喔喔，有些地方怪怪的。</0>",
  "Your recent calls": "您最近的通話",
  "Yes, join call": "是，加入對話",
-  "WebRTC is not supported or is being blocked in this browser.": "此瀏覽器未支援 WebRTC 或 WebRTC 被瀏覽器封鎖。",
  "Walkie-talkie call name": "對講機式通話名稱",
  "Walkie-talkie call": "即時通話",
  "Waiting for other participants…": "等待其他參加者…",
@@ -41,7 +40,6 @@
  "Profile": "個人檔案",
  "Passwords must match": "密碼必須相符",
  "Password": "密碼",
-  "Other users are trying to join this call from incompatible versions. These users should ensure that they have refreshed their browsers:<1>{userLis}</1>": "有使用者試著加入通話，但他們的軟體版本不相容。這些使用者需要確認已將瀏覽器更新到最新版本：<1>{userLis}</1>",
  "Not registered yet? <2>Create an account</2>": "還沒註冊嗎？<2>建立帳號</2>",
  "Not now, return to home screen": "現在不行，回到首頁",
  "No": "否",
@@ -56,12 +54,10 @@
  "Join call now": "現在加入通話",
  "Join call": "加入通話",
  "Inspector": "稽查員",
-  "Incompatible versions": "不相容版本",
  "Include debug logs": "包含除錯紀錄",
  "Home": "首頁",
  "Go": "前往",
  "Full screen": "全螢幕",
-  "Fetching group call timed out.": "加入群組對話已逾時。",
  "Exit full screen": "退出全螢幕",
  "Element Call Home": "Element Call 首頁",
  "Download debug logs": "下載偵錯報告",
@@ -108,5 +104,19 @@
  "Thanks!": "感謝！",
  "You were disconnected from the call": "您已從通話斷線",
  "Enable end-to-end encryption (password protected calls)": "啟用端到端加密（密碼保護通話）",
-  "End-to-end encryption isn't supported on your browser.": "您的瀏覽器不支援端到端加密。"
+  "End-to-end encryption isn't supported on your browser.": "您的瀏覽器不支援端到端加密。",
+  "{{count, number}}|one": "{{count, number}}",
+  "{{count, number}}|other": "{{count, number}}",
+  "{{names, list(style: short;)}}": "{{names, list(style: short;)}}",
+  "Encrypted": "已加密",
+  "End call": "結束通話",
+  "Grid": "網格",
+  "Microphone off": "麥克風關閉",
+  "Microphone on": "麥克風開啟",
+  "Not encrypted": "未加密",
+  "Share": "分享",
+  "Share this call": "分享此通話",
+  "Sharing screen": "分享畫面",
+  "Video off": "視訊關閉",
+  "Video on": "視訊開啟"
 }
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -30,7 +30,6 @@ import { LoginPage } from "./auth/LoginPage";
 import { RegisterPage } from "./auth/RegisterPage";
 import { RoomPage } from "./room/RoomPage";
 import { ClientProvider } from "./ClientContext";
-import { usePageFocusStyle } from "./usePageFocusStyle";
 import { SequenceDiagramViewerPage } from "./SequenceDiagramViewerPage";
 import { InspectorContextProvider } from "./room/GroupCallInspector";
 import { CrashView, LoadingView } from "./FullScreenView";
@@ -73,8 +72,6 @@ export default function App({ history }: AppProps) {
    });
  });

-  usePageFocusStyle();
-
  const errorPage = <CrashView />;

  return (
--- a/src/button/Button.module.css
+++ b/src/button/Button.module.css
@@ -50,14 +50,14 @@ limitations under the License.
  background-color: var(--cpd-color-text-action-accent);
 }

-.button:focus,
-.toolbarButton:focus,
-.toolbarButtonSecondary:focus,
-.iconButton:focus,
-.iconCopyButton:focus,
-.secondary:focus,
-.secondaryHangup:focus,
-.copyButton:focus {
+.button:focus-visible,
+.toolbarButton:focus-visible,
+.toolbarButtonSecondary:focus-visible,
+.iconButton:focus-visible,
+.iconCopyButton:focus-visible,
+.secondary:focus-visible,
+.secondaryHangup:focus-visible,
+.copyButton:focus-visible {
  outline: auto;
 }

@@ -74,7 +74,7 @@ limitations under the License.
  background-color: var(--cpd-color-bg-canvas-default);
  color: var(--cpd-color-icon-primary);
  border: 1px solid var(--cpd-color-gray-400);
-  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
+  box-shadow: var(--subtle-drop-shadow);
 }

 .toolbarButton.on,
--- a/src/index.css
+++ b/src/index.css
@@ -39,21 +39,23 @@ limitations under the License.
  --font-size-title: calc(24px * var(--font-scale));
  --font-size-headline: calc(32px * var(--font-scale));

-  --cpd-color-border-accent: var(--cpd-color-green-1100);
  /* These colors are needed during the transitionary period between the old and
  new Compound design systems, but should be removed ASAP */
  --stopgap-color-on-solid-accent: var(--cpd-color-bg-canvas-default);
  --stopgap-background-85: rgba(255, 255, 255, 0.85);
  --stopgap-bgColor3: #444;

+  --cpd-color-border-accent: var(--cpd-color-green-800);
  /* The distance to inset non-full-width content from the edge of the window
  along the inline axis */
  --inline-content-inset: max(var(--cpd-space-4x), calc((100vw - 1180px) / 2));
-
+  --small-drop-shadow: 0px 1.2px 2.4px 0px rgba(0, 0, 0, 0.15);
+  --subtle-drop-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
  --background-gradient: url("graphics/backgroundGradient.svg");
 }

 .cpd-theme-dark {
+  --cpd-color-border-accent: var(--cpd-color-green-1100);
  --stopgap-color-on-solid-accent: var(--cpd-color-text-primary);
  --stopgap-background-85: rgba(16, 19, 23, 0.85);

--- a/src/livekit/useECConnectionState.ts
+++ b/src/livekit/useECConnectionState.ts
@@ -14,7 +14,12 @@ See the License for the specific language governing permissions and
 limitations under the License.
 */

-import { ConnectionState, Room, RoomEvent } from "livekit-client";
+import {
+  AudioCaptureOptions,
+  ConnectionState,
+  Room,
+  RoomEvent,
+} from "livekit-client";
 import { useCallback, useEffect, useRef, useState } from "react";
 import { logger } from "matrix-js-sdk/src/logger";

@@ -42,7 +47,28 @@ function sfuConfigValid(sfuConfig?: SFUConfig): boolean {
  return Boolean(sfuConfig?.url) && Boolean(sfuConfig?.jwt);
 }

+async function doConnect(
+  livekitRoom: Room,
+  sfuConfig: SFUConfig,
+  audioEnabled: boolean,
+  audioOptions: AudioCaptureOptions
+): Promise<void> {
+  await livekitRoom!.connect(sfuConfig!.url, sfuConfig!.jwt);
+  const audioTracks = await livekitRoom!.localParticipant.createTracks({
+    audio: audioOptions,
+  });
+  if (audioTracks.length < 1) {
+    logger.info("Tried to pre-create local audio track but got no tracks");
+    return;
+  }
+  if (!audioEnabled) await audioTracks[0].mute();
+
+  await livekitRoom?.localParticipant.publishTrack(audioTracks[0]);
+}
+
 export function useECConnectionState(
+  initialAudioOptions: AudioCaptureOptions,
+  initialAudioEnabled: boolean,
  livekitRoom?: Room,
  sfuConfig?: SFUConfig
 ): ECConnectionState {
@@ -89,12 +115,33 @@ export function useECConnectionState(
      (async () => {
        setSwitchingFocus(true);
        await livekitRoom?.disconnect();
-        await livekitRoom?.connect(sfuConfig!.url, sfuConfig!.jwt);
+        await doConnect(
+          livekitRoom!,
+          sfuConfig!,
+          initialAudioEnabled,
+          initialAudioOptions
+        );
      })();
+    } else if (
+      !sfuConfigValid(currentSFUConfig.current) &&
+      sfuConfigValid(sfuConfig)
+    ) {
+      // if we're transitioning from an invalid config to a valid one (ie. connecting)
+      // then do an initial connection, including publishing the microphone track:
+      // livekit (by default) keeps the mic track open when you mute, but if you start muted,
+      // doesn't publish it until you unmute. We want to publish it from the start so we're
+      // always capturing audio: it helps keep bluetooth headsets in the right mode and
+      // mobile browsers to know we're doing a call.
+      doConnect(
+        livekitRoom!,
+        sfuConfig!,
+        initialAudioEnabled,
+        initialAudioOptions
+      );
    }

    currentSFUConfig.current = Object.assign({}, sfuConfig);
-  }, [sfuConfig, livekitRoom]);
+  }, [sfuConfig, livekitRoom, initialAudioOptions, initialAudioEnabled]);

  return isSwitchingFocus ? ECAddonConnectionState.ECSwitchingFocus : connState;
 }
--- a/src/livekit/useLiveKit.ts
+++ b/src/livekit/useLiveKit.ts
@@ -108,9 +108,17 @@ export function useLiveKit(
    audio: initialMuteStates.current.audio.enabled,
    video: initialMuteStates.current.video.enabled,
    room: roomWithoutProps,
+    connect: false,
  });

-  const connectionState = useECConnectionState(room, sfuConfig);
+  const connectionState = useECConnectionState(
+    {
+      deviceId: initialDevices.current.audioOutput.selectedId,
+    },
+    initialMuteStates.current.audio.enabled,
+    room,
+    sfuConfig
+  );

  useEffect(() => {
    // Sync the requested mute states with LiveKit's mute states. We do it this
--- a/src/room/InCallView.tsx
+++ b/src/room/InCallView.tsx
@@ -27,7 +27,7 @@ import { ConnectionState, Room, Track } from "livekit-client";
 import { MatrixClient } from "matrix-js-sdk/src/client";
 import { RoomMember } from "matrix-js-sdk/src/models/room-member";
 import { Room as MatrixRoom } from "matrix-js-sdk/src/models/room";
-import { Ref, useCallback, useEffect, useMemo, useRef } from "react";
+import { Ref, useCallback, useEffect, useMemo, useRef, useState } from "react";
 import { useTranslation } from "react-i18next";
 import useMeasure from "react-use-measure";
 import { OverlayTriggerState } from "@react-stately/overlays";
@@ -73,7 +73,10 @@ import { MuteStates } from "./MuteStates";
 import { MatrixInfo } from "./VideoPreview";
 import { ShareButton } from "../button/ShareButton";
 import { LayoutToggle } from "./LayoutToggle";
-import { ECConnectionState } from "../livekit/useECConnectionState";
+import {
+  ECAddonConnectionState,
+  ECConnectionState,
+} from "../livekit/useECConnectionState";
 import { useOpenIDSFU } from "../livekit/openIDSFU";

 const canScreenshare = "getDisplayMedia" in (navigator.mediaDevices ?? {});
@@ -82,6 +85,9 @@ const canScreenshare = "getDisplayMedia" in (navigator.mediaDevices ?? {});
 // For now we can disable screensharing in Safari.
 const isSafari = /^((?!chrome|android).)*safari/i.test(navigator.userAgent);

+// How long we wait after a focus switch before showing the real participant list again
+const POST_FOCUS_PARTICIPANT_UPDATE_DELAY_MS = 3000;
+
 export interface ActiveCallProps
  extends Omit<InCallViewProps, "livekitRoom" | "connState"> {
  e2eeConfig?: E2EEConfig;
@@ -236,7 +242,7 @@ export function InCallView({
  const reducedControls = boundsValid && bounds.width <= 340;
  const noControls = reducedControls && bounds.height <= 400;

-  const items = useParticipantTiles(livekitRoom, rtcSession.room);
+  const items = useParticipantTiles(livekitRoom, rtcSession.room, connState);
  const { fullscreenItem, toggleFullscreen, exitFullscreen } =
    useFullscreen(items);

@@ -382,8 +388,12 @@ export function InCallView({
      <div className={styles.footer}>
        {!mobile && !hideHeader && (
          <div className={styles.logo}>
-            <LogoMark width={24} height={24} />
-            <LogoType width={80} height={11} />
+            <LogoMark width={24} height={24} aria-hidden />
+            <LogoType
+              width={80}
+              height={11}
+              aria-label={import.meta.env.VITE_PRODUCT_NAME || "Element Call"}
+            />
          </div>
        )}
        <div className={styles.buttons}>{buttons}</div>
@@ -472,8 +482,11 @@ function findMatrixMember(

 function useParticipantTiles(
  livekitRoom: Room,
-  matrixRoom: MatrixRoom
+  matrixRoom: MatrixRoom,
+  connState: ECConnectionState
 ): TileDescriptor<ItemData>[] {
+  const previousTiles = useRef<TileDescriptor<ItemData>[]>([]);
+
  const sfuParticipants = useParticipants({
    room: livekitRoom,
  });
@@ -555,5 +568,44 @@ function useParticipantTiles(
    return allGhosts ? [] : tiles;
  }, [matrixRoom, sfuParticipants]);

-  return items;
+  // We carry over old tiles from the previous focus for some time after a focus switch
+  // so that the video tiles don't all disappear and reappear.
+  // This is set to true when the state transitions to Switching Focus and remains
+  // true for a short time after it changes (ie. connState is only switching focus for
+  // the time it takes us to reconnect to the conference).
+  // If there are still members that haven't reconnected after that time, they'll just
+  // appear to disconnect and will reappear once they reconnect.
+  const [isSwitchingFocus, setIsSwitchingFocus] = useState(false);
+
+  useEffect(() => {
+    if (connState === ECAddonConnectionState.ECSwitchingFocus) {
+      setIsSwitchingFocus(true);
+    } else if (isSwitchingFocus) {
+      setTimeout(() => {
+        setIsSwitchingFocus(false);
+      }, POST_FOCUS_PARTICIPANT_UPDATE_DELAY_MS);
+    }
+  }, [connState, setIsSwitchingFocus, isSwitchingFocus]);
+
+  if (
+    connState === ECAddonConnectionState.ECSwitchingFocus ||
+    isSwitchingFocus
+  ) {
+    logger.debug("Switching focus: injecting previous tiles");
+
+    // inject the previous tile for members that haven't rejoined yet
+    const newItems = items.slice(0);
+    const rejoined = new Set(newItems.map((p) => p.id));
+
+    for (const prevTile of previousTiles.current) {
+      if (!rejoined.has(prevTile.id)) {
+        newItems.push(prevTile);
+      }
+    }
+
+    return newItems;
+  } else {
+    previousTiles.current = items;
+    return items;
+  }
 }
--- a/src/room/LayoutToggle.module.css
+++ b/src/room/LayoutToggle.module.css
@@ -34,7 +34,7 @@ limitations under the License.
  border-radius: var(--cpd-radius-pill-effect);
  color: var(--cpd-color-icon-primary);
  background: var(--cpd-color-bg-action-secondary-rest);
-  box-shadow: 0px 1.2px 2.4px 0px rgba(0, 0, 0, 0.15);
+  box-shadow: var(--small-drop-shadow);
 }

@media (hover: hover) {
--- a/src/usePageFocusStyle.module.css
+++ b/src/usePageFocusStyle.module.css
@@ -1,19 +0,0 @@
-/*
-Copyright 2022 New Vector Ltd
-
-Licensed under the Apache License, Version 2.0 (the "License");
-you may not use this file except in compliance with the License.
-You may obtain a copy of the License at
-
-http://www.apache.org/licenses/LICENSE-2.0
-
-Unless required by applicable law or agreed to in writing, software
-distributed under the License is distributed on an "AS IS" BASIS,
-WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-See the License for the specific language governing permissions and
-limitations under the License.
-*/
-
-.hideFocus * {
-  outline: none !important;
-}
--- a/src/usePageFocusStyle.ts
+++ b/src/usePageFocusStyle.ts
@@ -1,39 +0,0 @@
-/*
-Copyright 2022 New Vector Ltd
-
-Licensed under the Apache License, Version 2.0 (the "License");
-you may not use this file except in compliance with the License.
-You may obtain a copy of the License at
-
-http://www.apache.org/licenses/LICENSE-2.0
-
-Unless required by applicable law or agreed to in writing, software
-distributed under the License is distributed on an "AS IS" BASIS,
-WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-See the License for the specific language governing permissions and
-limitations under the License.
-*/
-
-import { useEffect } from "react";
-import { useFocusVisible } from "@react-aria/interactions";
-
-import styles from "./usePageFocusStyle.module.css";
-
-export function usePageFocusStyle(): void {
-  const { isFocusVisible } = useFocusVisible();
-
-  useEffect(() => {
-    const classList = document.body.classList;
-    const hasClass = classList.contains(styles.hideFocus);
-
-    if (isFocusVisible && hasClass) {
-      classList.remove(styles.hideFocus);
-    } else if (!isFocusVisible && !hasClass) {
-      classList.add(styles.hideFocus);
-    }
-
-    return () => {
-      classList.remove(styles.hideFocus);
-    };
-  }, [isFocusVisible]);
-}
--- a/src/video-grid/BigGrid.module.css
+++ b/src/video-grid/BigGrid.module.css
@@ -16,14 +16,13 @@ limitations under the License.

 .bigGrid {
  display: grid;
-  grid-auto-rows: 163px;
-  gap: 8px;
+  grid-auto-rows: 130px;
+  gap: var(--cpd-space-2x);
 }

@media (min-width: 800px) {
  .bigGrid {
-    grid-auto-rows: 183px;
-    column-gap: 18px;
-    row-gap: 21px;
+    grid-auto-rows: 135px;
+    gap: var(--cpd-space-5x);
  }
 }
--- a/src/video-grid/BigGrid.tsx
+++ b/src/video-grid/BigGrid.tsx
@@ -957,7 +957,7 @@ function updateTiles(g: Grid, tiles: TileDescriptor<unknown>[]): Grid {
 }

 function updateBounds(g: Grid, bounds: RectReadOnly): Grid {
-  const columns = Math.max(2, Math.floor(bounds.width * 0.0045));
+  const columns = Math.max(2, Math.floor(bounds.width * 0.0055));
  return columns === g.columns ? g : resize(g, columns);
 }

--- a/src/video-grid/NewVideoGrid.tsx
+++ b/src/video-grid/NewVideoGrid.tsx
@@ -178,7 +178,7 @@ export function NewVideoGrid<T>({
      from: ({ x, y, width, height }: Tile<T>) => ({
        opacity: 0,
        scale: 0,
-        shadow: 1,
+        shadow: 0,
        shadowSpread: 0,
        zIndex: 1,
        x,
@@ -221,7 +221,7 @@ export function NewVideoGrid<T>({
          ? {
              scale: 1,
              zIndex: 1,
-              shadow: 1,
+              shadow: 0,
              x: tile.x,
              y: tile.y,
              width: tile.width,
--- a/src/video-grid/VideoGrid.tsx
+++ b/src/video-grid/VideoGrid.tsx
@@ -1082,7 +1082,7 @@ export function VideoGrid<T>({
            y?: number;
            width?: number;
            height?: number;
-          } = { shadow: 1, scale: 0, opacity: 0 };
+          } = { shadow: 0, scale: 0, opacity: 0 };
          let reset = false;

          if (!tilePositionsWereValid) {
@@ -1105,7 +1105,7 @@ export function VideoGrid<T>({
            scale: remove ? 0 : 1,
            opacity: remove ? 0 : 1,
            zIndex: tilePosition.zIndex,
-            shadow: 1,
+            shadow: oneOnOneLayout && tile.item.local ? 1 : 0,
            shadowSpread: oneOnOneLayout && tile.item.local ? 1 : 0,
            from,
            reset,
--- a/src/video-grid/VideoTile.module.css
+++ b/src/video-grid/VideoTile.module.css
@@ -20,14 +20,11 @@ limitations under the License.
  top: 0;
  container-name: videoTile;
  container-type: size;
-  --tileRadius: 8px;
-  border-radius: var(--tileRadius);
+  border-radius: var(--cpd-space-4x);
  overflow: hidden;
  cursor: pointer;
-
-  /* HACK: This has no visual effect due to the short duration, but allows the
-  JS to detect movement via the transform property for audio spatialization */
-  transition: transform 0.000000001s;
+  outline: 2px solid rgba(0, 0, 0, 0);
+  transition: outline-radius ease 0.15s, outline-color ease 0.15s;
 }

 .videoTile * {
@@ -45,21 +42,14 @@ limitations under the License.
  transform: scaleX(-1);
 }

-.videoTile::after {
-  position: absolute;
-  top: -1px;
-  left: -1px;
-  right: -1px;
-  bottom: -1px;
-  content: "";
-  border-radius: var(--tileRadius);
-  box-shadow: inset 0 0 0 4px var(--cpd-color-border-accent) !important;
-  opacity: 0;
-  transition: opacity ease 0.15s;
+.videoTile.speaking {
+  outline: 4px solid var(--cpd-color-border-accent);
 }

-.videoTile.speaking::after {
-  opacity: 1;
+@media (hover: hover) {
+  .videoTile:hover {
+    outline: 2px solid var(--cpd-color-gray-1400);
+  }
 }

 .videoTile.maximised {
@@ -73,30 +63,47 @@ limitations under the License.
  object-fit: contain;
 }

-.infoBubble {
+.nameTag {
  position: absolute;
-  height: 24px;
-  padding: 0 8px;
+  inset-inline-start: var(--cpd-space-1x);
+  inset-block-end: var(--cpd-space-1x);
+  padding: var(--cpd-space-1x);
+  padding-block: var(--cpd-space-1x);
  color: var(--cpd-color-text-primary);
-  background-color: var(--stopgap-background-85);
+  /* TODO: un-hardcode this color. It comes from the dark theme. */
+  background-color: rgba(237, 244, 252, 0.79);
  display: flex;
  align-items: center;
-  justify-content: center;
-  border-radius: 4px;
+  border-radius: var(--cpd-radius-pill-effect);
  user-select: none;
  max-width: calc(100% - 48px);
  overflow: hidden;
  z-index: 1;
+  box-shadow: var(--small-drop-shadow);
 }

-.infoBubble > svg {
-  height: 16px;
-  width: 16px;
-  margin-right: 4px;
+:global(.cpd-theme-dark) .nameTag {
+  /* TODO: un-hardcode this color. It comes from the light theme. */
+  background-color: rgba(2, 7, 13, 0.77);
 }

-.infoBubble > svg * {
-  fill: var(--cpd-color-icon-primary);
+.nameTag > svg {
+  flex-shrink: 0;
+}
+
+.nameTag > svg[data-muted="true"] {
+  color: var(--cpd-color-icon-secondary);
+}
+
+.nameTag > svg[data-muted="false"] {
+  color: var(--cpd-color-icon-primary);
+}
+
+.nameTag span {
+  text-overflow: ellipsis;
+  overflow: hidden;
+  white-space: nowrap;
+  padding-inline: var(--cpd-space-2x);
 }

 .toolbar {
@@ -137,24 +144,6 @@ limitations under the License.
  height: 16px;
 }

-.memberName {
-  left: 16px;
-  bottom: 16px;
-}
-
-.memberName > :last-child {
-  margin-right: 0px;
-}
-
-.memberName span {
-  font-size: var(--font-size-caption);
-  font-weight: 400;
-  line-height: var(--font-size-body);
-  text-overflow: ellipsis;
-  overflow: hidden;
-  white-space: nowrap;
-}
-
 .videoMutedOverlay {
  width: 100%;
  height: 100%;
@@ -192,12 +181,6 @@ limitations under the License.
  background-color: rgba(0, 0, 0, 0.5);
 }

-@media (min-width: 800px) {
-  .videoTile {
-    --tileRadius: 20px;
-  }
-}
-
 /* CSS makes us put a condition here, even though all we want to do is
 unconditionally select the container so we can use cqmin units */
@container videoTile (width > 0) {
--- a/src/video-grid/VideoTile.tsx
+++ b/src/video-grid/VideoTile.tsx
@@ -28,11 +28,12 @@ import {
  RoomMember,
  RoomMemberEvent,
 } from "matrix-js-sdk/src/models/room-member";
+import { ReactComponent as MicOnSolidIcon } from "@vector-im/compound-design-tokens/icons/mic-on-solid.svg";
+import { ReactComponent as MicOffSolidIcon } from "@vector-im/compound-design-tokens/icons/mic-off-solid.svg";
+import { Text } from "@vector-im/compound-web";

 import { Avatar } from "../Avatar";
 import styles from "./VideoTile.module.css";
-import { ReactComponent as MicIcon } from "../icons/Mic.svg";
-import { ReactComponent as MicMutedIcon } from "../icons/MicMuted.svg";
 import { useReactiveState } from "../useReactiveState";
 import { AudioButton, FullscreenButton } from "../button/Button";
 import { useModalTriggerState } from "../Modal";
@@ -102,12 +103,15 @@ export const VideoTile = forwardRef<HTMLDivElement, Props>(
      }
    }, [member, setDisplayName]);

-    const { isMuted: microphoneMuted } = useMediaTrack(
-      content === TileContent.UserMedia
-        ? Track.Source.Microphone
-        : Track.Source.ScreenShareAudio,
-      sfuParticipant
-    );
+    const muted =
+      useMediaTrack(
+        content === TileContent.UserMedia
+          ? Track.Source.Microphone
+          : Track.Source.ScreenShareAudio,
+        sfuParticipant
+      ).isMuted !== false;
+
+    const MicIcon = muted ? MicOffSolidIcon : MicOnSolidIcon;

    const onFullscreen = useCallback(() => {
      onToggleFullscreen(data.id);
@@ -153,7 +157,6 @@ export const VideoTile = forwardRef<HTMLDivElement, Props>(
            sfuParticipant.isSpeaking &&
            content === TileContent.UserMedia &&
            showSpeakingIndicator,
-          [styles.muted]: microphoneMuted,
          [styles.screenshare]: content === TileContent.ScreenShare,
          [styles.maximised]: maximised,
        })}
@@ -182,9 +185,16 @@ export const VideoTile = forwardRef<HTMLDivElement, Props>(
            <span>{t("{{displayName}} is presenting", { displayName })}</span>
          </div>
        ) : (
-          <div className={classNames(styles.infoBubble, styles.memberName)}>
-            {microphoneMuted === false ? <MicIcon /> : <MicMutedIcon />}
-            <span title={displayName}>{displayName}</span>
+          <div className={styles.nameTag}>
+            <MicIcon
+              width={20}
+              height={20}
+              aria-label={muted ? t("Microphone off") : t("Microphone on")}
+              data-muted={muted}
+            />
+            <Text as="span" size="sm" weight="medium">
+              {sfuParticipant.isLocal ? t("You") : displayName}
+            </Text>
            {showConnectionStats && (
              <ConnectionQualityIndicator participant={sfuParticipant} />
            )}