Use the same function for deep equality everywhere

* Fix react errors in settings tab

* review

.githooks/post-commit

@@ -1,10 +1,10 @@
 #!/usr/bin/sh
 
-FILE=.links.disabled.yaml
+FILE=.links.temp-disabled.yaml
 if test -f "$FILE"; then
-  # echo "$FILE exists. -> moving to .links.disabled.yaml"
-  mv .links.disabled.yaml .links.yaml
-  # echo "running yarn"
+  # Only do the post-commit hook if the file was temp-disabled by the pre-commit hook.
+  # Otherwise linking was actively (`yarn links:disable`) disabled and this hook should noop.
+  mv .links.temp-disabled.yaml .links.yaml
   yarnLog=$(yarn)
   echo "[yarn-linker] The post-commit hook has re-enabled .links.yaml."
   exit 1

.githooks/pre-commit

@@ -2,8 +2,7 @@
 
 FILE=".links.yaml"
 if test -f "$FILE"; then
-  # echo "$FILE exists. -> moving to .links.disabled.yaml"
-  mv .links.yaml .links.disabled.yaml
+  mv .links.yaml .links.temp-disabled.yaml
   # echo "running yarn"
   x=$(yarn)
   y=$(git add yarn.lock)

.github/workflows/blocked.yaml

@@ -1,7 +1,7 @@
 name: Prevent blocked
 on:
   pull_request_target:
-    types: [opened, labeled, unlabeled]
+    types: [opened, labeled, unlabeled, synchronize]
 jobs:
   prevent-blocked:
     name: Prevent blocked

.github/workflows/build-and-publish-docker.yaml

@@ -26,7 +26,7 @@ jobs:
         uses: actions/checkout@11bd71901bbe5b1630ceea73d27597364c9af683 # v4
 
       - name: 📥 Download artifact
-        uses: actions/download-artifact@95815c38cf2ff2164869cbab79da8d1f422bc89e # v4
+        uses: actions/download-artifact@d3f86a106a0bac45b974a628896c90dbdf5c8093 # v4
         with:
           github-token: ${{ secrets.GITHUB_TOKEN }}
           run-id: ${{ inputs.artifact_run_id }}
@@ -46,12 +46,14 @@ jobs:
         with:
           images: ${{ env.REGISTRY }}/${{ env.IMAGE_NAME }}
           tags: ${{ inputs.docker_tags}}
+          labels: |
+            org.opencontainers.image.licenses=AGPL-3.0-only OR LicenseRef-Element-Commercial
 
       - name: Set up Docker Buildx
         uses: docker/setup-buildx-action@b5ca514318bd6ebac0fb2aedd5d36ec1b5c232a2 # v3.10.0
 
       - name: Build and push Docker image
-        uses: docker/build-push-action@471d1dc4e07e5cdedd4c2171150001c434f0b7a4 # v6.15.0
+        uses: docker/build-push-action@14487ce63c7a62a4a324b0bfb37086795e31c6c1 # v6.16.0
         with:
           context: .
           platforms: linux/amd64,linux/arm64

.github/workflows/build-element-call.yaml

@@ -31,7 +31,7 @@ jobs:
       - name: Enable Corepack
         run: corepack enable
       - name: Yarn cache
-        uses: actions/setup-node@cdca7365b2dadb8aad0a33bc7601856ffabcc48e # v4
+        uses: actions/setup-node@49933ea5288caeca8642d1e84afbd3f7d6820020 # v4
         with:
           cache: "yarn"
           node-version-file: ".node-version"

.github/workflows/changelog-label.yml

@@ -0,0 +1,14 @@
+name: PR changelog label
+
+on:
+  pull_request_target:
+    types: [labeled, unlabeled, opened]
+jobs:
+  pr-changelog-label:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: yogevbd/enforce-label-action@a3c219da6b8fa73f6ba62b68ff09c469b3a1c024 # 2.2.2
+        with:
+          REQUIRED_LABELS_ANY: "PR-Bug-Fix,PR-Documentation,PR-Task,PR-Feature,PR-Improvement,PR-Developer-Experience,dependencies"
+          REQUIRED_LABELS_ANY_DESCRIPTION: "Select at least one 'PR-' label"
+          BANNED_LABELS: "banned"

.github/workflows/deploy-to-netlify.yaml

@@ -46,7 +46,7 @@ jobs:
             Exercise caution. Use test accounts.
 
       - name: 📥 Download artifact
-        uses: actions/download-artifact@95815c38cf2ff2164869cbab79da8d1f422bc89e # v4
+        uses: actions/download-artifact@d3f86a106a0bac45b974a628896c90dbdf5c8093 # v4
         with:
           github-token: ${{ secrets.ELEMENT_BOT_TOKEN }}
           run-id: ${{ inputs.artifact_run_id }}

.github/workflows/lint.yaml

@@ -11,7 +11,7 @@ jobs:
       - name: Enable Corepack
         run: corepack enable
       - name: Yarn cache
-        uses: actions/setup-node@cdca7365b2dadb8aad0a33bc7601856ffabcc48e # v4
+        uses: actions/setup-node@49933ea5288caeca8642d1e84afbd3f7d6820020 # v4
         with:
           cache: "yarn"
           node-version-file: ".node-version"

.github/workflows/publish-embedded-packages.yaml

@@ -11,19 +11,48 @@ on:
   push:
     branches: [livekit]
 
-env:
-  # We perform a dry run for all events except releases.
-  # This is to help make sure that we notice if the packaging process has become
-  # broken ahead of a release.
-  DRY_RUN: ${{ github.event_name != 'release' }}
-  # We should only use the hard coded test value for a dry run
-  VERSION: ${{ github.event_name == 'release' && github.event.release.tag_name || 'v0.0.0-pre.0' }}
-
 jobs:
+  versioning:
+    name: Versioning
+    runs-on: ubuntu-latest
+    outputs:
+      DRY_RUN: ${{ steps.dry_run.outputs.DRY_RUN }}
+      PREFIXED_VERSION: ${{ steps.prefixed_version.outputs.PREFIXED_VERSION }}
+      UNPREFIXED_VERSION: ${{ steps.unprefixed_version.outputs.UNPREFIXED_VERSION }}
+      TAG: ${{ steps.tag.outputs.TAG }}
+    steps:
+      - name: Calculate VERSION
+        # We should only use the hard coded test value for a dry run
+        run: echo "VERSION=${{ github.event_name == 'release' && github.event.release.tag_name || 'v0.0.0-pre.0' }}" >> "$GITHUB_ENV"
+      - id: dry_run
+        name: Set DRY_RUN
+        # We perform a dry run for all events except releases.
+        # This is to help make sure that we notice if the packaging process has become
+        # broken ahead of a release.
+        run: echo "DRY_RUN=${{ github.event_name != 'release' }}" >> "$GITHUB_OUTPUT"
+      - id: prefixed_version
+        name: Set PREFIXED_VERSION
+        run: echo "PREFIXED_VERSION=${VERSION}" >> "$GITHUB_OUTPUT"
+      - id: unprefixed_version
+        name: Set UNPREFIXED_VERSION
+        # This just strips the leading character
+        run: echo "UNPREFIXED_VERSION=${VERSION:1}" >> "$GITHUB_OUTPUT"
+      - id: tag
+        # latest = a proper release
+        # other = anything else
+        name: Set tag
+        run: |
+          if [[ "${VERSION}" =~ ^v[0-9]+\.[0-9]+\.[0-9]+$ ]]; then
+            echo "TAG=latest" >> "$GITHUB_OUTPUT"
+          else
+            echo "TAG=other" >> "$GITHUB_OUTPUT"
+          fi
+
   build_element_call:
+    needs: versioning
     uses: ./.github/workflows/build-element-call.yaml
     with:
-      vite_app_version: embedded-${{ github.event.release.tag_name || 'v0.0.0-pre.0' }} # Using ${{ env.VERSION }} here doesn't work
+      vite_app_version: embedded-${{ needs.versioning.outputs.PREFIXED_VERSION }}
       package: embedded
     secrets:
       SENTRY_ORG: ${{ secrets.SENTRY_ORG }}
@@ -32,7 +61,7 @@ jobs:
       SENTRY_AUTH_TOKEN: ${{ secrets.SENTRY_AUTH_TOKEN }}
 
   publish_tarball:
-    needs: build_element_call
+    needs: [build_element_call, versioning]
     if: always()
     name: Publish tarball
     runs-on: ubuntu-latest
@@ -40,9 +69,9 @@ jobs:
       contents: write # required to upload release asset
     steps:
       - name: Determine filename
-        run: echo "FILENAME_PREFIX=element-call-embedded-${VERSION:1}" >> "$GITHUB_ENV"
+        run: echo "FILENAME_PREFIX=element-call-embedded-${{ needs.versioning.outputs.UNPREFIXED_VERSION }}" >> "$GITHUB_ENV"
       - name: 📥 Download built element-call artifact
-        uses: actions/download-artifact@95815c38cf2ff2164869cbab79da8d1f422bc89e # v4
+        uses: actions/download-artifact@d3f86a106a0bac45b974a628896c90dbdf5c8093 # v4
         with:
           github-token: ${{ secrets.GITHUB_TOKEN }}
           run-id: ${{ github.event.workflow_run.id || github.run_id }}
@@ -53,18 +82,20 @@ jobs:
       - name: Create Checksum
         run: find ${{ env.FILENAME_PREFIX }} -type f -print0 | sort -z | xargs -0 sha256sum | tee ${{ env.FILENAME_PREFIX }}.sha256
       - name: Upload
-        if: ${{ env.DRY_RUN == 'false' }}
-        uses: softprops/action-gh-release@c95fe1489396fe8a9eb87c0abf8aa5b2ef267fda # v2
+        if: ${{ needs.versioning.outputs.DRY_RUN == 'false' }}
+        uses: softprops/action-gh-release@da05d552573ad5aba039eaac05058a918a7bf631 # v2
         with:
           files: |
             ${{ env.FILENAME_PREFIX }}.tar.gz
             ${{ env.FILENAME_PREFIX }}.sha256
 
   publish_npm:
-    needs: build_element_call
+    needs: [build_element_call, versioning]
     if: always()
     name: Publish NPM
     runs-on: ubuntu-latest
+    outputs:
+      ARTIFACT_VERSION: ${{ steps.artifact_version.outputs.ARTIFACT_VERSION }}
     permissions:
       contents: read
       id-token: write # required for the provenance flag on npm publish
@@ -73,7 +104,7 @@ jobs:
         uses: actions/checkout@11bd71901bbe5b1630ceea73d27597364c9af683 # v4
 
       - name: 📥 Download built element-call artifact
-        uses: actions/download-artifact@95815c38cf2ff2164869cbab79da8d1f422bc89e # v4
+        uses: actions/download-artifact@d3f86a106a0bac45b974a628896c90dbdf5c8093 # v4
         with:
           github-token: ${{ secrets.GITHUB_TOKEN }}
           run-id: ${{ github.event.workflow_run.id || github.run_id }}
@@ -82,7 +113,7 @@ jobs:
 
       # n.b. We don't enable corepack here because we are using plain npm
       - name: Setup node
-        uses: actions/setup-node@cdca7365b2dadb8aad0a33bc7601856ffabcc48e # v4
+        uses: actions/setup-node@49933ea5288caeca8642d1e84afbd3f7d6820020 # v4
         with:
           node-version-file: .node-version
           registry-url: "https://registry.npmjs.org"
@@ -90,17 +121,23 @@ jobs:
       - name: Publish npm
         working-directory: embedded/web
         run: |
-          npm version ${{ env.VERSION }} --no-git-tag-version
+          npm version ${{ needs.versioning.outputs.PREFIXED_VERSION }} --no-git-tag-version
           echo "ARTIFACT_VERSION=$(jq '.version' --raw-output package.json)" >> "$GITHUB_ENV"
-          npm publish --provenance --access public ${{ env.DRY_RUN == 'true' && '--dry-run' || '' }}
+          npm publish --provenance --access public --tag ${{ needs.versioning.outputs.TAG }} ${{ needs.versioning.outputs.DRY_RUN == 'true' && '--dry-run' || '' }}
         env:
           NODE_AUTH_TOKEN: ${{ secrets.NPM_RELEASE_TOKEN }}
 
+      - id: artifact_version
+        name: Output artifact version
+        run: echo "ARTIFACT_VERSION=${{env.ARTIFACT_VERSION}}" >> "$GITHUB_OUTPUT"
+
   publish_android:
-    needs: build_element_call
+    needs: [build_element_call, versioning]
     if: always()
     name: Publish Android AAR
     runs-on: ubuntu-latest
+    outputs:
+      ARTIFACT_VERSION: ${{ steps.artifact_version.outputs.ARTIFACT_VERSION }}
     permissions:
       contents: read
     steps:
@@ -108,7 +145,7 @@ jobs:
         uses: actions/checkout@11bd71901bbe5b1630ceea73d27597364c9af683 # v4
 
       - name: 📥 Download built element-call artifact
-        uses: actions/download-artifact@95815c38cf2ff2164869cbab79da8d1f422bc89e # v4
+        uses: actions/download-artifact@d3f86a106a0bac45b974a628896c90dbdf5c8093 # v4
         with:
           github-token: ${{ secrets.GITHUB_TOKEN }}
           run-id: ${{ github.event.workflow_run.id || github.run_id }}
@@ -116,13 +153,19 @@ jobs:
           path: embedded/android/lib/src/main/assets/element-call
 
       - name: ☕️ Setup Java
-        uses: actions/setup-java@3a4f6e1af504cf6a31855fa899c6aa5355ba6c12 # v4
+        uses: actions/setup-java@c5195efecf7bdfc987ee8bae7a71cb8b11521c00 # v4
         with:
           distribution: "temurin"
           java-version: "17"
 
       - name: Get artifact version
-        run: echo "ARTIFACT_VERSION=${VERSION:1}" >> "$GITHUB_ENV"
+        # Anything that is not a final release will be tagged as a snapshot
+        run: |
+          if [[ "${{ needs.versioning.outputs.TAG }}" == "latest" ]]; then
+            echo "ARTIFACT_VERSION=${{ needs.versioning.outputs.UNPREFIXED_VERSION }}" >> "$GITHUB_ENV"
+          else
+            echo "ARTIFACT_VERSION=${{ needs.versioning.outputs.UNPREFIXED_VERSION }}-SNAPSHOT" >> "$GITHUB_ENV"
+          fi
 
       - name: Set version string
         run: sed -i "s/0.0.0/${{ env.ARTIFACT_VERSION }}/g" embedded/android/lib/src/main/kotlin/io/element/android/call/embedded/Version.kt
@@ -135,13 +178,19 @@ jobs:
           ORG_GRADLE_PROJECT_mavenCentralPassword: ${{ secrets.MAVEN_RELEASE_PASSWORD }}
           ORG_GRADLE_PROJECT_signingInMemoryKey: ${{ secrets.GPG_SIGNING_KEY }}
           ORG_GRADLE_PROJECT_signingInMemoryKeyPassword: ${{ secrets.GPG_SIGNING_KEY_PASSWORD }}
-        run: ./gradlew publishAndReleaseToMavenCentral --no-daemon ${{ env.DRY_RUN == 'true' && '--dry-run' || '' }}
+        run: ./gradlew publishToMavenCentral --no-daemon ${{ needs.versioning.outputs.DRY_RUN == 'true' && '--dry-run' || '' }}
+
+      - id: artifact_version
+        name: Output artifact version
+        run: echo "ARTIFACT_VERSION=${{env.ARTIFACT_VERSION}}" >> "$GITHUB_OUTPUT"
 
   publish_ios:
-    needs: build_element_call
+    needs: [build_element_call, versioning]
     if: always()
     name: Publish SwiftPM Library
     runs-on: ubuntu-latest
+    outputs:
+      ARTIFACT_VERSION: ${{ steps.artifact_version.outputs.ARTIFACT_VERSION }}
     permissions:
       contents: read
     steps:
@@ -151,7 +200,7 @@ jobs:
           path: element-call
 
       - name: 📥 Download built element-call artifact
-        uses: actions/download-artifact@95815c38cf2ff2164869cbab79da8d1f422bc89e # v4
+        uses: actions/download-artifact@d3f86a106a0bac45b974a628896c90dbdf5c8093 # v4
         with:
           github-token: ${{ secrets.GITHUB_TOKEN }}
           run-id: ${{ github.event.workflow_run.id || github.run_id }}
@@ -169,7 +218,7 @@ jobs:
         run: rsync -a --delete --exclude .git element-call/embedded/ios/ element-call-swift
 
       - name: Get artifact version
-        run: echo "ARTIFACT_VERSION=${VERSION:1}" >> "$GITHUB_ENV"
+        run: echo "ARTIFACT_VERSION=${{ needs.versioning.outputs.UNPREFIXED_VERSION }}" >> "$GITHUB_ENV"
 
       - name: Set version string
         run: sed -i "s/0.0.0/${{ env.ARTIFACT_VERSION }}/g" element-call-swift/Sources/EmbeddedElementCall/EmbeddedElementCall.swift
@@ -184,28 +233,34 @@ jobs:
           git config --global user.email "ci@element.io"
           git config --global user.name "Element CI"
           git add -A
-          git commit -am "Release ${{ env.VERSION }}"
+          git commit -am "Release ${{ needs.versioning.outputs.PREFIXED_VERSION }}"
           git tag -a ${{ env.ARTIFACT_VERSION }} -m "${{ github.event.release.html_url }}"
 
       - name: Push
         working-directory: element-call-swift
         run: |
-          git push --tags ${{ env.DRY_RUN == 'true' && '--dry-run' || '' }}
+          git push --tags ${{ needs.versioning.outputs.DRY_RUN == 'true' && '--dry-run' || '' }}
+
+      - id: artifact_version
+        name: Output artifact version
+        run: echo "ARTIFACT_VERSION=${{env.ARTIFACT_VERSION}}" >> "$GITHUB_OUTPUT"
 
   release_notes:
-    needs: [publish_npm, publish_android, publish_ios]
+    needs: [versioning, publish_npm, publish_android, publish_ios]
     if: always()
     name: Update release notes
     runs-on: ubuntu-latest
     permissions:
       contents: write # to update release notes
     steps:
-      - name: Get artifact version
-        run: echo "ARTIFACT_VERSION=${VERSION:1}" >> "$GITHUB_ENV"
-
+      - name: Log versions
+        run: |
+          echo "NPM: ${{ needs.publish_npm.outputs.ARTIFACT_VERSION }}"
+          echo "Android: ${{ needs.publish_android.outputs.ARTIFACT_VERSION }}"
+          echo "iOS: ${{ needs.publish_ios.outputs.ARTIFACT_VERSION }}"
       - name: Add release notes
-        if: ${{ env.DRY_RUN == 'false' }}
-        uses: softprops/action-gh-release@c95fe1489396fe8a9eb87c0abf8aa5b2ef267fda # v2
+        if: ${{ needs.versioning.outputs.DRY_RUN == 'false' }}
+        uses: softprops/action-gh-release@da05d552573ad5aba039eaac05058a918a7bf631 # v2
         with:
           append_body: true
           body: |
@@ -218,19 +273,19 @@ jobs:
             ### NPM
 
             ```
-            npm install @element-hq/element-call-embedded@${{ env.ARTIFACT_VERSION }}
+            npm install @element-hq/element-call-embedded@${{ needs.publish_npm.outputs.ARTIFACT_VERSION }}
             ```
 
             ### Android AAR
 
             ```
             dependencies {
-              implementation 'io.element.android:element-call-embedded:${{ env.ARTIFACT_VERSION }}'
+              implementation 'io.element.android:element-call-embedded:${{ needs.publish_android.outputs.ARTIFACT_VERSION }}'
             }
             ```
 
             ### SwiftPM
 
             ```
-            .package(url: "https://github.com/element-hq/element-call-swift.git", from: "${{ env.ARTIFACT_VERSION }}")
+            .package(url: "https://github.com/element-hq/element-call-swift.git", from: "${{ needs.publish_ios.outputs.ARTIFACT_VERSION }}")
             ```

.github/workflows/publish.yaml

@@ -31,7 +31,7 @@ jobs:
       - name: Determine filename
         run: echo "FILENAME_PREFIX=element-call-${VERSION:1}" >> "$GITHUB_ENV"
       - name: 📥 Download built element-call artifact
-        uses: actions/download-artifact@95815c38cf2ff2164869cbab79da8d1f422bc89e # v4
+        uses: actions/download-artifact@d3f86a106a0bac45b974a628896c90dbdf5c8093 # v4
         with:
           github-token: ${{ secrets.GITHUB_TOKEN }}
           run-id: ${{ github.event.workflow_run.id || github.run_id }}
@@ -42,7 +42,7 @@ jobs:
       - name: Create Checksum
         run: find ${{ env.FILENAME_PREFIX }} -type f -print0 | sort -z | xargs -0 sha256sum | tee ${{ env.FILENAME_PREFIX }}.sha256
       - name: Upload
-        uses: softprops/action-gh-release@c95fe1489396fe8a9eb87c0abf8aa5b2ef267fda # v2
+        uses: softprops/action-gh-release@da05d552573ad5aba039eaac05058a918a7bf631 # v2
         with:
           files: |
             ${{ env.FILENAME_PREFIX }}.tar.gz
@@ -60,16 +60,15 @@ jobs:
       artifact_run_id: ${{ github.event.workflow_run.id || github.run_id }}
       docker_tags: |
         type=sha,format=short,event=branch
-        type=semver,pattern=v{{version}}
+        type=raw,value=${{ github.event.release.tag_name }}
+      # Like before, using ${{ env.VERSION }} above doesn't work
   add_docker_release_note:
     needs: publish_docker
     name: Add docker release note
     runs-on: ubuntu-latest
     steps:
-      - name: Get artifact version
-        run: echo "ARTIFACT_VERSION=${VERSION:1}" >> "$GITHUB_ENV"
       - name: Add release note
-        uses: softprops/action-gh-release@c95fe1489396fe8a9eb87c0abf8aa5b2ef267fda # v2
+        uses: softprops/action-gh-release@da05d552573ad5aba039eaac05058a918a7bf631 # v2
         with:
           append_body: true
           body: |
@@ -79,5 +78,5 @@ jobs:
             The image provides a full build of Element Call that can be used both in standalone and as a widget (on a remote URL).
 
             ```
-            docker pull ghcr.io/element-hq/element-call:${{ env.ARTIFACT_VERSION }}
+            docker pull ghcr.io/element-hq/element-call:${{ env.VERSION }}
             ```

.github/workflows/test.yaml

@@ -13,7 +13,7 @@ jobs:
       - name: Enable Corepack
         run: corepack enable
       - name: Yarn cache
-        uses: actions/setup-node@cdca7365b2dadb8aad0a33bc7601856ffabcc48e # v4
+        uses: actions/setup-node@49933ea5288caeca8642d1e84afbd3f7d6820020 # v4
         with:
           cache: "yarn"
           node-version-file: ".node-version"
@@ -22,7 +22,7 @@ jobs:
       - name: Vitest
         run: "yarn run test:coverage"
       - name: Upload to codecov
-        uses: codecov/codecov-action@0565863a31f2c772f9f0395002a31e3f06189574 # v5
+        uses: codecov/codecov-action@18283e04ce6e62d37312384ff67231eb8fd56d24 # v5
         env:
           CODECOV_TOKEN: ${{ secrets.CODECOV_TOKEN }}
         with:
@@ -36,7 +36,7 @@ jobs:
       - uses: actions/checkout@11bd71901bbe5b1630ceea73d27597364c9af683 # v4
       - name: Enable Corepack
         run: corepack enable
-      - uses: actions/setup-node@cdca7365b2dadb8aad0a33bc7601856ffabcc48e # v4
+      - uses: actions/setup-node@49933ea5288caeca8642d1e84afbd3f7d6820020 # v4
         with:
           cache: "yarn"
           node-version-file: ".node-version"
@@ -46,7 +46,8 @@ jobs:
         run: yarn playwright install --with-deps
       - name: Run backend components
         run: |
-          docker compose -f playwright-backend-docker-compose.yml up -d
+          docker compose -f playwright-backend-docker-compose.yml -f playwright-backend-docker-compose.override.yml pull
+          docker compose -f playwright-backend-docker-compose.yml -f playwright-backend-docker-compose.override.yml up -d
           docker ps
       - name: Copy config file
         run: cp config/config.devenv.json public/config.json

.github/workflows/translations-download.yaml

@@ -18,7 +18,7 @@ jobs:
       - name: Enable Corepack
         run: corepack enable
 
-      - uses: actions/setup-node@cdca7365b2dadb8aad0a33bc7601856ffabcc48e # v4
+      - uses: actions/setup-node@49933ea5288caeca8642d1e84afbd3f7d6820020 # v4
         with:
           cache: "yarn"
           node-version-file: ".node-version"

.gitignore

@@ -21,6 +21,7 @@ yarn-error.log
 !/.yarn/versions
 /.links.yaml
 /.links.disabled.yaml
+/.links.temp-disabled.yaml
 
 # Playwright
 /test-results/

README.md

@@ -192,11 +192,6 @@ To use it, create a local config by, e.g.,
 The `config.devenv.json` config should work with the backend development
 environment as outlined in the next section out of box.
 
-> [!NOTE]
-> Be aware, that this `config.devenv.json` is exposing a deprecated fallback
-> LiveKit config key. If the homeserver advertises SFU backend via
-> `.well-known/matrix/client` this has precedence.
-
 You're now ready to launch the development server:
 
 ```sh
@@ -212,12 +207,20 @@ See also:
 A docker compose file `dev-backend-docker-compose.yml` is provided to start the
 whole stack of components which is required for a local development environment:
 
-- Minimum Synapse Setup (servername: `synapse.localhost`)
-- LiveKit JWT Service (Note requires Federation API and hence a TLS reverse proxy)
-- Minimum TLS reverse proxy (servername: `synapse.localhost`) Note certificates
-  are valid for at least 10 years from now
+- Minimum Synapse Setup (servername: `synapse.m.localhost`)
+- LiveKit Authorization Service (Note requires Federation API and hence a TLS reverse proxy)
 - Minimum LiveKit SFU Setup using dev defaults for config
 - Redis db for completeness
+- Minimum `localhost` Certificate Authority (CA) for Transport Layer Security (TLS)
+  - Hostnames: `m.localhost`, `*.m.localhost`
+  - Add [./backend/dev_tls_local-ca.crt](./backend/dev_tls_local-ca.crt) to your web browsers trusted
+    certificates
+- Minimum TLS reverse proxy for
+  - Synapse homeserver: `synapse.m.localhost`
+  - MatrixRTC backend: `matrix-rtc.m.localhost`
+  - Local Element Call development `call.m.localhost` via `yarn dev --host `
+  - Element Web `app.m.localhost`
+  - Note certificates will expire on Thu, 03 May 2035 10:32:02 GMT
 
 These use a test 'secret' published in this repository, so this must be used
 only for local development and **_never be exposed to the public Internet._**
@@ -230,6 +233,16 @@ yarn backend
 # podman-compose -f dev-backend-docker-compose.yml up
 ```
 
+> [!NOTE]
+> To ensure your local development frontend functions properly, you’ll need to
+> add certificate exceptions in your browser for `https://localhost:3000`,
+> `https://matrix-rtc.m.localhost/livekit/jwt/healthz` and
+> `https://synapse.m.localhost/.well-known/matrix/client`. This can be either
+> done by adding the minimum localhost CA
+> ([./backend/dev_tls_local-ca.crt](./backend/dev_tls_local-ca.crt)) to your web
+> browsers trusted certificates or by simply copying and pasting each URL into
+> your browser’s address bar and follow the prompts to add the exception.
+
 ### Playwright tests
 
 Our Playwright tests run automatically as part of our CI along with our other

backend/dev_homeserver.yaml

@@ -1,5 +1,5 @@
-server_name: "synapse.localhost"
-public_baseurl: http://synapse.localhost:8008/
+server_name: "synapse.m.localhost"
+public_baseurl: https://synapse.m.localhost/
 
 pid_file: /data/homeserver.pid
 

backend/dev_nginx.conf

@@ -0,0 +1,161 @@
+# Synapse reverse proxy including .well-known/matrix/client
+server {
+    listen                  80;
+    listen                  [::]:80;
+    listen                  443 ssl;
+    listen                  8448 ssl;
+    listen                  [::]:443 ssl;
+    listen                  [::]:8448 ssl;
+    server_name             synapse.m.localhost;
+    ssl_certificate         /root/ssl/cert.pem;
+    ssl_certificate_key     /root/ssl/key.pem;
+
+    # well-known config adding rtc_foci backend
+    # Note well-known is currently not effective due to:
+    # https://spec.matrix.org/v1.12/client-server-api/#well-known-uri the spec
+    # says it must be at https://$server_name/... (implied port 443) Hence, we
+    # currently rely for local development environment on deprecated config.json
+    # setting for livekit_service_url
+    location /.well-known/matrix/client {
+        add_header Access-Control-Allow-Origin *;
+        return 200 '{"m.homeserver": {"base_url": "https://synapse.m.localhost"}, "org.matrix.msc4143.rtc_foci": [{"type": "livekit", "livekit_service_url": "https://matrix-rtc.m.localhost/livekit/jwt"}]}';
+        default_type application/json;
+    }
+
+    # Reverse proxy for Matrix Synapse Homeserver
+    # This is also required for development environment.
+    # Reason: the lk-jwt-service uses the federation API for the openid token
+    #         verification, which requires TLS
+    location / {
+        proxy_pass "http://homeserver:8008";
+        proxy_http_version 1.1;
+        proxy_set_header Upgrade $http_upgrade;
+        proxy_set_header Connection "upgrade";
+        proxy_set_header Host $host;
+        proxy_set_header X-Forwarded-For $remote_addr;
+        proxy_set_header X-Forwarded-Proto $scheme;
+    }
+
+    error_page   500 502 503 504  /50x.html;
+
+}
+
+# MatrixRTC reverse proxy
+# - MatrixRTC Authorization Service
+# - LiveKit SFU websocket signaling connection
+upstream jwt-auth-services {
+    server auth-server:6080;
+    server host.docker.internal:6080;
+}
+
+server {
+    listen                  80;
+    listen                  [::]:80;
+    listen                  443 ssl;
+    listen                  [::]:443 ssl;
+    listen                  8448 ssl;
+    listen                  [::]:8448 ssl;
+    server_name             matrix-rtc.m.localhost;
+    ssl_certificate         /root/ssl/cert.pem;
+    ssl_certificate_key     /root/ssl/key.pem;
+
+
+    location ^~ /livekit/jwt/ {
+
+      proxy_set_header Host $host;
+      proxy_set_header X-Real-IP $remote_addr;
+      proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
+      proxy_set_header X-Forwarded-Proto $scheme;
+
+      # JWT Service running at port 6080
+      proxy_pass http://jwt-auth-services/;
+    
+    }
+
+    location ^~ /livekit/sfu/ {
+      proxy_set_header Host $host;
+      proxy_set_header X-Real-IP $remote_addr;
+      proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
+      proxy_set_header X-Forwarded-Proto $scheme;
+
+      proxy_send_timeout 120;
+      proxy_read_timeout 120;
+      proxy_buffering off;
+
+      proxy_set_header Accept-Encoding gzip;
+      proxy_set_header Upgrade $http_upgrade;
+      proxy_set_header Connection "upgrade";
+
+      # LiveKit SFU websocket connection running at port 7880
+      proxy_pass http://livekit-sfu:7880/;
+    }
+    
+    error_page   500 502 503 504  /50x.html;
+
+}
+
+# Convenience reverse proxy for the call.m.localhost domain to yarn dev --host
+server {
+    listen                  80;
+    listen                  [::]:80;
+    server_name             call.m.localhost;
+
+    return 301 https://$host$request_uri;
+}
+
+server {
+    listen                  443 ssl;
+    listen                  [::]:443 ssl;
+    server_name             call.m.localhost;
+    ssl_certificate         /root/ssl/cert.pem;
+    ssl_certificate_key     /root/ssl/key.pem;
+
+
+    location ^~ / {
+
+      proxy_set_header Host $host;
+      proxy_set_header X-Real-IP $remote_addr;
+      proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
+      proxy_set_header X-Forwarded-Proto $scheme;
+
+      proxy_pass https://host.docker.internal:3000;
+      proxy_ssl_verify              off;
+
+    }
+    
+    error_page   500 502 503 504  /50x.html;
+
+}
+
+# Convenience reverse proxy app.m.localhost for element web
+server {
+    listen                  80;
+    listen                  [::]:80;
+    server_name             app.m.localhost;
+
+    return 301 https://$host$request_uri;
+}
+
+server {
+    listen                  443 ssl;
+    listen                  [::]:443 ssl;
+    server_name             app.m.localhost;
+    ssl_certificate         /root/ssl/cert.pem;
+    ssl_certificate_key     /root/ssl/key.pem;
+
+
+    location ^~ / {
+
+      proxy_set_header Host $host;
+      proxy_set_header X-Real-IP $remote_addr;
+      proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
+      proxy_set_header X-Forwarded-Proto $scheme;
+
+      proxy_pass http://element-web:8081;
+      proxy_ssl_verify              off;
+
+    }
+    
+    error_page   500 502 503 504  /50x.html;
+
+}

backend/dev_tls_local-ca.crt

@@ -0,0 +1,19 @@
+-----BEGIN CERTIFICATE-----
+MIIDGjCCAgKgAwIBAgIUGdiFHhH4KL2pqBjMQHQ+PVIkSV8wDQYJKoZIhvcNAQEL
+BQAwHjEcMBoGA1UEAwwTRWxlbWVudCBDYWxsIERldiBDQTAeFw0yNTA1MDUxMDMy
+MDJaFw0zNTA1MDMxMDMyMDJaMB4xHDAaBgNVBAMME0VsZW1lbnQgQ2FsbCBEZXYg
+Q0EwggEiMA0GCSqGSIb3DQEBAQUAA4IBDwAwggEKAoIBAQDA2y0hjmNn1vRsVSdy
+8IOfo8N1q9UgkhQWpGKXzPh+D5d1fnuJEmHIVwtDEtS/PwQ43LTmegChPtKH9jdT
+tG0IihW9Ja5YNG+9xAwaoA/sB3CGCBYsz+2/XjVUpXoBJXIPoFBWsn+K0oeFw9fw
+eRO1z9abM4cl+LjKzMNM8CCyu9uI1MaGjYez2YIWvG854VucLxX7HSlMJxZNWnie
+Ui7fMakuJhB2+aiIQjdKxy4E5RHNhzYG/LXhvP+wBYBDPNRsP3rtzEaE9HAveL9K
+FGqd3R4cBia6r1WIXmpAzyu5RGP5Eou0TZlGkal96/bF0I7q/pKlL23Jt1BLPiQU
+KGKrAgMBAAGjUDBOMB0GA1UdDgQWBBQJqBjMu61c1p24txw/y+kv3D+V6DAfBgNV
+HSMEGDAWgBQJqBjMu61c1p24txw/y+kv3D+V6DAMBgNVHRMEBTADAQH/MA0GCSqG
+SIb3DQEBCwUAA4IBAQB8m2YfFGLugNt5vAAOvNxVqDA8c72yCVYr3CBCpmTIEY5Z
+d3qVGhG9//ux6+J8ntkSwd9nV5GJyYXHukCG1VavnAWolWdNF/WAllf0jhLuz7kD
+/cJnuI1By4tBsBmSz851i6HJ4t5k99Be+6GQVzi0e7zzfxTHZE4xP2J6Ox8QbPsP
+n0m76nIp/WbWaJqzvIIjJhmUUPPv+4wN+eOArgjiGLzptM2qTtGZtd0c9nS5gvep
++mEbSUN9zkhAroZf80wf+hEvy+fJ94VbZ9QjTzTg7odZLrsXGIe8DaG63EYRQ25b
+W5iYBAreln5fGSt7qHsGfqwZibTEk/Lx3dydO1Kg
+-----END CERTIFICATE-----

backend/dev_tls_local-ca.key

@@ -0,0 +1,28 @@
+-----BEGIN PRIVATE KEY-----
+MIIEvQIBADANBgkqhkiG9w0BAQEFAASCBKcwggSjAgEAAoIBAQDA2y0hjmNn1vRs
+VSdy8IOfo8N1q9UgkhQWpGKXzPh+D5d1fnuJEmHIVwtDEtS/PwQ43LTmegChPtKH
+9jdTtG0IihW9Ja5YNG+9xAwaoA/sB3CGCBYsz+2/XjVUpXoBJXIPoFBWsn+K0oeF
+w9fweRO1z9abM4cl+LjKzMNM8CCyu9uI1MaGjYez2YIWvG854VucLxX7HSlMJxZN
+WnieUi7fMakuJhB2+aiIQjdKxy4E5RHNhzYG/LXhvP+wBYBDPNRsP3rtzEaE9HAv
+eL9KFGqd3R4cBia6r1WIXmpAzyu5RGP5Eou0TZlGkal96/bF0I7q/pKlL23Jt1BL
+PiQUKGKrAgMBAAECggEAAPX2kxi5AQ7ul82SzT1KgpSXyDHLdYaUyAoYnaX9RO+B
+8ylmpyeqygs4+KQS4EMJm9jpo85Oy37bIKdG3kljU6wQcKlL5Y+ZUOo1nzpV6fid
+hGVs6ts8VXw8KshKQ9AyccZ8L/pirUfgOffgTwfjY7/90zceAL/s98GuZWc62nkX
+55joQv/OikqYfAGP/U6Bp2Zyf23DwJB09Z3B6NnZj/ZyAbDrDEHuA15LhCOcCczp
+IU/mFEywBPHT9Tg4w4Beq78PeAETvku2UalYRLhP3RLlXr2oEbwUtINRVt2QjZ85
+Esps4uCqL/mgQluIebtudD9HL/YMlNPXue1mDXFxJQKBgQDgZZY4yJBcf488T1V6
+HNm06b/LvVGj253pKgw14hpY1xQu3Ymgzv1GEqzhSYdzxhpmj0tMUNHxAp+YdGQu
+SZ0wcPKhw0aYVkIjDRYDC3Wn5GJhyIEYHGYMo/n4l49UzHRBPOTDzp49DkHTKBgh
+XgIIazYT3CkjTIMRrkUv+qfIPQKBgQDcBGu/mqbjxs4sN3zqPS4aB21o6t6W0sXs
+ZP9w6RlTPQi5U2oRbftjZtYc0bbEgkMUImB1HwYPQT5pJ+MyC414xDvSc2exBr5d
+To6yyPIy78Tf5PHM12fpKV92nSvoz/pSjYcGxxDtKfPqu+t8mOJfjCV1lLLA+xuB
+DDaE4p8dBwKBgQCdAne6A5v/HMH8UQZeCxHJpESvKiiVnnU/UEx651nID7XvlNNX
+0X0mKqsMd4ZvW43ddSYan/JF0LAa3FW8jYWO/3jF9vzOWoysOdvNBZetgf/Uq5ao
+aDZ/YbzmVCXWD7jIbPMkjs3pqrAkL0mzDzQc7+dGviWKrV6IYIfIqnn7gQKBgDCz
+vdIk/qpO+JZrFfiX4Fucp0hhLTJ/p5ZDaRPqVVPKn+K+Jy2ChfIj8mNgvK9VEloj
+nexvGJ1J2PHYBX+vdPp1nbRhHWPfVUY8PHQw7QP/dToGaMvqJrNDGEGeWvjnCMc7
+UtdaO1H0Rm0AegkTopB56lTTvJnhO95eALd7nrMDAoGAEPdzJtWoKafp49svhSj0
+hiXQv2SPBwVUN4LZ4SOWiXUcmYYm80aNpYKLkBxYjrfqFWhE7NUHLGp8YorQWKY2
+acD9AReHk/xku0ABy6jeYmSCmCxASxst5liKD+l12sk0gB0rk5MBxB4Uu1MIbQZ2
+aCASX3AVD2/XyC2MKkzc8Eg=
+-----END PRIVATE KEY-----

backend/dev_tls_m.localhost.crt

@@ -0,0 +1,21 @@
+-----BEGIN CERTIFICATE-----
+MIIDZzCCAk+gAwIBAgIUXizLjwkdqepX0bh0K3abeJxj68IwDQYJKoZIhvcNAQEL
+BQAwHjEcMBoGA1UEAwwTRWxlbWVudCBDYWxsIERldiBDQTAeFw0yNTA1MDUxMzU5
+MTFaFw0zNTA1MDMxMzU5MTFaMBgxFjAUBgNVBAMMDSoubS5sb2NhbGhvc3QwggEi
+MA0GCSqGSIb3DQEBAQUAA4IBDwAwggEKAoIBAQCrzGSScSgaQuZdELGFYiLiYRwr
+LKyUdNr0rsPcOo0bvbeZ3zQMeUMRNlA69zGFdarumiDRXUoAmZI39WmH95aX3d+A
+U7EFnWev7xpWSVhSYj8T0d4rke8HjGk3LpaffJ93tbJuagBIH1ouuN6AOdzWs8hp
+RYIomWleEeeuVnnfaMwaXOdc+ihJJ6wzm2hwQSfdpjZPWBDd/DFft1ZXxIZOCjDs
+rEIiI7uU8iZPLB3QEM/tgxSSAOxrcKvQvxZokk+FD7aMJFP71IfieLCEzMTP1VXa
+tP7UTAKAqB2NyDJ8m3IHbOINiqcdFvFR3R1D9bXOYE4oRynNvYZrQUGnL2RtAgMB
+AAGjgaIwgZ8wHwYDVR0jBBgwFoAUCagYzLutXNaduLccP8vpL9w/legwCQYDVR0T
+BAIwADALBgNVHQ8EBAMCBaAwEwYDVR0lBAwwCgYIKwYBBQUHAwEwMAYDVR0RBCkw
+J4IJbG9jYWxob3N0ggttLmxvY2FsaG9zdIINKi5tLmxvY2FsaG9zdDAdBgNVHQ4E
+FgQUfdh1p52ZgWyZcBgBXGwKi4EnUE0wDQYJKoZIhvcNAQELBQADggEBAKrHEuB6
+33j8+EwSHw3zrvt/DRXK2BDHI1Ir9JcztSunaKAjZXVvf/dvZp0Xs1dEdJIdnv6G
+iZYhBbOqDqpQZbf2h/h0kuu5yZSBUdnQXnYNxlhp2UaC/UEgw5iZT/p1rm7RjVie
+y4Dp2WytV5iZOLmLj6xDvd3DXazgJPWIRX8p8qJZbKTkwCjTr7nDIj8jjG1sVFf7
+1RJBO5/6WSnImrpDmlLUrvjiKvbxcdseDJyBOhTwdRdSk4S2M+s5tR5j2I1gXLOq
+J5ioN76+SCrTY0K0WKRy9oOXWO1/X3+VYcekp+0F3SGkd5w17jylCv1XIGHAdEsQ
+v2z2/aMI/7sAD2Q=
+-----END CERTIFICATE-----

backend/dev_tls_m.localhost.key

@@ -0,0 +1,28 @@
+-----BEGIN PRIVATE KEY-----
+MIIEvQIBADANBgkqhkiG9w0BAQEFAASCBKcwggSjAgEAAoIBAQCrzGSScSgaQuZd
+ELGFYiLiYRwrLKyUdNr0rsPcOo0bvbeZ3zQMeUMRNlA69zGFdarumiDRXUoAmZI3
+9WmH95aX3d+AU7EFnWev7xpWSVhSYj8T0d4rke8HjGk3LpaffJ93tbJuagBIH1ou
+uN6AOdzWs8hpRYIomWleEeeuVnnfaMwaXOdc+ihJJ6wzm2hwQSfdpjZPWBDd/DFf
+t1ZXxIZOCjDsrEIiI7uU8iZPLB3QEM/tgxSSAOxrcKvQvxZokk+FD7aMJFP71Ifi
+eLCEzMTP1VXatP7UTAKAqB2NyDJ8m3IHbOINiqcdFvFR3R1D9bXOYE4oRynNvYZr
+QUGnL2RtAgMBAAECggEAJaFQii8U/KOYt9vXNoMnZvSkaeSQLLhn2V6Kciu1CtWE
+aMTWLsFE6nk+G5xXkYcTmM3T0GghtH3u5CjyI6EcsEkeEorCZJt0wbmayDmqiekR
+LfMzOdHuTHX5+edPgMGYYG1BFyRKyYFsjH1b5zRFZhXdGQnrl5760GsVlz9D1KZQ
+iHcT+q1S2tmZeoUukQnADENKXUMCyTGM5FCddgNtsWnGDsTDayh7hUdvDkB+mW4G
+lSp+BZuc3PCwpbD6qkXvfugWs6CUAAtXoV3ceWgxQ+TEnNlwxaG1AyugfgNUBolk
+8xgeZt4r5QId03jsHDf7hpBAofcaCd5EMIIQYFvWoQKBgQDlbAvAzEFPTZZn2nRV
+Xagw4xjqVc1LLEKLCWq0N5rEkwn0h90Dz5N7/3NuonP/sIDsDHCbyiOYBI1Ck6Xi
+0WuB+OyKDh+xeF2mekN9G9ywPahdK5lT/TVsxXFyZlwtVv1x/6KBO4yv5URizxqU
+gyAPDDxfD/KcNjkOBaodWEwQGQKBgQC/s2gPDBtQkjLwkHXchBomLww5eLlVrac1
+WK4UX6uSdOgrjJ375OOgMTxe8NVZdOuAKytGXRWDwgH3nVWvuZhe7dGlX3JMuSer
+e9VwDpBESrvqcR4ruL6wm8wej6BXyjH0wD3FHb0S5HfuBDxTn+4bDwrbRzOUMNgy
+lSppuflxdQKBgQDiZcIfazFT8evn5nMAvuC4BZNTxIJHmZC9JfjPiUPIkpWzYtOe
+7BvNtKOT3Op9uw8uYYRKqKqBXJSNy6ha8XCXHS9HeXKbLn20SFkLQBCDNwVLlDfF
+40zyXtF6JDr4XyzSb4NM5pgKCER5AYloXxGm59s3sEQpFXUuOjbKqJS/GQKBgAoI
+c7vF4HAZFr1sch62cz/oWnVvkhOf4Q5zs7ixQSOLJtOQqnwSgK9TpFs7s47ZBbJR
+kBRAru2Ua9Hv1Bo8VnMxczV6h1roneDlvEf/GyHX33nnrbKQGrrXjJlU3wl5NaAf
+p5v3cHvapUQ5yIZ/6lBUOzc6xMJOxCHxmKSr7Rg5AoGAbEE4lt6Xh2dnBPJ81eNI
+IDrw/3ITY53qAY4Bx88CByIFuu8CEUdUZprh98jSl6ic1tMinZfUhRMwABLrUD51
+DGst8iGLPD9u83iMcUHI/L+p7AbxrKLvWXZrF5UZm440c9mSWqfhPaTBosPtNDsG
+LfETwH1flKXMTXd2xA9RTE4=
+-----END PRIVATE KEY-----

backend/dev_tls_setup

@@ -0,0 +1,38 @@
+#!/bin/bash
+
+# Step 1: Create a Root CA key and cert
+openssl genrsa -out dev_tls_local-ca.key 2048
+openssl req -x509 -new -nodes \
+  -days 3650 \
+  -subj "/CN=Element Call Dev CA" \
+  -key dev_tls_local-ca.key \
+  -out dev_tls_local-ca.crt \
+  -sha256 -addext "basicConstraints=CA:TRUE"
+
+# Step 2: Create a private key and CSR for *.m.localhost
+openssl req -new -nodes -newkey rsa:2048 \
+  -keyout dev_tls_m.localhost.key \
+  -out dev_tls_m.localhost.csr \
+  -subj "/CN=*.m.localhost"
+
+# Step 3: Sign the CSR with your CA
+openssl x509 \
+  -req -in dev_tls_m.localhost.csr \
+  -CA dev_tls_local-ca.crt -CAkey dev_tls_local-ca.key \
+  -CAcreateserial \
+  -out dev_tls_m.localhost.crt \
+  -days 3650 \
+  -sha256 \
+  -extfile <( cat <<EOF
+authorityKeyIdentifier=keyid,issuer
+basicConstraints=CA:FALSE
+keyUsage = digitalSignature, keyEncipherment
+extendedKeyUsage = serverAuth
+subjectAltName = @alt_names
+
+[alt_names]
+DNS.1 = localhost
+DNS.2 = m.localhost
+DNS.3 = *.m.localhost
+EOF
+)

backend/ew.test.config.json

@@ -1,8 +1,8 @@
 {
   "default_server_config": {
     "m.homeserver": {
-      "base_url": "http://synapse.localhost:8008",
-      "server_name": "synapse.localhost"
+      "base_url": "https://synapse.m.localhost",
+      "server_name": "synapse.m.localhost"
     }
   },
   "disable_custom_urls": false,

backend/playwright_homeserver.yaml

@@ -1,5 +1,5 @@
-server_name: "synapse.localhost"
-public_baseurl: http://synapse.localhost:8008/
+server_name: "synapse.m.localhost"
+public_baseurl: https://synapse.m.localhost/
 
 pid_file: /data/homeserver.pid
 

backend/tls_localhost_cert.pem

@@ -1,22 +0,0 @@
------BEGIN CERTIFICATE-----
-MIIDtzCCAp+gAwIBAgIUCmJjl3HAeLmrPwRg+/OzikW6peQwDQYJKoZIhvcNAQEL
-BQAwazELMAkGA1UEBhMCR0IxDzANBgNVBAgMBkxvbmRvbjEPMA0GA1UEBwwGTG9u
-ZG9uMQ4wDAYDVQQKDAVBbHJvczEWMBQGA1UECwwNSVQgRGVwYXJ0bWVudDESMBAG
-A1UEAwwJbG9jYWxob3N0MB4XDTI0MTEwNDIxNDcwMFoXDTM0MTEwMjIxNDcwMFow
-azELMAkGA1UEBhMCR0IxDzANBgNVBAgMBkxvbmRvbjEPMA0GA1UEBwwGTG9uZG9u
-MQ4wDAYDVQQKDAVBbHJvczEWMBQGA1UECwwNSVQgRGVwYXJ0bWVudDESMBAGA1UE
-AwwJbG9jYWxob3N0MIIBIjANBgkqhkiG9w0BAQEFAAOCAQ8AMIIBCgKCAQEAs368
-ExLSudP8luNoY5UfaPqBSVJUPYBi+JGyd36tyN75p5OI7xSfHTttQxuD4KrExBFP
-C8mAhE1eoZPBVBOZJ4FYWBJfMaQnCjeqU+laP36td65kSJYbUYlKYH1WpxEpCdgx
-wWOKkP/kPX5YXbYqODx9aBJXgoT3yAJW7AniIoL+eLFnS9Xo86TPqCDBTJU9ocwK
-gPIDLhDv60724rhZT1kbGp7ECqRovndoDTQjuws2D3yNMfQ+4rrQGPXHGmP5PcaR
-0R7uueB+6APyC7MJbuhbxxg/+DFHrRi3lJsgwxuh2hi/+vWw8zgKlgYIwHFA9X0l
-cX0UlQdENMH3bgcGIwIDAQABo1MwUTAdBgNVHQ4EFgQUUFGxw7zoiHXGwRqtagjZ
-RPYc85cwHwYDVR0jBBgwFoAUUFGxw7zoiHXGwRqtagjZRPYc85cwDwYDVR0TAQH/
-BAUwAwEB/zANBgkqhkiG9w0BAQsFAAOCAQEALokb1z2lu3qW141b2wm14ilZQKCZ
-reNNuUR95Uom96FXPH4QVEH+mYTXXJ5UrfNhQYKQFpdE+5S4HL/UqEOxtWvbAHpK
-nsLQ62J8m+0+uwiJGqeQpWr03KJgXDAVE9X3XwMlp/+buxSLhc+GIHWuXW56itV2
-jiZJYjhO5SnhhgTWNoVZk93qXuuWEN0yacw7c3Fr1IvFYYYWufbXTk70dbZihPDK
-VD141o8tpp6FerSKHNYDqkVFDyTz3DVOhQQJ59zfMre7bFr+PpTTl4vIuGzXEY+E
-HPjUSlOzwkCoh5fu7Fs3qG55rJt8akhTEoKpiBTaLucgAjVWNHeci1+Yxg==
------END CERTIFICATE-----

backend/tls_localhost_key.pem

@@ -1,28 +0,0 @@
------BEGIN PRIVATE KEY-----
-MIIEvgIBADANBgkqhkiG9w0BAQEFAASCBKgwggSkAgEAAoIBAQCzfrwTEtK50/yW
-42hjlR9o+oFJUlQ9gGL4kbJ3fq3I3vmnk4jvFJ8dO21DG4PgqsTEEU8LyYCETV6h
-k8FUE5kngVhYEl8xpCcKN6pT6Vo/fq13rmRIlhtRiUpgfVanESkJ2DHBY4qQ/+Q9
-flhdtio4PH1oEleChPfIAlbsCeIigv54sWdL1ejzpM+oIMFMlT2hzAqA8gMuEO/r
-TvbiuFlPWRsansQKpGi+d2gNNCO7CzYPfI0x9D7iutAY9ccaY/k9xpHRHu654H7o
-A/ILswlu6FvHGD/4MUetGLeUmyDDG6HaGL/69bDzOAqWBgjAcUD1fSVxfRSVB0Q0
-wfduBwYjAgMBAAECggEACTqdSExxzJ+LX5ARFaWyOBSWly2GKqSyR14+aInOklhx
-9QgkmfOxJrCf3TvJ8RWhXloW0Aqr8qGDxG0Ixgjn7rG7gskXCey1xn8MNppLS0kj
-ztaG+NB3AR89ABm8XdoHsSY45geh3/Ni9I0i1VardGQafUJhgNLTZqjwIodzkBtJ
-S/bi4uFk1lGNfuvWQvWqzGXUvd1l1YupV6iA4GfhXlUvrSBZwftLBD6xEvQaSqsA
-pHvBxTfMXG4RMAkNPDIElkuQ8++CGi1gIRkJfmrv4OgbbitteMnxqqqGYV0zSNCg
-R/5FG6umIV7lDLBHZCSCk7wmfmq2UUvzhHThHy4yMQKBgQDu4TwFJCIcVIj7Wj4r
-DUBFvz6Lgbltqb+YAMUBtpiDcAQxDJWmedh6dK04ts5CFAFRlRjjuz2uFn7qlVBm
-uye9R7tL+tOv5viqDXU78a4snFywoXub6yzpbxrW8B4W1pdIUvQmhwCcDwvO1V24
-7Vj2vxcM5I9dsk1aCQSi3VY5yQKBgQDAW/VoTRwhU6OUc6sji5Z5dnkMjkP6NZK9
-CSrTWLAMGaLPY+g6fFS7JMNSvfWm/okypD6rcN7p0cxMK3mfFKmMiyPRde0wdrci
-sGFjGxM/2d2D7KTMC9iMYwA0K17UIna+UiYPfhR/muIg/dCyjlkKDFs9Z4jk//r1
-91bmznt2iwKBgFdiYXhn/Wprqih4nKFXGZnqGdEixVhObl4GegrkZuo+AeqHdf8O
-N5ikMfG7PbyCYPEdH5u/FRMn+4mI0X6jHChroyJqQSHp1jEu9yHUiSicknOyvusM
-nsNN932FHRyxp2m3nsSxQhHUlzc0ajKJ8K9iu+XlfmSCIzW6cs25Nh+xAoGBAJro
-M0wIdPPdsCj3sUVRvx8XqknTM6kGhaIYBNXoYPWNm5BaC4U15OJEq8sxUOdnqcMP
-g6x6m/k+S8C3bh0O/a9Bydl/l0BlCfw0gGjYP/s2ju4Tn272xy/e9iYNGzPIgUmp
-TB9D0GwmpZ4d6HgyrD+sTbm4bATGpCp6QhBjDggbAoGBAJVMMtZ4pF8D6mLMRZGR
-pQjNPy+MH13XYmDRc/BSF8KJ4yKk3tohr9LSXzxR0SEB43NoL1bHkucZrNjGyL8x
-jktnwkoIs96kO2mPrl1TqWkXs5RjGkkSTbAJovIcvkRU31SWap/WzN2kHpmRVcQc
-KEFKXT5fUYZCLLWxhgZFlGPp
------END PRIVATE KEY-----

backend/tls_localhost_nginx.conf

@@ -1,40 +0,0 @@
-server {
-    listen                  80;
-    listen                  [::]:80;
-    listen                  443 ssl;
-    listen                  8448 ssl;
-    listen                  [::]:443 ssl;
-    listen                  [::]:8448 ssl;
-    server_name             synapse.localhost;
-    ssl_certificate         /root/ssl/cert.pem;
-    ssl_certificate_key     /root/ssl/key.pem;
-
-    # well-known config adding rtc_foci backend
-    # Note well-known is currently not effective due to:
-    # https://spec.matrix.org/v1.12/client-server-api/#well-known-uri the spec
-    # says it must be at https://$server_name/... (implied port 443) Hence, we
-    # currently rely for local development environment on deprecated config.json
-    # setting for livekit_service_url
-    location /.well-known/matrix/client {
-        return 200 '{"m.homeserver": {"base_url": "http://synapse.localhost:8008"}, "org.matrix.msc4143.rtc_foci": [{"type": "livekit", "livekit_service_url": "http://localhost:8080"}]}';
-        default_type application/json;
-        add_header Access-Control-Allow-Origin *;
-    }
-
-    # Reverse proxy for Matrix Synapse Homeserver
-    # This is also required for development environment.
-    # Reason: the lk-jwt-service uses the federation API for the openid token
-    #         verification, which requires TLS
-    location / {
-        proxy_pass "http://homeserver:8008";
-        proxy_http_version 1.1;
-        proxy_set_header Upgrade $http_upgrade;
-        proxy_set_header Connection "upgrade";
-        proxy_set_header Host $host;
-        proxy_set_header X-Forwarded-For $remote_addr;
-        proxy_set_header X-Forwarded-Proto $scheme;
-    }
-
-    error_page   500 502 503 504  /50x.html;
-
-}

config/config.devenv.json

@@ -1,13 +1,10 @@
 {
   "default_server_config": {
     "m.homeserver": {
-      "base_url": "http://synapse.localhost:8008",
-      "server_name": "synapse.localhost"
+      "base_url": "https://synapse.m.localhost",
+      "server_name": "synapse.m.localhost"
     }
   },
-  "livekit": {
-    "livekit_service_url": "http://localhost:8009"
-  },
   "features": {
     "feature_use_device_session_member_events": true
   },

dev-backend-docker-compose.yml

@@ -6,8 +6,8 @@ services:
     image: ghcr.io/element-hq/lk-jwt-service:latest-ci
     hostname: auth-server
     environment:
-      - LK_JWT_PORT=8080
-      - LIVEKIT_URL=ws://localhost:7880
+      - LIVEKIT_JWT_PORT=6080
+      - LIVEKIT_URL=wss://matrix-rtc.m.localhost/livekit/sfu
       - LIVEKIT_KEY=devkey
       - LIVEKIT_SECRET=secret
       # If the configured homeserver runs on localhost, it'll probably be using
@@ -18,12 +18,13 @@ services:
         condition: on-failure
     ports:
       # HOST_PORT:CONTAINER_PORT
-      - 8009:8080
+      - 6080:6080
     networks:
       - ecbackend
 
   livekit:
     image: livekit/livekit-server:latest
+    hostname: livekit-sfu
     command: --dev --config /etc/livekit.yaml
     restart: unless-stopped
     # The SFU seems to work far more reliably when we let it share the host
@@ -72,26 +73,30 @@ services:
     image: ghcr.io/element-hq/element-web:develop
     pull_policy: always
     volumes:
-      - ./backend/ew.test.config.json:/app/config.json
+      - ./backend/ew.test.config.json:/app/config.json:Z
     environment:
-      ELEMENT_WEB_PORT: 81
+      ELEMENT_WEB_PORT: 8081
     ports:
-      - "8081:81"
+      - "8081:8081"
     networks:
       - ecbackend
 
   nginx:
-    #  openssl req -x509 -nodes -days 3650 -newkey rsa:2048 -keyout tls_localhost_key.pem -out tls_localhost_cert.pem -subj "/C=GB/ST=London/L=London/O=Alros/OU=IT Department/CN=localhost"
-    hostname: synapse.localhost
+    #  see backend/dev_tls_setup for how to generate the tls certs
+    hostname: synapse.m.localhost
     image: nginx:latest
     volumes:
-      - ./backend/tls_localhost_nginx.conf:/etc/nginx/conf.d/default.conf:Z
-      - ./backend/tls_localhost_key.pem:/root/ssl/key.pem:Z
-      - ./backend/tls_localhost_cert.pem:/root/ssl/cert.pem:Z
+      - ./backend/dev_nginx.conf:/etc/nginx/conf.d/default.conf:Z
+      - ./backend/dev_tls_m.localhost.key:/root/ssl/key.pem:Z
+      - ./backend/dev_tls_m.localhost.crt:/root/ssl/cert.pem:Z
     ports:
       # HOST_PORT:CONTAINER_PORT
+      - "443:443"
       - "8008:80"
       - "4443:443"
+      - "8448:8448"
+    extra_hosts:
+      - "host.docker.internal:host-gateway"
     depends_on:
       - synapse
     networks:

docs/controls.md

@@ -1,7 +1,21 @@
 # Global JS controls
 
-A few aspects of Element Call's interface can be controlled through a global API on the `window`:
+A few aspects of Element Call's interface can be controlled through a global API on the `window`.
+
+## Picture-in-picture
 
 - `controls.canEnterPip(): boolean` Determines whether it's possible to enter picture-in-picture mode.
 - `controls.enablePip(): void` Puts the call interface into picture-in-picture mode. Throws if not in a call.
 - `controls.disablePip(): void` Takes the call interface out of picture-in-picture mode, restoring it to its natural display mode. Throws if not in a call.
+
+## Audio devices
+
+On mobile platforms (iOS, Android), web views do not reliably support selecting audio output devices such as the main speaker, earpiece, or headset. To address this limitation, the following functions allow the hosting application (e.g., Element Web, Element X) to manage audio devices via exposed JavaScript interfaces. These functions must be enabled using the URL parameter `controlledAudioDevices` to take effect.
+
+- `controls.setAvailableAudioDevices(devices: { id: string, name: string, forEarpiece?: boolean, isEarpiece?: boolean isSpeaker?: boolean, isExternalHeadset?, boolean; }[]): void` Sets the list of available audio outputs. `forEarpiece` is used on iOS only.
+  It flags the device that should be used if the user selects earpiece mode. This should be the main stereo loudspeaker of the device.
+- `controls.onAudioDeviceSelect: ((id: string) => void) | undefined` Callback called whenever the user or application selects a new audio output.
+- `controls.setAudioDevice(id: string): void` Sets the selected audio device in Element Call's menu. This should be used if the OS decides to automatically switch to Bluetooth, for example.
+- `controls.setAudioEnabled(enabled: boolean)` Enables/disables all audio output from the application. Output is enabled by default.
+- `showNativeAudioDevicePicker: (() => void) | undefined`. Callback called whenever the user presses the output button in the settings menu.
+  This button is only shown on iOS. (`userAgent.includes("iPhone")`)

docs/self-hosting.md

@@ -63,6 +63,11 @@ rc_delayed_event_mgmt:
   burst_count: 20
 ```
 
+As a prerequisite for the
+[Matrix LiveKit JWT auth service](https://github.com/element-hq/lk-jwt-service)
+make sure that your Synapse server has either a `federation` or `openid`
+[listener configured](https://element-hq.github.io/synapse/latest/usage/configuration/config_documentation.html#listeners).
+
 ### MatrixRTC Backend
 
 In order to **guarantee smooth operation** of Element Call MatrixRTC backend is
@@ -88,7 +93,7 @@ the example above, this results in:
 
 Using Nginx, you can achieve this by:
 
-```jsonc
+```nginx configuration file
 server {
     ...
     location ^~ /livekit/jwt/ {
@@ -198,7 +203,7 @@ Because Element Call uses client-side routing, your server must be able to route
 any requests to non-existing paths back to `/index.html`. For example, in Nginx
 you can achieve this with the `try_files` directive:
 
-```jsonc
+```nginx configuration file
 server {
     ...
     location / {

docs/url-params.md

@@ -63,6 +63,7 @@ These parameters are relevant to both [widget](./embedded-standalone.md) and [st
 | `lang`                                                  | [BCP 47](https://www.rfc-editor.org/info/bcp47) code                                                 | No                                                                                                | No                           | The language the app should use.                                                                                                                                                                                                                                                                                                                                                                    |
 | `password`                                              |                                                                                                      | No                                                                                                | No                           | E2EE password when using a shared secret. (For individual sender keys in embedded mode this is not required.)                                                                                                                                                                                                                                                                                       |
 | `perParticipantE2EE`                                    | `true` or `false`                                                                                    | No, defaults to `false`                                                                           | No, defaults to `false`      | Enables per participant encryption with Keys exchanged over encrypted matrix room messages.                                                                                                                                                                                                                                                                                                         |
+| `controlledAudioDevices`                                | `true` or `false`                                                                                    | No, defaults to `false`                                                                           | No, defaults to `false`      | Whether the [global JS controls for audio devices](./controls.md#audio-devices) should be enabled, allowing the list of audio devices to be controlled by the app hosting Element Call.                                                                                                                                                                                                             |
 | `roomId`                                                | [Matrix Room ID](https://spec.matrix.org/v1.12/appendices/#room-ids)                                 | Yes                                                                                               | No                           | Anything about what room we're pointed to should be from useRoomIdentifier which parses the path and resolves alias with respect to the default server name, however roomId is an exception as we need the room ID in embedded widget mode, and not the room alias (or even the via params because we are not trying to join it). This is also not validated, where it is in `useRoomIdentifier()`. |
 | `showControls`                                          | `true` or `false`                                                                                    | No, defaults to `true`                                                                            | No, defaults to `true`       | Displays controls like mute, screen-share, invite, and hangup buttons during a call.                                                                                                                                                                                                                                                                                                                |
 | `skipLobby` (deprecated: use `intent` instead)          | `true` or `false`                                                                                    | No. If `intent` is explicitly `start_call` then defaults to `true`. Otherwise defaults to `false` | No, defaults to `false`      | Skips the lobby to join a call directly, can be combined with preload in widget. When `true` the audio and video inputs will be muted by default. (This means there currently is no way to start without muted video if one wants to skip the lobby. Also not in widget mode.)                                                                                                                      |

embedded/android/gradle/libs.versions.toml

@@ -2,11 +2,11 @@
 # https://docs.gradle.org/current/userguide/platforms.html#sub::toml-dependencies-format
 
 [versions]
-android_gradle_plugin = "8.8.0"
+android_gradle_plugin = "8.10.1"
 
 [libraries]
 android_gradle_plugin = { module = "com.android.tools.build:gradle", version.ref = "android_gradle_plugin" }
 
 [plugins]
 android_library = { id = "com.android.library", version.ref = "android_gradle_plugin" }
-maven_publish = { id = "com.vanniktech.maven.publish", version = "0.30.0" }
+maven_publish = { id = "com.vanniktech.maven.publish", version = "0.32.0" }

embedded/android/gradle/wrapper/gradle-wrapper.properties

@@ -1,6 +1,6 @@
 distributionBase=GRADLE_USER_HOME
 distributionPath=wrapper/dists
-distributionUrl=https\://services.gradle.org/distributions/gradle-8.10.2-all.zip
+distributionUrl=https\://services.gradle.org/distributions/gradle-8.14.1-all.zip
 networkTimeout=10000
 validateDistributionUrl=true
 zipStoreBase=GRADLE_USER_HOME

embedded/android/gradlew

@@ -86,8 +86,7 @@ done
 # shellcheck disable=SC2034
 APP_BASE_NAME=${0##*/}
 # Discard cd standard output in case $CDPATH is set (https://github.com/gradle/gradle/issues/25036)
-APP_HOME=$( cd -P "${APP_HOME:-./}" > /dev/null && printf '%s
-' "$PWD" ) || exit
+APP_HOME=$( cd -P "${APP_HOME:-./}" > /dev/null && printf '%s\n' "$PWD" ) || exit
 
 # Use the maximum available, or set MAX_FD != -1 to use that value.
 MAX_FD=maximum
@@ -115,7 +114,7 @@ case "$( uname )" in                #(
   NONSTOP* )        nonstop=true ;;
 esac
 
-CLASSPATH=$APP_HOME/gradle/wrapper/gradle-wrapper.jar
+CLASSPATH="\\\"\\\""
 
 
 # Determine the Java command to use to start the JVM.
@@ -206,7 +205,7 @@ fi
 DEFAULT_JVM_OPTS='"-Xmx64m" "-Xms64m"'
 
 # Collect all arguments for the java command:
-#   * DEFAULT_JVM_OPTS, JAVA_OPTS, JAVA_OPTS, and optsEnvironmentVar are not allowed to contain shell fragments,
+#   * DEFAULT_JVM_OPTS, JAVA_OPTS, and optsEnvironmentVar are not allowed to contain shell fragments,
 #     and any embedded shellness will be escaped.
 #   * For example: A user cannot expect ${Hostname} to be expanded, as it is an environment variable and will be
 #     treated as '${Hostname}' itself on the command line.
@@ -214,7 +213,7 @@ DEFAULT_JVM_OPTS='"-Xmx64m" "-Xms64m"'
 set -- \
         "-Dorg.gradle.appname=$APP_BASE_NAME" \
         -classpath "$CLASSPATH" \
-        org.gradle.wrapper.GradleWrapperMain \
+        -jar "$APP_HOME/gradle/wrapper/gradle-wrapper.jar" \
         "$@"
 
 # Stop when "xargs" is not available.

embedded/android/gradlew.bat

@@ -70,11 +70,11 @@ goto fail
 :execute
 @rem Setup the command line
 
-set CLASSPATH=%APP_HOME%\gradle\wrapper\gradle-wrapper.jar
+set CLASSPATH=
 
 
 @rem Execute Gradle
-"%JAVA_EXE%" %DEFAULT_JVM_OPTS% %JAVA_OPTS% %GRADLE_OPTS% "-Dorg.gradle.appname=%APP_BASE_NAME%" -classpath "%CLASSPATH%" org.gradle.wrapper.GradleWrapperMain %*
+"%JAVA_EXE%" %DEFAULT_JVM_OPTS% %JAVA_OPTS% %GRADLE_OPTS% "-Dorg.gradle.appname=%APP_BASE_NAME%" -classpath "%CLASSPATH%" -jar "%APP_HOME%\gradle\wrapper\gradle-wrapper.jar" %*
 
 :end
 @rem End local scope for the variables with windows NT shell

embedded/android/lib/build.gradle.kts

@@ -27,7 +27,7 @@ android {
 }
 
 mavenPublishing {
-    publishToMavenCentral(SonatypeHost.S01)
+    publishToMavenCentral(SonatypeHost.CENTRAL_PORTAL, automaticRelease = true)
 
     signAllPublications()
 

knip.ts

@@ -27,6 +27,10 @@ export default {
     // then Knip will flag it as a false positive
     // https://github.com/webpro-nl/knip/issues/766
     "@vector-im/compound-web",
+    // We need this so that TypeScript is happy with @livekit/track-processors.
+    // This might be a bug in the LiveKit repo but for now we fix it on the
+    // Element Call side.
+    "@types/dom-mediacapture-transform",
     "matrix-widget-api",
   ],
   ignoreExportsUsedInFile: true,

locales/bg/app.json

@@ -4,7 +4,9 @@
   },
   "action": {
     "close": "Затвори",
+    "copy_link": "Копиране на връзката",
     "go": "Напред",
+    "invite": "Покана",
     "no": "Не",
     "register": "Регистрация",
     "remove": "Премахни",

locales/cs/app.json

@@ -4,40 +4,141 @@
   },
   "action": {
     "close": "Zavřít",
-    "go": "Pokračovat",
+    "copy_link": "Kopírovat odkaz",
+    "edit": "Upravit",
+    "go": "Přejít",
+    "invite": "Pozvat",
+    "lower_hand": "Snížení ruky",
     "no": "Ne",
+    "pick_reaction": "Vybrat reakci",
+    "raise_hand": "Zvednutí ruky",
     "register": "Registrace",
     "remove": "Odstranit",
+    "show_less": "Zobrazit méně",
+    "show_more": "Zobrazit více",
     "sign_in": "Přihlásit se",
-    "sign_out": "Odhlásit se"
+    "sign_out": "Odhlásit se",
+    "submit": "Odeslat",
+    "upload_file": "Nahrát soubor"
+  },
+  "analytics_notice": "Účastí v této beta verzi souhlasíte se shromažďováním anonymních údajů, které používáme ke zlepšování produktu. Více informací o tom, které údaje sledujeme, najdete v našich <2>Zásadách ochrany osobních údajů</2> a <6>Zásadách používání souborů cookie</6>.",
+  "app_selection_modal": {
+    "continue_in_browser": "Pokračovat v prohlížeči",
+    "open_in_app": "Otevřít v aplikaci",
+    "text": "Jste připraveni se připojit?",
+    "title": "Vybrat aplikaci"
   },
   "call_ended_view": {
     "create_account_button": "Vytvořit účet",
     "create_account_prompt": "<0>Proč neskončit nastavením hesla, abyste mohli účet použít znovu?</0><1>Budete si moci nechat své jméno a nastavit si avatar pro budoucí hovory </1>",
-    "not_now_button": "Teď ne, vrátit se na domovskou obrazovku"
+    "feedback_done": "<0>Děkujeme za vaši zpětnou vazbu! </0>",
+    "feedback_prompt": "<0>Rádi si vyslechneme vaši zpětnou vazbu, abychom mohli vaše prostředí vylepšit. </0>",
+    "headline": "{{displayName}}, váš hovor skončil.",
+    "not_now_button": "Teď ne, vrátit se na domovskou obrazovku",
+    "reconnect_button": "Znovu připojit",
+    "survey_prompt": "Jak to probíhalo?"
   },
+  "call_name": "Název hovoru",
   "common": {
+    "analytics": "Analytika",
+    "audio": "Zvuk",
+    "avatar": "Avatar",
+    "back": "Zpět",
     "display_name": "Zobrazované jméno",
+    "encrypted": "Šifrováno",
     "home": "Domov",
     "loading": "Načítání…",
+    "next": "Další",
+    "options": "Možnosti",
     "password": "Heslo",
+    "preferences": "Předvolby",
     "profile": "Profil",
+    "reaction": "Reakce",
+    "reactions": "Reakce",
     "settings": "Nastavení",
-    "username": "Uživatelské jméno"
+    "unencrypted": "Nešifrováno",
+    "username": "Uživatelské jméno",
+    "video": "Video"
   },
+  "developer_mode": {
+    "crypto_version": "Kryptografická verze: {{version}}",
+    "debug_tile_layout_label": "Ladění rozložení dlaždic",
+    "device_id": "ID zařízení: {{id}}",
+    "duplicate_tiles_label": "Počet dalších kopií dlaždic na účastníka",
+    "environment_variables": "Proměnné prostředí",
+    "hostname": "Název hostitele: {{hostname}}",
+    "livekit_server_info": "Informace o serveru LiveKit",
+    "livekit_sfu": "LiveKit SFU: {{url}}",
+    "matrix_id": "Matrix ID: {{id}}",
+    "mute_all_audio": "Ztlumit všechny zvuky (účastníci, reakce, zvuky připojení)",
+    "show_connection_stats": "Zobrazit statistiky připojení",
+    "show_non_member_tiles": "Zobrazit dlaždice pro nečlenská média",
+    "url_params": "Parametry URL",
+    "use_new_membership_manager": "Použijte novou implementaci volání MembershipManager",
+    "use_to_device_key_transport": "Použít přenos klíčů do zařízení. Tím se vrátíte k přenosu klíčů do místnosti, když jiný účastník hovoru pošle klíč místnosti"
+  },
+  "disconnected_banner": "Připojení k serveru bylo ztraceno.",
+  "error": {
+    "call_is_not_supported": "Volání není podporováno",
+    "call_not_found": "Volání nebylo nalezeno",
+    "call_not_found_description": "<0>Zdá se, že tento odkaz nepatří k žádnému existujícímu volání. Zkontrolujte, zda máte správný odkaz, nebo <1>vytvořte nový</1>.</0>",
+    "connection_lost": "Spojení ztraceno",
+    "connection_lost_description": "Hovor byl přerušen.",
+    "e2ee_unsupported": "Nekompatibilní prohlížeč",
+    "e2ee_unsupported_description": "Váš webový prohlížeč nepodporuje šifrované hovory. Mezi podporované prohlížeče patří Chrome, Safari a Firefox 117+.",
+    "generic": "Něco se pokazilo.",
+    "generic_description": "Odeslání protokolů ladění nám pomůže vystopovat problém.",
+    "insufficient_capacity": "Nedostatečná kapacita",
+    "insufficient_capacity_description": "Server dosáhl své maximální kapacity a v tuto chvíli se nemůžete připojit k hovoru. Zkuste to později nebo se obraťte na správce serveru, pokud problém přetrvává.",
+    "matrix_rtc_focus_missing": "Server není nakonfigurován pro práci s {{brand}}. Obraťte se na správce serveru (Doména: {{domain}}, Kód chyby: {{ errorCode }}).",
+    "open_elsewhere": "Otevřeno na jiné kartě",
+    "open_elsewhere_description": "{{brand}} byl otevřen v jiné záložce. Pokud to nezní správně, zkuste stránku znovu načíst.",
+    "unexpected_ec_error": "Došlo k neočekávané chybě (<0>Error Code:</0> <1>{{ errorCode }}</1>). Obraťte se prosím na správce serveru."
+  },
+  "group_call_loader": {
+    "banned_body": "Byl jste vykázán z místnosti.",
+    "banned_heading": "Zabanován",
+    "call_ended_body": "Byl jste vyřazen z hovoru.",
+    "call_ended_heading": "Hovor ukončen",
+    "knock_reject_body": "Vaše žádost o připojení byla zamítnuta.",
+    "knock_reject_heading": "Přístup odepřen",
+    "reason": "Důvod"
+  },
+  "hangup_button_label": "Ukončit hovor",
   "header_label": "Domov Element Call",
+  "header_participants_label": "Účastníci",
+  "invite_modal": {
+    "link_copied_toast": "Odkaz zkopírován do schránky",
+    "title": "Pozvat na tento hovor"
+  },
   "join_existing_call_modal": {
     "join_button": "Ano, připojit se",
     "text": "Tento hovor již existuje, chcete se připojit?",
     "title": "Připojit se k existujícimu hovoru?"
   },
+  "layout_grid_label": "Mřížka",
   "layout_spotlight_label": "Soustředěný mód",
   "lobby": {
-    "join_button": "Připojit se k hovoru"
+    "ask_to_join": "Žádost o připojení k hovoru",
+    "join_as_guest": "Připojte se jako host",
+    "join_button": "Připojit se k hovoru",
+    "leave_button": "Zpět na poslední",
+    "waiting_for_invite": "Žádost odeslána! Čekáme na povolení k připojení..."
   },
+  "log_in": "Přihlášení",
   "logging_in": "Přihlašování se…",
   "login_auth_links": "<0>Vytvořit účet</0> Or <2>Jako host</2>",
+  "login_auth_links_prompt": "Ještě nejste zaregistrováni?",
+  "login_subheading": "Chcete-li pokračovat na Element",
   "login_title": "Přihlášení",
+  "microphone_off": "Mikrofon vypnutý",
+  "microphone_on": "Mikrofon zapnutý",
+  "mute_microphone_button_label": "Ztlumit mikrofon",
+  "participant_count_one": "{{count, number}}",
+  "participant_count_few": "{{count, number}}",
+  "participant_count_other": "{{count, number}}",
+  "qr_code": "QR kód",
+  "rageshake_button_error_caption": "Znovu zkusit odeslat protokoly",
   "rageshake_request_modal": {
     "body": "Jiný uživatel v tomto hovoru má problémy. Abychom mohli diagnostikovat problém, rádi bychom shromáždili protokoly ladění.",
     "title": "Žádost o protokoly ladění"
@@ -45,22 +146,82 @@
   "rageshake_send_logs": "Poslat ladící záznam",
   "rageshake_sending": "Posílání…",
   "rageshake_sending_logs": "Posílání ladícího záznamu…",
+  "rageshake_sent": "Díky!",
   "recaptcha_dismissed": "Recaptcha byla zamítnuta",
   "recaptcha_not_loaded": "Recaptcha se nenačetla",
+  "recaptcha_ssla_caption": "Tato stránka je chráněna ReCAPTCHA a platí zde <2>Ochrana osobních údajů</2> a <6>Podmínky služby</6> od Google.<9></9>Kliknutím na \"Registrovat\" souhlasíte s naší <12>Licenční smlouvou na software a služby (SSLA)</12>",
   "register": {
     "passwords_must_match": "Hesla se musí shodovat",
     "registering": "Registrování…"
   },
   "register_auth_links": "<0>Už máte účet?</0><1><0>Přihlásit se</0> Or <2>Jako host</2></1>",
   "register_confirm_password_label": "Potvrdit heslo",
+  "register_heading": "Vytvořte si účet",
   "return_home_button": "Vrátit se na domácí obrazovku",
+  "room_auth_view_continue_button": "Pokračovat",
+  "room_auth_view_ssla_caption": "Kliknutím na „Připojit se k hovoru nyní“ souhlasíte s naší <2>Licenční smlouvou o softwaru a službách (SSLA) </2>",
   "screenshare_button_label": "Sdílet obrazovku",
   "settings": {
+    "audio_tab": {
+      "effect_volume_description": "Upravit hlasitost přehrávání reakcí a efektů zvednutých rukou.",
+      "effect_volume_label": "Hlasitost zvukového efektu"
+    },
+    "background_blur_header": "Pozadí",
+    "background_blur_label": "Rozostřit pozadí videa",
+    "blur_not_supported_by_browser": "(Toto zařízení nepodporuje rozostření pozadí.)",
     "developer_tab_title": "Vývojář",
+    "devices": {
+      "camera": "Fotoaparát",
+      "camera_numbered": "Fotoaparát {{n}}",
+      "default": "Výchozí",
+      "default_named": "Výchozí <2> ({{name}}) </2>",
+      "microphone": "Mikrofon",
+      "microphone_numbered": "Mikrofon {{n}}",
+      "speaker": "Reproduktor",
+      "speaker_numbered": "Reproduktor {{n}}"
+    },
+    "feedback_tab_body": "Pokud se potýkáte s problémy nebo byste nám jen chtěli poskytnout zpětnou vazbu, pošlete nám prosím krátký popis níže.",
+    "feedback_tab_description_label": "Vaše zpětná vazba",
     "feedback_tab_h4": "Dát feedback",
-    "feedback_tab_send_logs_label": "Zahrnout ladící záznamy"
+    "feedback_tab_send_logs_label": "Zahrnout ladící záznamy",
+    "feedback_tab_thank_you": "Děkujeme, obdrželi jsme vaši zpětnou vazbu!",
+    "feedback_tab_title": "Zpětná vazba",
+    "opt_in_description": "<0></0><1></1>Souhlas můžete odvolat zrušením zaškrtnutí tohoto políčka. Pokud jste právě v hovoru, toto nastavení se projeví po jeho skončení.",
+    "preferences_tab": {
+      "developer_mode_label": "Vývojářský režim",
+      "developer_mode_label_description": "Povolte vývojářský režim a zobrazte kartu nastavení vývojáře.",
+      "introduction": "Zde můžete nakonfigurovat další možnosti pro lepší zážitek.",
+      "reactions_play_sound_description": "Přehrát zvukový efekt, když někdo odešle reakci do hovoru.",
+      "reactions_play_sound_label": "Přehrát reakční zvuky",
+      "reactions_show_description": "Zobrazit animaci, když někdo pošle reakci.",
+      "reactions_show_label": "Zobrazit reakce",
+      "show_hand_raised_timer_description": "Zobrazit časovač, když účastník zvedne ruku",
+      "show_hand_raised_timer_label": "Zobrazit dobu trvání zvednutí ruky"
+    }
   },
+  "star_rating_input_label_one": "{{count}} hvězdička",
+  "star_rating_input_label_few": "{{count}} hvězdičky",
+  "star_rating_input_label_other": "{{count}} hvězdiček",
+  "start_new_call": "Zahájit nový hovor",
+  "start_video_button_label": "Spustit video",
+  "stop_screenshare_button_label": "Sdílení obrazovky",
+  "stop_video_button_label": "Zastavit video",
+  "submitting": "Odeslání...",
+  "switch_camera": "Přepnout kameru",
   "unauthenticated_view_body": "Nejste registrovaní? <2>Vytvořit účet</2>",
   "unauthenticated_view_login_button": "Přihlásit se ke svému účtu",
-  "version": "Verze: {{version}}"
+  "unauthenticated_view_ssla_caption": "Kliknutím na tlačítko \"Přejít\" souhlasíte s naší <2>Licenční smlouvou na software a služby (SSLA)</2>",
+  "unmute_microphone_button_label": "Zrušit ztlumení mikrofonu",
+  "version": "{{productName}}verze: {{version}}",
+  "video_tile": {
+    "always_show": "Vždy zobrazit",
+    "camera_starting": "Načítání videa...",
+    "change_fit_contain": "Přizpůsobit rámu",
+    "collapse": "Sbalit",
+    "expand": "Rozbalit",
+    "mute_for_me": "Pro mě ztlumit",
+    "muted_for_me": "Pro mě ztlumené",
+    "volume": "Hlasitost",
+    "waiting_for_media": "Čekání na média..."
+  }
 }

locales/da/app.json

@@ -0,0 +1,221 @@
+{
+  "a11y": {
+    "user_menu": "Brugermenu"
+  },
+  "action": {
+    "close": "Luk",
+    "copy_link": "Kopiér link",
+    "edit": "Rediger",
+    "go": "Gå",
+    "invite": "Invitér",
+    "lower_hand": "Sænk hånd",
+    "no": "Nej",
+    "pick_reaction": "Vælg reaktion",
+    "raise_hand": "Ræk hånden op",
+    "register": "Registrér",
+    "remove": "Fjern",
+    "show_less": "Vis mindre",
+    "show_more": "Vis mere",
+    "sign_in": "Log ind",
+    "sign_out": "Log ud",
+    "submit": "Indsend",
+    "upload_file": "Upload fil"
+  },
+  "analytics_notice": "Ved at deltage i denne beta giver du samtykke til indsamling af anonyme data, som vi bruger til at forbedre produktet. Du kan finde flere oplysninger om, hvilke data vi sporer, i vores <2>fortrolighedspolitik</2> og vores <6>cookiepolitik</6>.",
+  "app_selection_modal": {
+    "continue_in_browser": "Fortsæt i browseren",
+    "open_in_app": "Åbn i appen",
+    "text": "Klar til at deltage?",
+    "title": "Vælg app"
+  },
+  "call_ended_view": {
+    "create_account_button": "Opret konto",
+    "create_account_prompt": "<0>Hvorfor ikke afslutte med at oprette en adgangskode for at beholde din konto? </0><1>Du kan beholde dit navn og indstille en avatar til brug ved fremtidige opkald </1>",
+    "feedback_done": "<0>Tak for din feedback! </0>",
+    "feedback_prompt": "<0>Vi vil meget gerne høre din feedback, så vi kan forbedre din oplevelse.</0>",
+    "headline": "{{displayName}}, dit opkald er afsluttet.",
+    "not_now_button": "Ikke nu, vend tilbage til startskærmen",
+    "reconnect_button": "Tilslut igen",
+    "survey_prompt": "Hvordan gik det?"
+  },
+  "call_name": "Navn på opkald",
+  "common": {
+    "analytics": "Analyse-værktøj",
+    "audio": "Lyd",
+    "avatar": "Avatar",
+    "back": "Tilbage",
+    "display_name": "Vist navn",
+    "encrypted": "Krypteret",
+    "home": "Hjem",
+    "loading": "Indlæser...",
+    "next": "Næste",
+    "options": "Valgmuligheder",
+    "password": "Adgangskode",
+    "preferences": "Foretrukne",
+    "profile": "Profil",
+    "reaction": "Reaktion",
+    "reactions": "Reaktioner",
+    "settings": "Indstillinger",
+    "unencrypted": "Ikke krypteret",
+    "username": "Brugernavn",
+    "video": "Video"
+  },
+  "developer_mode": {
+    "crypto_version": "Krypto-version: {{version}}",
+    "debug_tile_layout_label": "Fejlfinding af fliselayout",
+    "device_id": "Enheds-id: {{id}}",
+    "duplicate_tiles_label": "Antal ekstra flisekopier pr. deltager",
+    "environment_variables": "Miljøvariabler",
+    "hostname": "Værtsnavn: {{hostname}}",
+    "livekit_server_info": "LiveKit Serverinfo",
+    "livekit_sfu": "LiveKit SFU: {{url}}",
+    "matrix_id": "Matrix ID: {{id}}",
+    "show_connection_stats": "Vis forbindelsesstatistik",
+    "show_non_member_tiles": "Vis fliser for medier fra ikke-medlemmer",
+    "url_params": "URL-parametre",
+    "use_new_membership_manager": "Brug den nye implementering af opkaldet MembershipManager",
+    "use_to_device_key_transport": "Bruges til at transportere enhedsnøgler. Dette vil falde tilbage til transport af værelsesnøgler, når et andet opkaldsmedlem sender en rumnøgle"
+  },
+  "disconnected_banner": "Forbindelsen til serveren er gået tabt.",
+  "error": {
+    "call_is_not_supported": "Opkald er ikke understøttet",
+    "call_not_found": "Opkald ikke fundet",
+    "call_not_found_description": "<0>Det link ser ikke ud til at høre til et eksisterende opkald. Tjek at du har det rigtige link, eller<1> opret et nyt</1>.</0>",
+    "connection_lost": "Forbindelsen gik tabt",
+    "connection_lost_description": "Du blev afbrudt fra opkaldet.",
+    "e2ee_unsupported": "Inkompatibel browser",
+    "e2ee_unsupported_description": "Din webbrowser understøtter ikke krypterede opkald. Understøttede browsere inkluderer Chrome, Safari og Firefox 117+.",
+    "generic": "Noget gik galt",
+    "generic_description": "Indsendelse af fejlfindingslogfiler hjælper os med at spore problemet.",
+    "insufficient_capacity": "Utilstrækkelig kapacitet",
+    "insufficient_capacity_description": "Serveren har nået sin maksimale kapacitet, og du kan ikke deltage i opkaldet på dette tidspunkt. Prøv igen senere, eller kontakt din serveradministrator, hvis problemet fortsætter.",
+    "matrix_rtc_focus_missing": "Serveren er ikke konfigureret til at arbejde med {{brand}}{{domain}}. Kontakt venligst din serveradministrator (domæne:{{domain}}, fejlkode: {{ errorCode }}).",
+    "open_elsewhere": "Åbnet i en anden fane",
+    "open_elsewhere_description": "{{brand}} er blevet åbnet i en anden fane. Hvis det ikke lyder rigtigt, kan du prøve at genindlæse siden.",
+    "unexpected_ec_error": "Der opstod en uventet fejl (<0>Fejlkode:</0> <1> {{ errorCode }}</1>). Kontakt venligst din serveradministrator."
+  },
+  "group_call_loader": {
+    "banned_body": "Du er blevet spærret fra rummet.",
+    "banned_heading": "Spærret",
+    "call_ended_body": "Du er blevet fjernet fra opkaldet.",
+    "call_ended_heading": "Opkaldet afsluttet",
+    "knock_reject_body": "Din anmodning om at deltage blev afvist.",
+    "knock_reject_heading": "Adgang nægtet",
+    "reason": "Årsag: {{reason}}"
+  },
+  "hangup_button_label": "Afslut opkald",
+  "header_label": "Element Ring hjem",
+  "header_participants_label": "Deltagere",
+  "invite_modal": {
+    "link_copied_toast": "Link kopieret til udklipsholder",
+    "title": "Inviter til dette opkald"
+  },
+  "join_existing_call_modal": {
+    "join_button": "Ja, deltag i opkald",
+    "text": "Dette opkald findes allerede, vil du være med?",
+    "title": "Deltag i eksisterende opkald?"
+  },
+  "layout_grid_label": "Gitter",
+  "layout_spotlight_label": "Spotlys",
+  "lobby": {
+    "ask_to_join": "Anmod om at deltage i opkaldet",
+    "join_as_guest": "Deltag som gæst",
+    "join_button": "Deltag i opkald",
+    "leave_button": "Tilbage til seneste",
+    "waiting_for_invite": "Anmodning sendt! Venter på tilladelse til at deltage..."
+  },
+  "log_in": "Log ind",
+  "logging_in": "Logger ind...",
+  "login_auth_links": "<0>Opret en konto </0> eller <2> få adgang som gæst </2>",
+  "login_auth_links_prompt": "Ikke registreret endnu?",
+  "login_subheading": "For at fortsætte til Element",
+  "login_title": "Login",
+  "microphone_off": "Mikrofon slukket",
+  "microphone_on": "Mikrofon tændt",
+  "mute_microphone_button_label": "Slå mikrofonen fra",
+  "participant_count_one": "{{count, number}}",
+  "participant_count_other": "{{count, number}}",
+  "qr_code": "QR-kode",
+  "rageshake_button_error_caption": "Prøv at sende logfiler igen",
+  "rageshake_request_modal": {
+    "body": "En anden bruger på dette opkald har et problem. For bedre at kunne diagnosticere sådanne problemer, vil vi gerne indsamle en fejlfindingslog.",
+    "title": "Anmodning om fejlfindingslogfil"
+  },
+  "rageshake_send_logs": "Send fejlfindingslogfiler",
+  "rageshake_sending": "Sender...",
+  "rageshake_sending_logs": "Afsendelse af fejlfindingslogfiler...",
+  "rageshake_sent": "Tak!",
+  "recaptcha_dismissed": "Recaptcha afvist",
+  "recaptcha_not_loaded": "Recaptcha ikke indlæst",
+  "recaptcha_ssla_caption": "Dette websted er beskyttet af ReCAPTCHA og Googles <2>Privatlivspolitik</2> og <6>Servicevilkår</6> gælder.<9></9>Ved at klikke på \"Registrer\" accepterer du vores <12>Software og Services Licensaftale (SSLA)</12>",
+  "register": {
+    "passwords_must_match": "Adgangskoderne skal være identiske",
+    "registering": "Registrering..."
+  },
+  "register_auth_links": "<0>Har du allerede en konto? </0><1><0>Log ind </0> eller <2> få adgang som gæst </2> </1>",
+  "register_confirm_password_label": "Bekræft adgangskode",
+  "register_heading": "Opret din konto",
+  "return_home_button": "Vend tilbage til startskærmen",
+  "room_auth_view_continue_button": "Fortsæt",
+  "room_auth_view_ssla_caption": "Ved at klikke på „Deltag i opkald nu“ accepterer du vores <2> Software og Services Licensaftale (SSLA) </2>",
+  "screenshare_button_label": "Del din skærm",
+  "settings": {
+    "audio_tab": {
+      "effect_volume_description": "Juster den lydstyrke som reaktioner og håndsoprækninger afspilles med.",
+      "effect_volume_label": "Lydstyrke for lydeffekter"
+    },
+    "developer_tab_title": "Udvikler",
+    "devices": {
+      "camera": "Kamera",
+      "camera_numbered": "Kamera {{n}}",
+      "default": "Standard",
+      "default_named": "Standard <2>({{name}})</2>",
+      "microphone": "Mikrofon",
+      "microphone_numbered": "Mikrofon {{n}}",
+      "speaker": "Højttaler",
+      "speaker_numbered": "Højttaler {{n}}"
+    },
+    "feedback_tab_body": "Hvis du oplever problemer eller bare gerne vil give feedback, kan du sende os en kort beskrivelse herunder.",
+    "feedback_tab_description_label": "Din tilbagemelding",
+    "feedback_tab_h4": "Indsend feedback",
+    "feedback_tab_send_logs_label": "Medtag fejlfindingslogfiler",
+    "feedback_tab_thank_you": "Tak, vi har modtaget din feedback!",
+    "feedback_tab_title": "Feedback",
+    "opt_in_description": "<0></0><1></1>Du kan trække dit samtykke tilbage ved at fjerne markeringen i dette felt. Hvis du i øjeblikket er i gang med et opkald, træder denne indstilling i kraft ved afslutningen af opkaldet.",
+    "preferences_tab": {
+      "developer_mode_label": "Udviklertilstand",
+      "developer_mode_label_description": "Aktivér udviklertilstand og vis fanen udviklerindstillinger.",
+      "introduction": "Her kan du konfigurere ekstra muligheder for en forbedret oplevelse.",
+      "reactions_play_sound_description": "Afspil en lydeffekt, når nogen sender en reaktion i et opkald.",
+      "reactions_play_sound_label": "Afspil reaktionslyde",
+      "reactions_show_description": "Vis en animation, når nogen sender en reaktion.",
+      "reactions_show_label": "Vis reaktioner",
+      "show_hand_raised_timer_description": "Vis en timer, når en deltager rækker hånden",
+      "show_hand_raised_timer_label": "Vis varighed af håndsoprækning"
+    }
+  },
+  "star_rating_input_label_one": "{{count}} stjerne",
+  "star_rating_input_label_other": "{{count}} stjerner",
+  "start_new_call": "Start nyt opkald",
+  "start_video_button_label": "Start video",
+  "stop_screenshare_button_label": "Skærmen bliver delt",
+  "stop_video_button_label": "Stop video",
+  "submitting": "Indsender...",
+  "switch_camera": "Skift kamera",
+  "unauthenticated_view_body": "Ikke registreret endnu? <2>Opret en konto </2>",
+  "unauthenticated_view_login_button": "Log ind på din konto",
+  "unauthenticated_view_ssla_caption": "Ved at klikke på \"Start\" accepterer du vores <2>Software og Services Licensaftale (SSLA)</2>",
+  "unmute_microphone_button_label": "Slå mikrofonen til",
+  "version": "{{productName}} version: {{version}}",
+  "video_tile": {
+    "always_show": "Vis altid",
+    "camera_starting": "Indlæser video",
+    "change_fit_contain": "Tilpas til rammen",
+    "collapse": "Fold sammen",
+    "expand": "Udvid",
+    "mute_for_me": "Slå lyden fra for mig",
+    "muted_for_me": "Dæmpet for mig",
+    "volume": "Lydstyrke",
+    "waiting_for_media": "Venter på medier..."
+  }
+}

locales/de/app.json

@@ -61,6 +61,7 @@
     "video": "Video"
   },
   "developer_mode": {
+    "always_show_iphone_earpiece": "iPhone-Ohrhörer-Option auf allen Plattformen anzeigen",
     "crypto_version": "Krypto-Version: {{version}}",
     "debug_tile_layout_label": "Kachel-Layout debuggen",
     "device_id": "Geräte-ID: {{id}}",
@@ -70,10 +71,12 @@
     "livekit_server_info": "LiveKit-Server Informationen",
     "livekit_sfu": "LiveKit SFU: {{url}}",
     "matrix_id": "Matrix-ID: {{id}}",
+    "mute_all_audio": "Stummschalten aller Audiosignale (Teilnehmer, Reaktionen, Beitrittsgeräusche)",
     "show_connection_stats": "Verbindungsstatistiken anzeigen",
     "show_non_member_tiles": "Kacheln für Nicht-Mitgliedermedien anzeigen",
     "url_params": "URL-Parameter",
-    "use_new_membership_manager": "Neuen MembershipManager verwenden"
+    "use_new_membership_manager": "Neuen MembershipManager verwenden",
+    "use_to_device_key_transport": "To-Device media E2EE Schlüssel-Transport verwenden. Falls ein anderer Teilnehmer bereits den Raumschlüssel-Transport verwendet, wird automatisch auf Raumschlüssel-Transport zurückgegriffen."
   },
   "disconnected_banner": "Die Verbindung zum Server wurde getrennt.",
   "error": {
@@ -163,12 +166,16 @@
       "effect_volume_description": "Lautstärke anpassen, mit der Reaktionen und Handmeldungen abgespielt werden.",
       "effect_volume_label": "Lautstärke der Soundeffekte"
     },
+    "background_blur_header": "Hintergrund",
+    "background_blur_label": "Unschärfeeffekt für den Hintergrund aktivieren",
+    "blur_not_supported_by_browser": "(Hintergrundunschärfe wird von diesem Gerät nicht unterstützt.)",
     "developer_tab_title": "Entwickler",
     "devices": {
       "camera": "Kamera",
       "camera_numbered": "Kamera {{n}}",
       "default": "Standard",
       "default_named": "Standard<2> ({{name}} )</2>",
+      "earpiece": "Ohrhörer",
       "microphone": "Mikrofon",
       "microphone_numbered": "Mikrofon{{n}}",
       "speaker": "Lautsprecher",

locales/el/app.json

@@ -4,15 +4,30 @@
   },
   "action": {
     "close": "Κλείσιμο",
+    "copy_link": "Αντιγραφή συνδέσμου",
+    "edit": "Επεξεργασία",
     "go": "Μετάβαση",
+    "invite": "Πρόσκληση",
+    "lower_hand": "Κατεβάστε το χέρι",
     "no": "Όχι",
+    "pick_reaction": "Επιλέξτε αντίδραση",
+    "raise_hand": "Σηκώστε το χέρι",
     "register": "Εγγραφή",
     "remove": "Αφαίρεση",
+    "show_less": "Εμφάνιση λιγότερων",
+    "show_more": "Εμφάνιση περισσότερων",
     "sign_in": "Σύνδεση",
     "sign_out": "Αποσύνδεση",
-    "submit": "Υποβολή"
+    "submit": "Υποβολή",
+    "upload_file": "Μεταφόρτωση αρχείου"
+  },
+  "analytics_notice": "Συμμετέχοντας σε αυτή τη δοκιμαστική έκδοση, συναινείτε στη συλλογή ανώνυμων δεδομένων, τα οποία χρησιμοποιούμε για τη βελτίωση του προϊόντος. Μπορείτε να βρείτε περισσότερες πληροφορίες σχετικά με το ποια δεδομένα καταγράφουμε στην <2>Πολιτική απορρήτου</2> και στην <6>Πολιτική cookies</6>.",
+  "app_selection_modal": {
+    "continue_in_browser": "Συνέχεια στο πρόγραμμα περιήγησης",
+    "open_in_app": "Ανοίξτε στην εφαρμογή",
+    "text": "Έτοιμοι να συμμετάσχετε?",
+    "title": "Επιλέξτε εφαρμογή"
   },
-  "analytics_notice": "Συμμετέχοντας σε αυτή τη δοκιμαστική έκδοση, συναινείτε στη συλλογή ανώνυμων δεδομένων, τα οποία χρησιμοποιούμε για τη βελτίωση του προϊόντος. Μπορείτε να βρείτε περισσότερες πληροφορίες σχετικά με το ποια δεδομένα καταγράφουμε στην <2>Πολιτική απορρήτου</2> και στην <5>Πολιτική cookies</5>.",
   "call_ended_view": {
     "create_account_button": "Δημιουργία λογαριασμού",
     "create_account_prompt": "<0>Γιατί να μην ολοκληρώσετε με τη δημιουργία ενός κωδικού πρόσβασης για τη διατήρηση του λογαριασμού σας;</0><1>Θα μπορείτε να διατηρήσετε το όνομά σας και να ορίσετε ένα avatar για χρήση σε μελλοντικές κλήσεις.</1>",
@@ -20,19 +35,45 @@
     "feedback_prompt": "<0>Θα θέλαμε να ακούσουμε τα σχόλιά σας ώστε να βελτιώσουμε την εμπειρία σας.</0>",
     "headline": "{{displayName}}, η κλήση σας τερματίστηκε.",
     "not_now_button": "Όχι τώρα, επιστροφή στην αρχική οθόνη",
+    "reconnect_button": "Επανασύνδεση",
     "survey_prompt": "Πώς σας φάνηκε;"
   },
+  "call_name": "Όνομα κλήσης",
   "common": {
+    "analytics": "Δεδομένα ανάλυσης",
     "audio": "Ήχος",
+    "avatar": "Εικόνα Προφίλ",
+    "back": "Πίσω",
     "display_name": "Εμφανιζόμενο όνομα",
+    "encrypted": "Κρυπτογραφημένο",
     "home": "Αρχική",
     "loading": "Φόρτωση…",
+    "next": "Επόμενο",
+    "options": "Επιλογές",
     "password": "Κωδικός",
+    "preferences": "Προτιμήσεις",
     "profile": "Προφίλ",
+    "reaction": "Αντίδραση",
+    "reactions": "Αντιδράσεις",
     "settings": "Ρυθμίσεις",
+    "unencrypted": "Μη κρυπτογραφημένο",
     "username": "Όνομα χρήστη",
     "video": "Βίντεο"
   },
+  "developer_mode": {
+    "crypto_version": "Έκδοση κρυπτογράφησης: {{version}}",
+    "debug_tile_layout_label": "Διάταξη πλακιδίων εντοπισμού σφαλμάτων",
+    "device_id": "Αναγνωριστικό συσκευής: {{id}}",
+    "duplicate_tiles_label": "Αριθμός επιπλέον αντιγράφων πλακιδίων ανά συμμετέχοντα",
+    "environment_variables": "Μεταβλητές περιβάλλοντος",
+    "hostname": "Όνομα κεντρικού υπολογιστή: {{hostname}}",
+    "livekit_server_info": "Πληροφορίες διακομιστή LiveKit",
+    "livekit_sfu": "LiveKit SFU: {{url}}",
+    "matrix_id": "Αναγνωριστικό Matrix: {{id}}",
+    "show_connection_stats": "Εμφάνιση στατιστικών σύνδεσης",
+    "show_non_member_tiles": "Εμφάνιση πλακιδίων για μέσα μη-μελών",
+    "url_params": "Παράμετροι URL"
+  },
   "header_label": "Element Κεντρική Οθόνη Κλήσεων",
   "join_existing_call_modal": {
     "join_button": "Ναι, συμμετοχή στην κλήση",

locales/en/app.json

@@ -61,6 +61,7 @@
     "video": "Video"
   },
   "developer_mode": {
+    "always_show_iphone_earpiece": "Show iPhone earpiece option on all platforms",
     "crypto_version": "Crypto version: {{version}}",
     "debug_tile_layout_label": "Debug tile layout",
     "device_id": "Device ID: {{id}}",
@@ -70,10 +71,12 @@
     "livekit_server_info": "LiveKit Server Info",
     "livekit_sfu": "LiveKit SFU: {{url}}",
     "matrix_id": "Matrix ID: {{id}}",
+    "mute_all_audio": "Mute all audio (participants, reactions, join sounds)",
     "show_connection_stats": "Show connection statistics",
     "show_non_member_tiles": "Show tiles for non-member media",
     "url_params": "URL parameters",
-    "use_new_membership_manager": "Use the new implementation of the call MembershipManager"
+    "use_new_membership_manager": "Use the new implementation of the call MembershipManager",
+    "use_to_device_key_transport": "Use to device key transport. This will fallback to room key transport when another call member sent a room key"
   },
   "disconnected_banner": "Connectivity to the server has been lost.",
   "error": {
@@ -163,12 +166,17 @@
       "effect_volume_description": "Adjust the volume at which reactions and hand raised effects play.",
       "effect_volume_label": "Sound effect volume"
     },
+    "background_blur_header": "Background",
+    "background_blur_label": "Blur the background of the video",
+    "blur_not_supported_by_browser": "(Background blur is not supported by this device.)",
     "developer_tab_title": "Developer",
     "devices": {
       "camera": "Camera",
       "camera_numbered": "Camera {{n}}",
+      "change_device_button": "Change audio device",
       "default": "Default",
       "default_named": "Default <2>({{name}})</2>",
+      "earpiece": "Earpiece",
       "microphone": "Microphone",
       "microphone_numbered": "Microphone {{n}}",
       "speaker": "Speaker",

locales/es/app.json

@@ -4,7 +4,10 @@
   },
   "action": {
     "close": "Cerrar",
+    "copy_link": "Copiar vínculo",
     "go": "Comenzar",
+    "invite": "Invitar",
+    "no": "No",
     "register": "Registrarse",
     "remove": "Eliminar",
     "sign_in": "Iniciar sesión",
@@ -12,6 +15,12 @@
     "submit": "Enviar"
   },
   "analytics_notice": "Al participar en esta beta, consientes a la recogida de datos anónimos, los cuales usaremos para mejorar el producto. Puedes encontrar más información sobre que datos recogemos en nuestra <2>Política de privacidad</2> y en nuestra <5>Política sobre Cookies</5>.",
+  "app_selection_modal": {
+    "continue_in_browser": "Continuar en el navegador",
+    "open_in_app": "Abrir en la aplicación",
+    "text": "¿Listo para unirte?",
+    "title": "Selecciona aplicación"
+  },
   "call_ended_view": {
     "create_account_button": "Crear cuenta",
     "create_account_prompt": "<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>",

locales/et/app.json

@@ -5,16 +5,23 @@
   "action": {
     "close": "Sulge",
     "copy_link": "Kopeeri link",
+    "edit": "Muuda",
     "go": "Jätka",
     "invite": "Kutsu",
+    "lower_hand": "Lase käsi alla",
     "no": "Ei",
+    "pick_reaction": "Vali reaktsioon",
+    "raise_hand": "Anna käega märku",
     "register": "Registreeru",
     "remove": "Eemalda",
+    "show_less": "Näita vähem",
+    "show_more": "Näita rohkem",
     "sign_in": "Logi sisse",
     "sign_out": "Logi välja",
-    "submit": "Saada"
+    "submit": "Saada",
+    "upload_file": "Laadi fail üles"
   },
-  "analytics_notice": "Nõustudes selle beetaversiooni kasutamisega sa nõustud ka toote arendamiseks kasutatavate anonüümsete andmete kogumisega. Täpsemat teavet kogutavate andmete kohta leiad meie <2>Privaatsuspoliitikast</2> ja meie <5>Küpsiste kasutamise reeglitest</5>.",
+  "analytics_notice": "Nõustudes selle beetaversiooni kasutamisega, sa nõustud ka toote arendamiseks kasutatavate anonüümsete andmete kogumisega. Täpsemat teavet kogutavate andmete kohta leiad meie <2>Privaatsuspoliitikast</2> ja meie <6>Küpsiste kasutamise reeglitest</6>.",
   "app_selection_modal": {
     "continue_in_browser": "Jätka veebibrauseris",
     "open_in_app": "Ava rakenduses",
@@ -33,20 +40,72 @@
   },
   "call_name": "Kõne nimi",
   "common": {
+    "analytics": "Analüütika",
     "audio": "Heli",
     "avatar": "Tunnuspilt",
+    "back": "Tagasi",
     "display_name": "Kuvatav nimi",
     "encrypted": "Krüptitud",
-    "home": "Avavaatesse",
+    "home": "Kodu",
     "loading": "Laadimine …",
+    "next": "Edasi",
+    "options": "Valikud",
     "password": "Salasõna",
+    "preferences": "Eelistused",
     "profile": "Profiil",
+    "reaction": "Reaktsioon",
+    "reactions": "Reageerimised",
     "settings": "Seadistused",
     "unencrypted": "Krüptimata",
-    "username": "Kasutajanimi"
+    "username": "Kasutajanimi",
+    "video": "Video"
+  },
+  "developer_mode": {
+    "crypto_version": "Krüptoteekide versioon: {{version}}",
+    "debug_tile_layout_label": "Meediapaanide paigutus",
+    "device_id": "Seadme tunnus: {{id}}",
+    "duplicate_tiles_label": "Täiendavaid vaadete koopiaid osaleja kohta",
+    "environment_variables": "Keskkonnamuutujad",
+    "hostname": "Hosti nimi: {{hostname}}",
+    "livekit_server_info": "LiveKiti serveri teave",
+    "livekit_sfu": "LiveKit SFU: {{url}}",
+    "matrix_id": "Matrixi kasutajatunnus: {{id}}",
+    "mute_all_audio": "Summuta kõik helid (osalejad, regeerimised, liitumise helid)",
+    "show_connection_stats": "Näita ühenduse statistikat",
+    "show_non_member_tiles": "Näita ka mitteseotud meedia paane",
+    "url_params": "Võrguaadressi parameetrid",
+    "use_new_membership_manager": "Kasuta kõne liikmelisuse halduri (MembershipManager) uut implementatsiooni",
+    "use_to_device_key_transport": "Kasuta seadmepõhist krüptovõtmete vahetust. Kui jututoa liige peaks saatma jututoakohase krüptovõtme, siis kasuta jututoakohast võtmevahetust"
   },
   "disconnected_banner": "Võrguühendus serveriga on katkenud.",
+  "error": {
+    "call_is_not_supported": "Kõne pole toetatud",
+    "call_not_found": "Kõnet ei leidu",
+    "call_not_found_description": "<0>See link ei tundu olema seotud ühegi olemasoleva kõnega. Kontrolli, et sul on õige link või <1>loo uus</1>.</0>",
+    "connection_lost": "Ühendus on katkenud",
+    "connection_lost_description": "Sinu ühendus selle kõnega on katkenud.",
+    "e2ee_unsupported": "Mitteühilduv brauser",
+    "e2ee_unsupported_description": "Sinu veebibrauser ei toeta krüptitud kõnesid. Toimivad veebibrauserid on Chrome, Safari, ja Firefox 117+.",
+    "generic": "Midagi läks valesti",
+    "generic_description": "Silumis- ja vealogide saatmine võib aidata meid vea põhjuseni jõuda.",
+    "insufficient_capacity": "Mittepiisav jõudlus",
+    "insufficient_capacity_description": "Serveri jõudluse ülempiir on hetkel ületatud ja sa ei saa hetkel selle kõnega liituda. Proovi hiljem uuesti või kui probleem kestab kauem, siis võta ühendust serveri haldajaga.",
+    "matrix_rtc_focus_missing": "See server pole seadistatud töötama rakendusega {{brand}}. Palun võta ühendust serveri halduriga (domeen: {{domain}}, veakood: {{ errorCode }}).",
+    "open_elsewhere": "Avatud teisel vahekaardil",
+    "open_elsewhere_description": "{{brand}} on avatud teisel vahekaardil. Kui see ei tundu olema õige, proovi selle lehe uuesti laadimist.",
+    "unexpected_ec_error": "Tekkis ootamatu viga (<0>Veakood:</0> <1>{{ errorCode }}</1>). Palun võta ühendust serveri haldajaga."
+  },
+  "group_call_loader": {
+    "banned_body": "Sa oled saanud selles jututoas suhtluskeelu",
+    "banned_heading": "Suhtluskeeld",
+    "call_ended_body": "Sa oled sellest kõnest eemaldatud.",
+    "call_ended_heading": "Kõne lõppes",
+    "knock_reject_body": "Jututoa liikmed ei nõustunud sinu liitumispalvega.",
+    "knock_reject_heading": "Liitumine pole lubatud",
+    "reason": "Põhjus"
+  },
   "hangup_button_label": "Lõpeta kõne",
+  "header_label": "Avaleht: Element Call",
   "header_participants_label": "Osalejad",
   "invite_modal": {
     "link_copied_toast": "Link on kopeeritud lõikelauale",
@@ -60,15 +119,24 @@
   "layout_grid_label": "Ruudustik",
   "layout_spotlight_label": "Rambivalgus",
   "lobby": {
-    "join_button": "Kõnega liitumine",
-    "leave_button": "Tagasi hiljutiste kõnede juurde"
+    "ask_to_join": "Küsi võimalust liituda kõnega",
+    "join_as_guest": "Liitu külalisena",
+    "join_button": "Liitu kõnega",
+    "leave_button": "Tagasi hiljutiste kõnede juurde",
+    "waiting_for_invite": "Päring on saadetud"
   },
-  "logging_in": "Sisselogimine …",
-  "login_auth_links": "<0>Loo konto</0> Või <2>Sisene külalisena</2>",
+  "log_in": "Logi sisse",
+  "logging_in": "Logime sisse…",
+  "login_auth_links": "<0>Loo konto</0> või <2>Sisene külalisena</2>",
+  "login_auth_links_prompt": "Sa pole veel registreerunud?",
+  "login_subheading": "Jätka rakenduses Element",
   "login_title": "Sisselogimine",
   "microphone_off": "Mikrofon ei tööta",
   "microphone_on": "Mikrofon töötab",
   "mute_microphone_button_label": "Summuta mikrofon",
+  "participant_count_one": "{{count, number}}",
+  "participant_count_other": "{{count, number}}",
+  "qr_code": "QR-kood",
   "rageshake_button_error_caption": "Proovi uuesti logisid saata",
   "rageshake_request_modal": {
     "body": "Ühel teisel selles kõnes osalejal on lahenduse kasutamisel tekkinud probleem ning selle põhjuse leidmiseks me sooviksime koguda silumislogisid.",
@@ -80,33 +148,78 @@
   "rageshake_sent": "Tänud!",
   "recaptcha_dismissed": "Robotilõks on vahele jäetud",
   "recaptcha_not_loaded": "Robotilõks pole laetud",
+  "recaptcha_ssla_caption": "Selle saidi kaitsmiseks on kasutusel ReCAPTCHA ning rakenduvad Google'i <2>Privaatusreeglid</2> ja <6>Kasutustingimused</6>.<9></9>Klõpsides „Registreeru“ nõustud sa meie <12>Tarkvara ja teenuste litsentseerimise lepinguga (Software and Services License Agreement - SSLA)</12>",
   "register": {
     "passwords_must_match": "Salasõnad ei klapi",
     "registering": "Registreerimine…"
   },
-  "register_auth_links": "<0>On sul juba konto?</0><1><0>Logi sisse</0> Või <2>Logi sisse külalisena</2></1>",
+  "register_auth_links": "<0>On sul juba konto?</0><1><0>Logi sisse</0> või <2>Logi sisse külalisena</2></1>",
   "register_confirm_password_label": "Kinnita salasõna",
+  "register_heading": "Loo omale konto",
   "return_home_button": "Tagasi avalehele",
+  "room_auth_view_continue_button": "Jätka",
+  "room_auth_view_ssla_caption": "Klõpsides „Liitu kõnega“ nõustud sa meie <2>Tarkvara ja teenuste litsentseerimise lepinguga (Software and Services License Agreement - SSLA)</2>",
   "screenshare_button_label": "Jaga ekraani",
   "settings": {
+    "audio_tab": {
+      "effect_volume_description": "Häälesta helivaljust, mida kasutatakse käe tõstmisel ja regeerimisel",
+      "effect_volume_label": "Efektide helivajlus"
+    },
+    "background_blur_header": "Taust",
+    "background_blur_label": "Hägusta video taust",
+    "blur_not_supported_by_browser": "(Tausta hägustamine pole selles seadmes toetatud.)",
     "developer_tab_title": "Arendaja",
+    "devices": {
+      "camera": "Kaamera",
+      "camera_numbered": "Kaamera {{n}}",
+      "default": "Vaikimisi",
+      "default_named": "Vaikimisi <2>({{name}})</2>",
+      "microphone": "Mikrofon",
+      "microphone_numbered": "Mikrofon {{n}}",
+      "speaker": "Kõlar",
+      "speaker_numbered": "Kõlar {{n}}"
+    },
     "feedback_tab_body": "Kui selle rakenduse kasutamisel tekib sul probleeme või lihtsalt soovid oma arvamust avaldada, siis palun täida alljärgnev lühike kirjeldus.",
     "feedback_tab_description_label": "Sinu tagasiside",
     "feedback_tab_h4": "Jaga tagasisidet",
     "feedback_tab_send_logs_label": "Lisa veatuvastuslogid",
     "feedback_tab_thank_you": "Tänud, me oleme sinu tagasiside kätte saanud!",
     "feedback_tab_title": "Tagasiside",
-    "opt_in_description": "<0></0><1></1>Sa võid selle valiku eelmaldamisega alati oma nõusoleku tagasi võtta. Kui sul parasjagu on kõne pooleli, siis seadistuste muudatus jõustub pärast kõne lõppu."
+    "opt_in_description": "<0></0><1></1>Sa võid selle valiku eelmaldamisega alati oma nõusoleku tagasi võtta. Kui sul parasjagu on kõne pooleli, siis seadistuste muudatus jõustub pärast kõne lõppu.",
+    "preferences_tab": {
+      "developer_mode_label": "Arendajate režiim",
+      "developer_mode_label_description": "Kasuta arendusrežiimi ja näita asjakohaseid seadistusi.",
+      "introduction": "Parema kasutuskogemuse nimel saad siin seadistada täiendavaid eelistusi.",
+      "reactions_play_sound_description": "Kui keegi lisab käimasolevale kõnele reaktsiooni, siis täienda seda heliefektiga.",
+      "reactions_play_sound_label": "Lisa reageerimistele heli",
+      "reactions_show_description": "Näita reageerimisi",
+      "reactions_show_label": "Kui keegi reageerib, siis näita seda animatsioonina",
+      "show_hand_raised_timer_description": "Kui osaleja annab käetõstmisega märku, siis kuva ka kestuse taimer",
+      "show_hand_raised_timer_label": "Näita käega märkuandmise kestust"
+    }
   },
-  "star_rating_input_label_one": "{{count}} tärni",
+  "star_rating_input_label_one": "{{count}} tärn",
   "star_rating_input_label_other": "{{count}} tärni",
   "start_new_call": "Algata uus kõne",
   "start_video_button_label": "Lülita videovoog sisse",
   "stop_screenshare_button_label": "Ekraanivaade on jagamisel",
   "stop_video_button_label": "Peata videovoog",
   "submitting": "Saadan…",
+  "switch_camera": "Vaheta kaamerat",
   "unauthenticated_view_body": "Sa pole veel registreerunud? <2>Loo kasutajakonto</2>",
   "unauthenticated_view_login_button": "Logi oma kontosse sisse",
+  "unauthenticated_view_ssla_caption": "Klõpsides „Jätka“ nõustud sa meie <2>Tarkvara ja teenuste litsentseerimise lepinguga (Software and Services License Agreement - SSLA)</2>",
   "unmute_microphone_button_label": "Lülita mikrofon sisse",
-  "version": "Versioon: {{version}}"
+  "version": "{{productName}}, versioon: {{version}}",
+  "video_tile": {
+    "always_show": "Näita alati",
+    "camera_starting": "Video on laadimisel...",
+    "change_fit_contain": "Mahuta aknasse",
+    "collapse": "Näita vähem",
+    "expand": "Näita rohkem",
+    "mute_for_me": "Summuta minu jaoks",
+    "muted_for_me": "Minule summutatud",
+    "volume": "Helivaljus",
+    "waiting_for_media": "Ootame kuni meedia on olemas..."
+  }
 }

locales/fi/app.json

@@ -0,0 +1,224 @@
+{
+  "a11y": {
+    "user_menu": "Käyttäjävalikko"
+  },
+  "action": {
+    "close": "Sulje",
+    "copy_link": "Kopioi linkki",
+    "edit": "Muokkaa",
+    "go": "Siirry",
+    "invite": "Kutsu",
+    "lower_hand": "Laske käsi",
+    "no": "Ei",
+    "pick_reaction": "Valitse reaktio",
+    "raise_hand": "Nosta käsi",
+    "register": "Rekisteröidy",
+    "remove": "Poista",
+    "show_less": "Näytä vähemmän",
+    "show_more": "Näytä lisää",
+    "sign_in": "Kirjaudu sisään",
+    "sign_out": "Kirjaudu ulos",
+    "submit": "Lähetä",
+    "upload_file": "Lähetä tiedosto"
+  },
+  "analytics_notice": "Osallistumalla tähän betaan hyväksyt nimettömien tietojen keräämisen, joita käytämme tuotteen parantamiseen. Löydät lisätietoa siitä, mitä tietoja seuraamme meidän <2> Tietosuojakäytännöstä</2> ja <6>Evästekäytännöstä</6> .",
+  "app_selection_modal": {
+    "continue_in_browser": "Jatka selaimessa",
+    "open_in_app": "Avaa sovelluksessa",
+    "text": "Oletko valmis liittymään?",
+    "title": "Valitse sovellus"
+  },
+  "call_ended_view": {
+    "create_account_button": "Luo tili",
+    "create_account_prompt": "<0>Miksi et viimeistelisi määrittämällä salasanaa tilisi säilyttämiseksi?</0><1>Voit säilyttää nimesi ja asettaa avatarin käytettäväksi tulevissa puheluissa</1>",
+    "feedback_done": "<0>Kiitos palautteestasi!</0>",
+    "feedback_prompt": "<0>Haluaisimme kuulla palautteesi, jotta voimme parantaa käyttökokemustasi.</0>",
+    "headline": "{{displayName}}, puhelusi on päättynyt.",
+    "not_now_button": "Ei nyt, palaa aloitusnäyttöön",
+    "reconnect_button": "Yhdistä uudelleen",
+    "survey_prompt": "Miten se meni?"
+  },
+  "call_name": "Puhelun nimi",
+  "common": {
+    "analytics": "Analytiikka",
+    "audio": "Ääni",
+    "avatar": "Avatar",
+    "back": "Takaisin",
+    "display_name": "Näyttönimi",
+    "encrypted": "Salattu",
+    "home": "Etusivu",
+    "loading": "Ladataan...",
+    "next": "Seuraava",
+    "options": "Vaihtoehdot",
+    "password": "Salasana",
+    "preferences": "Asetukset",
+    "profile": "Profiili",
+    "reaction": "Reaktio",
+    "reactions": "Reaktiot",
+    "settings": "Asetukset",
+    "unencrypted": "Ei salattu",
+    "username": "Käyttäjänimi",
+    "video": "Video"
+  },
+  "developer_mode": {
+    "crypto_version": "Kryptoversio: {{version}}",
+    "debug_tile_layout_label": "Laattojen asettelun vianmääritys",
+    "device_id": "Laitteen tunnus: {{id}}",
+    "duplicate_tiles_label": "Lisälaattakopioiden määrä osallistujaa kohti",
+    "environment_variables": "Ympäristömuuttujat",
+    "hostname": "Isäntänimi: {{hostname}}",
+    "livekit_server_info": "LiveKit-palvelimen tiedot",
+    "livekit_sfu": "LiveKit SFU: {{url}}",
+    "matrix_id": "Matrix tunnus: {{id}}",
+    "show_connection_stats": "Näytä yhteystilastot",
+    "show_non_member_tiles": "Näytä laatat ei-jäsenien medialle",
+    "url_params": "URL-parametrit",
+    "use_new_membership_manager": "Käytä uutta puhelun MembershipManagerin toteutusta",
+    "use_to_device_key_transport": "Käytä laitteen avainten kuljetusta. Tämä palaa huoneen avainten siirtoon, kun toinen puhelun jäsen lähettää huoneavaimen"
+  },
+  "disconnected_banner": "Yhteys palvelimeen on katkennut.",
+  "error": {
+    "call_is_not_supported": "Puhelua ei tueta",
+    "call_not_found": "Puhelua ei löydy",
+    "call_not_found_description": "<0>Kyseinen linkki ei näytä kuuluvan mihinkään olemassa olevaan puheluun. Tarkista, että sinulla on oikea linkki, tai <1>luo uusi linkki</1>.</0>",
+    "connection_lost": "Yhteys katkesi",
+    "connection_lost_description": "Sinut katkaistiin puhelusta.",
+    "e2ee_unsupported": "Yhteensopimaton selain",
+    "e2ee_unsupported_description": "Verkkoselaimesi ei tue salattuja puheluita. Tuettuja selaimia ovat Chrome, Safari ja Firefox 117+.",
+    "generic": "Jokin meni pieleen",
+    "generic_description": "Vianmäärityslokien lähettäminen auttaa meitä jäljittämään ongelman.",
+    "insufficient_capacity": "Riittämätön kapasiteetti",
+    "insufficient_capacity_description": "Palvelin on saavuttanut maksimikapasiteettinsa, etkä voi liittyä puheluun tällä hetkellä. Yritä myöhemmin uudelleen tai ota yhteyttä palvelimen ylläpitäjään, jos ongelma jatkuu.",
+    "matrix_rtc_focus_missing": "Palvelinta ei ole määritetty toimimaan {{brand}} -sovelluksen kanssa. Ota yhteyttä palvelimen ylläpitäjään (Verkkotunnus: {{domain}}, Virhekoodi: {{ errorCode }}).",
+    "open_elsewhere": "Avattu toisessa välilehdessä",
+    "open_elsewhere_description": "{{brand}} on avattu toisessa välilehdessä. Jos tämä ei kuulosta oikealta, yritä ladata sivu uudelleen.",
+    "unexpected_ec_error": "Tapahtui odottamaton virhe (<0>Virhekoodi:</0> <1>{{ errorCode }}</1>). Ota yhteyttä palvelimen ylläpitäjään."
+  },
+  "group_call_loader": {
+    "banned_body": "Sinulle on annettu porttikielto huoneesta.",
+    "banned_heading": "Kielletty",
+    "call_ended_body": "Sinut on poistettu puhelusta.",
+    "call_ended_heading": "Puhelu päättyi",
+    "knock_reject_body": "Liittymispyyntösi hylättiin.",
+    "knock_reject_heading": "Pääsy kielletty",
+    "reason": "Syy: {{reason}}"
+  },
+  "hangup_button_label": "Lopeta puhelu",
+  "header_label": "Element Call Etusivu",
+  "header_participants_label": "Osallistujat",
+  "invite_modal": {
+    "link_copied_toast": "Linkki kopioitu leikepöydälle",
+    "title": "Kutsu tähän puheluun"
+  },
+  "join_existing_call_modal": {
+    "join_button": "Kyllä, liity puheluun",
+    "text": "Tämä puhelu on jo olemassa, haluatko liittyä siihen?",
+    "title": "Liity olemassa olevaan puheluun?"
+  },
+  "layout_grid_label": "Ruudukko",
+  "layout_spotlight_label": "Valokeila",
+  "lobby": {
+    "ask_to_join": "Pyydä liittymistä puheluun",
+    "join_as_guest": "Liity vieraana",
+    "join_button": "Liity puheluun",
+    "leave_button": "Takaisin viimeisimpiin puheluihin",
+    "waiting_for_invite": "Pyyntö lähetetty! Odotetaan lupaa liittyä…"
+  },
+  "log_in": "Kirjaudu sisään",
+  "logging_in": "Kirjaudutaan sisään…",
+  "login_auth_links": "<0>Luo tili</0> tai <2>Käytä vieraana</2>",
+  "login_auth_links_prompt": "Etkö ole vielä rekisteröitynyt?",
+  "login_subheading": "Jatkaaksesi Elementiin",
+  "login_title": "Kirjaudu sisään",
+  "microphone_off": "Mikrofoni pois päältä",
+  "microphone_on": "Mikrofoni päällä",
+  "mute_microphone_button_label": "Mykistä mikrofoni",
+  "participant_count_one": "{{count, number}}",
+  "participant_count_other": "{{count, number}}",
+  "qr_code": "QR-koodi",
+  "rageshake_button_error_caption": "Yritä uudelleen lokien lähettämistä",
+  "rageshake_request_modal": {
+    "body": "Toisella käyttäjällä tässä puhelussa on ongelma. Jotta voimme diagnosoida nämä ongelmat paremmin, haluaisimme kerätä virheenkorjauslokin.",
+    "title": "Virheenkorjauslokipyyntö"
+  },
+  "rageshake_send_logs": "Lähetä virheenkorjauslokit",
+  "rageshake_sending": "Lähetetään…",
+  "rageshake_sending_logs": "Lähetetään virheenkorjauslokeja…",
+  "rageshake_sent": "Kiitos!",
+  "recaptcha_dismissed": "Recaptcha hylätty",
+  "recaptcha_not_loaded": "Recaptcha ei ole ladattu",
+  "recaptcha_ssla_caption": "Tämä sivusto on suojattu ReCAPTCHA:lla, ja siihen sovelletaan Googlen <2>Tietosuojakäytäntöä</2> ja <6>Palveluehtoja</6>.<9></9>Klikkaamalla \"Rekisteröidy\" hyväksyt <12>ohjelmisto- ja palvelulisenssisopimuksen (SSLA)</12>",
+  "register": {
+    "passwords_must_match": "Salasanojen on täsmättävä",
+    "registering": "Rekisteröidään…"
+  },
+  "register_auth_links": "<0>Onko sinulla jo tili?</0><1><0>Kirjaudu sisään</0> tai <2>Käytä vieraana</2></1>",
+  "register_confirm_password_label": "Vahvista salasana",
+  "register_heading": "Luo tilisi",
+  "return_home_button": "Palaa aloitusnäyttöön",
+  "room_auth_view_continue_button": "Jatka",
+  "room_auth_view_ssla_caption": "Klikkaamalla \"Liity puheluun nyt\" hyväksyt <2>ohjelmisto- ja palvelulisenssisopimuksen (SSLA)</2>",
+  "screenshare_button_label": "Jaa näyttö",
+  "settings": {
+    "audio_tab": {
+      "effect_volume_description": "Säädä äänenvoimakkuutta, jolla reaktioiden ja käden nostojen ääniefektit toistetaan.",
+      "effect_volume_label": "Ääniefektien äänenvoimakkuus"
+    },
+    "background_blur_header": "Tausta",
+    "background_blur_label": "Sumenna videon tausta",
+    "blur_not_supported_by_browser": "(Tämä laite ei tue taustan sumennusta.)",
+    "developer_tab_title": "Kehittäjä",
+    "devices": {
+      "camera": "Kamera",
+      "camera_numbered": "Kamera {{n}}",
+      "default": "Oletus",
+      "default_named": "Oletus <2>({{name}})</2>",
+      "microphone": "Mikrofoni",
+      "microphone_numbered": "Mikrofoni {{n}}",
+      "speaker": "Kaiutin",
+      "speaker_numbered": "Kaiutin {{n}}"
+    },
+    "feedback_tab_body": "Jos sinulla on ongelmia tai haluat vain antaa palautetta, lähetä meille lyhyt kuvaus alla.",
+    "feedback_tab_description_label": "Palautteesi",
+    "feedback_tab_h4": "Lähetä palautetta",
+    "feedback_tab_send_logs_label": "Sisällytä virheenkorjauslokit",
+    "feedback_tab_thank_you": "Kiitos, saimme palautteesi!",
+    "feedback_tab_title": "Palaute",
+    "opt_in_description": "<0></0><1></1>Voit peruuttaa suostumuksesi poistamalla tämän ruudun valinnan. Jos puhelu on käynnissä, tämä asetus tulee voimaan puhelun lopussa.",
+    "preferences_tab": {
+      "developer_mode_label": "Kehittäjätila",
+      "developer_mode_label_description": "Ota kehittäjätila käyttöön ja näytä kehittäjäasetukset-välilehti.",
+      "introduction": "Täällä voit määrittää lisävaihtoehtoja parempaa käyttökokemusta varten.",
+      "reactions_play_sound_description": "Toista äänitefekti, kun joku lähettää reaktion puheluun.",
+      "reactions_play_sound_label": "Toista reaktioäänet",
+      "reactions_show_description": "Näytä animaatio, kun joku lähettää reaktion.",
+      "reactions_show_label": "Näytä reaktiot",
+      "show_hand_raised_timer_description": "Näytä ajastin, kun osallistuja nostaa kätensä",
+      "show_hand_raised_timer_label": "Näytä kädennoston kesto"
+    }
+  },
+  "star_rating_input_label_one": "{{count}} tähti",
+  "star_rating_input_label_other": "{{count}} tähteä",
+  "start_new_call": "Aloita uusi puhelu",
+  "start_video_button_label": "Aloita video",
+  "stop_screenshare_button_label": "Jaetaan näyttöä",
+  "stop_video_button_label": "Lopeta video",
+  "submitting": "Lähetetään…",
+  "switch_camera": "Vaihda kameraa",
+  "unauthenticated_view_body": "Etkö ole vielä rekisteröitynyt? <2>Luo tili</2>",
+  "unauthenticated_view_login_button": "Kirjaudu tilillesi",
+  "unauthenticated_view_ssla_caption": "Klikkaamalla \"Siirry\" hyväksyt <2>ohjelmisto- ja palvelulisenssisopimuksen (SSLA)</2>",
+  "unmute_microphone_button_label": "Poista mikrofonin mykistys",
+  "version": "{{productName}} versio: {{version}}",
+  "video_tile": {
+    "always_show": "Näytä aina",
+    "camera_starting": "Videota ladataan...",
+    "change_fit_contain": "Sovita kehykseen",
+    "collapse": "Supista",
+    "expand": "Laajenna",
+    "mute_for_me": "Mykistä minulle",
+    "muted_for_me": "Mykistetty minulle",
+    "volume": "Äänenvoimakkuus",
+    "waiting_for_media": "Odotetaan mediaa..."
+  }
+}

locales/id/app.json

@@ -5,14 +5,21 @@
   "action": {
     "close": "Tutup",
     "copy_link": "Salin tautan",
+    "edit": "Sunting",
     "go": "Bergabung",
     "invite": "Undang",
+    "lower_hand": "Turunkan tangan",
     "no": "Tidak",
+    "pick_reaction": "Pilih reaksi",
+    "raise_hand": "Angkat tangan",
     "register": "Daftar",
     "remove": "Hapus",
+    "show_less": "Tampilkan lebih sedikit",
+    "show_more": "Tampilkan lebih banyak",
     "sign_in": "Masuk",
     "sign_out": "Keluar",
-    "submit": "Kirim"
+    "submit": "Kirim",
+    "upload_file": "Unggah berkas"
   },
   "analytics_notice": "Dengan bergabung dalam beta ini, Anda mengizinkan kami untuk mengumpulkan data anonim, yang kami gunakan untuk meningkatkan produk ini. Anda dapat mempelajari lebih lanjut tentang data apa yang kami lacak dalam <2>Kebijakan Privasi</2> dan <5>Kebijakan Kuki</5> kami.",
   "app_selection_modal": {
@@ -33,17 +40,69 @@
   },
   "call_name": "Nama panggilan",
   "common": {
+    "analytics": "Analitik",
+    "audio": "Audio",
+    "avatar": "Avatar",
+    "back": "Kembali",
     "display_name": "Nama tampilan",
     "encrypted": "Terenkripsi",
     "home": "Beranda",
     "loading": "Memuat…",
+    "next": "Berikutnya",
+    "options": "Opsi",
     "password": "Kata sandi",
+    "preferences": "Preferensi",
     "profile": "Profil",
+    "reaction": "Reaksi",
+    "reactions": "Reaksi",
     "settings": "Pengaturan",
     "unencrypted": "Tidak terenkripsi",
-    "username": "Nama pengguna"
+    "username": "Nama pengguna",
+    "video": "Video"
+  },
+  "developer_mode": {
+    "crypto_version": "Versi kripto: {{version}}",
+    "debug_tile_layout_label": "Awakutu tata letak ubin",
+    "device_id": "ID perangkat: {{id}}",
+    "duplicate_tiles_label": "Jumlah salinan ubin tambahan per peserta",
+    "environment_variables": "Variabel lingkungan",
+    "hostname": "Nama hos: {{hostname}}",
+    "livekit_server_info": "Info Server LiveKit",
+    "livekit_sfu": "SFU LiveKit: {{url}}",
+    "matrix_id": "ID Matrix: {{id}}",
+    "show_connection_stats": "Tampilkan statistik koneksi",
+    "show_non_member_tiles": "Tampilkan ubin untuk media non-anggota",
+    "url_params": "Parameter URL",
+    "use_new_membership_manager": "Gunakan implementasi baru dari panggilan MembershipManager",
+    "use_to_device_key_transport": "Gunakan untuk transportasi kunci perangkat. Ini akan kembali ke transportasi kunci ruangan ketika anggota panggilan lain mengirim kunci ruangan"
   },
   "disconnected_banner": "Koneksi ke server telah hilang.",
+  "error": {
+    "call_is_not_supported": "Panggilan tidak didukung",
+    "call_not_found": "Panggilan tidak ditemukan",
+    "call_not_found_description": "<0>Tautan itu tampaknya bukan milik panggilan yang ada. Periksa apakah Anda memiliki tautan yang tepat, atau <1> buat yang baru</1>.</0>",
+    "connection_lost": "Koneksi terputus",
+    "connection_lost_description": "Anda terputus dari panggilan.",
+    "e2ee_unsupported": "Peramban tidak kompatibel",
+    "e2ee_unsupported_description": "Peramban web Anda tidak mendukung panggilan terenkripsi. Peramban yang didukung meliputi Chrome, Safari, dan Firefox 117+.",
+    "generic": "Ada yang salah",
+    "generic_description": "Mengirimkan log awakutu akan membantu kami melacak masalah.",
+    "insufficient_capacity": "Kapasitas tidak mencukupi",
+    "insufficient_capacity_description": "Server telah mencapai kapasitas maksimum dan Anda tidak dapat bergabung dalam panggilan saat ini. Coba lagi nanti, atau hubungi admin server Anda jika masalah masih berlanjut.",
+    "matrix_rtc_focus_missing": "Server tidak dikonfigurasi untuk bekerja dengan {{brand}}. Silakan hubungi admin server Anda (Domain: {{domain}}, Kode Kesalahan: {{ errorCode }}).",
+    "open_elsewhere": "Dibuka di tab lain",
+    "open_elsewhere_description": "{{brand}} telah dibuka di tab lain. Jika sepertinya tidak benar, coba muat ulang halaman.",
+    "unexpected_ec_error": "Terjadi kesalahan tak terduga (<0> Kode Kesalahan:</0><1>{{ errorCode }}</1>). Silakan hubungi admin server Anda."
+  },
+  "group_call_loader": {
+    "banned_body": "Anda telah dilarang dari ruangan.",
+    "banned_heading": "Dilarang",
+    "call_ended_body": "Anda telah dikeluarkan dari panggilan.",
+    "call_ended_heading": "Panggilan berakhir",
+    "knock_reject_body": "Permintaan Anda untuk bergabung ditolak.",
+    "knock_reject_heading": "Akses ditolak",
+    "reason": "Alasan: {{reason}}"
+  },
   "hangup_button_label": "Akhiri panggilan",
   "header_label": "Beranda Element Call",
   "header_participants_label": "Peserta",
@@ -59,15 +118,23 @@
   "layout_grid_label": "Kisi",
   "layout_spotlight_label": "Sorotan",
   "lobby": {
+    "ask_to_join": "Permintaan untuk bergabung dalam panggilan",
+    "join_as_guest": "Bergabung sebagai tamu",
     "join_button": "Bergabung ke panggilan",
-    "leave_button": "Kembali ke terkini"
+    "leave_button": "Kembali ke terkini",
+    "waiting_for_invite": "Permintaan terkirim! Menunggu izin untuk bergabung…"
   },
+  "log_in": "Masuk",
   "logging_in": "Memasuki…",
   "login_auth_links": "<0>Buat akun</0> Atau <2>Akses sebagai tamu</2>",
+  "login_auth_links_prompt": "Belum terdaftar?",
+  "login_subheading": "Untuk melanjutkan ke Element",
   "login_title": "Masuk",
   "microphone_off": "Mikrofon dimatikan",
   "microphone_on": "Mikrofon dinyalakan",
   "mute_microphone_button_label": "Matikan mikrofon",
+  "participant_count_other": "{{count, number}}",
+  "qr_code": "Kode QR",
   "rageshake_button_error_caption": "Kirim ulang catatan",
   "rageshake_request_modal": {
     "body": "Pengguna yang lain di panggilan ini sedang mengalami masalah. Supaya dapat mendiagnosa masalah ini, kami ingin mengumpulkan sebuah catatan pengawakutuan.",
@@ -79,23 +146,55 @@
   "rageshake_sent": "Terima kasih!",
   "recaptcha_dismissed": "Recaptcha ditutup",
   "recaptcha_not_loaded": "Recaptcha tidak dimuat",
+  "recaptcha_ssla_caption": "Situs ini dilindungi oleh ReCAPTCHA dan <2>Kebijakan Privasi</2> dan <6>Ketentuan Layanan</6> Google berlaku.<9></9>Dengan mengeklik \"Daftar\", Anda menyetujui <12>Perjanjian Lisensi Perangkat Lunak dan Layanan (SSLA) kami</12>",
   "register": {
     "passwords_must_match": "Kata sandi harus cocok",
     "registering": "Mendaftarkan…"
   },
   "register_auth_links": "<0>Sudah punya akun?</0><1><0>Masuk</0> Atau <2>Akses sebagai tamu</2></1>",
   "register_confirm_password_label": "Konfirmasi kata sandi",
+  "register_heading": "Buat akun Anda",
   "return_home_button": "Kembali ke layar beranda",
+  "room_auth_view_continue_button": "Lanjutkan",
+  "room_auth_view_ssla_caption": "Dengan mengeklik “Gabung panggilan sekarang”, Anda menyetujui <2>Perjanjian Lisensi Perangkat Lunak dan Layanan (SSLA) kami</2>",
   "screenshare_button_label": "Bagikan layar",
   "settings": {
+    "audio_tab": {
+      "effect_volume_description": "Sesuaikan volume saat reaksi dan efek tangan terangkat diputar.",
+      "effect_volume_label": "Volume efek suara"
+    },
+    "background_blur_header": "Latar belakang",
+    "background_blur_label": "Buramkan latar belakang video",
+    "blur_not_supported_by_browser": "(Pemburaman latar belakang tidak didukung oleh perangkat ini.)",
     "developer_tab_title": "Pengembang",
+    "devices": {
+      "camera": "Kamera",
+      "camera_numbered": "Kamera {{n}}",
+      "default": "Bawaan",
+      "default_named": "Bawaan <2>({{name}})</2>",
+      "microphone": "Mikrofon",
+      "microphone_numbered": "Mikrofon {{n}}",
+      "speaker": "Speaker",
+      "speaker_numbered": "Speaker {{n}}"
+    },
     "feedback_tab_body": "Jika Anda mengalami masalah atau hanya ingin memberikan masukan, silakan kirimkan kami deskripsi pendek di bawah.",
     "feedback_tab_description_label": "Masukan Anda",
     "feedback_tab_h4": "Kirim masukan",
     "feedback_tab_send_logs_label": "Termasuk catatan pengawakutuan",
     "feedback_tab_thank_you": "Terima kasih, kami telah menerima masukan Anda!",
     "feedback_tab_title": "Masukan",
-    "opt_in_description": "<0></0><1></1>Anda dapat mengurungkan kembali izin dengan mencentang kotak ini. Jika Anda saat ini dalam panggilan, pengaturan ini akan diterapkan di akhir panggilan."
+    "opt_in_description": "<0></0><1></1>Anda dapat mengurungkan kembali izin dengan mencentang kotak ini. Jika Anda saat ini dalam panggilan, pengaturan ini akan diterapkan di akhir panggilan.",
+    "preferences_tab": {
+      "developer_mode_label": "Mode pengembang",
+      "developer_mode_label_description": "Aktifkan mode pengembang dan tampilkan tab pengaturan pengembang.",
+      "introduction": "Di sini Anda dapat mengonfigurasi opsi tambahan untuk pengalaman yang lebih baik.",
+      "reactions_play_sound_description": "Mainkan efek suara ketika seseorang mengirim reaksi ke panggilan.",
+      "reactions_play_sound_label": "Putar suara reaksi",
+      "reactions_show_description": "Tampilkan animasi ketika ada yang mengirimkan reaksi.",
+      "reactions_show_label": "Tampilkan reaksi",
+      "show_hand_raised_timer_description": "Tampilkan pengatur waktu saat peserta mengangkat tangannya",
+      "show_hand_raised_timer_label": "Tampilkan durasi angkat tangan"
+    }
   },
   "star_rating_input_label_one": "{{count}} bintang",
   "star_rating_input_label_other": "{{count}} bintang",
@@ -104,8 +203,21 @@
   "stop_screenshare_button_label": "Berbagi layar",
   "stop_video_button_label": "Matikan video",
   "submitting": "Mengirim…",
+  "switch_camera": "Ganti kamera",
   "unauthenticated_view_body": "Belum terdaftar? <2>Buat sebuah akun</2>",
   "unauthenticated_view_login_button": "Masuk ke akun Anda",
+  "unauthenticated_view_ssla_caption": "Dengan mengeklik \"Go\", Anda menyetujui <2>Perjanjian Lisensi Perangkat Lunak dan Layanan (SSLA) kami</2>",
   "unmute_microphone_button_label": "Nyalakan mikrofon",
-  "version": "Versi: {{version}}"
+  "version": "Versi: {{version}}",
+  "video_tile": {
+    "always_show": "Selalu tampilkan",
+    "camera_starting": "Memuat video...",
+    "change_fit_contain": "Sesuai dengan bingkai",
+    "collapse": "Tutup",
+    "expand": "Buka",
+    "mute_for_me": "Bisukan untuk saya",
+    "muted_for_me": "Dibisukan untuk saya",
+    "volume": "Volume",
+    "waiting_for_media": "Menunggu media..."
+  }
 }

locales/it/app.json

@@ -5,13 +5,21 @@
   "action": {
     "close": "Chiudi",
     "copy_link": "Copia collegamento",
+    "edit": "Modifica",
     "go": "Vai",
     "invite": "Invita",
+    "lower_hand": "Abbassa la mano",
+    "no": "No",
+    "pick_reaction": "Scegli una reazione",
+    "raise_hand": "Alza la mano",
     "register": "Registra",
     "remove": "Rimuovi",
+    "show_less": "Mostra meno",
+    "show_more": "Mostra altro",
     "sign_in": "Accedi",
     "sign_out": "Disconnetti",
-    "submit": "Invia"
+    "submit": "Invia",
+    "upload_file": "Carica file"
   },
   "analytics_notice": "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>.",
   "app_selection_modal": {
@@ -32,16 +40,66 @@
   },
   "call_name": "Nome della chiamata",
   "common": {
+    "analytics": "Statistiche",
+    "audio": "Audio",
+    "avatar": "Avatar",
+    "back": "Indietro",
     "display_name": "Il tuo nome",
     "encrypted": "Cifrata",
     "home": "Pagina iniziale",
     "loading": "Caricamento…",
+    "next": "Avanti",
+    "options": "Opzioni",
+    "password": "Password",
+    "preferences": "Preferenze",
     "profile": "Profilo",
+    "reaction": "Reazione",
+    "reactions": "Reazioni",
     "settings": "Impostazioni",
     "unencrypted": "Non cifrata",
-    "username": "Nome utente"
+    "username": "Nome utente",
+    "video": "Video"
+  },
+  "developer_mode": {
+    "crypto_version": "Versione crittografica: {{version}}",
+    "debug_tile_layout_label": "Debug della disposizione dei riquadri",
+    "device_id": "ID dispositivo: {{id}}",
+    "duplicate_tiles_label": "Numero di copie di riquadri aggiuntivi per partecipante",
+    "hostname": "Nome host: {{hostname}}",
+    "livekit_server_info": "Informazioni sul server LiveKit",
+    "livekit_sfu": "SFU LiveKit: {{url}}",
+    "matrix_id": "ID Matrix: {{id}}",
+    "show_connection_stats": "Mostra le statistiche di connessione",
+    "show_non_member_tiles": "Mostra i riquadri per i file multimediali non-membri",
+    "use_new_membership_manager": "Usa la nuova implementazione della chiamata MembershipManager"
   },
   "disconnected_banner": "La connessione al server è stata persa.",
+  "error": {
+    "call_is_not_supported": "La chiamata non è supportata",
+    "call_not_found": "Chiamata non trovata",
+    "call_not_found_description": "<0>Quel link non sembra appartenere a nessuna chiamata esistente. Controlla di avere il link giusto, oppure <1> creane uno nuovo</1> .</0>",
+    "connection_lost": "Connessione persa",
+    "connection_lost_description": "Sei stato disconnesso dalla chiamata.",
+    "e2ee_unsupported": "Browser incompatibile",
+    "e2ee_unsupported_description": "Il tuo browser non supporta le chiamate crittografate. I browser supportati sono Chrome, Safari e Firefox 117+.",
+    "generic": "Qualcosa è andato storto",
+    "generic_description": "L'invio dei registri di debug ci aiuterà a rintracciare il problema.",
+    "insufficient_capacity": "Capacità insufficiente",
+    "insufficient_capacity_description": "Il server ha raggiunto la capacità massima e non è possibile partecipare alla chiamata in questo momento. Riprova più tardi o contatta l'amministratore del server se il problema persiste.",
+    "matrix_rtc_focus_missing": "Il server non è configurato per funzionare con {{brand}}. Contatta l'amministratore del tuo server (Dominio: {{domain}}, codice di errore: {{ errorCode }}).",
+    "open_elsewhere": "Aperto in un'altra scheda",
+    "open_elsewhere_description": "{{brand}} è stato aperto in un'altra scheda. Se non ti sembra corretto, prova a ricaricare la pagina.",
+    "unexpected_ec_error": "Si è verificato un errore imprevisto (<0>Codice errore:</0> <1>{{ errorCode }}</1>). Contatta l'amministratore del tuo server."
+  },
+  "group_call_loader": {
+    "banned_body": "Sei stato bandito dalla stanza.",
+    "banned_heading": "Bandito",
+    "call_ended_body": "Sei stato rimosso dalla chiamata.",
+    "call_ended_heading": "Chiamata terminata",
+    "knock_reject_body": "I membri della stanza hanno rifiutato la tua richiesta di partecipazione.",
+    "knock_reject_heading": "Partecipazione non consentita",
+    "reason": "Motivo"
+  },
   "hangup_button_label": "Termina chiamata",
   "header_label": "Inizio di Element Call",
   "header_participants_label": "Partecipanti",
@@ -57,15 +115,24 @@
   "layout_grid_label": "Griglia",
   "layout_spotlight_label": "In primo piano",
   "lobby": {
+    "ask_to_join": "Chiedi di partecipare alla chiamata",
+    "join_as_guest": "Partecipa come ospite",
     "join_button": "Entra in chiamata",
-    "leave_button": "Torna ai recenti"
+    "leave_button": "Torna ai recenti",
+    "waiting_for_invite": "Richiesta inviata"
   },
+  "log_in": "Accedi",
   "logging_in": "Accesso…",
   "login_auth_links": "<0>Crea un profilo</0> o <2>Accedi come ospite</2>",
+  "login_auth_links_prompt": "Non sei ancora registrato?",
+  "login_subheading": "Per continuare su Element",
   "login_title": "Accedi",
   "microphone_off": "Microfono spento",
   "microphone_on": "Microfono acceso",
   "mute_microphone_button_label": "Spegni il microfono",
+  "participant_count_one": "{{count, number}}",
+  "participant_count_other": "{{count, number}}",
+  "qr_code": "Codice QR",
   "rageshake_button_error_caption": "Riprova l'invio dei registri",
   "rageshake_request_modal": {
     "body": "Un altro utente in questa chiamata sta avendo problemi. Per diagnosticare meglio questi problemi, vorremmo raccogliere un registro di debug.",
@@ -83,16 +150,44 @@
   },
   "register_auth_links": "<0>Hai già un profilo?</0><1><0>Accedi</0> o <2>Accedi come ospite</2></1>",
   "register_confirm_password_label": "Conferma password",
+  "register_heading": "Crea il tuo account",
   "return_home_button": "Torna alla schermata di iniziale",
+  "room_auth_view_continue_button": "Continua",
   "screenshare_button_label": "Condividi schermo",
   "settings": {
+    "audio_tab": {
+      "effect_volume_description": "Regola il volume delle reazioni e degli effetti di alzata di mani.",
+      "effect_volume_label": "Volume degli effetti sonori"
+    },
     "developer_tab_title": "Sviluppatore",
+    "devices": {
+      "camera": "Fotocamera",
+      "camera_numbered": "Fotocamera {{n}}",
+      "default": "Predefinito",
+      "default_named": "Predefinito <2>({{name}})</2>",
+      "microphone": "Microfono",
+      "microphone_numbered": "Microfono {{n}}",
+      "speaker": "Altoparlante",
+      "speaker_numbered": "Altoparlante {{n}}"
+    },
     "feedback_tab_body": "Se stai riscontrando problemi o semplicemente vuoi dare un'opinione, inviaci una breve descrizione qua sotto.",
     "feedback_tab_description_label": "Il tuo commento",
     "feedback_tab_h4": "Invia commento",
     "feedback_tab_send_logs_label": "Includi registri di debug",
     "feedback_tab_thank_you": "Grazie, abbiamo ricevuto il tuo commento!",
-    "opt_in_description": "<0></0><1></1>Puoi revocare il consenso deselezionando questa casella. Se attualmente sei in una chiamata, avrà effetto al termine di essa."
+    "feedback_tab_title": "Commenti",
+    "opt_in_description": "<0></0><1></1>Puoi revocare il consenso deselezionando questa casella. Se attualmente sei in una chiamata, avrà effetto al termine di essa.",
+    "preferences_tab": {
+      "developer_mode_label": "Modalità sviluppatore",
+      "developer_mode_label_description": "Attiva la modalità sviluppatore e mostra la scheda di impostazioni sviluppatore.",
+      "introduction": "Qui puoi configurare opzioni extra per un'esperienza migliore.",
+      "reactions_play_sound_description": "Riprodurre un effetto sonoro quando qualcuno invia una reazione in una chiamata.",
+      "reactions_play_sound_label": "Riproduci suoni di reazione",
+      "reactions_show_description": "Mostra un'animazione quando qualcuno invia una reazione.",
+      "reactions_show_label": "Mostra reazioni",
+      "show_hand_raised_timer_description": "Mostra un contatore quando un partecipante alza la mano",
+      "show_hand_raised_timer_label": "Mostra la durata dell'alzata di mano"
+    }
   },
   "star_rating_input_label_one": "{{count}} stelle",
   "star_rating_input_label_other": "{{count}} stelle",
@@ -101,8 +196,20 @@
   "stop_screenshare_button_label": "Condivisione schermo",
   "stop_video_button_label": "Ferma video",
   "submitting": "Invio…",
+  "switch_camera": "Cambia fotocamera",
   "unauthenticated_view_body": "Non hai ancora un profilo? <2>Creane uno</2>",
   "unauthenticated_view_login_button": "Accedi al tuo profilo",
   "unmute_microphone_button_label": "Riaccendi il microfono",
-  "version": "Versione: {{version}}"
+  "version": "Versione: {{version}}",
+  "video_tile": {
+    "always_show": "Mostra sempre",
+    "camera_starting": "Caricamento del video...",
+    "change_fit_contain": "Adatta al frame",
+    "collapse": "Riduci",
+    "expand": "Espandi",
+    "mute_for_me": "Disattiva l'audio per me",
+    "muted_for_me": "Muto per me",
+    "volume": "Volume",
+    "waiting_for_media": "In attesa dei media..."
+  }
 }

locales/ja/app.json

@@ -4,61 +4,120 @@
   },
   "action": {
     "close": "閉じる",
+    "copy_link": "リンクをコピー",
     "go": "続行",
+    "invite": "招待",
     "no": "いいえ",
     "register": "登録",
     "remove": "削除",
     "sign_in": "サインイン",
-    "sign_out": "サインアウト"
+    "sign_out": "サインアウト",
+    "submit": "送信"
+  },
+  "analytics_notice": "ベータ版への参加と同時に、製品の改善のために匿名データを収集することに同意したことになります。追跡するデータの詳細については、<2>プライバシーポリシー</2>と<6>クッキーポリシー</6>をご確認下さい。",
+  "app_selection_modal": {
+    "continue_in_browser": "ブラウザで続行",
+    "open_in_app": "アプリで開く",
+    "text": "準備完了？",
+    "title": "アプリを選択"
   },
   "call_ended_view": {
-    "create_account_button": "アカウントを作成"
+    "create_account_button": "アカウントを作成",
+    "create_account_prompt": "<0>パスワードを設定してアカウント設定を保持してみませんか?</0><1>名前とアバターの設定を次の通話に利用する事ができます。</1>",
+    "feedback_done": "<0>フィードバックありがとうございます！</0>",
+    "feedback_prompt": "<0>品質向上のため、皆様のフィードバックをお待ちしております。</0>",
+    "headline": "{{displayName}} さんの通話は終了しました。",
+    "not_now_button": "終了せずホーム画面に戻る",
+    "reconnect_button": "再接続",
+    "survey_prompt": "通話はどうでしたか？"
   },
+  "call_name": "通話名",
   "common": {
+    "analytics": "分析",
     "audio": "音声",
     "avatar": "アバター",
     "display_name": "表示名",
+    "encrypted": "暗号化済み",
     "home": "ホーム",
     "loading": "読み込んでいます…",
+    "options": "オプション",
     "password": "パスワード",
     "profile": "プロフィール",
     "settings": "設定",
+    "unencrypted": "暗号化されていません",
     "username": "ユーザー名",
     "video": "ビデオ"
   },
+  "disconnected_banner": "サーバーへの接続が失われました。",
+  "hangup_button_label": "通話終了",
   "header_label": "Element Call ホーム",
+  "header_participants_label": "参加者",
+  "invite_modal": {
+    "link_copied_toast": "リンクがクリップボードにコピーされました",
+    "title": "この通話に招待する"
+  },
   "join_existing_call_modal": {
     "join_button": "はい、通話に参加",
     "text": "この通話は既に存在します。参加しますか？",
     "title": "既存の通話に参加しますか？"
   },
+  "layout_grid_label": "グリッド",
   "layout_spotlight_label": "スポットライト",
   "lobby": {
-    "join_button": "通話に参加"
+    "join_button": "通話に参加",
+    "leave_button": "最近に戻る"
   },
+  "log_in": "ログイン",
   "logging_in": "ログインしています…",
   "login_auth_links": "<0>アカウントを作成</0>または<2>ゲストとしてアクセス</2>",
+  "login_auth_links_prompt": "登録はまだですか？",
+  "login_subheading": "Element を続けるには",
   "login_title": "ログイン",
+  "microphone_off": "マイクオフ",
+  "microphone_on": "マイクオン",
+  "mute_microphone_button_label": "ミュート",
+  "rageshake_button_error_caption": "ログ送信の再試行",
   "rageshake_request_modal": {
+    "body": "この通話に参加している別のユーザーに問題が発生しています。この問題のより良い診断のため、デバッグ ログを収集したいと考えています。",
     "title": "デバッグログを要求"
   },
   "rageshake_send_logs": "デバッグログを送信",
   "rageshake_sending": "送信しています…",
   "rageshake_sending_logs": "デバッグログを送信しています…",
+  "rageshake_sent": "ありがとうございます！",
+  "recaptcha_dismissed": "Recaptcha は却下されました",
+  "recaptcha_not_loaded": "Recaptcha が読み込まれませんでした",
   "register": {
     "passwords_must_match": "パスワードが一致する必要があります",
     "registering": "登録しています…"
   },
   "register_auth_links": "<0>既にアカウントをお持ちですか？</0><1><0>ログイン</0>または<2>ゲストとしてアクセス</2></1>",
   "register_confirm_password_label": "パスワードを確認",
+  "register_heading": "アカウントを作成",
   "return_home_button": "ホーム画面に戻る",
   "screenshare_button_label": "画面共有",
   "settings": {
     "developer_tab_title": "開発者",
+    "feedback_tab_body": "問題が発生している場合、もしくはフィードバックを提供したい場合は、以下に簡単な説明を入力してお送りください。",
+    "feedback_tab_description_label": "フィードバック",
     "feedback_tab_h4": "フィードバックを送信",
-    "feedback_tab_send_logs_label": "デバッグログを含める"
+    "feedback_tab_send_logs_label": "デバッグログを含める",
+    "feedback_tab_thank_you": "ありがとうございます。フィードバックを受け取りました！",
+    "feedback_tab_title": "フィードバック",
+    "opt_in_description": "<0></0><1></1>このボックスのチェックを外すと同意を取り消すことができます。現在通話中の場合、この変更は通話終了後に有効になります。"
   },
+  "start_new_call": "新しい通話を開始",
+  "start_video_button_label": "ビデオを開始",
+  "stop_screenshare_button_label": "共有画面",
+  "stop_video_button_label": "ビデオを停止",
+  "submitting": "送信中…",
   "unauthenticated_view_body": "アカウントがありませんか？ <2>アカウントを作成</2>",
   "unauthenticated_view_login_button": "アカウントにログイン",
-  "version": "バージョン：{{version}}"
+  "unmute_microphone_button_label": "マイクのミュート解除",
+  "version": "バージョン：{{version}}",
+  "video_tile": {
+    "change_fit_contain": "フレームに合わせる",
+    "mute_for_me": "ミュートする",
+    "volume": "ボリューム"
+  }
 }

locales/lv/app.json

@@ -4,15 +4,30 @@
   },
   "action": {
     "close": "Aizvērt",
+    "copy_link": "Kopēt saiti",
+    "edit": "Labot",
     "go": "Aiziet",
+    "invite": "Uzaicināt",
+    "lower_hand": "Nolaist roku",
     "no": "Nē",
+    "pick_reaction": "Reaģēt",
+    "raise_hand": "Pacelt roku",
     "register": "Reģistrēties",
     "remove": "Noņemt",
+    "show_less": "Rādīt mazāk",
+    "show_more": "Rādīt vairāk",
     "sign_in": "Pieteikties",
     "sign_out": "Atteikties",
-    "submit": "Iesniegt"
+    "submit": "Iesniegt",
+    "upload_file": "Augšupielādēt failu"
+  },
+  "analytics_notice": "Piedaloties šajā beta versijā, jūs piekrītat anonīmu datu vākšanai, ko mēs izmantojam produkta uzlabošanai. Plašāku informāciju par to, kādus datus mēs izsekojam, varat atrast mūsu <2>konfidencialitātes politikā</2> un mūsu <6>sīkfailu politikā</6>.",
+  "app_selection_modal": {
+    "continue_in_browser": "Turpināt pārlūkprogrammā",
+    "open_in_app": "Atvērt lietotnē",
+    "text": "Gatavs pievienoties?",
+    "title": "Izvēlies lietotni"
   },
-  "analytics_notice": "Piedalīšanās šajā beta apliecina piekrišanu anonīmu datu ievākšanai, ko mēs izmantojam, lai uzlabotu izstrādājumu. Vairāk informācijas par datiem, ko mēs ievācam, var atrast mūsu <2>privātuma nosacījumos</2> un <5>sīkdatņu nosacījumos</5>.",
   "call_ended_view": {
     "create_account_button": "Izveidot kontu",
     "create_account_prompt": "<0>Kādēļ nepabeigt ar paroles iestatīšanu, lai paturētu savu kontu?</0><1>Būs iespējams paturēt savu vārdu un iestatīt attēlu izmantošanai turpmākajos zvanos</1>",
@@ -23,31 +38,104 @@
     "reconnect_button": "Atkārtoti savienoties",
     "survey_prompt": "Kā Tev veicās?"
   },
+  "call_name": "Zvana nosaukums",
   "common": {
+    "analytics": "Analītika",
     "audio": "Skaņa",
     "avatar": "Attēls",
+    "back": "Atpakaļ",
     "display_name": "Attēlojamais vārds",
+    "encrypted": "Šifrēts",
     "home": "Sākums",
     "loading": "Lādējas…",
+    "next": "Nākamais",
+    "options": "Opcijas",
     "password": "Parole",
+    "preferences": "Iestatījumi",
     "profile": "Profils",
+    "reaction": "Reakcija",
+    "reactions": "Reakcijas",
     "settings": "Iestatījumi",
-    "username": "Lietotājvārds"
+    "unencrypted": "Nav šifrēts",
+    "username": "Lietotājvārds",
+    "video": "Video"
+  },
+  "developer_mode": {
+    "crypto_version": "Crypto versija: {{version}}",
+    "debug_tile_layout_label": "Vietu izkārtojuma atkļūdošana",
+    "device_id": "Ierīces ID: {{id}}",
+    "duplicate_tiles_label": "Papildu vietu kopiju skaits vienam dalībniekam",
+    "environment_variables": "Vides mainīgie",
+    "hostname": "Saimniekdatora nosaukums: {{hostname}}",
+    "livekit_server_info": "LiveKit Server informācija",
+    "livekit_sfu": "LiveKit SFU: {{url}}",
+    "matrix_id": "Matrix ID: {{id}}",
+    "show_connection_stats": "Rādīt savienojuma statistiku",
+    "show_non_member_tiles": "Rādīt vietu medijiem no ne-dalībniekiem",
+    "url_params": "URL parametri",
+    "use_new_membership_manager": "Izmantojiet jauno zvana MembershipManager versiju"
   },
   "disconnected_banner": "Ir zaudēts savienojums ar serveri.",
+  "error": {
+    "call_is_not_supported": "Zvans netiek atbalstīts",
+    "call_not_found": "Zvans nav atrasts",
+    "call_not_found_description": "<0>Šķiet, ka šī saite nepieder nevienam esošam zvaniem. Pārbaudiet, vai jums ir pareizā saite, vai <1> izveidojiet jaunu</1>. </0>",
+    "connection_lost": "Savienojums zaudēts",
+    "connection_lost_description": "Jūs tikāt atvienots no zvana.",
+    "e2ee_unsupported": "Nesaderīgs pārlūks",
+    "e2ee_unsupported_description": "Jūsu tīmekļa pārlūkprogramma neatbalsta encrypted zvanus. Atbalstītās pārlūkprogrammas ir Chrome, Safari un Firefox 117+.",
+    "generic": "Kaut kas nogāja greizi",
+    "generic_description": "Atkļūdošanas žurnālu iesniegšana palīdzēs mums izsekot problēmu.",
+    "insufficient_capacity": "Nepietiekama jauda",
+    "insufficient_capacity_description": "Serveris ir sasniedzis maksimālo ietilpību, un jūs šobrīd nevarat pievienoties zvanam. Mēģiniet vēlreiz vēlāk vai sazinieties ar servera administratoru, ja problēma joprojām pastāv.",
+    "matrix_rtc_focus_missing": "Serveris nav konfigurēts darbam ar{{brand}}. Lūdzu, sazinieties ar sava servera administratoru (Domēns: {{domain}}, Kļūdas kods: {{ errorCode }}).",
+    "open_elsewhere": "Atvērts citā cilnē",
+    "open_elsewhere_description": "{{brand}} ir atvērts citā cilnē. Ja tas neizklausās pareizi, mēģiniet atkārtoti ielādēt lapu.",
+    "unexpected_ec_error": "Negaidīta kļūda (<0>kļūdas kods: </0> <1> {{ errorCode }}</1>). Lūdzu, sazinieties ar servera administratoru."
+  },
+  "group_call_loader": {
+    "banned_body": "Jums ir liegta ieeja šajā istabā.",
+    "banned_heading": "Aizliegts",
+    "call_ended_body": "Jūs esat noņemts no zvana.",
+    "call_ended_heading": "Zvans beidzies",
+    "knock_reject_body": "Jūsu pieteikums pievienoties tika noraidīts.",
+    "knock_reject_heading": "Piekļuve liegta",
+    "reason": "Iemesls: {{reason}}"
+  },
+  "hangup_button_label": "Beigt zvanu",
   "header_label": "Element Call sākums",
+  "header_participants_label": "Dalībnieki",
+  "invite_modal": {
+    "link_copied_toast": "Saite nokopēta",
+    "title": "Uzaicināt uz šo zvanu"
+  },
   "join_existing_call_modal": {
     "join_button": "Jā, pievienoties zvanam",
     "text": "Šis zvans jau pastāv. Vai vēlies pievienoties?",
     "title": "Pievienoties esošam zvanam?"
   },
+  "layout_grid_label": "Režģis",
   "layout_spotlight_label": "Starmešu gaisma",
   "lobby": {
-    "join_button": "Pievienoties zvanam"
+    "ask_to_join": "Pieprasīt pievienoties zvanam",
+    "join_as_guest": "Pievienojies kā viesis",
+    "join_button": "Pievienoties zvanam",
+    "leave_button": "Atpakaļ uz jaunākajiem",
+    "waiting_for_invite": "Pieprasījums nosūtīts! Gaida atļauju pievienoties..."
   },
+  "log_in": "Pieslēgties",
   "logging_in": "Piesakās…",
   "login_auth_links": "<0>Izveidot kontu</0> vai <2>Piekļūt kā viesim</2>",
+  "login_auth_links_prompt": "Vēl neesi reģistrējies?",
+  "login_subheading": "Lai turpinātu uz Element",
   "login_title": "Pieteikties",
+  "microphone_off": "Mikrofons izslēgts",
+  "microphone_on": "Mikrofons ieslēgts",
+  "mute_microphone_button_label": "Izslēgt mikrofonu",
+  "participant_count_zero": "{{count, number}}",
+  "participant_count_one": "{{count, number}}",
+  "participant_count_other": "{{count, number}}",
+  "qr_code": "QR kods",
   "rageshake_button_error_caption": "Atkārtoti mēģināt žurnāla ierakstu nosūtīšanu",
   "rageshake_request_modal": {
     "body": "Citam lietotājam šajā zvanā ir sarežģījumi. Lai labāk atklātu šīs nepilnības, mēs gribētu iegūt atkļūdošanas žurnālu.",
@@ -59,28 +147,76 @@
   "rageshake_sent": "Paldies!",
   "recaptcha_dismissed": "ReCaptcha atmesta",
   "recaptcha_not_loaded": "ReCaptcha nav ielādēta",
+  "recaptcha_ssla_caption": "Šo vietni aizsargā ReCAPTCHA un tiek piemēroti Google <2>konfidencialitātes politika</2> un <6>Pakalpojuma noteikumi</6>.<9></9>Noklikšķinot uz \"Reģistrēties\", jūs piekrītat mūsu <12>Programmatūras un pakalpojumu licences līgumam (SSLA)</12>",
   "register": {
     "passwords_must_match": "Parolēm ir jāsakrīt",
     "registering": "Reģistrē…"
   },
   "register_auth_links": "<0>Jau ir konts?</0><1><0>Pieteikties</0> vai <2>Piekļūt kā viesim</2></1>",
   "register_confirm_password_label": "Apstiprināt paroli",
+  "register_heading": "Izveido kontu",
   "return_home_button": "Atgriezties sākuma ekrānā",
+  "room_auth_view_continue_button": "Turpināt",
+  "room_auth_view_ssla_caption": "Noklikšķinot uz “Pievienoties zvanam tūlīt”, jūs piekrītat mūsu <2> programmatūras un pakalpojumu licences līgumam (SSLA) </2>",
   "screenshare_button_label": "Kopīgot ekrānu",
   "settings": {
+    "audio_tab": {
+      "effect_volume_description": "Pielāgojiet skaļumu, kurā tiek atskaņotas reakcijas un paceltas rokas skaņas.",
+      "effect_volume_label": "Skaņas efektu skaļums"
+    },
     "developer_tab_title": "Izstrādātājs",
+    "devices": {
+      "camera": "Kamera",
+      "camera_numbered": "Kamera {{n}}",
+      "default": "Noklusējums",
+      "default_named": "Noklusējums <2> ({{name}} )</2>",
+      "microphone": "Mikrofons",
+      "microphone_numbered": "Mikrofons {{n}}",
+      "speaker": "Skaļrunis",
+      "speaker_numbered": "Skaļrunis {{n}}"
+    },
     "feedback_tab_body": "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.",
     "feedback_tab_description_label": "Tava atsauksme",
     "feedback_tab_h4": "Iesniegt atsauksmi",
     "feedback_tab_send_logs_label": "Iekļaut atkļūdošanas žurnāla ierakstus",
     "feedback_tab_thank_you": "Paldies, mēs saņēmām atsauksmi!",
     "feedback_tab_title": "Atsauksmes",
-    "opt_in_description": "<0></0><1></1>Savu piekrišanu var atsaukt ar atzīmes noņemšanu no šīs rūtiņas. Ja pašreiz atrodies zvanā, šis iestatījums stāsies spēkā zvana beigās."
+    "opt_in_description": "<0></0><1></1>Savu piekrišanu var atsaukt ar atzīmes noņemšanu no šīs rūtiņas. Ja pašreiz atrodies zvanā, šis iestatījums stāsies spēkā zvana beigās.",
+    "preferences_tab": {
+      "developer_mode_label": "Izstrādātāja režīms",
+      "developer_mode_label_description": "Iespējot izstrādātāja režīmu un rādīt cilni izstrādātāja iestatījumi.",
+      "introduction": "Šeit varat konfigurēt papildu opcijas, lai uzlabotu pieredzi.",
+      "reactions_play_sound_description": "Atskaņojiet skaņas efektu, kad kāds sūta reakciju uz zvanu.",
+      "reactions_play_sound_label": "Atskaņojiet reakcijas skaņas",
+      "reactions_show_description": "Rādīt animāciju, kad kāds nosūta reakciju.",
+      "reactions_show_label": "Rādīt reakcijas",
+      "show_hand_raised_timer_description": "Rādīt taimeri, kad dalībnieks paceļ roku",
+      "show_hand_raised_timer_label": "Rādīt rokas pacelšanas ilgumu"
+    }
   },
+  "star_rating_input_label_zero": "{{count}} zvaigznes",
   "star_rating_input_label_one": "{{count}} zvaigzne",
   "star_rating_input_label_other": "{{count}} zvaigznes",
+  "start_new_call": "Sākt jaunu zvanu",
+  "start_video_button_label": "Sākt video",
+  "stop_screenshare_button_label": "Kopīgo ekrānu",
+  "stop_video_button_label": "Apturēt video",
   "submitting": "Iesniedz…",
+  "switch_camera": "Pārslēgt kameru",
   "unauthenticated_view_body": "Vēl neesi reģistrējies? <2>Izveidot kontu</2>",
   "unauthenticated_view_login_button": "Pieteikties kontā",
-  "version": "Versija: {{version}}"
+  "unauthenticated_view_ssla_caption": "Noklikšķinot uz \"Aiziet\", jūs piekrītat mūsu <2>Programmatūras un pakalpojumu licences līgumam (SSLA)</2>",
+  "unmute_microphone_button_label": "Ieslēgt mikrofonu",
+  "version": "{{productName}} versija: {{version}}",
+  "video_tile": {
+    "always_show": "Vienmēr rādīt",
+    "camera_starting": "Video ielāde...",
+    "change_fit_contain": "Pielāgot rāmim",
+    "collapse": "Sakļaut",
+    "expand": "Izvērst",
+    "mute_for_me": "Klusums man",
+    "muted_for_me": "Man izslēgts",
+    "volume": "Skaļums",
+    "waiting_for_media": "Gaida medijus..."
+  }
 }

locales/pl/app.json

@@ -5,14 +5,21 @@
   "action": {
     "close": "Zamknij",
     "copy_link": "Kopiuj link",
+    "edit": "Edytuj",
     "go": "Przejdź",
     "invite": "Zaproś",
+    "lower_hand": "Opuść rękę",
     "no": "Nie",
+    "pick_reaction": "Wybierz reakcję",
+    "raise_hand": "Podnieś rękę",
     "register": "Zarejestruj",
     "remove": "Usuń",
+    "show_less": "Pokaż mniej",
+    "show_more": "Pokaż więcej",
     "sign_in": "Zaloguj się",
     "sign_out": "Wyloguj się",
-    "submit": "Wyślij"
+    "submit": "Wyślij",
+    "upload_file": "Prześlij plik"
   },
   "analytics_notice": "Uczestnicząc w tej becie, upoważniasz nas do zbierania anonimowych danych, które wykorzystamy do ulepszenia produktu. Dowiedz się więcej na temat danych, które zbieramy w naszej <2>Polityce prywatności</2> i <5>Polityce ciasteczek</5>.",
   "app_selection_modal": {
@@ -33,20 +40,68 @@
   },
   "call_name": "Nazwa połączenia",
   "common": {
+    "analytics": "Dane analityczne",
     "audio": "Dźwięk",
     "avatar": "Awatar",
+    "back": "Wstecz",
     "display_name": "Nazwa wyświetlana",
     "encrypted": "Szyfrowane",
     "home": "Strona domowa",
     "loading": "Ładowanie…",
+    "next": "Dalej",
+    "options": "Opcje",
     "password": "Hasło",
+    "preferences": "Preferencje",
     "profile": "Profil",
+    "reaction": "Reakcja",
+    "reactions": "Reakcje",
     "settings": "Ustawienia",
     "unencrypted": "Nie szyfrowane",
     "username": "Nazwa użytkownika",
     "video": "Wideo"
   },
+  "developer_mode": {
+    "crypto_version": "Wersja krypto: {{version}}",
+    "debug_tile_layout_label": "Układ kafelków Debug",
+    "device_id": "ID urządzenia: {{id}}",
+    "duplicate_tiles_label": "Liczba dodatkowych kopii kafelków na uczestnika",
+    "environment_variables": "Zmienne środowiskowe",
+    "hostname": "Nazwa hosta: {{hostname}}",
+    "livekit_server_info": "Informacje serwera LiveKit",
+    "livekit_sfu": "LiveKit SFU: {{url}}",
+    "matrix_id": "ID Matrix: {{id}}",
+    "show_connection_stats": "Pokaż statystyki połączenia",
+    "show_non_member_tiles": "Pokaż kafelki dla mediów, które nie są od członków",
+    "url_params": "Parametry URL",
+    "use_new_membership_manager": "Użyj nowej implementacji połączenia MembershipManager"
+  },
   "disconnected_banner": "Utracono połączenie z serwerem.",
+  "error": {
+    "call_is_not_supported": "Połączenie nie jest obsługiwane",
+    "call_not_found": "Nie znaleziono połączenia",
+    "call_not_found_description": "<0>Wygląda na to, że ten link nie należy do żadnego istniejącego połączenia. Sprawdź, czy posiadasz prawidłowy link lub <1>utwórz nowy</1>.</0>",
+    "connection_lost": "Utracono połączenie",
+    "connection_lost_description": "Zostałeś rozłączony z rozmowy.",
+    "e2ee_unsupported": "Niekompatybilna przeglądarka",
+    "e2ee_unsupported_description": "Twoja przeglądarka nie wspiera szyfrowanych połączeń. Obsługiwane przeglądarki obejmują Chrome, Safari i Firefox 117+.",
+    "generic": "Coś poszło nie tak",
+    "generic_description": "Wysłanie dziennika debug, pozwoli nam namierzyć problem.",
+    "insufficient_capacity": "Za mało miejsca",
+    "insufficient_capacity_description": "Serwer osiągnął maksymalną pojemność, przez co nie możesz dołączyć do połączenia. Spróbuj ponownie później lub skontaktuj się z administratorem serwera, jeśli problem nie zniknie.",
+    "matrix_rtc_focus_missing": "Serwer nie jest skonfigurowany do pracy z {{brand}}. Prosimy o kontakt z administratorem serwera (Domena: {{domain}}, Kod błędu: {{ errorCode }}).",
+    "open_elsewhere": "Otwarto w innej karcie",
+    "open_elsewhere_description": "{{brand}} został otwarty w innej karcie. Jeśli tak nie jest, spróbuj odświeżyć stronę.",
+    "unexpected_ec_error": "Wystąpił nieoczekiwany błąd (<0>Kod błędu:</0> <1>{{ errorCode }}</1>). Skontaktuj się z administratorem serwera."
+  },
+  "group_call_loader": {
+    "banned_body": "Zostałeś zbanowany z pokoju.",
+    "banned_heading": "Zbanowany",
+    "call_ended_body": "Zostałeś usunięty z rozmowy.",
+    "call_ended_heading": "Połączenie zakończone",
+    "knock_reject_body": "Członkowie pokoju odrzucili Twoją prośbę o dołączenie.",
+    "knock_reject_heading": "Nie możesz dołączyć",
+    "reason": "Powód: {{reason}}"
+  },
   "hangup_button_label": "Zakończ połączenie",
   "header_label": "Strona główna Element Call",
   "header_participants_label": "Uczestnicy",
@@ -62,15 +117,25 @@
   "layout_grid_label": "Siatka",
   "layout_spotlight_label": "Centrum uwagi",
   "lobby": {
+    "ask_to_join": "Poproś o dołączenie do rozmowy",
+    "join_as_guest": "Dołącz jako gość",
     "join_button": "Dołącz do połączenia",
-    "leave_button": "Wróć do ostatnie"
+    "leave_button": "Wróć do ostatnie",
+    "waiting_for_invite": "Żądanie wysłane"
   },
+  "log_in": "Zaloguj",
   "logging_in": "Logowanie…",
   "login_auth_links": "<0>Utwórz konto</0> lub <2>Dołącz jako gość</2>",
+  "login_auth_links_prompt": "Nie masz konta?",
+  "login_subheading": "Aby przejść do Element",
   "login_title": "Zaloguj się",
   "microphone_off": "Mikrofon wyłączony",
   "microphone_on": "Mikrofon włączony",
   "mute_microphone_button_label": "Wycisz mikrofon",
+  "participant_count_one": "{{count, number}}",
+  "participant_count_few": "{{count, number}}",
+  "participant_count_many": "{{count, number}}",
+  "qr_code": "Kod QR",
   "rageshake_button_error_caption": "Wyślij logi ponownie",
   "rageshake_request_modal": {
     "body": "Inny użytkownik w tym połączeniu napotkał problem. Aby lepiej zdiagnozować tę usterkę, chcielibyśmy zebrać dzienniki debugowania.",
@@ -82,23 +147,52 @@
   "rageshake_sent": "Dziękujemy!",
   "recaptcha_dismissed": "Recaptcha odrzucona",
   "recaptcha_not_loaded": "Recaptcha nie została załadowana",
+  "recaptcha_ssla_caption": "Ta strona jest chroniona przez reCAPTCHA i obowiązują <2> Polityka prywatności Google </2> i <6>Warunki korzystania z usługi</6>. <9></9>Klikając „Zarejestruj się”, wyrażasz zgodę na naszą <12>umowę licencyjną oprogramowania i usług (SSLA)</12>",
   "register": {
     "passwords_must_match": "Hasła muszą pasować",
     "registering": "Rejestrowanie…"
   },
   "register_auth_links": "<0>Masz już konto?</0><1><0>Zaloguj się</0> lub <2>Dołącz jako gość</2></1>",
   "register_confirm_password_label": "Potwierdź hasło",
+  "register_heading": "Utwórz konto",
   "return_home_button": "Powróć do strony głównej",
+  "room_auth_view_continue_button": "Kontynuuj",
+  "room_auth_view_ssla_caption": "Klikając \"Dołącz teraz do połączenia\", wyrażasz zgodę na naszą <2>Umowę licencyjną oprogramowania i usług (SSLA)</2>",
   "screenshare_button_label": "Udostępnij ekran",
   "settings": {
+    "audio_tab": {
+      "effect_volume_description": "Dostosuj głośność, z jaką odtwarzane są efekty reakcji i podniesionej ręki",
+      "effect_volume_label": "Głośność efektu dźwiękowego"
+    },
     "developer_tab_title": "Programista",
+    "devices": {
+      "camera": "Kamera",
+      "camera_numbered": "Kamera {{n}}",
+      "default": "Domyślne",
+      "default_named": "Domyślne <2>({{name}})</2>",
+      "microphone": "Mikrofon",
+      "microphone_numbered": "Mikrofon {{n}}",
+      "speaker": "Głośnik",
+      "speaker_numbered": "Głośnik {{n}}"
+    },
     "feedback_tab_body": "Jeśli posiadasz problemy lub chciałbyś zgłosić swoją opinię, wyślij nam krótki opis.",
     "feedback_tab_description_label": "Twoje opinie",
     "feedback_tab_h4": "Prześlij opinię",
     "feedback_tab_send_logs_label": "Dołącz dzienniki debugowania",
     "feedback_tab_thank_you": "Dziękujemy, otrzymaliśmy Twoją opinię!",
     "feedback_tab_title": "Opinia użytkownika",
-    "opt_in_description": "<0></0><1></1>Możesz wycofać swoją zgodę poprzez odznaczenie tego pola. Jeśli już jesteś w trakcie rozmowy, opcja zostanie zastosowana po jej zakończeniu."
+    "opt_in_description": "<0></0><1></1>Możesz wycofać swoją zgodę poprzez odznaczenie tego pola. Jeśli już jesteś w trakcie rozmowy, opcja zostanie zastosowana po jej zakończeniu.",
+    "preferences_tab": {
+      "developer_mode_label": "Tryb programisty",
+      "developer_mode_label_description": "Włącz tryb programisty i wyświetl kartę ustawień programisty.",
+      "introduction": "Tutaj możesz skonfigurować dodatkowe opcje dla lepszych doświadczeń.",
+      "reactions_play_sound_description": "Odtwórz efekt dźwiękowy, gdy ktoś wyślę reakcję w trakcie połączenia.",
+      "reactions_play_sound_label": "Odtwórz dźwięki reakcji",
+      "reactions_show_description": "Odtwórz animację, gdy ktoś wyślę reakcję.",
+      "reactions_show_label": "Pokaż reakcje",
+      "show_hand_raised_timer_description": "Pokaż licznik, gdy uczestnik podniesie rękę",
+      "show_hand_raised_timer_label": "Pokaż czas po podniesieniu ręki"
+    }
   },
   "star_rating_input_label_one": "{{count}} gwiazdki",
   "star_rating_input_label_other": "{{count}} gwiazdki",
@@ -107,8 +201,21 @@
   "stop_screenshare_button_label": "Udostępnianie ekranu",
   "stop_video_button_label": "Zakończ wideo",
   "submitting": "Wysyłanie…",
+  "switch_camera": "Przełącz kamerę",
   "unauthenticated_view_body": "Nie masz konta? <2>Utwórz je</2>",
   "unauthenticated_view_login_button": "Zaloguj się do swojego konta",
+  "unauthenticated_view_ssla_caption": "Klikając \"Przejdź\", wyrażasz zgodę na naszą <2>Umowę licencyjną oprogramowania i usług (SSLA)</2>",
   "unmute_microphone_button_label": "Odcisz mikrofon",
-  "version": "Wersja: {{version}}"
+  "version": "Wersja: {{version}}",
+  "video_tile": {
+    "always_show": "Zawsze pokazuj",
+    "camera_starting": "Wczytywanie wideo...",
+    "change_fit_contain": "Dopasuj do obramowania",
+    "collapse": "Zwiń",
+    "expand": "Rozwiń",
+    "mute_for_me": "Wycisz dla mnie",
+    "muted_for_me": "Wyciszone dla mnie",
+    "volume": "Głośność",
+    "waiting_for_media": "Oczekiwanie na media..."
+  }
 }

locales/ro/app.json

@@ -4,20 +4,20 @@
   },
   "action": {
     "close": "Închide",
-    "copy_link": "Copiază linkul",
+    "copy_link": "Copiaţi linkul",
     "edit": "Editare",
     "go": "Du-te",
     "invite": "Invită",
     "lower_hand": "Mâna inferioară",
-    "no": "No",
+    "no": "Nu",
     "pick_reaction": "Alegeți reacția",
     "raise_hand": "Ridicați mâna",
-    "register": "Inregistrare",
+    "register": "Creaţi un cont",
     "remove": "elimina",
     "show_less": "Arată mai puțin",
     "show_more": "Arată mai mult",
     "sign_in": "Autentificare",
-    "sign_out": "Sign out",
+    "sign_out": "Deconecta-ţi-vă",
     "submit": "Trimiteți",
     "upload_file": "Încărcați fișierul"
   },
@@ -26,27 +26,27 @@
     "continue_in_browser": "Continuați în browser",
     "open_in_app": "Deschideți în aplicație",
     "text": "Sunteți gata să vă alăturați?",
-    "title": "Selectați aplicația"
+    "title": "Selectați o aplicație"
   },
   "call_ended_view": {
-    "create_account_button": "Creează cont",
+    "create_account_button": "Creaţi un cont",
     "create_account_prompt": "<0>De ce să nu terminați prin configurarea unei parole pentru a vă păstra contul? </0><1>Veți putea să vă păstrați numele și să setați un avatar pentru a fi utilizat la apelurile viitoare </1>",
     "feedback_done": "<0>Vă mulțumim pentru feedback! </0>",
     "feedback_prompt": "<0>Ne-ar plăcea să auzim feedback-ul dvs., astfel încât să vă putem îmbunătăți experiența. </0>",
     "headline": "{{displayName}}, apelul tău s-a încheiat.",
-    "not_now_button": "Nu acum, reveniți la ecranul de pornire",
-    "reconnect_button": "Reconecta",
-    "survey_prompt": "Cum a mers?"
+    "not_now_button": "Nu acum, reveniți la ecranul principal",
+    "reconnect_button": "Reconectaţi-vă",
+    "survey_prompt": "Cum a fost?"
   },
   "call_name": "Numele apelului",
   "common": {
     "analytics": "Analiză",
     "audio": "Audio",
-    "avatar": "avatar",
+    "avatar": "Imaginea de profil",
     "back": "Înapoi",
     "display_name": "Nume afișat",
     "encrypted": "Criptat",
-    "home": "Acasa",
+    "home": "Acasă",
     "loading": "Se încarcă...",
     "next": "Urmator\n",
     "options": "Opțiuni",
@@ -55,19 +55,43 @@
     "profile": "Profil",
     "reaction": "Reacție",
     "reactions": "Reacții",
-    "settings": "Settings",
+    "settings": "Setări",
     "unencrypted": "Nu este criptat",
-    "username": "Nume utilizator",
-    "video": "Videoclip"
+    "username": "Numele utilizatorului",
+    "video": "Video"
   },
   "developer_mode": {
     "crypto_version": "Versiunea Crypto: {{version}}",
+    "debug_tile_layout_label": "Depanaţi aranjamentul cartonaşelor",
     "device_id": "ID-ul dispozitivului: {{id}}",
     "duplicate_tiles_label": "Numărul de exemplare suplimentare de cartonașe per participant",
+    "environment_variables": "Variabile de mediu",
     "hostname": "Numele gazdei: {{hostname}}",
-    "matrix_id": "ID-ul matricei: {{id}}"
+    "matrix_id": "ID-ul matricei: {{id}}",
+    "show_connection_stats": "Afişaţi informaţii cu privire la starea conexiunii",
+    "show_non_member_tiles": "Afişaţi pictograme pentru fluxul media care nu aparţine participanţilor apelului",
+    "url_params": "Parametrii linkului",
+    "use_new_membership_manager": "Folosiţi noua versiune de administrator pentru participanţi ai apelului",
+    "use_to_device_key_transport": "Folosiţi metoda de transport direct către dispozitiv. Aceasta va reveni la transportul prin intermediul evenimentelor din cameră doar dacă un alt participant la apel recurge la acel mod de transport mai întâi."
+  },
+  "disconnected_banner": "Conexiunea către server s-a încheiat abrupt",
+  "error": {
+    "call_is_not_supported": "Acest tip de apel nu este suportat",
+    "call_not_found": "Apelul nu a fost găsit",
+    "call_not_found_description": "<0>Acel link nu pare să aparţină unui apel existent. Verificaţi dacă aţi introdus linkul corect, sau <1>creaţi unul nou</1>.</0>",
+    "connection_lost": "Conexiunea s-a pierdut",
+    "connection_lost_description": "Aţi fost deconectat/ă de la apel",
+    "e2ee_unsupported": "Navigatorul dumneavoastră este incompatibil cu criptarea integrală",
+    "e2ee_unsupported_description": "Navigatorul/browserul dumneavoastră web nu suportă apeluri în conversaţii cu criptare integrală. Printre navigatoarele suportate, se numără Chrome, Safari şi Firefox 117+.",
+    "generic": "A apărut o eroare neaşteptată",
+    "generic_description": "Dacă ne trimiteţi jurnalele de depanare generate de aplicaţie, ne puteţi ajuta să rezolvăm problema.",
+    "insufficient_capacity": "Capacitate insuficientă",
+    "insufficient_capacity_description": "Serverul a ajuns la capacitatea maximă și nu vă puteți alătura apelului în acest moment. Încercați din nou in câteva minute, sau contactați administratorul serverului dumneavoastră dacă problema persistă.",
+    "matrix_rtc_focus_missing": "Serverul nu este configurat să funcționeze cu{{brand}}. Vă rugăm să contactați administratorul serverului dumneavoastră pentru a raporta o eroare în configurare. Detalii: Domeniu: {{domain}}. Cod de eroare: {{ errorCode }}.",
+    "open_elsewhere": "Aplicaţia este deschisă intr-o altă pagină",
+    "open_elsewhere_description": "{{brand}} a fost deschis într-o altă pagină. Dacă credeți că acest mesaj a fost emis in eroare, încercați să reîncărcați pagina.",
+    "unexpected_ec_error": "A apărut o eroare neașteptată (Cod de <0> eroare: </0> <1> {{ errorCode }}</1>). Vă rugăm să contactați administratorul serverului dumneavoastră."
   },
-  "disconnected_banner": "Conectivitatea la server a fost pierdută.",
   "group_call_loader": {
     "banned_body": "Ai fost interzis să ieși din cameră.",
     "banned_heading": "Interzis",
@@ -135,6 +159,10 @@
       "effect_volume_label": "Volumul efectului sonor"
     },
     "developer_tab_title": "dezvoltator",
+    "devices": {
+      "microphone": "Microfon",
+      "speaker": "Difuzor"
+    },
     "feedback_tab_body": "Dacă întâmpinați probleme sau pur și simplu doriți să oferiți feedback, vă rugăm să ne trimiteți o scurtă descriere mai jos.",
     "feedback_tab_description_label": "Feedback-ul tău",
     "feedback_tab_h4": "Trimiteți Feedback",
@@ -143,10 +171,15 @@
     "feedback_tab_title": "Feedback",
     "opt_in_description": "<0></0><1></1>Puteți retrage consimțământul debifând această casetă. Dacă sunteți în prezent la un apel, această setare va intra în vigoare la sfârșitul apelului.",
     "preferences_tab": {
+      "developer_mode_label": "Modul dezvoltator",
+      "developer_mode_label_description": "Activați modul dezvoltator și afișați pagina specifică setărilor pentru dezvoltatori",
+      "introduction": "Aici puteți configura opțiuni suplimentare pentru o experiență îmbunătățită.",
       "reactions_play_sound_description": "Redați un efect sonor atunci când cineva trimite o reacție la un apel.",
       "reactions_play_sound_label": "Redați sunete de reacție",
       "reactions_show_description": "Afișați o animație atunci când cineva trimite o reacție.",
-      "reactions_show_label": "Afișați reacțiile"
+      "reactions_show_label": "Afișați reacțiile",
+      "show_hand_raised_timer_description": "Afișați un cronometru atunci când un participant ridică mâna.",
+      "show_hand_raised_timer_label": "Afișați durata ridicării mâinii"
     }
   },
   "start_new_call": "Începe un nou apel",
@@ -161,11 +194,13 @@
   "version": "{{productName}}Versiune: {{version}}",
   "video_tile": {
     "always_show": "Arată întotdeauna",
+    "camera_starting": "Se încarcă fluxul video...",
     "change_fit_contain": "Se potrivește cadrului",
     "collapse": "colaps",
     "expand": "Extindeți",
     "mute_for_me": "Mute pentru mine",
     "muted_for_me": "Dezactivat pentru mine",
-    "volume": "VOLUM"
+    "volume": "VOLUM",
+    "waiting_for_media": "Flux multimedia în aşteptare"
   }
 }

locales/ru/app.json

@@ -4,15 +4,30 @@
   },
   "action": {
     "close": "Закрыть",
+    "copy_link": "Скопировать ссылку",
+    "edit": "Редактировать",
     "go": "Далее",
+    "invite": "Пригласить",
+    "lower_hand": "Опустить руку",
     "no": "Нет",
+    "pick_reaction": "Выберите реакцию",
+    "raise_hand": "Поднять руку",
     "register": "Зарегистрироваться",
     "remove": "Удалить",
+    "show_less": "Показать меньше",
+    "show_more": "Показать больше",
     "sign_in": "Войти",
     "sign_out": "Выйти",
-    "submit": "Отправить"
+    "submit": "Отправить",
+    "upload_file": "Загрузить файл"
+  },
+  "analytics_notice": "Участвуя в этой бета-версии, вы соглашаетесь на сбор анонимных данных, которые мы используем для улучшения продукта. Дополнительную информацию о том, какие данные мы отслеживаем, можно найти в нашей <2> Политике конфиденциальности </2> и Политике <6> использования файлов cookie</6>.",
+  "app_selection_modal": {
+    "continue_in_browser": "Продолжить в браузере",
+    "open_in_app": "Открыть в приложении",
+    "text": "Готовы присоединиться?",
+    "title": "Выбрать приложение"
   },
-  "analytics_notice": "Участвуя в этой бета-версии, вы соглашаетесь на сбор анонимных данных, которые мы используем для улучшения продукта. Более подробную информацию о том, какие данные мы отслеживаем, вы можете найти в нашей <2> Политике конфиденциальности</2> и нашей <5> Политике использования файлов cookie</5>.",
   "call_ended_view": {
     "create_account_button": "Создать аккаунт",
     "create_account_prompt": "<0>Почему бы не задать пароль, тем самым сохранив аккаунт?</0><1>Так вы можете оставить своё имя и задать аватар для будущих звонков.</1>",
@@ -20,33 +35,109 @@
     "feedback_prompt": "<0>Мы будем рады видеть ваши отзывы, чтобы мы могли улучшить ваш опыт.</0>",
     "headline": "{{displayName}}, ваш звонок окончен.",
     "not_now_button": "Не сейчас, вернуться в Начало",
+    "reconnect_button": "Переподключиться",
     "survey_prompt": "Как всё прошло?"
   },
+  "call_name": "Название звонка",
   "common": {
+    "analytics": "Аналитика",
     "audio": "Аудио",
     "avatar": "Аватар",
+    "back": "Назад",
     "display_name": "Видимое имя",
+    "encrypted": "Зашифровано",
     "home": "Начало",
     "loading": "Загрузка…",
+    "next": "Далее",
+    "options": "Параметры",
     "password": "Пароль",
+    "preferences": "Настройки",
     "profile": "Профиль",
+    "reaction": "Реакция",
+    "reactions": "Реакции",
     "settings": "Настройки",
+    "unencrypted": "Не зашифровано",
     "username": "Имя пользователя",
     "video": "Видео"
   },
+  "developer_mode": {
+    "crypto_version": "Версия криптографии: {{version}}",
+    "debug_tile_layout_label": "Отладка расположения плиток",
+    "device_id": "Идентификатор устройства: {{id}}",
+    "duplicate_tiles_label": "Количество дополнительных копий плиток на участника",
+    "environment_variables": "Переменные окружения",
+    "hostname": "Имя хоста: {{hostname}}",
+    "livekit_server_info": "Информация о сервере LiveKit",
+    "livekit_sfu": "LiveKit SFU: {{url}}",
+    "matrix_id": "Matrix ID: {{id}}",
+    "show_connection_stats": "Показать статистику подключений",
+    "show_non_member_tiles": "Показать плитки для медиафайлов, не являющихся участниками",
+    "url_params": "Параметры URL-адреса",
+    "use_new_membership_manager": "Используйте новую реализацию вызова MembershipManager",
+    "use_to_device_key_transport": "Используйте для передачи ключей устройства. Это позволит вернуться к передаче ключей комнаты, когда другой участник вызова отправит ключ комнаты"
+  },
+  "disconnected_banner": "Связь с сервером была потеряна.",
+  "error": {
+    "call_is_not_supported": "Вызов не поддерживается",
+    "call_not_found": "Звонок не найден",
+    "call_not_found_description": "<0>Эта ссылка, похоже, не принадлежит ни к одному существующему звонку. Убедитесь, что у вас есть нужная ссылка, или <1>создайте новую</1>.</0>",
+    "connection_lost": "Соединение потеряно",
+    "connection_lost_description": "Вы были отключены от звонка.",
+    "e2ee_unsupported": "Несовместимый браузер",
+    "e2ee_unsupported_description": "Ваш веб-браузер не поддерживает зашифрованные звонки. Поддерживаются следующие браузеры: Chrome, Safari и Firefox 117+.",
+    "generic": "Произошла ошибка",
+    "generic_description": "Отправка журналов отладки поможет нам отследить проблему.",
+    "insufficient_capacity": "Недостаточная пропускная способность",
+    "insufficient_capacity_description": "Сервер достиг максимальной пропускной способности, и вы не можете присоединиться к звонку в данный момент. Повторите попытку позже или обратитесь к администратору сервера, если проблема сохраняется.",
+    "matrix_rtc_focus_missing": "Сервер не настроен для работы с {{brand}}. Пожалуйста, свяжитесь с администратором вашего сервера (Домен: {{domain}}, Код ошибки: {{ errorCode }}).",
+    "open_elsewhere": "Открыто в другой вкладке",
+    "open_elsewhere_description": "{{brand}} был открыт в другой вкладке. Если это неверно, попробуйте перезагрузить страницу.",
+    "unexpected_ec_error": "Произошла непредвиденная ошибка (<0> Код ошибки:</0><1>{{ errorCode }}</1> ). Обратитесь к администратору вашего сервера."
+  },
+  "group_call_loader": {
+    "banned_body": "Вас заблокировали в этой комнате",
+    "banned_heading": "Заблокирован",
+    "call_ended_body": "Вы были удалены из звонка.",
+    "call_ended_heading": "Вызов завершен",
+    "knock_reject_body": "Участники комнаты отклонили ваш запрос на присоединение.",
+    "knock_reject_heading": "Не разрешено присоединиться",
+    "reason": "Причина: {{reason}}"
+  },
+  "hangup_button_label": "Завершить звонок",
   "header_label": "Главная Element Call",
+  "header_participants_label": "Участники",
+  "invite_modal": {
+    "link_copied_toast": "Ссылка скопирована в буфер обмена",
+    "title": "Пригласить в этот звонок"
+  },
   "join_existing_call_modal": {
     "join_button": "Да, присоединиться",
     "text": "Этот звонок уже существует, хотите присоединиться?",
     "title": "Присоединиться к существующему звонку?"
   },
+  "layout_grid_label": "Сетка",
   "layout_spotlight_label": "Внимание",
   "lobby": {
-    "join_button": "Присоединиться"
+    "ask_to_join": "Запрос на подключение к звонку",
+    "join_as_guest": "Присоединиться в качестве гостя",
+    "join_button": "Присоединиться",
+    "leave_button": "Вернуться к списку недавних",
+    "waiting_for_invite": "Запрос отправлен"
   },
+  "log_in": "Войти",
   "logging_in": "Вход…",
   "login_auth_links": "<0>Создать аккаунт</0> или <2>Зайти как гость</2>",
+  "login_auth_links_prompt": "Еще не зарегистрированы?",
+  "login_subheading": "Продолжить в Element",
   "login_title": "Вход",
+  "microphone_off": "Микрофон выключен",
+  "microphone_on": "Микрофон включен",
+  "mute_microphone_button_label": "Отключить микрофон",
+  "participant_count_one": "{{count, number}}",
+  "participant_count_few": "{{count, number}}",
+  "participant_count_many": "{{count, number}}",
+  "qr_code": "QR код",
+  "rageshake_button_error_caption": "Повторить отправку журналов",
   "rageshake_request_modal": {
     "body": "У одного из участников звонка есть неполадки. Чтобы лучше диагностировать похожие проблемы, нам нужен журнал отладки.",
     "title": "Запрос журнала отладки"
@@ -54,30 +145,82 @@
   "rageshake_send_logs": "Отправить журнал отладки",
   "rageshake_sending": "Отправка…",
   "rageshake_sending_logs": "Отправка журнала отладки…",
+  "rageshake_sent": "Спасибо!",
   "recaptcha_dismissed": "Проверка не пройдена",
   "recaptcha_not_loaded": "Невозможно начать проверку",
+  "recaptcha_ssla_caption": "Этот сайт защищен reCAPTCHA, и к нему применяются <2> Политика конфиденциальности </2> и <6> Условия обслуживания Google. </6> <9></9>Нажимая «Зарегистрироваться», вы соглашаетесь с нашим лицензионным соглашением на <12> программное обеспечение и услуги (SSLA) </12>",
   "register": {
     "passwords_must_match": "Пароли должны совпадать",
     "registering": "Регистрация…"
   },
   "register_auth_links": "<0>Уже есть аккаунт?</0><1><0>Войти с ним</0> или <2>Зайти как гость</2></1>",
   "register_confirm_password_label": "Подтвердите пароль",
+  "register_heading": "Создать учетную запись",
   "return_home_button": "Вернуться в Начало",
+  "room_auth_view_continue_button": "Продолжить",
+  "room_auth_view_ssla_caption": "Нажимая кнопку \"Присоединиться к звонку\", вы соглашаетесь с нашим <2>Лицензионное соглашение на программное обеспечение и услуги (SSLA)</2>",
   "screenshare_button_label": "Поделиться экраном",
   "settings": {
+    "audio_tab": {
+      "effect_volume_description": "Отрегулируйте громкость воспроизведения реакций и эффектов поднятия руки.",
+      "effect_volume_label": "Громкость звукового эффекта"
+    },
+    "background_blur_header": "Фон",
+    "background_blur_label": "Размытие фона видео",
+    "blur_not_supported_by_browser": "(Размытие фона не поддерживается этим устройством.)",
     "developer_tab_title": "Разработчику",
+    "devices": {
+      "camera": "Камера",
+      "camera_numbered": "Камера {{n}}",
+      "default": "По умолчанию",
+      "default_named": "По умолчанию <2>({{name}})</2>",
+      "microphone": "Микрофон",
+      "microphone_numbered": "Микрофон {{n}}",
+      "speaker": "Динамик",
+      "speaker_numbered": "Динамик {{n}}"
+    },
     "feedback_tab_body": "Если у вас возникли проблемы или вы просто хотите оставить отзыв, отправьте нам краткое описание ниже.",
     "feedback_tab_description_label": "Ваш отзыв",
     "feedback_tab_h4": "Отправить отзыв",
     "feedback_tab_send_logs_label": "Приложить журнал отладки",
     "feedback_tab_thank_you": "Спасибо. Мы получили ваш отзыв!",
     "feedback_tab_title": "Отзыв",
-    "opt_in_description": "<0></0><1></1>Вы можете отозвать согласие, сняв этот флажок. Если вы в данный момент находитесь в разговоре, эта настройка вступит в силу по окончании разговора."
+    "opt_in_description": "<0></0><1></1>Вы можете отозвать согласие, сняв этот флажок. Если вы в данный момент находитесь в разговоре, эта настройка вступит в силу по окончании разговора.",
+    "preferences_tab": {
+      "developer_mode_label": "Режим разработчика",
+      "developer_mode_label_description": "Включить режим разработчика и показать настройки.",
+      "introduction": "Здесь вы можете настроить дополнительные параметры для улучшения качества работы.",
+      "reactions_play_sound_description": "Воспроизведите звуковой эффект, когда кто-либо отреагирует на звонок.",
+      "reactions_play_sound_label": "Воспроизводить звуки реакции",
+      "reactions_show_description": "Показать реакции",
+      "reactions_show_label": "Показывать анимацию, когда кто-либо отправляет реакцию.",
+      "show_hand_raised_timer_description": "Показывать таймер, когда участник поднимает руку",
+      "show_hand_raised_timer_label": "Показать продолжительность поднятия руки"
+    }
   },
-  "star_rating_input_label_one": "{{count}} отмечен",
-  "star_rating_input_label_other": "{{count}} отмеченных",
+  "star_rating_input_label_one": "{{count}} звезда",
+  "star_rating_input_label_few": "{{count}} звезды",
+  "star_rating_input_label_many": "{{count}} звезд",
+  "start_new_call": "Начать новый звонок",
+  "start_video_button_label": "Начать видео",
+  "stop_screenshare_button_label": "Демонстрация экрана",
+  "stop_video_button_label": "Остановить видео",
   "submitting": "Отправляем…",
+  "switch_camera": "Переключить камеру",
   "unauthenticated_view_body": "Ещё не зарегистрированы? <2>Создайте аккаунт</2>",
   "unauthenticated_view_login_button": "Войдите в свой аккаунт",
-  "version": "Версия: {{version}}"
+  "unauthenticated_view_ssla_caption": "Нажимая «Перейти», вы соглашаетесь с нашим лицензионным соглашением на <2> программное обеспечение и услуги (SSLA) </2>",
+  "unmute_microphone_button_label": "Включить микрофон",
+  "version": "{{productName}} версия: {{version}}",
+  "video_tile": {
+    "always_show": "Показывать всегда",
+    "camera_starting": "Загрузка видео...",
+    "change_fit_contain": "По размеру окна",
+    "collapse": "Свернуть",
+    "expand": "Развернуть",
+    "mute_for_me": "Заглушить звук для меня",
+    "muted_for_me": "Приглушить для меня",
+    "volume": "Громкость",
+    "waiting_for_media": "В ожидании медиа..."
+  }
 }

locales/sk/app.json

@@ -5,16 +5,23 @@
   "action": {
     "close": "Zatvoriť",
     "copy_link": "Kopírovať odkaz",
+    "edit": "Upraviť",
     "go": "Prejsť",
     "invite": "Pozvať",
+    "lower_hand": "Dať dole ruku",
     "no": "Nie",
+    "pick_reaction": "Vybrať reakciu",
+    "raise_hand": "Zdvihnúť ruku",
     "register": "Registrovať sa",
     "remove": "Odstrániť",
+    "show_less": "Zobraziť menej",
+    "show_more": "Zobraziť viac",
     "sign_in": "Prihlásiť sa",
     "sign_out": "Odhlásiť sa",
-    "submit": "Odoslať"
+    "submit": "Odoslať",
+    "upload_file": "Nahrať súbor"
   },
-  "analytics_notice": "Účasťou v tejto beta verzii súhlasíte so zhromažďovaním anonymných údajov, ktoré použijeme na zlepšenie produktu. Viac informácií o tom, ktoré údaje sledujeme, nájdete v našich <2>Zásadách ochrany osobných údajov</2> a <5>Zásadách používania súborov cookie</5>.",
+  "analytics_notice": "Účasťou v tejto beta verzii súhlasíte so zhromažďovaním anonymných údajov, ktoré použijeme na zlepšenie produktu. Viac informácií o tom, ktoré údaje sledujeme, nájdete v našich <2>Zásadách ochrany osobných údajov</2> a <6>Zásadách používania súborov cookie</6>.",
   "app_selection_modal": {
     "continue_in_browser": "Pokračovať v prehliadači",
     "open_in_app": "Otvoriť v aplikácii",
@@ -33,18 +40,70 @@
   },
   "call_name": "Názov hovoru",
   "common": {
+    "analytics": "Analytika",
+    "audio": "Zvuk",
     "avatar": "Obrázok",
+    "back": "Späť",
     "display_name": "Zobrazované meno",
     "encrypted": "Šifrované",
     "home": "Domov",
     "loading": "Načítanie…",
+    "next": "Ďalej",
+    "options": "Možnosti",
     "password": "Heslo",
+    "preferences": "Predvoľby",
     "profile": "Profil",
+    "reaction": "Reakcia",
+    "reactions": "Reakcie",
     "settings": "Nastavenia",
     "unencrypted": "Nie je zašifrované",
-    "username": "Meno používateľa"
+    "username": "Meno používateľa",
+    "video": "Video"
+  },
+  "developer_mode": {
+    "crypto_version": "Krypto verzia: {{version}}",
+    "debug_tile_layout_label": "Ladenie rozloženia dlaždíc",
+    "device_id": "ID zariadenia: {{id}}",
+    "duplicate_tiles_label": "Počet ďalších kópií dlaždíc na účastníka",
+    "environment_variables": "Premenné prostredia",
+    "hostname": "Názov hostiteľa: {{hostname}}",
+    "livekit_server_info": "Informácie o serveri LiveKit",
+    "livekit_sfu": "LiveKit SFU: {{url}}",
+    "matrix_id": "Matrix ID: {{id}}",
+    "mute_all_audio": "Stlmiť všetky zvuky (účastníkov, reakcií, zvuky pripojenia)",
+    "show_connection_stats": "Zobraziť štatistiky pripojenia",
+    "show_non_member_tiles": "Zobraziť dlaždice pre nečlenské médiá",
+    "url_params": "Parametre URL adresy",
+    "use_new_membership_manager": "Použiť novú implementáciu hovoru MembershipManager",
+    "use_to_device_key_transport": "Používa sa na prenos kľúča zariadenia. Toto sa vráti k prenosu kľúča miestnosti, keď iný účastník hovoru poslal kľúč od miestnosti"
   },
   "disconnected_banner": "Spojenie so serverom sa stratilo.",
+  "error": {
+    "call_is_not_supported": "Hovor nie je podporovaný",
+    "call_not_found": "Hovor nebol nájdený",
+    "call_not_found_description": "<0>Zdá sa, že tento odkaz nepatrí k žiadnemu existujúcemu hovoru. Skontrolujte, či máte správny odkaz, alebo <1> vytvorte nový</1>. </0>",
+    "connection_lost": "Strata spojenia",
+    "connection_lost_description": "Boli ste odpojení od hovoru.",
+    "e2ee_unsupported": "Nekompatibilný prehliadač",
+    "e2ee_unsupported_description": "Váš webový prehliadač nepodporuje šifrované hovory. Medzi podporované prehliadače patria Chrome, Safari a Firefox 117+.",
+    "generic": "Niečo sa pokazilo",
+    "generic_description": "Odoslanie záznamov ladenia nám pomôže nájsť problém.",
+    "insufficient_capacity": "Nedostatočná kapacita",
+    "insufficient_capacity_description": "Server dosiahol svoju maximálnu kapacitu a momentálne sa nemôžete pripojiť k hovoru. Skúste to znova neskôr alebo kontaktujte správcu servera, ak problém pretrváva.",
+    "matrix_rtc_focus_missing": "Server nie je nakonfigurovaný na prácu s aplikáciou {{brand}}. Kontaktujte správcu svojho servera (Doména:{{domain}}, Kód chyby:{{ errorCode }}).",
+    "open_elsewhere": "Otvorené na inej karte",
+    "open_elsewhere_description": "Aplikácia {{brand}} bola otvorená na inej karte. Ak sa vám to nezdá, skúste znovu načítať stránku.",
+    "unexpected_ec_error": "Vyskytla sa neočakávaná chyba (<0>Kód chyby:</0> <1>{{ errorCode }}</1>). Kontaktujte prosím správcu vášho servera."
+  },
+  "group_call_loader": {
+    "banned_body": "Dostali ste zákaz vstupu do miestnosti.",
+    "banned_heading": "Zakázané",
+    "call_ended_body": "Boli ste odstránení z hovoru.",
+    "call_ended_heading": "Hovor bol ukončený",
+    "knock_reject_body": "Členovia miestnosti odmietli vašu žiadosť o pripojenie.",
+    "knock_reject_heading": "Nie je povolené pripojiť sa",
+    "reason": "Dôvod"
+  },
   "hangup_button_label": "Ukončiť hovor",
   "header_label": "Domov Element Call",
   "header_participants_label": "Účastníci",
@@ -60,15 +119,25 @@
   "layout_grid_label": "Sieť",
   "layout_spotlight_label": "Stredobod",
   "lobby": {
+    "ask_to_join": "Požiadať o pripojenie k hovoru",
+    "join_as_guest": "Pripojiť sa ako hosť",
     "join_button": "Pripojiť sa k hovoru",
-    "leave_button": "Späť k nedávnym"
+    "leave_button": "Späť k nedávnym",
+    "waiting_for_invite": "Žiadosť odoslaná"
   },
+  "log_in": "Prihlásiť sa",
   "logging_in": "Prihlasovanie…",
   "login_auth_links": "<0>Vytvoriť konto</0> Alebo <2>Prihlásiť sa ako hosť</2>",
+  "login_auth_links_prompt": "Nie ste ešte zaregistrovaní?",
+  "login_subheading": "Ak chcete pokračovať na Element",
   "login_title": "Prihlásiť sa",
   "microphone_off": "Mikrofón vypnutý",
   "microphone_on": "Mikrofón zapnutý",
   "mute_microphone_button_label": "Stlmiť mikrofón",
+  "participant_count_one": "{{count, number}}",
+  "participant_count_few": "{{count, number}}",
+  "participant_count_other": "{{count, number}}",
+  "qr_code": "QR kód",
   "rageshake_button_error_caption": "Opakovať odoslanie záznamov",
   "rageshake_request_modal": {
     "body": "Ďalší používateľ v tomto hovore má problém. Aby sme mohli lepšie diagnostikovať tieto problémy, chceli by sme získať záznam o ladení.",
@@ -80,33 +149,79 @@
   "rageshake_sent": "Ďakujeme!",
   "recaptcha_dismissed": "Recaptcha zamietnutá",
   "recaptcha_not_loaded": "Recaptcha sa nenačítala",
+  "recaptcha_ssla_caption": "Táto stránka je chránená reCAPTCHA a platia <2>Zásady ochrany osobných údajov</2> a <6>Podmienky služby</6> spoločnosti Google. <9></9>Kliknutím na tlačidlo „Registrovať“ súhlasíte s našou <12>Licenčnou zmluvou o softvéri a službách (SSLA)</12>",
   "register": {
     "passwords_must_match": "Heslá sa musia zhodovať",
     "registering": "Registrácia…"
   },
   "register_auth_links": "<0>Už máte konto?</0><1><0>Prihláste sa</0> Alebo <2>Prihlásiť sa ako hosť</2></1>",
   "register_confirm_password_label": "Potvrdiť heslo",
+  "register_heading": "Vytvorte si účet",
   "return_home_button": "Návrat na domovskú obrazovku",
+  "room_auth_view_continue_button": "Pokračovať",
+  "room_auth_view_ssla_caption": "Kliknutím na „Pripojiť sa k hovoru teraz“ súhlasíte s našou <2>Licenčnou zmluvou o softvéri a službách (SSLA)</2>",
   "screenshare_button_label": "Zdieľať obrazovku",
   "settings": {
+    "audio_tab": {
+      "effect_volume_description": "Upraviť hlasitosť, pri ktorej sa prehrávajú reakcie a efekty zdvihnutia ruky.",
+      "effect_volume_label": "Hlasitosť zvukového efektu"
+    },
+    "background_blur_header": "Pozadie",
+    "background_blur_label": "Rozmazať pozadie videa",
+    "blur_not_supported_by_browser": "(Rozmazanie pozadia nie je podporované týmto zariadením.)",
     "developer_tab_title": "Vývojár",
+    "devices": {
+      "camera": "Kamera",
+      "camera_numbered": "Kamera {{n}}",
+      "default": "Predvolené",
+      "default_named": "Predvolené <2>({{name}})</2>",
+      "microphone": "Mikrofón",
+      "microphone_numbered": "Mikrofón {{n}}",
+      "speaker": "Reproduktor",
+      "speaker_numbered": "Reproduktor {{n}}"
+    },
     "feedback_tab_body": "Ak máte problémy alebo jednoducho chcete poskytnúť spätnú väzbu, pošlite nám krátky popis nižšie.",
     "feedback_tab_description_label": "Vaša spätná väzba",
     "feedback_tab_h4": "Odoslať spätnú väzbu",
     "feedback_tab_send_logs_label": "Zahrnúť záznamy o ladení",
     "feedback_tab_thank_you": "Ďakujeme, dostali sme vašu spätnú väzbu!",
     "feedback_tab_title": "Spätná väzba",
-    "opt_in_description": "<0></0><1></1>Súhlas môžete odvolať zrušením označenia tohto políčka. Ak práve prebieha hovor, toto nastavenie nadobudne platnosť po skončení hovoru."
+    "opt_in_description": "<0></0><1></1>Súhlas môžete odvolať zrušením označenia tohto políčka. Ak práve prebieha hovor, toto nastavenie nadobudne platnosť po skončení hovoru.",
+    "preferences_tab": {
+      "developer_mode_label": "Režim vývojára",
+      "developer_mode_label_description": "Povoliť režim vývojára a zobraziť kartu Nastavenia vývojára.",
+      "introduction": "Tu môžete nastaviť ďalšie možnosti pre lepší zážitok.",
+      "reactions_play_sound_description": "Prehrať zvukový efekt, keď niekto odošle reakciu na hovor.",
+      "reactions_play_sound_label": "Prehrať zvuky reakcie",
+      "reactions_show_description": "Zobraziť animáciu, keď niekto odošle reakciu.",
+      "reactions_show_label": "Zobraziť reakcie",
+      "show_hand_raised_timer_description": "Zobraziť časovač, keď účastník zdvihne ruku",
+      "show_hand_raised_timer_label": "Zobraziť trvanie zdvihnutia ruky"
+    }
   },
   "star_rating_input_label_one": "{{count}} hviezdička",
+  "star_rating_input_label_few": "{{count}} hviezdičky",
   "star_rating_input_label_other": "{{count}} hviezdičiek",
   "start_new_call": "Spustiť nový hovor",
   "start_video_button_label": "Spustiť video",
   "stop_screenshare_button_label": "Zdieľanie obrazovky",
   "stop_video_button_label": "Zastaviť video",
   "submitting": "Odosielanie…",
+  "switch_camera": "Prepnúť fotoaparát",
   "unauthenticated_view_body": "Ešte nie ste zaregistrovaný? <2>Vytvorte si účet</2>",
   "unauthenticated_view_login_button": "Prihláste sa do svojho konta",
+  "unauthenticated_view_ssla_caption": "Kliknutím na tlačidlo „Prejsť“ súhlasítes našou <2>Licenčnou zmluvou o softvéri a službách (SSLA)</2>",
   "unmute_microphone_button_label": "Zrušiť stlmenie mikrofónu",
-  "version": "Verzia: {{version}}"
+  "version": "Verzia {{productName}}: {{version}}",
+  "video_tile": {
+    "always_show": "Vždy zobraziť",
+    "camera_starting": "Načítavanie videa...",
+    "change_fit_contain": "Orezať na mieru",
+    "collapse": "Zbaliť",
+    "expand": "Rozbaliť",
+    "mute_for_me": "Pre mňa stlmiť",
+    "muted_for_me": "Pre mňa stlmené",
+    "volume": "Hlasitosť",
+    "waiting_for_media": "Čaká sa na médiá..."
+  }
 }

locales/sv/app.json

@@ -1,7 +1,221 @@
 {
+  "a11y": {
+    "user_menu": "Användarmeny"
+  },
+  "action": {
+    "close": "Stäng",
+    "copy_link": "Kopiera länk",
+    "edit": "Redigera",
+    "go": "Gå",
+    "invite": "Bjud in",
+    "lower_hand": "Sänk handen",
+    "no": "Nej",
+    "pick_reaction": "Välj reaktion",
+    "raise_hand": "Räck upp handen",
+    "register": "Registrera",
+    "remove": "Ta bort",
+    "show_less": "Visa mindre",
+    "show_more": "Visa mer",
+    "sign_in": "Logga in",
+    "sign_out": "Logga ut",
+    "submit": "Skicka",
+    "upload_file": "Ladda upp fil"
+  },
+  "analytics_notice": "Genom att delta i denna beta samtycker du till insamling av anonyma uppgifter, som vi använder för att förbättra produkten. Du kan hitta mer information om vilka data vi spårar i vår <2>integritetspolicy</2> och vår <5>cookiepolicy</5>.",
+  "app_selection_modal": {
+    "continue_in_browser": "Fortsätt i webbläsaren",
+    "open_in_app": "Öppna i appen",
+    "text": "Är du redo att gå med?",
+    "title": "Välj app"
+  },
   "call_ended_view": {
-    "headline": "{{displayName}}, ditt samtal har avslutats."
+    "create_account_button": "Skapa konto",
+    "create_account_prompt": "<0>Varför inte avsluta genom att skapa ett lösenord för att behålla ditt konto?</0><1>Du kommer att kunna behålla ditt namn och ställa in en avatar för användning vid framtida samtal</1>",
+    "feedback_done": "<0>Tack för din feedback! </0>",
+    "feedback_prompt": "<0>Vi vill gärna höra din feedback så att vi kan förbättra din upplevelse. </0>",
+    "headline": "{{displayName}}, ditt samtal har avslutats.",
+    "not_now_button": "Inte nu, återgå till startskärmen",
+    "reconnect_button": "Återanslut",
+    "survey_prompt": "Hur gick det?"
+  },
+  "call_name": "Namn på samtal",
+  "common": {
+    "analytics": "Analysdata",
+    "audio": "Ljud",
+    "avatar": "Avatar",
+    "back": "Tillbaka",
+    "display_name": "Visningsnamn",
+    "encrypted": "Krypterad",
+    "home": "Hem",
+    "loading": "Laddar …",
+    "next": "Nästa",
+    "options": "Alternativ",
+    "password": "Lösenord",
+    "preferences": "Alternativ",
+    "profile": "Profil",
+    "reaction": "Reaktion",
+    "reactions": "Reaktioner",
+    "settings": "Inställningar",
+    "unencrypted": "Inte krypterad",
+    "username": "Användarnamn",
+    "video": "Video"
+  },
+  "developer_mode": {
+    "crypto_version": "Kryptoversion: {{version}}",
+    "debug_tile_layout_label": "Felsök panelarrangemang",
+    "device_id": "Enhets-ID: {{id}}",
+    "duplicate_tiles_label": "Antal ytterligare panelkopior per deltagare",
+    "environment_variables": "Miljövariabler",
+    "hostname": "Värdnamn: {{hostname}}",
+    "livekit_server_info": "LiveKit-serverinfo",
+    "livekit_sfu": "LiveKit SFU: {{url}}",
+    "matrix_id": "Matrix-ID: {{id}}",
+    "show_connection_stats": "Visa anslutningsstatistik",
+    "show_non_member_tiles": "Visa paneler för media som inte är medlemmar",
+    "url_params": "URL-parametrar",
+    "use_new_membership_manager": "Använd den nya implementeringen av samtals-MembershipManager",
+    "use_to_device_key_transport": "Använd \"till enhet\"-nyckeltransport. Detta kommer att falla tillbaka till rumsnyckeltransport om en annan samtalsmedlem skickar en rumsnyckel."
+  },
+  "disconnected_banner": "Anslutningen till servern har brutits.",
+  "error": {
+    "call_is_not_supported": "Call stöds inte",
+    "call_not_found": "Samtal hittades inte",
+    "call_not_found_description": "<0>Den länken verkar inte tillhöra något befintligt samtal. Kontrollera att du har rätt länk, eller <1>skapa en ny</1>.</0>",
+    "connection_lost": "Anslutning förlorad",
+    "connection_lost_description": "Du kopplades bort från samtalet.",
+    "e2ee_unsupported": "Inkompatibel webbläsare",
+    "e2ee_unsupported_description": "Din webbläsare stöder inte krypterade samtal. Webbläsare som stöds inkluderar Chrome, Safari och Firefox 117+.",
+    "generic": "Något gick fel",
+    "generic_description": "Att skicka felsökningsloggar hjälper oss att spåra problemet.",
+    "insufficient_capacity": "Otillräcklig kapacitet",
+    "insufficient_capacity_description": "Servern har nått sin maximala kapacitet och du kan inte gå med i samtalet just nu. Försök igen senare, eller kontakta serveradministratören om problemet kvarstår.",
+    "matrix_rtc_focus_missing": "Servern är inte konfigurerad för att fungera med {{brand}}. Vänligen kontakta serveradministratören (Domän: {{domain}}, Felkod: {{ errorCode }}).",
+    "open_elsewhere": "Öppnades i en annan flik",
+    "open_elsewhere_description": "{{brand}} har öppnats i en annan flik. Om det inte låter rätt, pröva att ladda om sidan.",
+    "unexpected_ec_error": "Ett oväntat fel inträffade (<0>Felkod:</0> <1>{{ errorCode }}</1>). Kontakta din serveradministratör."
+  },
+  "group_call_loader": {
+    "banned_body": "Du har bannats från rummet.",
+    "banned_heading": "Bannad",
+    "call_ended_body": "Du har har tagits bort från samtalet.",
+    "call_ended_heading": "Samtal avslutat",
+    "knock_reject_body": "Rumsmedlemmarna avslog din begäran om att gå med.",
+    "knock_reject_heading": "Inte tillåten att gå med",
+    "reason": "Anledning"
+  },
+  "hangup_button_label": "Avsluta samtal",
+  "header_label": "Element Call Hem",
+  "header_participants_label": "Deltagare",
+  "invite_modal": {
+    "link_copied_toast": "Länk kopierad till klippbordet",
+    "title": "Bjud in till det här samtalet"
+  },
+  "join_existing_call_modal": {
+    "join_button": "Ja, gå med i samtal",
+    "text": "Det här samtalet finns redan, vill du gå med?",
+    "title": "Gå med i befintligt samtal?"
+  },
+  "layout_grid_label": "Rutnät",
+  "layout_spotlight_label": "Spotlight",
+  "lobby": {
+    "ask_to_join": "Be om att delta i samtalet",
+    "join_as_guest": "Gå med som gäst",
+    "join_button": "Anslut till samtal",
+    "leave_button": "Tillbaka till senaste",
+    "waiting_for_invite": "Begäran skickad"
+  },
+  "log_in": "Logga in",
+  "logging_in": "Loggar in …",
+  "login_auth_links": "<0>Skapa ett konto</0> eller <2>Kom åt som gäst</2>",
+  "login_auth_links_prompt": "Inte registrerad än?",
+  "login_subheading": "För att fortsätta till Element",
+  "login_title": "Logga in",
+  "microphone_off": "Mikrofon av",
+  "microphone_on": "Mikrofon på",
+  "mute_microphone_button_label": "Tysta mikrofonen",
+  "participant_count_one": "{{count, number}}",
+  "participant_count_other": "{{count, number}}",
+  "qr_code": "QR-kod",
+  "rageshake_button_error_caption": "Försök att skicka loggar igen",
+  "rageshake_request_modal": {
+    "body": "En annan användare i det här samtalet har ett problem. För att bättre kunna diagnostisera dessa problem vill vi samla in en felsökningslogg.",
+    "title": "Begäran om felsökningslogg"
+  },
+  "rageshake_send_logs": "Skicka felsökningsloggar",
+  "rageshake_sending": "Skickar …",
+  "rageshake_sending_logs": "Skickar felsökningsloggar …",
+  "rageshake_sent": "Tack!",
+  "recaptcha_dismissed": "Recaptcha avvisad",
+  "recaptcha_not_loaded": "Recaptcha laddades inte",
+  "recaptcha_ssla_caption": "Denna webbplats skyddas av ReCAPTCHA och Googles <2>sekretesspolicy</2> och <6>användarvillkor</6> gäller.<9></9>Genom att klicka på ”Registrera” godkänner du vårt <12>licensavtal för programvara och tjänster</12>",
+  "register": {
+    "passwords_must_match": "Lösenorden måste överensstämma",
+    "registering": "Registrerar …"
+  },
+  "register_auth_links": "<0>Har du redan ett konto?</0><1><0>Logga in</0> eller <2>kom åt som en gäst</2></1>",
+  "register_confirm_password_label": "Bekräfta lösenord",
+  "register_heading": "Skapa ditt konto",
+  "return_home_button": "Återgå till startskärmen",
+  "room_auth_view_continue_button": "Fortsätt",
+  "room_auth_view_ssla_caption": "Genom att klicka på ”Anslut till samtal nu” godkänner du vårt <2>licensavtal för programvara och tjänster</2>",
+  "screenshare_button_label": "Dela skärm",
+  "settings": {
+    "audio_tab": {
+      "effect_volume_description": "Justera volymen vid vilken reaktioner och handuppräckningseffekter spelas",
+      "effect_volume_label": "Ljudeffektsvolym"
+    },
+    "developer_tab_title": "Utvecklare",
+    "devices": {
+      "camera": "Kamera",
+      "camera_numbered": "Kamera {{n}}",
+      "default": "Förval",
+      "default_named": "Förval <2>({{name}})</2>",
+      "microphone": "Mikrofon",
+      "microphone_numbered": "Mikrofon {{n}}",
+      "speaker": "Högtalare",
+      "speaker_numbered": "Högtalare {{n}}"
+    },
+    "feedback_tab_body": "Om du har problem eller bara vill ge lite återkoppling, skicka oss en kort beskrivning nedan.",
+    "feedback_tab_description_label": "Din återkoppling",
+    "feedback_tab_h4": "Skicka återkoppling",
+    "feedback_tab_send_logs_label": "Inkludera felsökningsloggar",
+    "feedback_tab_thank_you": "Tack, vi har tagit emot din återkoppling!",
+    "feedback_tab_title": "Återkoppling",
+    "opt_in_description": "<0></0><1></1>Du kan återkalla ditt samtycke genom att avmarkera den här rutan. Om du för närvarande är i ett samtal träder den här inställningen i kraft vid slutet av samtalet.",
+    "preferences_tab": {
+      "developer_mode_label": "Utvecklarläge",
+      "developer_mode_label_description": "Aktivera utvecklarläger och visa fliken utvecklarinställningar.",
+      "introduction": "Här kan du konfigurera extra alternativ för en förbättrad upplevelse.",
+      "reactions_play_sound_description": "Spela en ljudeffekt när någon skickar in en reaktion i ett samtal.",
+      "reactions_play_sound_label": "Spela reaktionsljud",
+      "reactions_show_description": "Visa en animering när någon skickar en reaktion.",
+      "reactions_show_label": "Visa reaktioner",
+      "show_hand_raised_timer_description": "Visa en timer när en deltagare räcker upp handen",
+      "show_hand_raised_timer_label": "Visa varaktighet för handuppräckning"
+    }
   },
   "star_rating_input_label_one": "{{count}} stjärna",
-  "star_rating_input_label_other": "{{count}} stjärnor"
+  "star_rating_input_label_other": "{{count}} stjärnor",
+  "start_new_call": "Starta ett nytt samtal",
+  "start_video_button_label": "Starta video",
+  "stop_screenshare_button_label": "Delar skärm",
+  "stop_video_button_label": "Stoppa video",
+  "submitting": "Skickar …",
+  "switch_camera": "Byt kamera",
+  "unauthenticated_view_body": "Inte registrerad än? <2>Skapa ett konto</2>",
+  "unauthenticated_view_login_button": "Logga in på ditt konto",
+  "unauthenticated_view_ssla_caption": "Genom att klicka på ”Kör” godkänner du vårt <2>licensavtal för programvara och tjänster</2>",
+  "unmute_microphone_button_label": "Sluta tysta mikrofonen",
+  "version": "Version: {{version}}",
+  "video_tile": {
+    "always_show": "Visa alltid",
+    "camera_starting": "Video laddar …",
+    "change_fit_contain": "Anpassa till ram",
+    "collapse": "Kollapsa",
+    "expand": "Expandera",
+    "mute_for_me": "Tysta för mig",
+    "muted_for_me": "Tystad för mig",
+    "volume": "Volym",
+    "waiting_for_media": "Väntar på media …"
+  }
 }

locales/tr/app.json

@@ -1,42 +1,141 @@
 {
+  "a11y": {
+    "user_menu": "Kullanıcı menüsü"
+  },
   "action": {
     "close": "Kapat",
+    "copy_link": "Bağlantıyı kopyala",
+    "edit": "Düzenle",
     "go": "Git",
+    "invite": "Davet et",
+    "lower_hand": "Elini indir",
     "no": "Hayır",
+    "pick_reaction": "Tepki seç",
+    "raise_hand": "Elini kaldır",
     "register": "Kaydol",
     "remove": "Çıkar",
+    "show_less": "Daha az göster",
+    "show_more": "Daha fazla göster",
     "sign_in": "Gir",
-    "sign_out": "Çık"
+    "sign_out": "Çık",
+    "submit": "Gönder",
+    "upload_file": "Dosya Yükle"
+  },
+  "analytics_notice": "Bu beta sürümüne katılarak, ürünü geliştirmek için kullandığımız anonim verilerin toplanmasına izin vermiş olursunuz. Hangi verileri izlediğimiz hakkında daha fazla bilgiyi <2>Gizlilik Politikamızda</2> ve <6>Çerez Politikamızda bulabilirsiniz</6>..",
+  "app_selection_modal": {
+    "continue_in_browser": "Tarayıcıda devam et",
+    "open_in_app": "Uygulamada aç",
+    "text": "Katılmaya hazır mısınız?",
+    "title": "Uygulama seçin"
   },
   "call_ended_view": {
     "create_account_button": "Hesap aç",
     "create_account_prompt": "<0>Hesabınızı tutmak için niye bir parola açmıyorsunuz?</0><1>Böylece ileriki aramalarda adınızı ve avatarınızı kullanabileceksiniz</1>",
-    "not_now_button": "Şimdi değil, ev ekranına dön"
+    "feedback_done": "<0>Geri bildiriminiz için teşekkürler!</0>",
+    "feedback_prompt": "<0>Deneyiminizi geliştirebilmemiz için geri bildirimlerinizi duymak isteriz.</0>",
+    "headline": "{{displayName}}, çağrınız sona erdi.",
+    "not_now_button": "Şimdi değil, ev ekranına dön",
+    "reconnect_button": "Yeniden bağlan",
+    "survey_prompt": "Nasıl geçti?"
   },
+  "call_name": "Aramanın adı",
   "common": {
+    "analytics": "Analiz",
     "audio": "Ses",
+    "avatar": "Avatar",
+    "back": "Geri",
     "display_name": "Ekran adı",
+    "encrypted": "Şifrelenmiş",
     "home": "Ev",
     "loading": "Yükleniyor…",
+    "next": "İleri",
+    "options": "Seçenekler",
     "password": "Parola",
-    "settings": "Ayarlar"
+    "preferences": "Tercihler",
+    "profile": "Profil",
+    "reaction": "Tepki",
+    "reactions": "Tepkiler",
+    "settings": "Ayarlar",
+    "unencrypted": "Şifrelenmemiş",
+    "username": "Kullanıcı adı",
+    "video": "Video"
+  },
+  "developer_mode": {
+    "crypto_version": "Şifreleme sürümü: {{version}}",
+    "debug_tile_layout_label": "Hata ayıklama döşeme düzeni",
+    "device_id": "Cihaz Kimliği: {{id}}",
+    "duplicate_tiles_label": "Katılımcı başına ek döşeme sayısı",
+    "hostname": "Sunucu adı: {{hostname}}",
+    "livekit_server_info": "LiveKit Sunucu Bilgisi",
+    "livekit_sfu": "LiveKit SFU: {{url}}",
+    "matrix_id": "Matrix Kimliği: {{id}}",
+    "show_connection_stats": "Bağlantı istatistiklerini göster",
+    "show_non_member_tiles": "Üye olmayan kullanıcılar için ortam döşemelerini göster"
+  },
+  "disconnected_banner": "Sunucuyla bağlantı kesildi.",
+  "error": {
+    "call_not_found": "Çağrı bulunamadı",
+    "call_not_found_description": "<0>Bu bağlantı mevcut herhangi bir çağrıya ait görünmüyor. Doğru bağlantıya sahip olduğunuzu kontrol edin veya <1> yeni bir bağlantı oluşturun</1>. </0>",
+    "connection_lost": "Bağlantı kesildi",
+    "connection_lost_description": "Çağrıdan bağlantınız kesildi.",
+    "e2ee_unsupported": "Uyumsuz Tarayıcı",
+    "e2ee_unsupported_description": "İnternet tarayıcınız şifreli aramaları desteklemiyor. Desteklenen tarayıcılar arasında Chrome, Safari ve Firefox 117+ bulunur.",
+    "generic": "Bir şeyler ters gitti",
+    "generic_description": "Hata ayıklama günlüklerini göndermeniz sorunu tespit etmemizde yardımcı olacaktır.",
+    "open_elsewhere": "Başka bir sekmede açıldı",
+    "open_elsewhere_description": "{{brand}} başka bir sekmede açıldı. Bu doğru değilse, sayfayı yeniden yüklemeyi deneyin."
+  },
+  "group_call_loader": {
+    "banned_body": "Odaya girmeniz yasaklandı.",
+    "banned_heading": "Yasaklandı",
+    "call_ended_body": "Aramadan çıkarıldınız.",
+    "call_ended_heading": "Arama sonlandırıldı",
+    "knock_reject_body": "Katılma isteğiniz reddedildi.",
+    "knock_reject_heading": "Erişim reddedildi",
+    "reason": "Neden: {{reason}}"
+  },
+  "hangup_button_label": "Aramayı sonlandır",
+  "header_label": "Element Call Ana Sayfa",
+  "header_participants_label": "Katılımcılar",
+  "invite_modal": {
+    "link_copied_toast": "Bağlantı panoya kopyalandı",
+    "title": "Bu görüşmeye davet edin"
   },
   "join_existing_call_modal": {
+    "join_button": "Evet, aramaya katıl",
     "text": "Bu arama zaten var, katılmak ister misiniz?",
     "title": "Mevcut aramaya katıl?"
   },
+  "layout_grid_label": "Izgara",
+  "layout_spotlight_label": "İlgi Odağı",
   "lobby": {
-    "join_button": "Aramaya katıl"
+    "ask_to_join": "Aramaya katılma isteği gönder",
+    "join_as_guest": "Misafir olarak katıl",
+    "join_button": "Aramaya katıl",
+    "leave_button": "Son aramalara dön",
+    "waiting_for_invite": "İstek gönderildi! Katılmak için izin verilmesi bekleniyor…"
   },
+  "log_in": "Giriş yap",
   "logging_in": "Giriliyor…",
   "login_auth_links": "<0>Hesap oluştur</0> yahut <2>Konuk olarak gir</2>",
+  "login_auth_links_prompt": "Henüz kaydolmadınız mı?",
+  "login_subheading": "Element'e devam etmek için",
   "login_title": "Gir",
+  "microphone_off": "Mikrofon kapalı",
+  "microphone_on": "Mikrofon açık",
+  "mute_microphone_button_label": "Mikrofonu sessize al",
+  "participant_count_one": "{{count, number}}",
+  "participant_count_other": "{{count, number}}",
+  "qr_code": "QR Kodu",
+  "rageshake_button_error_caption": "Günlükleri göndermeyi yeniden dene",
   "rageshake_request_modal": {
     "body": "Bu aramadaki başka bir kullanıcı sorun yaşıyor. Sorunu daha iyi çözebilmemiz için hata ayıklama kütüğünü almak isteriz.",
     "title": "Hata ayıklama kütük istemi"
   },
   "rageshake_send_logs": "Hata ayıklama kütüğünü gönder",
   "rageshake_sending": "Gönderiliyor…",
+  "rageshake_sending_logs": "Hata ayıklama günlükleri gönderiliyor...",
+  "rageshake_sent": "Teşekkürler!",
   "recaptcha_dismissed": "reCAPTCHA atlandı",
   "recaptcha_not_loaded": "reCAPTCHA yüklenmedi",
   "register": {
@@ -45,13 +144,66 @@
   },
   "register_auth_links": "<0>Mevcut hesabınız mı var?</0><1><0>Gir</0> yahut <2>Konuk girişi</2></1>",
   "register_confirm_password_label": "Parolayı tekrar edin",
+  "register_heading": "Hesabınızı Oluşturun",
   "return_home_button": "Ev ekranına geri dön",
+  "room_auth_view_continue_button": "Devam et",
   "screenshare_button_label": "Ekran paylaş",
   "settings": {
+    "audio_tab": {
+      "effect_volume_description": "Tepkilerin ve el kaldırmaların çaldığı ses düzeyini ayarlayın.",
+      "effect_volume_label": "Ses efekti sesi"
+    },
     "developer_tab_title": "Geliştirici",
+    "devices": {
+      "camera": "Kamera",
+      "camera_numbered": "Kamera {{n}}",
+      "default": "Varsayılan",
+      "default_named": "Varsayılan <2>({{name}})</2>",
+      "microphone": "Mikrofon",
+      "microphone_numbered": "Mikrofon {{n}}",
+      "speaker": "Hoparlör",
+      "speaker_numbered": "Hoparlör {{n}}"
+    },
+    "feedback_tab_body": "Sorun yaşıyorsanız veya yalnızca geri bildirimde bulunmak istiyorsanız, lütfen bize aşağıdan kısa bir açıklama gönderin.",
+    "feedback_tab_description_label": "Görüşleriniz",
     "feedback_tab_h4": "Geri bildirim ver",
-    "feedback_tab_send_logs_label": "Hata ayıklama kütüğünü dahil et"
+    "feedback_tab_send_logs_label": "Hata ayıklama kütüğünü dahil et",
+    "feedback_tab_thank_you": "Teşekkürler, geri bildiriminizi aldık!",
+    "feedback_tab_title": "Geri Bildirim",
+    "opt_in_description": "<0></0><1></1>Bu kutunun işaretini kaldırarak onayınızı geri çekebilirsiniz. Şu anda bir aramadaysanız, bu ayar aramanın sonunda geçerli olacaktır.",
+    "preferences_tab": {
+      "developer_mode_label": "Geliştirici modu",
+      "developer_mode_label_description": "Geliştirici modunu etkinleştir ve geliştirici ayarları sekmesini göster.",
+      "introduction": "Burada daha iyi bir deneyim için ek seçenekleri yapılandırabilirsiniz.",
+      "reactions_play_sound_description": "Birisi aramada tepki gönderdiğinde ses efekti çal.",
+      "reactions_play_sound_label": "Tepki seslerini çal",
+      "reactions_show_description": "Biri tepki gönderdiğinde animasyon göster.",
+      "reactions_show_label": "Tepkileri göster",
+      "show_hand_raised_timer_description": "Bir katılımcı elini kaldırdığında bir zamanlayıcı göster",
+      "show_hand_raised_timer_label": "El kaldırma süresini göster"
+    }
   },
+  "star_rating_input_label_one": "{{count}} yıldız",
+  "star_rating_input_label_other": "{{count}} yıldız",
+  "start_new_call": "Yeni arama başlat",
+  "start_video_button_label": "Videoy paylaşımı Başlat",
+  "stop_screenshare_button_label": "Ekran paylaşılıyor",
+  "stop_video_button_label": "Video paylaşımını durdur",
+  "submitting": "Gönderiliyor...",
+  "switch_camera": "Kamerayı değiştir",
   "unauthenticated_view_body": "Kaydolmadınız mı? <2>Hesap açın</2>",
-  "unauthenticated_view_login_button": "Hesabınıza girin"
+  "unauthenticated_view_login_button": "Hesabınıza girin",
+  "unmute_microphone_button_label": "Mikrofonun sesini aç",
+  "version": "{{productName}} sürüm: {{version}}",
+  "video_tile": {
+    "always_show": "Her zaman göster",
+    "camera_starting": "Video paylaşımı başlatılıyor...",
+    "change_fit_contain": "Çerçeveye sığdır",
+    "collapse": "Daralt",
+    "expand": "Genişlet",
+    "mute_for_me": "Benim için sessize al",
+    "muted_for_me": "Benim için susturulanlar",
+    "volume": "Ses",
+    "waiting_for_media": "Ortam bekleniyor..."
+  }
 }

locales/uk/app.json

@@ -5,16 +5,23 @@
   "action": {
     "close": "Закрити",
     "copy_link": "Скопіювати посилання",
+    "edit": "Редагувати",
     "go": "Далі",
     "invite": "Запросити",
+    "lower_hand": "Опустити руку",
     "no": "Ні",
+    "pick_reaction": "Виберіть реакцію",
+    "raise_hand": "Підняти руку",
     "register": "Зареєструватися",
     "remove": "Вилучити",
+    "show_less": "Показувати менше",
+    "show_more": "Показати більше",
     "sign_in": "Увійти",
     "sign_out": "Вийти",
-    "submit": "Надіслати"
+    "submit": "Надіслати",
+    "upload_file": "Завантажити файл"
   },
-  "analytics_notice": "Користуючись дочасним доступом, ви даєте згоду на збір анонімних даних, які ми використовуємо для вдосконалення продукту. Ви можете знайти більше інформації про те, які дані ми відстежуємо в нашій <2>Політиці Приватності</2> і нашій <5>Політиці про куки</5>.",
+  "analytics_notice": "Користуючись дочасним доступом, ви даєте згоду на збір анонімних даних, які ми використовуємо для вдосконалення продукту. Ви можете знайти більше інформації про те, які дані ми відстежуємо в нашій <2>Політиці Приватності</2> і нашій <6>Політиці про файли cookie</6>.",
   "app_selection_modal": {
     "continue_in_browser": "Продовжити у браузері",
     "open_in_app": "Відкрити у застосунку",
@@ -33,20 +40,68 @@
   },
   "call_name": "Назва виклику",
   "common": {
+    "analytics": "Аналітика",
     "audio": "Звук",
     "avatar": "Аватар",
+    "back": "Назад",
     "display_name": "Псевдонім",
     "encrypted": "Зашифровано",
     "home": "Домівка",
     "loading": "Завантаження…",
+    "next": "Далі",
+    "options": "Налаштування",
     "password": "Пароль",
+    "preferences": "Уподобання",
     "profile": "Профіль",
+    "reaction": "Реакція",
+    "reactions": "Реакції",
     "settings": "Налаштування",
     "unencrypted": "Не зашифровано",
     "username": "Ім'я користувача",
     "video": "Відео"
   },
+  "developer_mode": {
+    "crypto_version": "Крипто-версія: {{version}}",
+    "debug_tile_layout_label": "Налагоджування макету плиток",
+    "device_id": "ID пристрою: {{id}}",
+    "duplicate_tiles_label": "Кількість додаткових копій плиток на одного учасника",
+    "environment_variables": "Змінні середовища",
+    "hostname": "Ім'я хоста: {{hostname}}",
+    "livekit_server_info": "Інформація про сервер LiveKit",
+    "livekit_sfu": "LiveKit SFU: {{url}}",
+    "matrix_id": "Matrix ID: {{id}}",
+    "show_connection_stats": "Показувати статистику підключення",
+    "show_non_member_tiles": "Показувати плитки для медіа, які не є учасниками",
+    "url_params": "Параметри URL",
+    "use_new_membership_manager": "Використовуйте нову реалізацію виклику MembershipManager"
+  },
   "disconnected_banner": "Втрачено зв'язок з сервером.",
+  "error": {
+    "call_is_not_supported": "Виклик не підтримується",
+    "call_not_found": "Виклик не знайдено",
+    "call_not_found_description": "<0>Схоже, що це посилання не належить до жодного існуючого дзвінка. Перевірте, чи посилання правильне, або <1> створіть нове</1>. </0>",
+    "connection_lost": "Зв'язок втрачено",
+    "connection_lost_description": "Вас було відключено від дзвінка.",
+    "e2ee_unsupported": "Несумісний браузер",
+    "e2ee_unsupported_description": "Ваш веб-браузер не підтримує зашифровані дзвінки. Підтримувані браузери включають Chrome, Safari та Firefox 117+.",
+    "generic": "Щось пішло не так",
+    "generic_description": "Надсилання журналів налагодження допоможе нам відстежити проблему.",
+    "insufficient_capacity": "Недостатньо обсягу",
+    "insufficient_capacity_description": "Сервер досяг максимального обсягу, і ви на разі не можете приєднатися до виклику. Спробуйте пізніше або зверніться до адміністратора сервера, якщо проблема не зникне.",
+    "matrix_rtc_focus_missing": "Сервер не налаштований щоб працювати з {{brand}}. Будь ласка, зв'яжіться з адміністратором сервера (Домен: {{domain}}, Код помилки: {{ errorCode }}).",
+    "open_elsewhere": "Відкрито в іншій вкладці",
+    "open_elsewhere_description": "{{brand}} було відкрито в іншій вкладці. Якщо це звучить неправильно, спробуйте перезавантажити сторінку.",
+    "unexpected_ec_error": "Сталася несподівана помилка (<0>Код помилки: </0> <1> {{ errorCode }}</1>). Будь ласка, зв'яжіться з адміністратором сервера."
+  },
+  "group_call_loader": {
+    "banned_body": "Вас було забанено в цій кімнаті.",
+    "banned_heading": "Забанено",
+    "call_ended_body": "Вас вилучено з виклику.",
+    "call_ended_heading": "Виклик завершено",
+    "knock_reject_body": "Ваш запит на приєднання було відхилено.",
+    "knock_reject_heading": "Доступ заборонено",
+    "reason": "Причина: {{reason}}"
+  },
   "hangup_button_label": "Завершити виклик",
   "header_label": "Домівка Element Call",
   "header_participants_label": "Учасники",
@@ -62,15 +117,25 @@
   "layout_grid_label": "Сітка",
   "layout_spotlight_label": "У центрі уваги",
   "lobby": {
+    "ask_to_join": "Запит на приєднання до виклику",
+    "join_as_guest": "Приєднатись як гість",
     "join_button": "Приєднатися до виклику",
-    "leave_button": "Повернутися до недавніх"
+    "leave_button": "Повернутися до недавніх",
+    "waiting_for_invite": "Запит надіслано! Чекаємо дозволу на приєднання..."
   },
+  "log_in": "Увійти",
   "logging_in": "Вхід…",
   "login_auth_links": "<0>Створити обліковий запис</0> або <2>Отримати доступ як гість</2>",
+  "login_auth_links_prompt": "Ще не зареєстровані?",
+  "login_subheading": "Продовжити в Element",
   "login_title": "Увійти",
   "microphone_off": "Мікрофон вимкнено",
   "microphone_on": "Мікрофон увімкнено",
   "mute_microphone_button_label": "Вимкнути мікрофон",
+  "participant_count_one": "{{count, number}}",
+  "participant_count_few": "{{count, number}}",
+  "participant_count_many": "{{count, number}}",
+  "qr_code": "QR-код",
   "rageshake_button_error_caption": "Повторити надсилання журналів",
   "rageshake_request_modal": {
     "body": "Інший користувач у цьому виклику має проблему. Щоб краще визначити ці проблеми, ми хотіли б зібрати журнал налагодження.",
@@ -82,33 +147,76 @@
   "rageshake_sent": "Дякуємо!",
   "recaptcha_dismissed": "Recaptcha не пройдено",
   "recaptcha_not_loaded": "Recaptcha не завантажено",
+  "recaptcha_ssla_caption": "Цей сайт захищений ReCAPTCHA та Google<2>Політикою конфіденційності</2> і <6>Умови обслуговування</6> застосовуються.<9></9> Натискаючи «Зареєструватися», ви погоджуєтеся з нашою<12> Ліцензійна угодою про програмне забезпечення та послуги (SSLA)</12>",
   "register": {
     "passwords_must_match": "Паролі відрізняються",
     "registering": "Реєстрація…"
   },
   "register_auth_links": "<0>Уже маєте обліковий запис?</0><1><0>Увійти</0> Or <2>Отримати доступ як гість</2></1>",
   "register_confirm_password_label": "Підтвердити пароль",
+  "register_heading": "Створити свій акаунт",
   "return_home_button": "Повернутися на екран домівки",
+  "room_auth_view_continue_button": "Продовжити",
+  "room_auth_view_ssla_caption": "Натиснувши «Приєднатися до виклику зараз», ви погоджуєтеся з нашою <2>Ліцензійною угодою на програмне забезпечення та послуги (SSLA) </2>",
   "screenshare_button_label": "Поділитися екраном",
   "settings": {
+    "audio_tab": {
+      "effect_volume_description": "Змінити гучність реакцій і ефекту підіймання руки.",
+      "effect_volume_label": "Гучність звукових ефектів"
+    },
     "developer_tab_title": "Розробнику",
+    "devices": {
+      "camera": "Камера",
+      "camera_numbered": "Камера {{n}}",
+      "default": "За замовчуванням",
+      "default_named": "За замовчуванням <2> ({{name}}) </2>",
+      "microphone": "Мікрофон",
+      "microphone_numbered": "Мікрофон {{n}}",
+      "speaker": "Динамік",
+      "speaker_numbered": "Динамік {{n}}"
+    },
     "feedback_tab_body": "Якщо у вас виникли проблеми або ви просто хочете залишити відгук, надішліть нам короткий опис нижче.",
     "feedback_tab_description_label": "Ваш відгук",
     "feedback_tab_h4": "Надіслати відгук",
     "feedback_tab_send_logs_label": "Долучити журнали налагодження",
     "feedback_tab_thank_you": "Дякуємо, ми отримали ваш відгук!",
     "feedback_tab_title": "Відгук",
-    "opt_in_description": "<0></0><1></1>Ви можете відкликати згоду, прибравши цей прапорець. Якщо ви зараз розмовляєте, це налаштування застосується після завершення виклику."
+    "opt_in_description": "<0></0><1></1>Ви можете відкликати згоду, прибравши цей прапорець. Якщо ви зараз розмовляєте, це налаштування застосується після завершення виклику.",
+    "preferences_tab": {
+      "developer_mode_label": "Режим розробника",
+      "developer_mode_label_description": "Увімкнути режим розробника та показати вкладку налаштувань розробника.",
+      "introduction": "Тут ви можете налаштувати додаткові параметри для кращого досвіду.",
+      "reactions_play_sound_description": "Відтворювати звуковий ефект, коли хтось надсилає реакцію у виклик.",
+      "reactions_play_sound_label": "Відтворювати звуки реакції",
+      "reactions_show_description": "Показувати анімацію, коли хтось надсилає реакцію.",
+      "reactions_show_label": "Показувати реакції",
+      "show_hand_raised_timer_description": "Показувати таймер, коли учасник піднімає руку",
+      "show_hand_raised_timer_label": "Показувати тривалість підняття руки"
+    }
   },
-  "star_rating_input_label_one": "{{count}} зірок",
-  "star_rating_input_label_other": "{{count}} зірок",
+  "star_rating_input_label_one": "{{count}} зірка",
+  "star_rating_input_label_few": "{{count}} зірки",
+  "star_rating_input_label_many": "{{count}} зірок",
   "start_new_call": "Розпочати новий виклик",
   "start_video_button_label": "Розпочати відео",
   "stop_screenshare_button_label": "Презентація екрана",
   "stop_video_button_label": "Зупинити відео",
   "submitting": "Надсилання…",
+  "switch_camera": "Переключити камеру",
   "unauthenticated_view_body": "Ще не зареєстровані? <2>Створіть обліковий запис</2>",
   "unauthenticated_view_login_button": "Увійдіть до свого облікового запису",
+  "unauthenticated_view_ssla_caption": "Натискаючи \"Перейти\", ви погоджуєтеся з нашою <2>Ліцензійною угодою на програмне забезпечення та послуги (SSLA) </2>",
   "unmute_microphone_button_label": "Увімкнути мікрофон",
-  "version": "Версія: {{version}}"
+  "version": "{{productName}} версія: {{version}}",
+  "video_tile": {
+    "always_show": "Показувати завжди",
+    "camera_starting": "Завантаження відео...",
+    "change_fit_contain": "Допасувати до рамки",
+    "collapse": "Згорнути",
+    "expand": "Розгорнути",
+    "mute_for_me": "Вимкнути звук для мене",
+    "muted_for_me": "Вимкнено звук для мене",
+    "volume": "Гучність",
+    "waiting_for_media": "Очікування медіа..."
+  }
 }

locales/zh-Hans/app.json

@@ -4,7 +4,9 @@
   },
   "action": {
     "close": "关闭",
+    "copy_link": "复制链接",
     "go": "开始",
+    "invite": "邀请",
     "no": "否",
     "register": "注册",
     "remove": "移除",
@@ -31,12 +33,14 @@
   },
   "call_name": "通话名称",
   "common": {
+    "analytics": "分析",
     "audio": "音频",
     "avatar": "头像",
     "display_name": "显示名称",
     "encrypted": "已加密",
     "home": "主页",
     "loading": "加载中……",
+    "options": "选项",
     "password": "密码",
     "profile": "个人信息",
     "settings": "设置",
@@ -45,8 +49,20 @@
     "video": "视频"
   },
   "disconnected_banner": "与服务器的连接中断。",
+  "group_call_loader": {
+    "banned_body": "你已被房间封禁",
+    "banned_heading": "已被封禁",
+    "call_ended_body": "你已被移出通话",
+    "call_ended_heading": "通话结束",
+    "knock_reject_body": "房间成员拒绝了你的加入请求"
+  },
   "hangup_button_label": "通话结束",
   "header_label": "Element Call主页",
+  "header_participants_label": "参与者",
+  "invite_modal": {
+    "link_copied_toast": "链接已复制到剪贴板",
+    "title": "邀请参加此次通话"
+  },
   "join_existing_call_modal": {
     "join_button": "是，加入通话",
     "text": "该通话已存在，你想加入吗？",
@@ -58,12 +74,16 @@
     "join_button": "加入通话",
     "leave_button": "返回最近通话"
   },
+  "log_in": "登录",
   "logging_in": "登录中……",
   "login_auth_links": "<0>创建账户</0> Or <2>以访客身份继续</2>",
+  "login_auth_links_prompt": "还未注册？",
+  "login_subheading": "继续使用 Element",
   "login_title": "登录",
   "microphone_off": "麦克风关闭",
   "microphone_on": "麦克风开启",
   "mute_microphone_button_label": "静音麦克风",
+  "participant_count_other": "{{count, number}}",
   "rageshake_button_error_caption": "重传日志",
   "rageshake_request_modal": {
     "body": "这个通话中的另一个用户出现了问题。为了更好地诊断这些问题，我们想收集调试日志。",
@@ -81,6 +101,7 @@
   },
   "register_auth_links": "<0>已有账户？</0><1><0>登录</0> Or <2>以访客身份继续</2></1>",
   "register_confirm_password_label": "确认密码",
+  "register_heading": "创建您的账户",
   "return_home_button": "返回主页",
   "screenshare_button_label": "屏幕共享",
   "settings": {
@@ -103,5 +124,10 @@
   "unauthenticated_view_body": "还没有注册？ <2>创建账户<2>",
   "unauthenticated_view_login_button": "登录你的账户",
   "unmute_microphone_button_label": "取消麦克风静音",
-  "version": "版本：{{version}}"
+  "version": "版本：{{version}}",
+  "video_tile": {
+    "change_fit_contain": "贴合框架",
+    "mute_for_me": "为我静音",
+    "volume": "音量"
+  }
 }

package.json

@@ -22,6 +22,7 @@
     "test": "vitest",
     "test:coverage": "vitest --coverage",
     "backend": "docker-compose -f dev-backend-docker-compose.yml up",
+    "backend-playwright": "docker-compose -f playwright-backend-docker-compose.yml -f playwright-backend-docker-compose.override.yml up",
     "test:playwright": "playwright test",
     "test:playwright:open": "yarn test:playwright --ui",
     "links:enable": "mv .links.disabled.yaml .links.yaml & touch .links.yaml",
@@ -39,15 +40,17 @@
     "@formatjs/intl-segmenter": "^11.7.3",
     "@livekit/components-core": "^0.12.0",
     "@livekit/components-react": "^2.0.0",
-    "@livekit/protocol": "^1.33.0",
+    "@livekit/protocol": "^1.38.0",
+    "@livekit/track-processors": "^0.5.5",
+    "@mediapipe/tasks-vision": "^0.10.18",
     "@opentelemetry/api": "^1.4.0",
-    "@opentelemetry/core": "^1.25.1",
-    "@opentelemetry/exporter-trace-otlp-http": "^0.57.0",
-    "@opentelemetry/resources": "^1.25.1",
-    "@opentelemetry/sdk-trace-base": "^1.25.1",
-    "@opentelemetry/sdk-trace-web": "^1.9.1",
+    "@opentelemetry/core": "^2.0.0",
+    "@opentelemetry/exporter-trace-otlp-http": "^0.201.0",
+    "@opentelemetry/resources": "^2.0.0",
+    "@opentelemetry/sdk-trace-base": "^2.0.0",
+    "@opentelemetry/sdk-trace-web": "^2.0.0",
     "@opentelemetry/semantic-conventions": "^1.25.1",
-    "@playwright/test": "^1.51.0",
+    "@playwright/test": "^1.52.0",
     "@radix-ui/react-dialog": "^1.0.4",
     "@radix-ui/react-slider": "^1.1.2",
     "@radix-ui/react-visually-hidden": "^1.0.3",
@@ -60,6 +63,7 @@
     "@testing-library/react": "^16.0.0",
     "@testing-library/user-event": "^14.5.1",
     "@types/content-type": "^1.1.5",
+    "@types/dom-mediacapture-transform": "^0.1.11",
     "@types/grecaptcha": "^3.0.9",
     "@types/jsdom": "^21.1.7",
     "@types/lodash-es": "^4.17.12",
@@ -70,12 +74,11 @@
     "@types/react-dom": "^18.3.0",
     "@types/sdp-transform": "^2.4.5",
     "@types/uuid": "10",
-    "@typescript-eslint/eslint-plugin": "^8.0.0",
-    "@typescript-eslint/parser": "^8.0.0",
+    "@typescript-eslint/eslint-plugin": "^8.31.0",
+    "@typescript-eslint/parser": "^8.31.0",
     "@use-gesture/react": "^10.2.11",
-    "@vector-im/compound-design-tokens": "^3.0.0",
-    "@vector-im/compound-web": "^7.2.0",
-    "@vitejs/plugin-basic-ssl": "^1.0.1",
+    "@vector-im/compound-design-tokens": "^4.0.0",
+    "@vector-im/compound-web": "^7.12.0",
     "@vitejs/plugin-react": "^4.0.1",
     "@vitest/coverage-v8": "^3.0.0",
     "babel-plugin-transform-vite-meta-env": "^1.0.3",
@@ -86,7 +89,7 @@
     "eslint-plugin-deprecate": "^0.8.2",
     "eslint-plugin-import": "^2.26.0",
     "eslint-plugin-jsx-a11y": "^6.5.1",
-    "eslint-plugin-matrix-org": "^2.0.0",
+    "eslint-plugin-matrix-org": "2.1.0",
     "eslint-plugin-react": "^7.29.4",
     "eslint-plugin-react-hooks": "^5.0.0",
     "eslint-plugin-rxjs": "^5.0.3",
@@ -97,11 +100,11 @@
     "i18next-parser": "^9.1.0",
     "jsdom": "^26.0.0",
     "knip": "^5.27.2",
-    "livekit-client": "2.10.0",
+    "livekit-client": "^2.13.0",
     "lodash-es": "^4.17.21",
     "loglevel": "^1.9.1",
-    "matrix-js-sdk": "github:matrix-org/matrix-js-sdk#8395919f0fd1af7cab1e793d736f2cdf18ef7686",
-    "matrix-widget-api": "1.11.0",
+    "matrix-js-sdk": "github:matrix-org/matrix-js-sdk#head=develop",
+    "matrix-widget-api": "^1.13.0",
     "normalize.css": "^8.0.1",
     "observable-hooks": "^4.2.3",
     "pako": "^2.0.4",
@@ -118,12 +121,12 @@
     "react-use-measure": "^2.1.1",
     "rxjs": "^7.8.1",
     "sass": "^1.42.1",
-    "typescript": "^5.1.6",
+    "typescript": "^5.8.3",
     "typescript-eslint-language-service": "^5.0.5",
     "unique-names-generator": "^4.6.0",
     "vaul": "^1.0.0",
     "vite": "^6.0.0",
-    "vite-plugin-generate-file": "^0.2.0",
+    "vite-plugin-generate-file": "^0.3.0",
     "vite-plugin-html": "^3.2.2",
     "vite-plugin-svgr": "^4.0.0",
     "vitest": "^3.0.0",
@@ -131,7 +134,7 @@
   },
   "resolutions": {
     "@livekit/components-core/rxjs": "^7.8.1",
-    "matrix-widget-api": "1.11.0"
+    "@livekit/track-processors/@mediapipe/tasks-vision": "^0.10.18"
   },
   "packageManager": "yarn@4.7.0"
 }

playwright-backend-docker-compose.override.yml

@@ -0,0 +1,4 @@
+services:
+  synapse:
+    volumes:
+      - ./backend/playwright_homeserver.yaml:/data/cfg/homeserver.yaml:Z

playwright-backend-docker-compose.yml

@@ -1,97 +1,2 @@
-networks:
-  ecbackend:
-
-services:
-  auth-service:
-    image: ghcr.io/element-hq/lk-jwt-service:latest-ci
-    hostname: auth-server
-    environment:
-      - LK_JWT_PORT=8080
-      - LIVEKIT_URL=ws://localhost:7880
-      - LIVEKIT_KEY=devkey
-      - LIVEKIT_SECRET=secret
-      # If the configured homeserver runs on localhost, it'll probably be using
-      # a self-signed certificate
-      - LIVEKIT_INSECURE_SKIP_VERIFY_TLS=YES_I_KNOW_WHAT_I_AM_DOING
-    deploy:
-      restart_policy:
-        condition: on-failure
-    ports:
-      # HOST_PORT:CONTAINER_PORT
-      - 8009:8080
-    networks:
-      - ecbackend
-
-  livekit:
-    image: livekit/livekit-server:latest
-    command: --dev --config /etc/livekit.yaml
-    restart: unless-stopped
-    # The SFU seems to work far more reliably when we let it share the host
-    # network rather than opening specific ports (but why?? we're not missing
-    # any…)
-    ports:
-      # HOST_PORT:CONTAINER_PORT
-      - 7880:7880/tcp
-      - 7881:7881/tcp
-      - 7882:7882/tcp
-      - 50100-50200:50100-50200/udp
-    volumes:
-      - ./backend/dev_livekit.yaml:/etc/livekit.yaml:Z
-    networks:
-      - ecbackend
-
-  redis:
-    image: redis:6-alpine
-    command: redis-server /etc/redis.conf
-    ports:
-      # HOST_PORT:CONTAINER_PORT
-      - 6379:6379
-    volumes:
-      - ./backend/redis.conf:/etc/redis.conf:Z
-    networks:
-      - ecbackend
-
-  element-web:
-    image: ghcr.io/element-hq/element-web:develop
-    volumes:
-      - ./backend/ew.test.config.json:/app/config.json
-    environment:
-      ELEMENT_WEB_PORT: 81
-    ports:
-      - "8081:81"
-    networks:
-      - ecbackend
-
-  synapse:
-    hostname: homeserver
-    image: docker.io/matrixdotorg/synapse:latest
-    environment:
-      - SYNAPSE_CONFIG_PATH=/data/cfg/homeserver.yaml
-      # Needed for rootless podman-compose such that the uid/gid mapping does
-      # fit local user uid. If the container runs as root (uid 0) it is fine as
-      # it actually maps to your non-root user on the host (e.g. 1000).
-      # Otherwise uid mapping will not match your non-root user.
-      - UID=0
-      - GID=0
-    volumes:
-      - ./backend/synapse_tmp:/data:Z
-      - ./backend/playwright_homeserver.yaml:/data/cfg/homeserver.yaml:Z
-    networks:
-      - ecbackend
-
-  nginx:
-    #  openssl req -x509 -nodes -days 3650 -newkey rsa:2048 -keyout tls_localhost_key.pem -out tls_localhost_cert.pem -subj "/C=GB/ST=London/L=London/O=Alros/OU=IT Department/CN=localhost"
-    hostname: synapse.localhost
-    image: nginx:latest
-    volumes:
-      - ./backend/tls_localhost_nginx.conf:/etc/nginx/conf.d/default.conf:Z
-      - ./backend/tls_localhost_key.pem:/root/ssl/key.pem:Z
-      - ./backend/tls_localhost_cert.pem:/root/ssl/cert.pem:Z
-    ports:
-      # HOST_PORT:CONTAINER_PORT
-      - "8008:80"
-      - "4443:443"
-    depends_on:
-      - synapse
-    networks:
-      - ecbackend
+include:
+  - dev-backend-docker-compose.yml

playwright/access.spec.ts

@@ -49,7 +49,7 @@ test("Sign up a new account, then login, then logout", async ({ browser }) => {
 
   // logout
   await returningUserPage.getByTestId("usermenu_open").click();
-  await returningUserPage.locator('[data-test-id="usermenu_logout"]').click();
+  await returningUserPage.locator('[data-testid="usermenu_logout"]').click();
 
   await expect(
     returningUserPage.getByRole("link", { name: "Log In" }),

playwright/fixtures/widget-user.ts

@@ -5,7 +5,13 @@ SPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial
 Please see LICENSE in the repository root for full details.
 */
 
-import { type Page, test, expect, type JSHandle } from "@playwright/test";
+import {
+  type Browser,
+  type Page,
+  test,
+  expect,
+  type JSHandle,
+} from "@playwright/test";
 
 import type { MatrixClient } from "matrix-js-sdk";
 
@@ -30,8 +36,8 @@ const PASSWORD = "foobarbaz1!";
 const CONFIG_JSON = {
   default_server_config: {
     "m.homeserver": {
-      base_url: "http://synapse.localhost:8008",
-      server_name: "synapse.localhost",
+      base_url: "https://synapse.m.localhost",
+      server_name: "synapse.m.localhost",
     },
   },
 
@@ -74,6 +80,52 @@ async function setDevToolElementCallDevUrl(page: Page): Promise<void> {
   });
 }
 
+/**
+ * Registers a new user and returns page, clientHandle and mxId.
+ */
+async function registerUser(
+  browser: Browser,
+  username: string,
+): Promise<{ page: Page; clientHandle: JSHandle<MatrixClient>; mxId: string }> {
+  const userContext = await browser.newContext({
+    reducedMotion: "reduce",
+  });
+  const page = await userContext.newPage();
+  await page.goto("http://localhost:8081/#/welcome");
+  await page.getByRole("link", { name: "Create Account" }).click();
+  await page.getByRole("textbox", { name: "Username" }).fill(username);
+  await page
+    .getByRole("textbox", { name: "Password", exact: true })
+    .fill(PASSWORD);
+  await page.getByRole("textbox", { name: "Confirm password" }).click();
+  await page.getByRole("textbox", { name: "Confirm password" }).fill(PASSWORD);
+  await page.getByRole("button", { name: "Register" }).click();
+  const continueButton = page.getByRole("button", { name: "Continue" });
+  try {
+    await expect(continueButton).toBeVisible({ timeout: 5000 });
+    await page
+      .getByRole("textbox", { name: "Password", exact: true })
+      .fill(PASSWORD);
+    await continueButton.click();
+  } catch {
+    // continueButton not visible, continue as normal
+  }
+  await expect(
+    page.getByRole("heading", { name: `Welcome ${username}` }),
+  ).toBeVisible();
+  await setDevToolElementCallDevUrl(page);
+
+  const clientHandle = await page.evaluateHandle(() =>
+    window.mxMatrixClientPeg.get(),
+  );
+  const mxId = (await clientHandle.evaluate(
+    (cli: MatrixClient) => cli.getUserId(),
+    clientHandle,
+  ))!;
+
+  return { page, clientHandle, mxId };
+}
+
 export const widgetTest = test.extend<MyFixtures>({
   asWidget: async ({ browser, context }, pUse) => {
     await context.route(`http://localhost:8081/config.json*`, async (route) => {
@@ -83,61 +135,17 @@ export const widgetTest = test.extend<MyFixtures>({
     const userA = `brooks_${Date.now()}`;
     const userB = `whistler_${Date.now()}`;
 
-    const user1Context = await browser.newContext({
-      reducedMotion: "reduce",
-    });
-    const ewPage1 = await user1Context.newPage();
-    // Register the first user
-    await ewPage1.goto("http://localhost:8081/#/welcome");
-    await ewPage1.getByRole("link", { name: "Create Account" }).click();
-    await ewPage1.getByRole("textbox", { name: "Username" }).fill(userA);
-    await ewPage1
-      .getByRole("textbox", { name: "Password", exact: true })
-      .fill(PASSWORD);
-    await ewPage1.getByRole("textbox", { name: "Confirm password" }).click();
-    await ewPage1
-      .getByRole("textbox", { name: "Confirm password" })
-      .fill(PASSWORD);
-    await ewPage1.getByRole("button", { name: "Register" }).click();
-    await expect(
-      ewPage1.getByRole("heading", { name: `Welcome ${userA}` }),
-    ).toBeVisible();
-    await setDevToolElementCallDevUrl(ewPage1);
-
-    const brooksClientHandle = await ewPage1.evaluateHandle(() =>
-      window.mxMatrixClientPeg.get(),
-    );
-    const brooksMxId = (await brooksClientHandle.evaluate((cli) => {
-      return cli.getUserId();
-    }, brooksClientHandle))!;
-
-    const user2Context = await browser.newContext({
-      reducedMotion: "reduce",
-    });
-    const ewPage2 = await user2Context.newPage();
-    // Register the second user
-    await ewPage2.goto("http://localhost:8081/#/welcome");
-    await ewPage2.getByRole("link", { name: "Create Account" }).click();
-    await ewPage2.getByRole("textbox", { name: "Username" }).fill(userB);
-    await ewPage2
-      .getByRole("textbox", { name: "Password", exact: true })
-      .fill(PASSWORD);
-    await ewPage2.getByRole("textbox", { name: "Confirm password" }).click();
-    await ewPage2
-      .getByRole("textbox", { name: "Confirm password" })
-      .fill(PASSWORD);
-    await ewPage2.getByRole("button", { name: "Register" }).click();
-    await expect(
-      ewPage2.getByRole("heading", { name: `Welcome ${userB}` }),
-    ).toBeVisible();
-    await setDevToolElementCallDevUrl(ewPage2);
-
-    const whistlerClientHandle = await ewPage2.evaluateHandle(() =>
-      window.mxMatrixClientPeg.get(),
-    );
-    const whistlerMxId = (await whistlerClientHandle.evaluate((cli) => {
-      return cli.getUserId();
-    }, whistlerClientHandle))!;
+    // Register users
+    const {
+      page: ewPage1,
+      clientHandle: brooksClientHandle,
+      mxId: brooksMxId,
+    } = await registerUser(browser, userA);
+    const {
+      page: ewPage2,
+      clientHandle: whistlerClientHandle,
+      mxId: whistlerMxId,
+    } = await registerUser(browser, userB);
 
     // Invite the second user
     await ewPage1.getByRole("button", { name: "Add room" }).click();
@@ -154,8 +162,13 @@ export const widgetTest = test.extend<MyFixtures>({
       ewPage1.getByRole("heading", { name: "Invite to Welcome Room" }),
     ).toBeVisible();
 
-    await ewPage1.getByRole("textbox").fill(whistlerMxId);
-    await ewPage1.getByRole("textbox").click();
+    // To get the invite textbox we need to specifically select within the
+    // dialog, since there is another textbox in the background (the message
+    // composer). In theory the composer shouldn't be visible to Playwright at
+    // all because the invite dialog has trapped focus, but the focus trap
+    // doesn't quite work right on Firefox.
+    await ewPage1.getByRole("dialog").getByRole("textbox").fill(whistlerMxId);
+    await ewPage1.getByRole("dialog").getByRole("textbox").click();
     await ewPage1.getByRole("button", { name: "Invite" }).click();
 
     // Accept the invite

playwright/widget/simple-create.spec.ts

@@ -9,11 +9,14 @@ import { expect, test } from "@playwright/test";
 
 import { widgetTest } from "../fixtures/widget-user.ts";
 
+// Skip test, including Fixtures
+widgetTest.skip(
+  ({ browserName }) => browserName === "firefox",
+  "This test is not working on firefox, after hangup brooks is locked in a strange state with a blank widget",
+);
+
 widgetTest("Start a new call as widget", async ({ asWidget, browserName }) => {
-  test.skip(
-    browserName === "firefox",
-    "This test is not working on firefox, after hangup brooks is locked in a strange state with a blank widget",
-  );
+  test.slow(); // Triples the timeout
 
   const { brooks, whistler } = asWidget;
 

renovate.json

@@ -50,22 +50,16 @@
       "prHeader": "Please review modals on mobile for visual regressions."
     },
     {
-      "groupName": "bundled element-call dependencies",
-      "matchPackageNames": [
-        "com.vanniktech.maven.publish",
-        "com.android.library",
-        "com.android.tools.build",
-        "gradle"
-      ]
+      "groupName": "embedded package dependencies",
+      "matchFileNames": ["embedded/**/*"]
     },
     {
       "groupName": "Yarn",
-      "matchPackageNames": ["yarn"],
-      "extends": ["schedule:weekly"]
+      "matchDepNames": ["yarn"]
     }
   ],
   "semanticCommits": "disabled",
-  "ignoreDeps": ["posthog-js"],
+  "ignoreDeps": ["posthog-js", "eslint-plugin-matrix-org"],
   "vulnerabilityAlerts": {
     "schedule": ["at any time"],
     "prHourlyLimit": 0,

src/App.tsx

@@ -22,6 +22,7 @@ import { Initializer } from "./initializer";
 import { MediaDevicesProvider } from "./livekit/MediaDevicesContext";
 import { widget } from "./widget";
 import { useTheme } from "./useTheme";
+import { ProcessorProvider } from "./livekit/TrackProcessorContext";
 
 const SentryRoute = Sentry.withSentryReactRouterV7Routing(Route);
 
@@ -72,22 +73,24 @@ export const App: FC = () => {
               <Suspense fallback={null}>
                 <ClientProvider>
                   <MediaDevicesProvider>
-                    <Sentry.ErrorBoundary
-                      fallback={(error) => (
-                        <ErrorPage error={error} widget={widget} />
-                      )}
-                    >
-                      <DisconnectedBanner />
-                      <Routes>
-                        <SentryRoute path="/" element={<HomePage />} />
-                        <SentryRoute path="/login" element={<LoginPage />} />
-                        <SentryRoute
-                          path="/register"
-                          element={<RegisterPage />}
-                        />
-                        <SentryRoute path="*" element={<RoomPage />} />
-                      </Routes>
-                    </Sentry.ErrorBoundary>
+                    <ProcessorProvider>
+                      <Sentry.ErrorBoundary
+                        fallback={(error) => (
+                          <ErrorPage error={error} widget={widget} />
+                        )}
+                      >
+                        <DisconnectedBanner />
+                        <Routes>
+                          <SentryRoute path="/" element={<HomePage />} />
+                          <SentryRoute path="/login" element={<LoginPage />} />
+                          <SentryRoute
+                            path="/register"
+                            element={<RegisterPage />}
+                          />
+                          <SentryRoute path="*" element={<RoomPage />} />
+                        </Routes>
+                      </Sentry.ErrorBoundary>
+                    </ProcessorProvider>
                   </MediaDevicesProvider>
                 </ClientProvider>
               </Suspense>

src/FullScreenView.tsx

@@ -10,7 +10,7 @@ import classNames from "classnames";
 import { useTranslation } from "react-i18next";
 import * as Sentry from "@sentry/react";
 import { logger } from "matrix-js-sdk/lib/logger";
-import { ErrorIcon } from "@vector-im/compound-design-tokens/assets/web/icons";
+import { ErrorSolidIcon } from "@vector-im/compound-design-tokens/assets/web/icons";
 
 import { Header, HeaderLogo, LeftNav, RightNav } from "./Header";
 import styles from "./FullScreenView.module.css";
@@ -67,7 +67,7 @@ export const ErrorPage = ({ error, widget }: ErrorPageProps): ReactElement => {
       ) : (
         <ErrorView
           widget={widget}
-          Icon={ErrorIcon}
+          Icon={ErrorSolidIcon}
           title={t("error.generic")}
           rageshake
           fatal

src/UrlParams.ts

@@ -124,9 +124,15 @@ export interface UrlParams {
    */
   password: string | null;
   /**
-   * Whether we the app should use per participant keys for E2EE.
+   * Whether the app should use per participant keys for E2EE.
    */
   perParticipantE2EE: boolean;
+  /**
+   * Whether the global JS controls for audio output devices should be enabled,
+   * allowing the list of output devices to be controlled by the app hosting
+   * Element Call.
+   */
+  controlledAudioDevices: boolean;
   /**
    * Setting this flag skips the lobby and brings you in the call directly.
    * In the widget this can be combined with preload to pass the device settings
@@ -173,6 +179,7 @@ export interface UrlParams {
    * The Sentry DSN. This is only used in the embedded package of Element Call.
    */
   sentryDsn: string | null;
+
   /**
    * The Sentry environment. This is only used in the embedded package of Element Call.
    */
@@ -281,6 +288,11 @@ export const getUrlParams = (
     fontScale: Number.isNaN(fontScale) ? null : fontScale,
     allowIceFallback: parser.getFlagParam("allowIceFallback"),
     perParticipantE2EE: parser.getFlagParam("perParticipantE2EE"),
+    controlledAudioDevices: parser.getFlagParam(
+      "controlledAudioDevices",
+      // the deprecated property name
+      parser.getFlagParam("controlledMediaDevices"),
+    ),
     skipLobby: parser.getFlagParam(
       "skipLobby",
       isWidget && intent === UserIntent.StartNewCall,

src/UserMenu.tsx

@@ -119,7 +119,7 @@ export const UserMenu: FC<Props> = ({
           key={key}
           Icon={Icon}
           label={label}
-          data-test-id={dataTestid}
+          data-testid={dataTestid}
           onSelect={() => onAction(key)}
         />
       ))}

src/__snapshots__/Modal.test.tsx.snap

@@ -3,7 +3,7 @@
 exports[`the content is rendered when the modal is open 1`] = `
 <div
   aria-labelledby="radix-:r4:"
-  class="overlay animate modal dialog _glass_1x9g9_17"
+  class="overlay animate modal dialog _glass_sepwu_8"
   data-state="open"
   id="radix-:r3:"
   role="dialog"
@@ -17,7 +17,7 @@ exports[`the content is rendered when the modal is open 1`] = `
       class="header"
     >
       <h2
-        class="_typography_yh5dq_162 _font-heading-md-semibold_yh5dq_121"
+        class="_typography_6v6n8_153 _font-heading-md-semibold_6v6n8_112"
         id="radix-:r4:"
       >
         My modal

src/__snapshots__/Toast.test.tsx.snap

@@ -12,7 +12,7 @@ exports[`Toast > renders 1`] = `
   type="button"
 >
   <h3
-    class="_typography_yh5dq_162 _font-body-sm-semibold_yh5dq_45"
+    class="_typography_6v6n8_153 _font-body-sm-semibold_6v6n8_36"
     id="radix-:r4:"
   >
     Hello world!

src/analytics/RageshakeSpanProcessor.ts

@@ -107,13 +107,13 @@ export class RageshakeSpanProcessor implements SpanProcessor {
             startTime,
             duration,
             references:
-              span.parentSpanId === undefined
+              span.parentSpanContext?.spanId === undefined
                 ? []
                 : [
                     {
                       refType: "CHILD_OF",
                       traceID: traceId,
-                      spanID: span.parentSpanId,
+                      spanID: span.parentSpanContext?.spanId,
                     },
                   ],
             tags: dumpAttributes(span.attributes),

src/button/__snapshots__/ReactionToggleButton.test.tsx.snap

@@ -10,7 +10,7 @@ exports[`Can close reaction dialog 1`] = `
     aria-expanded="true"
     aria-haspopup="true"
     aria-labelledby=":rb5:"
-    class="_button_i91xf_17 _has-icon_i91xf_66 _icon-only_i91xf_59"
+    class="_button_vczzf_8 _has-icon_vczzf_57 _icon-only_vczzf_50"
     data-kind="primary"
     data-size="lg"
     role="button"
@@ -26,7 +26,7 @@ exports[`Can close reaction dialog 1`] = `
     >
       <path
         clip-rule="evenodd"
-        d="M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10Zm3.536-6.464a1 1 0 0 0-1.415-1.415A2.988 2.988 0 0 1 12 15a2.988 2.988 0 0 1-2.121-.879 1 1 0 1 0-1.414 1.415A4.987 4.987 0 0 0 12 17c1.38 0 2.632-.56 3.536-1.464ZM10 10.5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0Zm5.5 1.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Z"
+        d="M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10m3.536-6.464a1 1 0 0 0-1.415-1.415A3 3 0 0 1 12 15a3 3 0 0 1-2.121-.879 1 1 0 1 0-1.414 1.415A5 5 0 0 0 12 17c1.38 0 2.632-.56 3.536-1.464M10 10.5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0m5.5 1.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3"
         fill-rule="evenodd"
       />
     </svg>
@@ -44,7 +44,7 @@ exports[`Can fully expand emoji picker 1`] = `
     aria-expanded="true"
     aria-haspopup="true"
     aria-labelledby=":r7m:"
-    class="_button_i91xf_17 _has-icon_i91xf_66 _icon-only_i91xf_59"
+    class="_button_vczzf_8 _has-icon_vczzf_57 _icon-only_vczzf_50"
     data-kind="primary"
     data-size="lg"
     role="button"
@@ -60,7 +60,7 @@ exports[`Can fully expand emoji picker 1`] = `
     >
       <path
         clip-rule="evenodd"
-        d="M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10Zm3.536-6.464a1 1 0 0 0-1.415-1.415A2.988 2.988 0 0 1 12 15a2.988 2.988 0 0 1-2.121-.879 1 1 0 1 0-1.414 1.415A4.987 4.987 0 0 0 12 17c1.38 0 2.632-.56 3.536-1.464ZM10 10.5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0Zm5.5 1.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Z"
+        d="M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10m3.536-6.464a1 1 0 0 0-1.415-1.415A3 3 0 0 1 12 15a3 3 0 0 1-2.121-.879 1 1 0 1 0-1.414 1.415A5 5 0 0 0 12 17c1.38 0 2.632-.56 3.536-1.464M10 10.5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0m5.5 1.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3"
         fill-rule="evenodd"
       />
     </svg>
@@ -75,7 +75,7 @@ exports[`Can lower hand 1`] = `
     aria-expanded="false"
     aria-haspopup="true"
     aria-labelledby=":r36:"
-    class="_button_i91xf_17 _has-icon_i91xf_66 _icon-only_i91xf_59"
+    class="_button_vczzf_8 _has-icon_vczzf_57 _icon-only_vczzf_50"
     data-kind="secondary"
     data-size="lg"
     role="button"
@@ -91,7 +91,7 @@ exports[`Can lower hand 1`] = `
     >
       <path
         clip-rule="evenodd"
-        d="M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10Zm3.536-6.464a1 1 0 0 0-1.415-1.415A2.988 2.988 0 0 1 12 15a2.988 2.988 0 0 1-2.121-.879 1 1 0 1 0-1.414 1.415A4.987 4.987 0 0 0 12 17c1.38 0 2.632-.56 3.536-1.464ZM10 10.5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0Zm5.5 1.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Z"
+        d="M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10m3.536-6.464a1 1 0 0 0-1.415-1.415A3 3 0 0 1 12 15a3 3 0 0 1-2.121-.879 1 1 0 1 0-1.414 1.415A5 5 0 0 0 12 17c1.38 0 2.632-.56 3.536-1.464M10 10.5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0m5.5 1.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3"
         fill-rule="evenodd"
       />
     </svg>
@@ -109,7 +109,7 @@ exports[`Can open menu 1`] = `
     aria-expanded="true"
     aria-haspopup="true"
     aria-labelledby=":r0:"
-    class="_button_i91xf_17 _has-icon_i91xf_66 _icon-only_i91xf_59"
+    class="_button_vczzf_8 _has-icon_vczzf_57 _icon-only_vczzf_50"
     data-kind="primary"
     data-size="lg"
     role="button"
@@ -125,7 +125,7 @@ exports[`Can open menu 1`] = `
     >
       <path
         clip-rule="evenodd"
-        d="M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10Zm3.536-6.464a1 1 0 0 0-1.415-1.415A2.988 2.988 0 0 1 12 15a2.988 2.988 0 0 1-2.121-.879 1 1 0 1 0-1.414 1.415A4.987 4.987 0 0 0 12 17c1.38 0 2.632-.56 3.536-1.464ZM10 10.5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0Zm5.5 1.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Z"
+        d="M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10m3.536-6.464a1 1 0 0 0-1.415-1.415A3 3 0 0 1 12 15a3 3 0 0 1-2.121-.879 1 1 0 1 0-1.414 1.415A5 5 0 0 0 12 17c1.38 0 2.632-.56 3.536-1.464M10 10.5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0m5.5 1.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3"
         fill-rule="evenodd"
       />
     </svg>
@@ -140,7 +140,7 @@ exports[`Can raise hand 1`] = `
     aria-expanded="false"
     aria-haspopup="true"
     aria-labelledby=":r1j:"
-    class="_button_i91xf_17 raisedButton _has-icon_i91xf_66 _icon-only_i91xf_59"
+    class="_button_vczzf_8 raisedButton _has-icon_vczzf_57 _icon-only_vczzf_50"
     data-kind="primary"
     data-size="lg"
     role="button"
@@ -155,7 +155,7 @@ exports[`Can raise hand 1`] = `
       xmlns="http://www.w3.org/2000/svg"
     >
       <path
-        d="M11 3a1 1 0 1 1 2 0v8.5a.5.5 0 0 0 1 0V4a1 1 0 1 1 2 0v10.2l3.284-2.597a1.081 1.081 0 0 1 1.47 1.577c-.613.673-1.214 1.367-1.818 2.064-1.267 1.463-2.541 2.934-3.944 4.235A6 6 0 0 1 5 15V7a1 1 0 0 1 2 0v5.5a.5.5 0 0 0 1 0V4a1 1 0 0 1 2 0v7.5a.5.5 0 0 0 1 0V3Z"
+        d="M11 3a1 1 0 1 1 2 0v8.5a.5.5 0 0 0 1 0V4a1 1 0 1 1 2 0v10.2l3.284-2.597a1.081 1.081 0 0 1 1.47 1.577c-.613.673-1.214 1.367-1.818 2.064-1.267 1.463-2.541 2.934-3.943 4.235A6 6 0 0 1 5 15V7a1 1 0 0 1 1.999 0v5.5a.5.5 0 0 0 1 0V4a1 1 0 0 1 2 0v7.5a.5.5 0 0 0 1 0z"
       />
     </svg>
   </button>

src/controls.ts

@@ -5,15 +5,55 @@ SPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial
 Please see LICENSE in the repository root for full details.
 */
 
-import { Subject } from "rxjs";
+import { BehaviorSubject, Subject } from "rxjs";
 
 export interface Controls {
-  canEnterPip: () => boolean;
-  enablePip: () => void;
-  disablePip: () => void;
+  canEnterPip(): boolean;
+  enablePip(): void;
+  disablePip(): void;
+  /** @deprecated use  setAvailableAudioDevices instead*/
+  setAvailableOutputDevices(devices: OutputDevice[]): void;
+  setAvailableAudioDevices(devices: OutputDevice[]): void;
+  /** @deprecated use  setAudioDevice instead*/
+  setOutputDevice(id: string): void;
+  setAudioDevice(id: string): void;
+  /** @deprecated use  onAudioDeviceSelect instead*/
+  onOutputDeviceSelect?: (id: string) => void;
+  onAudioDeviceSelect?: (id: string) => void;
+  /** @deprecated use  setAudioEnabled instead*/
+  setOutputEnabled(enabled: boolean): void;
+  setAudioEnabled(enabled: boolean): void;
+  /** @deprecated use  showNativeAudioDevicePicker instead*/
+  showNativeOutputDevicePicker?: () => void;
+  showNativeAudioDevicePicker?: () => void;
 }
 
+export interface OutputDevice {
+  id: string;
+  name: string;
+  forEarpiece?: boolean;
+  isEarpiece?: boolean;
+  isSpeaker?: boolean;
+  isExternalHeadset?: boolean;
+}
+
+/**
+ * If pipMode is enabled, EC will render a adapted call view layout.
+ */
 export const setPipEnabled$ = new Subject<boolean>();
+// BehaviorSubject since the client might set this before we have subscribed (GroupCallView still in "loading" state)
+// We want the devices that have been set during loading to be available immediately once loaded.
+export const availableOutputDevices$ = new BehaviorSubject<OutputDevice[]>([]);
+// BehaviorSubject since the client might set this before we have subscribed (GroupCallView still in "loading" state)
+// We want the device that has been set during loading to be available immediately once loaded.
+export const outputDevice$ = new BehaviorSubject<string | undefined>(undefined);
+/**
+ * This allows the os to mute the call if the user
+ * presses the volume down button when it is at the minimum volume.
+ *
+ * This should also be used to display a darkened overlay screen letting the user know that audio is muted.
+ */
+export const setAudioEnabled$ = new Subject<boolean>();
 
 window.controls = {
   canEnterPip(): boolean {
@@ -27,4 +67,28 @@ window.controls = {
     if (!setPipEnabled$.observed) throw new Error("No call is running");
     setPipEnabled$.next(false);
   },
+  setAvailableAudioDevices(devices: OutputDevice[]): void {
+    availableOutputDevices$.next(devices);
+  },
+  setAudioDevice(id: string): void {
+    outputDevice$.next(id);
+  },
+  setAudioEnabled(enabled: boolean): void {
+    if (!setAudioEnabled$.observed)
+      throw new Error(
+        "Output controls are disabled. No setAudioEnabled$ observer",
+      );
+    setAudioEnabled$.next(enabled);
+  },
+
+  // wrappers for the deprecated controls fields
+  setOutputEnabled(enabled: boolean): void {
+    this.setAudioEnabled(enabled);
+  },
+  setAvailableOutputDevices(devices: OutputDevice[]): void {
+    this.setAvailableAudioDevices(devices);
+  },
+  setOutputDevice(id: string): void {
+    this.setAudioDevice(id);
+  },
 };

src/e2ee/matrixKeyProvider.ts

@@ -5,7 +5,7 @@ SPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial
 Please see LICENSE in the repository root for full details.
 */
 
-import { BaseKeyProvider, createKeyMaterialFromBuffer } from "livekit-client";
+import { BaseKeyProvider } from "livekit-client";
 import { logger } from "matrix-js-sdk/lib/logger";
 import {
   type MatrixRTCSession,
@@ -16,7 +16,7 @@ export class MatrixKeyProvider extends BaseKeyProvider {
   private rtcSession?: MatrixRTCSession;
 
   public constructor() {
-    super({ ratchetWindowSize: 0, keyringSize: 256 });
+    super({ ratchetWindowSize: 10, keyringSize: 256 });
   }
 
   public setRTCSession(rtcSession: MatrixRTCSession): void {
@@ -44,20 +44,29 @@ export class MatrixKeyProvider extends BaseKeyProvider {
     encryptionKeyIndex: number,
     participantId: string,
   ): void => {
-    createKeyMaterialFromBuffer(encryptionKey).then(
-      (keyMaterial) => {
-        this.onSetEncryptionKey(keyMaterial, participantId, encryptionKeyIndex);
+    crypto.subtle
+      .importKey("raw", encryptionKey, "HKDF", false, [
+        "deriveBits",
+        "deriveKey",
+      ])
+      .then(
+        (keyMaterial) => {
+          this.onSetEncryptionKey(
+            keyMaterial,
+            participantId,
+            encryptionKeyIndex,
+          );
 
-        logger.debug(
-          `Sent new key to livekit room=${this.rtcSession?.room.roomId} participantId=${participantId} encryptionKeyIndex=${encryptionKeyIndex}`,
-        );
-      },
-      (e) => {
-        logger.error(
-          `Failed to create key material from buffer for livekit room=${this.rtcSession?.room.roomId} participantId=${participantId} encryptionKeyIndex=${encryptionKeyIndex}`,
-          e,
-        );
-      },
-    );
+          logger.debug(
+            `Sent new key to livekit room=${this.rtcSession?.room.roomId} participantId=${participantId} encryptionKeyIndex=${encryptionKeyIndex}`,
+          );
+        },
+        (e) => {
+          logger.error(
+            `Failed to create key material from buffer for livekit room=${this.rtcSession?.room.roomId} participantId=${participantId} encryptionKeyIndex=${encryptionKeyIndex}`,
+            e,
+          );
+        },
+      );
   };
 }

src/e2ee/sharedKeyManagement.ts

@@ -6,58 +6,70 @@ Please see LICENSE in the repository root for full details.
 */
 
 import { useEffect, useMemo } from "react";
+import { logger } from "matrix-js-sdk/lib/logger";
 
-import { setLocalStorageItem, useLocalStorage } from "../useLocalStorage";
-import { type UrlParams, getUrlParams, useUrlParams } from "../UrlParams";
+import {
+  setLocalStorageItemReactive,
+  useLocalStorage,
+} from "../useLocalStorage";
+import { getUrlParams } from "../UrlParams";
 import { E2eeType } from "./e2eeType";
 import { useClient } from "../ClientContext";
 
+/**
+ * This setter will update the state for all `useRoomSharedKey` hooks
+ * if the password is different from the one in local storage or if its not yet in the local storage.
+ */
 export function saveKeyForRoom(roomId: string, password: string): void {
-  setLocalStorageItem(getRoomSharedKeyLocalStorageKey(roomId), password);
+  if (
+    localStorage.getItem(getRoomSharedKeyLocalStorageKey(roomId)) !== password
+  )
+    setLocalStorageItemReactive(
+      getRoomSharedKeyLocalStorageKey(roomId),
+      password,
+    );
 }
 
 const getRoomSharedKeyLocalStorageKey = (roomId: string): string =>
   `room-shared-key-${roomId}`;
 
-const useInternalRoomSharedKey = (roomId: string): string | null => {
-  const key = getRoomSharedKeyLocalStorageKey(roomId);
-  const roomSharedKey = useLocalStorage(key)[0];
+/**
+ * An upto-date shared key for the room. Either from local storage or the value from `setInitialValue`.
+ * @param roomId
+ * @param setInitialValue The value we get from the URL. The hook will overwrite the local storage value with this.
+ * @returns [roomSharedKey, setRoomSharedKey] like a react useState hook.
+ */
+const useRoomSharedKey = (
+  roomId: string,
+  setInitialValue?: string,
+): [string | null, setKey: (key: string) => void] => {
+  const [roomSharedKey, setRoomSharedKey] = useLocalStorage(
+    getRoomSharedKeyLocalStorageKey(roomId),
+  );
+  useEffect(() => {
+    // If setInitialValue is available, update the local storage (usually the password from the url).
+    // This will update roomSharedKey but wont update the returned value since
+    // that already defaults to setInitialValue.
+    if (setInitialValue) setRoomSharedKey(setInitialValue);
+  }, [setInitialValue, setRoomSharedKey]);
 
-  return roomSharedKey;
+  // make sure we never return the initial null value from `useLocalStorage`
+  return [setInitialValue ?? roomSharedKey, setRoomSharedKey];
 };
 
 export function getKeyForRoom(roomId: string): string | null {
-  saveKeyFromUrlParams(getUrlParams());
-  const key = getRoomSharedKeyLocalStorageKey(roomId);
-  return localStorage.getItem(key);
+  const { roomId: urlRoomId, password } = getUrlParams();
+  if (roomId !== urlRoomId)
+    logger.warn(
+      "requested key for a roomId which is not the current call room id (from the URL)",
+      roomId,
+      urlRoomId,
+    );
+  return (
+    password ?? localStorage.getItem(getRoomSharedKeyLocalStorageKey(roomId))
+  );
 }
 
-function saveKeyFromUrlParams(urlParams: UrlParams): void {
-  if (!urlParams.password || !urlParams.roomId) return;
-
-  // Take the key from the URL and save it.
-  // It's important to always use the room ID specified in the URL
-  // when saving keys rather than whatever the current room ID might be,
-  // in case we've moved to a different room but the URL hasn't changed.
-  saveKeyForRoom(urlParams.roomId, urlParams.password);
-}
-
-/**
- * Extracts the room password from the URL if one is present, saving it in localstorage
- * and returning it in a tuple with the corresponding room ID from the URL.
- * @returns A tuple of the roomId and password from the URL if the URL has both,
- *          otherwise [undefined, undefined]
- */
-const useKeyFromUrl = (): [string, string] | [undefined, undefined] => {
-  const urlParams = useUrlParams();
-
-  useEffect(() => saveKeyFromUrlParams(urlParams), [urlParams]);
-
-  return urlParams.roomId && urlParams.password
-    ? [urlParams.roomId, urlParams.password]
-    : [undefined, undefined];
-};
-
 export type Unencrypted = { kind: E2eeType.NONE };
 export type SharedSecret = { kind: E2eeType.SHARED_KEY; secret: string };
 export type PerParticipantE2EE = { kind: E2eeType.PER_PARTICIPANT };
@@ -66,12 +78,11 @@ export type EncryptionSystem = Unencrypted | SharedSecret | PerParticipantE2EE;
 export function useRoomEncryptionSystem(roomId: string): EncryptionSystem {
   const { client } = useClient();
 
-  // make sure we've extracted the key from the URL first
-  // (and we still need to take the value it returns because
-  // the effect won't run in time for it to save to localstorage in
-  // time for us to read it out again).
-  const [urlRoomId, passwordFromUrl] = useKeyFromUrl();
-  const storedPassword = useInternalRoomSharedKey(roomId);
+  const [storedPassword] = useRoomSharedKey(
+    getRoomSharedKeyLocalStorageKey(roomId),
+    getKeyForRoom(roomId) ?? undefined,
+  );
+
   const room = client?.getRoom(roomId);
   const e2eeSystem = <EncryptionSystem>useMemo(() => {
     if (!room) return { kind: E2eeType.NONE };
@@ -80,15 +91,10 @@ export function useRoomEncryptionSystem(roomId: string): EncryptionSystem {
         kind: E2eeType.SHARED_KEY,
         secret: storedPassword,
       };
-    if (urlRoomId === roomId)
-      return {
-        kind: E2eeType.SHARED_KEY,
-        secret: passwordFromUrl,
-      };
     if (room.hasEncryptionStateEvent()) {
       return { kind: E2eeType.PER_PARTICIPANT };
     }
     return { kind: E2eeType.NONE };
-  }, [passwordFromUrl, room, roomId, storedPassword, urlRoomId]);
+  }, [room, storedPassword]);
   return e2eeSystem;
 }

src/home/useGroupCallRooms.ts

@@ -81,8 +81,9 @@ function sortRooms(client: MatrixClient, rooms: Room[]): Room[] {
 }
 
 const roomIsJoinable = (room: Room): boolean => {
-  if (!room.hasEncryptionStateEvent() && !getKeyForRoom(room.roomId)) {
-    // if we have an non encrypted room (no encryption state event) we need a locally stored shared key.
+  const password = getKeyForRoom(room.roomId);
+  if (!room.hasEncryptionStateEvent() && !password) {
+    // if we have a non encrypted room (no encryption state event) we need a locally stored shared key.
     // in case this key also does not exists we cannot join the room.
     return false;
   }

src/initializer.tsx

@@ -136,6 +136,11 @@ export class Initializer {
       lookup: () => getUrlParams().lang ?? undefined,
     });
 
+    // Synchronise the HTML lang attribute with the i18next language
+    i18n.on("languageChanged", (lng) => {
+      document.documentElement.lang = lng;
+    });
+
     await i18n
       .use(Backend)
       .use(languageDetector)

src/livekit/BlurBackgroundTransformer.ts

@@ -0,0 +1,80 @@
+/*
+Copyright 2024-2025 New Vector Ltd.
+
+SPDX-License-Identifier: AGPL-3.0-only
+Please see LICENSE in the repository root for full details.
+*/
+
+import {
+  BackgroundTransformer,
+  VideoTransformer,
+  type VideoTransformerInitOptions,
+} from "@livekit/track-processors";
+import { ImageSegmenter } from "@mediapipe/tasks-vision";
+
+import modelAssetPath from "../mediapipe/imageSegmenter/selfie_segmenter.tflite?url";
+
+interface WasmFileset {
+  /** The path to the Wasm loader script. */
+  wasmLoaderPath: string;
+  /** The path to the Wasm binary. */
+  wasmBinaryPath: string;
+}
+
+// The MediaPipe package, by default, ships some alternative versions of the
+// WASM files which avoid SIMD for compatibility with older browsers. But SIMD
+// in WASM is actually fine by our support policy, so we include just the SIMD
+// versions.
+// It's really not ideal that we have to reference these internal files from
+// MediaPipe and depend on node_modules having this specific structure. It's
+// easy to see this breaking if our dependencies changed and MediaPipe were
+// no longer hoisted, or if we switched to another dependency loader such as
+// Yarn PnP.
+// https://github.com/google-ai-edge/mediapipe/issues/5961
+const wasmFileset: WasmFileset = {
+  wasmLoaderPath: new URL(
+    "../../node_modules/@mediapipe/tasks-vision/wasm/vision_wasm_internal.js",
+    import.meta.url,
+  ).href,
+  wasmBinaryPath: new URL(
+    "../../node_modules/@mediapipe/tasks-vision/wasm/vision_wasm_internal.wasm",
+    import.meta.url,
+  ).href,
+};
+
+/**
+ * Track processor that applies effects such as blurring to a user's background.
+ *
+ * This is just like LiveKit's prebuilt BackgroundTransformer except that it
+ * loads the segmentation models from our own bundle rather than as an external
+ * resource fetched from the public internet.
+ */
+export class BlurBackgroundTransformer extends BackgroundTransformer {
+  public async init({
+    outputCanvas,
+    inputElement: inputVideo,
+  }: VideoTransformerInitOptions): Promise<void> {
+    // Call super.super.init() since we're totally replacing the init method of
+    // BackgroundTransformer here, rather than extending it
+    await VideoTransformer.prototype.init.call(this, {
+      outputCanvas,
+      inputElement: inputVideo,
+    });
+
+    this.imageSegmenter = await ImageSegmenter.createFromOptions(wasmFileset, {
+      baseOptions: {
+        modelAssetPath,
+        delegate: "GPU",
+        ...this.options.segmenterOptions,
+      },
+      canvas: this.canvas,
+      runningMode: "VIDEO",
+      outputCategoryMask: true,
+      outputConfidenceMasks: false,
+    });
+
+    if (this.options.blurRadius) {
+      this.gl?.setBlurRadius(this.options.blurRadius);
+    }
+  }
+}

src/livekit/MatrixAudioRenderer.test.tsx

@@ -0,0 +1,104 @@
+/*
+Copyright 2023, 2024 New Vector Ltd.
+
+SPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial
+Please see LICENSE in the repository root for full details.
+*/
+
+import { afterEach, beforeEach, expect, it, vi } from "vitest";
+import { render } from "@testing-library/react";
+import { type CallMembership } from "matrix-js-sdk/lib/matrixrtc";
+import {
+  getTrackReferenceId,
+  type TrackReference,
+} from "@livekit/components-core";
+import { type RemoteAudioTrack } from "livekit-client";
+import { type ReactNode } from "react";
+import { useTracks } from "@livekit/components-react";
+
+import { testAudioContext } from "../useAudioContext.test";
+import * as MediaDevicesContext from "./MediaDevicesContext";
+import { MatrixAudioRenderer } from "./MatrixAudioRenderer";
+import { mockTrack } from "../utils/test";
+
+export const TestAudioContextConstructor = vi.fn(() => testAudioContext);
+
+beforeEach(() => {
+  vi.stubGlobal("AudioContext", TestAudioContextConstructor);
+});
+
+afterEach(() => {
+  vi.unstubAllGlobals();
+  vi.clearAllMocks();
+});
+
+vi.mock("@livekit/components-react", async (importOriginal) => {
+  return {
+    ...(await importOriginal()),
+    AudioTrack: (props: { trackRef: TrackReference }): ReactNode => {
+      return (
+        <audio data-testid={"audio"}>
+          {getTrackReferenceId(props.trackRef)}
+        </audio>
+      );
+    },
+    useTracks: vi.fn(),
+  };
+});
+
+const tracks = [mockTrack("test:123")];
+vi.mocked(useTracks).mockReturnValue(tracks);
+
+it("should render for member", () => {
+  const { container, queryAllByTestId } = render(
+    <MatrixAudioRenderer
+      members={[{ sender: "test", deviceId: "123" }] as CallMembership[]}
+    />,
+  );
+  expect(container).toBeTruthy();
+  expect(queryAllByTestId("audio")).toHaveLength(1);
+});
+it("should not render without member", () => {
+  const { container, queryAllByTestId } = render(
+    <MatrixAudioRenderer
+      members={[{ sender: "othermember", deviceId: "123" }] as CallMembership[]}
+    />,
+  );
+  expect(container).toBeTruthy();
+  expect(queryAllByTestId("audio")).toHaveLength(0);
+});
+
+it("should not setup audioContext gain and pan if there is no need to.", () => {
+  render(
+    <MatrixAudioRenderer
+      members={[{ sender: "test", deviceId: "123" }] as CallMembership[]}
+    />,
+  );
+  const audioTrack = tracks[0].publication.track! as RemoteAudioTrack;
+
+  expect(audioTrack.setAudioContext).toHaveBeenCalledTimes(1);
+  expect(audioTrack.setAudioContext).toHaveBeenCalledWith(undefined);
+  expect(audioTrack.setWebAudioPlugins).toHaveBeenCalledTimes(1);
+  expect(audioTrack.setWebAudioPlugins).toHaveBeenCalledWith([]);
+
+  expect(testAudioContext.gain.gain.value).toEqual(1);
+  expect(testAudioContext.pan.pan.value).toEqual(0);
+});
+it("should setup audioContext gain and pan", () => {
+  vi.spyOn(MediaDevicesContext, "useEarpieceAudioConfig").mockReturnValue({
+    pan: 1,
+    volume: 0.1,
+  });
+  render(
+    <MatrixAudioRenderer
+      members={[{ sender: "test", deviceId: "123" }] as CallMembership[]}
+    />,
+  );
+
+  const audioTrack = tracks[0].publication.track! as RemoteAudioTrack;
+  expect(audioTrack.setAudioContext).toHaveBeenCalled();
+  expect(audioTrack.setWebAudioPlugins).toHaveBeenCalled();
+
+  expect(testAudioContext.gain.gain.value).toEqual(0.1);
+  expect(testAudioContext.pan.pan.value).toEqual(1);
+});

src/livekit/MatrixAudioRenderer.tsx

@@ -0,0 +1,212 @@
+/*
+Copyright 2025 New Vector Ltd.
+
+SPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial
+Please see LICENSE in the repository root for full details.
+*/
+
+import { getTrackReferenceId } from "@livekit/components-core";
+import { type RemoteAudioTrack, Track } from "livekit-client";
+import { useEffect, useMemo, useRef, useState, type ReactNode } from "react";
+import {
+  useTracks,
+  AudioTrack,
+  type AudioTrackProps,
+} from "@livekit/components-react";
+import { type CallMembership } from "matrix-js-sdk/lib/matrixrtc";
+import { logger } from "matrix-js-sdk/lib/logger";
+
+import { useEarpieceAudioConfig } from "./MediaDevicesContext";
+import { useReactiveState } from "../useReactiveState";
+
+export interface MatrixAudioRendererProps {
+  /**
+   * The list of participants to render audio for.
+   * This list needs to be composed based on the matrixRTC members so that we do not play audio from users
+   * that are not expected to be in the rtc session.
+   */
+  members: CallMembership[];
+  /**
+   * If set to `true`, mutes all audio tracks rendered by the component.
+   * @remarks
+   * If set to `true`, the server will stop sending audio track data to the client.
+   */
+  muted?: boolean;
+}
+
+/**
+ * The `MatrixAudioRenderer` component is a drop-in solution for adding audio to your LiveKit app.
+ * It takes care of handling remote participants’ audio tracks and makes sure that microphones and screen share are audible.
+ *
+ * It also takes care of the earpiece audio configuration for iOS devices.
+ * This is done by using the WebAudio API to create a stereo pan effect that mimics the earpiece audio.
+ * @example
+ * ```tsx
+ * <LiveKitRoom>
+ *   <MatrixAudioRenderer />
+ * </LiveKitRoom>
+ * ```
+ * @public
+ */
+export function MatrixAudioRenderer({
+  members,
+  muted,
+}: MatrixAudioRendererProps): ReactNode {
+  const validIdentities = useMemo(
+    () =>
+      new Set(members?.map((member) => `${member.sender}:${member.deviceId}`)),
+    [members],
+  );
+
+  const loggedInvalidIdentities = useRef(new Set<string>());
+  /**
+   * Log an invalid livekit track identity.
+   * A invalid identity is one that does not match any of the matrix rtc members.
+   *
+   * @param identity The identity of the track that is invalid
+   * @param validIdentities The list of valid identities
+   */
+  const logInvalid = (identity: string, validIdentities: Set<string>): void => {
+    if (loggedInvalidIdentities.current.has(identity)) return;
+    logger.warn(
+      `Audio track ${identity} has no matching matrix call member`,
+      `current members: ${Array.from(validIdentities.values())}`,
+      `track will not get rendered`,
+    );
+    loggedInvalidIdentities.current.add(identity);
+  };
+
+  const tracks = useTracks(
+    [
+      Track.Source.Microphone,
+      Track.Source.ScreenShareAudio,
+      Track.Source.Unknown,
+    ],
+    {
+      updateOnlyOn: [],
+      onlySubscribed: true,
+    },
+  ).filter((ref) => {
+    const isValid = validIdentities?.has(ref.participant.identity);
+    if (!isValid && !ref.participant.isLocal)
+      logInvalid(ref.participant.identity, validIdentities);
+    return (
+      !ref.participant.isLocal &&
+      ref.publication.kind === Track.Kind.Audio &&
+      isValid
+    );
+  });
+
+  // This component is also (in addition to the "only play audio for connected members" logic above)
+  // responsible for mimicking earpiece audio on iPhones.
+  // The Safari audio devices enumeration does not expose an earpiece audio device.
+  // We alternatively use the audioContext pan node to only use one of the stereo channels.
+
+  // This component does get additionally complicated because of a Safari bug.
+  // (see: https://bugs.webkit.org/show_bug.cgi?id=251532
+  // and the related issues: https://bugs.webkit.org/show_bug.cgi?id=237878
+  // and https://bugs.webkit.org/show_bug.cgi?id=231105)
+  //
+  // AudioContext gets stopped if the webview gets moved into the background.
+  // Once the phone is in standby audio playback will stop.
+  // So we can only use the pan trick only works is the phone is not in standby.
+  // If earpiece mode is not used we do not use audioContext to allow standby playback.
+  // shouldUseAudioContext is set to false if stereoPan === 0 to allow standby bluetooth playback.
+
+  const { pan: stereoPan, volume: volumeFactor } = useEarpieceAudioConfig();
+  const shouldUseAudioContext = stereoPan !== 0;
+
+  // initialize the potentially used audio context.
+  const [audioContext, setAudioContext] = useState<AudioContext | undefined>(
+    undefined,
+  );
+  useEffect(() => {
+    const ctx = new AudioContext();
+    setAudioContext(ctx);
+    return (): void => {
+      void ctx.close();
+    };
+  }, []);
+  const audioNodes = useMemo(
+    () => ({
+      gain: audioContext?.createGain(),
+      pan: audioContext?.createStereoPanner(),
+    }),
+    [audioContext],
+  );
+
+  // Simple effects to update the gain and pan node based on the props
+  useEffect(() => {
+    if (audioNodes.pan) audioNodes.pan.pan.value = stereoPan;
+  }, [audioNodes.pan, stereoPan]);
+  useEffect(() => {
+    if (audioNodes.gain) audioNodes.gain.gain.value = volumeFactor;
+  }, [audioNodes.gain, volumeFactor]);
+
+  return (
+    // We add all audio elements into one <div> for the browser developer tool experience/tidyness.
+    <div style={{ display: "none" }}>
+      {tracks.map((trackRef) => (
+        <AudioTrackWithAudioNodes
+          key={getTrackReferenceId(trackRef)}
+          trackRef={trackRef}
+          muted={muted}
+          audioContext={shouldUseAudioContext ? audioContext : undefined}
+          audioNodes={audioNodes}
+        />
+      ))}
+    </div>
+  );
+}
+
+interface StereoPanAudioTrackProps {
+  muted?: boolean;
+  audioContext?: AudioContext;
+  audioNodes: {
+    gain?: GainNode;
+    pan?: StereoPannerNode;
+  };
+}
+
+/**
+ * This wraps `livekit.AudioTrack` to allow adding audio nodes to a track.
+ * It main purpose is to remount the AudioTrack component when switching from
+ * audiooContext to normal audio playback.
+ * As of now the AudioTrack component does not support adding audio nodes while being mounted.
+ * @param param0
+ * @returns
+ */
+function AudioTrackWithAudioNodes({
+  trackRef,
+  muted,
+  audioContext,
+  audioNodes,
+  ...props
+}: StereoPanAudioTrackProps &
+  AudioTrackProps &
+  React.RefAttributes<HTMLAudioElement>): ReactNode {
+  // This is used to unmount/remount the AudioTrack component.
+  // Mounting needs to happen after the audioContext is set.
+  // (adding the audio context when already mounted did not work outside strict mode)
+  const [trackReady, setTrackReady] = useReactiveState(
+    () => false,
+    // We only want the track to reset once both (audioNodes and audioContext) are set.
+    // for unsetting the audioContext its enough if one of the the is undefined.
+    [audioContext && audioNodes],
+  );
+
+  useEffect(() => {
+    if (!trackRef || trackReady) return;
+    const track = trackRef.publication.track as RemoteAudioTrack;
+    const useContext = audioContext && audioNodes.gain && audioNodes.pan;
+    track.setAudioContext(useContext ? audioContext : undefined);
+    track.setWebAudioPlugins(
+      useContext ? [audioNodes.gain!, audioNodes.pan!] : [],
+    );
+    setTrackReady(true);
+  }, [audioContext, audioNodes, setTrackReady, trackReady, trackRef]);
+
+  return (
+    trackReady && <AudioTrack trackRef={trackRef} muted={muted} {...props} />
+  );
+}

src/livekit/MediaDevicesContext.tsx

@@ -1,5 +1,5 @@
 /*
-Copyright 2023, 2024 New Vector Ltd.
+Copyright 2023-2025 New Vector Ltd.
 
 SPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial
 Please see LICENSE in the repository root for full details.
@@ -17,29 +17,43 @@ import {
   type JSX,
 } from "react";
 import { createMediaDeviceObserver } from "@livekit/components-core";
-import { map, startWith } from "rxjs";
-import { useObservableEagerState } from "observable-hooks";
+import { combineLatest, distinctUntilChanged, map, startWith } from "rxjs";
+import { useObservable, useObservableEagerState } from "observable-hooks";
 import { logger } from "matrix-js-sdk/lib/logger";
+import { deepCompare } from "matrix-js-sdk/lib/utils";
 
 import {
   useSetting,
   audioInput as audioInputSetting,
   audioOutput as audioOutputSetting,
   videoInput as videoInputSetting,
+  alwaysShowIphoneEarpiece as alwaysShowIphoneEarpieceSetting,
   type Setting,
 } from "../settings/settings";
+import { outputDevice$, availableOutputDevices$ } from "../controls";
+import { useUrlParams } from "../UrlParams";
+
+// This hardcoded id is used in EX ios! It can only be changed in coordination with
+// the ios swift team.
+export const EARPIECE_CONFIG_ID = "earpiece-id";
 
 export type DeviceLabel =
   | { type: "name"; name: string }
   | { type: "number"; number: number }
+  | { type: "earpiece" }
   | { type: "default"; name: string | null };
 
-export interface MediaDevice {
+export interface MediaDeviceHandle {
   /**
    * A map from available device IDs to labels.
    */
   available: Map<string, DeviceLabel>;
   selectedId: string | undefined;
+  /**
+   * An additional device configuration that makes us use only one channel of the
+   * output device and a reduced volume.
+   */
+  useAsEarpiece: boolean | undefined;
   /**
    * The group ID of the selected device.
    */
@@ -50,23 +64,69 @@ export interface MediaDevice {
   select: (deviceId: string) => void;
 }
 
-export interface MediaDevices {
-  audioInput: MediaDevice;
-  audioOutput: MediaDevice;
-  videoInput: MediaDevice;
+interface InputDevices {
+  audioInput: MediaDeviceHandle;
+  videoInput: MediaDeviceHandle;
   startUsingDeviceNames: () => void;
   stopUsingDeviceNames: () => void;
+  usingNames: boolean;
 }
 
-function useMediaDevice(
+export interface MediaDevices extends Omit<InputDevices, "usingNames"> {
+  audioOutput: MediaDeviceHandle;
+}
+
+/**
+ * An observable that represents if we should display the devices menu for iOS.
+ * This implies the following
+ *  - hide any input devices (they do not work anyhow on ios)
+ *  - Show a button to show the native output picker instead.
+ *  - Only show the earpiece toggle option if the earpiece is available:
+ *   `availableOutputDevices$.includes((d)=>d.forEarpiece)`
+ */
+export const iosDeviceMenu$ = alwaysShowIphoneEarpieceSetting.value$.pipe(
+  map((v) => v || navigator.userAgent.includes("iPhone")),
+);
+
+function useSelectedId(
+  available: Map<string, DeviceLabel>,
+  preferredId: string | undefined,
+): string | undefined {
+  return useMemo(() => {
+    if (available.size) {
+      // If the preferred device is available, use it. Or if every available
+      // device ID is falsy, the browser is probably just being paranoid about
+      // fingerprinting and we should still try using the preferred device.
+      // Worst case it is not available and the browser will gracefully fall
+      // back to some other device for us when requesting the media stream.
+      // Otherwise, select the first available device.
+      return (preferredId !== undefined && available.has(preferredId)) ||
+        (available.size === 1 && available.has(""))
+        ? preferredId
+        : available.keys().next().value;
+    }
+    return undefined;
+  }, [available, preferredId]);
+}
+
+/**
+ * Hook to get access to a mediaDevice handle for a kind. This allows to list
+ * the available devices, read and set the selected device.
+ * @param kind Audio input, output or video output.
+ * @param setting The setting this handle's selection should be synced with.
+ * @param usingNames If the hook should query device names for the associated
+ *  list.
+ * @returns A handle for the chosen kind.
+ */
+function useMediaDeviceHandle(
   kind: MediaDeviceKind,
   setting: Setting<string | undefined>,
   usingNames: boolean,
-): MediaDevice {
-  // Make sure we don't needlessly reset to a device observer without names,
-  // once permissions are already given
+): MediaDeviceHandle {
   const hasRequestedPermissions = useRef(false);
   const requestPermissions = usingNames || hasRequestedPermissions.current;
+  // Make sure we don't needlessly reset to a device observer without names,
+  // once permissions are already given
   hasRequestedPermissions.current ||= usingNames;
 
   // We use a bare device observer here rather than one of the fancy device
@@ -81,7 +141,16 @@ function useMediaDevice(
         kind,
         () => logger.error("Error creating MediaDeviceObserver"),
         requestPermissions,
-      ).pipe(startWith([])),
+      ).pipe(
+        startWith([]),
+        // This Observable emits new values whenever the browser fires a
+        // MediaDevices 'devicechange' event. One would think, innocently, that
+        // a 'devicechange' event means the devices have changed. But as of the
+        // time of writing, we are seeing mobile Safari firing spurious
+        // 'devicechange' events (where no change has actually occurred) when
+        // we call MediaDevices.getUserMedia. So, filter by deep equality.
+        distinctUntilChanged<MediaDeviceInfo[]>(deepCompare),
+      ),
     [kind, requestPermissions],
   );
   const available = useObservableEagerState(
@@ -102,11 +171,13 @@ function useMediaDevice(
             // Create a virtual default audio output for browsers that don't have one.
             // Its device ID must be the empty string because that's what setSinkId
             // recognizes.
+            // We also create this if we do not have any available devices, so that
+            // we can use the default or the earpiece.
             if (
               kind === "audiooutput" &&
-              available.size &&
               !available.has("") &&
-              !available.has("default")
+              !available.has("default") &&
+              available.size
             )
               available = new Map([
                 ["", { type: "default", name: availableRaw[0]?.label || null }],
@@ -118,26 +189,13 @@ function useMediaDevice(
             return available;
           }),
         ),
-      [kind, deviceObserver$],
+      [deviceObserver$, kind],
     ),
   );
 
   const [preferredId, select] = useSetting(setting);
-  const selectedId = useMemo(() => {
-    if (available.size) {
-      // If the preferred device is available, use it. Or if every available
-      // device ID is falsy, the browser is probably just being paranoid about
-      // fingerprinting and we should still try using the preferred device.
-      // Worst case it is not available and the browser will gracefully fall
-      // back to some other device for us when requesting the media stream.
-      // Otherwise, select the first available device.
-      return (preferredId !== undefined && available.has(preferredId)) ||
-        (available.size === 1 && available.has(""))
-        ? preferredId
-        : available.keys().next().value;
-    }
-    return undefined;
-  }, [available, preferredId]);
+  const selectedId = useSelectedId(available, preferredId);
+
   const selectedGroupId = useObservableEagerState(
     useMemo(
       () =>
@@ -155,6 +213,7 @@ function useMediaDevice(
     () => ({
       available,
       selectedId,
+      useAsEarpiece: false,
       selectedGroupId,
       select,
     }),
@@ -162,12 +221,14 @@ function useMediaDevice(
   );
 }
 
-export const deviceStub: MediaDevice = {
+export const deviceStub: MediaDeviceHandle = {
   available: new Map(),
   selectedId: undefined,
   selectedGroupId: undefined,
   select: () => {},
+  useAsEarpiece: false,
 };
+
 export const devicesStub: MediaDevices = {
   audioInput: deviceStub,
   audioOutput: deviceStub,
@@ -178,26 +239,17 @@ export const devicesStub: MediaDevices = {
 
 export const MediaDevicesContext = createContext<MediaDevices>(devicesStub);
 
-interface Props {
-  children: JSX.Element;
-}
-
-export const MediaDevicesProvider: FC<Props> = ({ children }) => {
+function useInputDevices(): InputDevices {
   // Counts the number of callers currently using device names.
   const [numCallersUsingNames, setNumCallersUsingNames] = useState(0);
   const usingNames = numCallersUsingNames > 0;
 
-  const audioInput = useMediaDevice(
+  const audioInput = useMediaDeviceHandle(
     "audioinput",
     audioInputSetting,
     usingNames,
   );
-  const audioOutput = useMediaDevice(
-    "audiooutput",
-    audioOutputSetting,
-    usingNames,
-  );
-  const videoInput = useMediaDevice(
+  const videoInput = useMediaDeviceHandle(
     "videoinput",
     videoInputSetting,
     usingNames,
@@ -212,17 +264,52 @@ export const MediaDevicesProvider: FC<Props> = ({ children }) => {
     [setNumCallersUsingNames],
   );
 
+  return {
+    audioInput,
+    videoInput,
+    startUsingDeviceNames,
+    stopUsingDeviceNames,
+    usingNames,
+  };
+}
+
+interface Props {
+  children: JSX.Element;
+}
+
+export const MediaDevicesProvider: FC<Props> = ({ children }) => {
+  const {
+    audioInput,
+    videoInput,
+    startUsingDeviceNames,
+    stopUsingDeviceNames,
+    usingNames,
+  } = useInputDevices();
+
+  const { controlledAudioDevices } = useUrlParams();
+
+  const webViewAudioOutput = useMediaDeviceHandle(
+    "audiooutput",
+    audioOutputSetting,
+    usingNames,
+  );
+  const controlledAudioOutput = useControlledOutput();
+
   const context: MediaDevices = useMemo(
     () => ({
       audioInput,
-      audioOutput,
+      audioOutput: controlledAudioDevices
+        ? controlledAudioOutput
+        : webViewAudioOutput,
       videoInput,
       startUsingDeviceNames,
       stopUsingDeviceNames,
     }),
     [
       audioInput,
-      audioOutput,
+      controlledAudioDevices,
+      controlledAudioOutput,
+      webViewAudioOutput,
       videoInput,
       startUsingDeviceNames,
       stopUsingDeviceNames,
@@ -236,6 +323,80 @@ export const MediaDevicesProvider: FC<Props> = ({ children }) => {
   );
 };
 
+function useControlledOutput(): MediaDeviceHandle {
+  const { available } = useObservableEagerState(
+    useObservable(() => {
+      const outputDeviceData$ = availableOutputDevices$.pipe(
+        map((devices) => {
+          const deviceForEarpiece = devices.find((d) => d.forEarpiece);
+          const deviceMapTuple: [string, DeviceLabel][] = devices.map(
+            ({ id, name, isEarpiece, isSpeaker /*,isExternalHeadset*/ }) => {
+              let deviceLabel: DeviceLabel = { type: "name", name };
+              // if (isExternalHeadset) // Do we want this?
+              if (isEarpiece) deviceLabel = { type: "earpiece" };
+              if (isSpeaker) deviceLabel = { type: "default", name };
+              return [id, deviceLabel];
+            },
+          );
+          return {
+            devicesMap: new Map<string, DeviceLabel>(deviceMapTuple),
+            deviceForEarpiece,
+          };
+        }),
+      );
+
+      return combineLatest(
+        [outputDeviceData$, iosDeviceMenu$],
+        ({ devicesMap, deviceForEarpiece }, iosShowEarpiece) => {
+          let available = devicesMap;
+          if (iosShowEarpiece && !!deviceForEarpiece) {
+            available = new Map([
+              ...devicesMap.entries(),
+              [EARPIECE_CONFIG_ID, { type: "earpiece" }],
+            ]);
+          }
+          return { available, deviceForEarpiece };
+        },
+      );
+    }),
+  );
+  const [preferredId, setPreferredId] = useSetting(audioOutputSetting);
+  useEffect(() => {
+    const subscription = outputDevice$.subscribe((id) => {
+      if (id) setPreferredId(id);
+    });
+    return (): void => subscription.unsubscribe();
+  }, [setPreferredId]);
+
+  const selectedId = useSelectedId(available, preferredId);
+
+  const [asEarpiece, setAsEarpiece] = useState(false);
+
+  useEffect(() => {
+    // Let the hosting application know which output device has been selected.
+    // This information is probably only of interest if the earpiece mode has been
+    // selected - for example, Element X iOS listens to this to determine whether it
+    // should enable the proximity sensor.
+    if (selectedId) {
+      window.controls.onAudioDeviceSelect?.(selectedId);
+      // Call deprecated method for backwards compatibility.
+      window.controls.onOutputDeviceSelect?.(selectedId);
+    }
+    setAsEarpiece(selectedId === EARPIECE_CONFIG_ID);
+  }, [selectedId]);
+
+  return useMemo(
+    () => ({
+      available: available,
+      selectedId,
+      selectedGroupId: undefined,
+      select: setPreferredId,
+      useAsEarpiece: asEarpiece,
+    }),
+    [available, selectedId, setPreferredId, asEarpiece],
+  );
+}
+
 export const useMediaDevices = (): MediaDevices =>
   useContext(MediaDevicesContext);
 
@@ -255,3 +416,30 @@ export const useMediaDeviceNames = (
       return context.stopUsingDeviceNames;
     }
   }, [context, enabled]);
+
+/**
+ * A convenience hook to get the audio node configuration for the earpiece.
+ * It will check the `useAsEarpiece` of the `audioOutput` device and return
+ * the appropriate pan and volume values.
+ *
+ * @returns pan and volume values for the earpiece audio node configuration.
+ */
+export const useEarpieceAudioConfig = (): {
+  pan: number;
+  volume: number;
+} => {
+  const { audioOutput } = useMediaDevices();
+  // We use only the right speaker (pan = 1) for the earpiece.
+  // This mimics the behavior of the native earpiece speaker (only the top speaker on an iPhone)
+  const pan = useMemo(
+    () => (audioOutput.useAsEarpiece ? 1 : 0),
+    [audioOutput.useAsEarpiece],
+  );
+  // We also do lower the volume by a factor of 10 to optimize for the usecase where
+  // a user is holding the phone to their ear.
+  const volume = useMemo(
+    () => (audioOutput.useAsEarpiece ? 0.1 : 1),
+    [audioOutput.useAsEarpiece],
+  );
+  return { pan, volume };
+};

src/livekit/TrackProcessorContext.tsx

@@ -0,0 +1,84 @@
+/*
+Copyright 2024 New Vector Ltd.
+
+SPDX-License-Identifier: AGPL-3.0-only
+Please see LICENSE in the repository root for full details.
+*/
+
+import {
+  ProcessorWrapper,
+  supportsBackgroundProcessors,
+  type BackgroundOptions,
+} from "@livekit/track-processors";
+import { createContext, type FC, useContext, useEffect, useMemo } from "react";
+import { type LocalVideoTrack } from "livekit-client";
+
+import {
+  backgroundBlur as backgroundBlurSettings,
+  useSetting,
+} from "../settings/settings";
+import { BlurBackgroundTransformer } from "./BlurBackgroundTransformer";
+
+type ProcessorState = {
+  supported: boolean | undefined;
+  processor: undefined | ProcessorWrapper<BackgroundOptions>;
+};
+
+const ProcessorContext = createContext<ProcessorState | undefined>(undefined);
+
+export function useTrackProcessor(): ProcessorState {
+  const state = useContext(ProcessorContext);
+  if (state === undefined)
+    throw new Error(
+      "useTrackProcessor must be used within a ProcessorProvider",
+    );
+  return state;
+}
+
+export const useTrackProcessorSync = (
+  videoTrack: LocalVideoTrack | null,
+): void => {
+  const { processor } = useTrackProcessor();
+  useEffect(() => {
+    if (!videoTrack) return;
+    if (processor && !videoTrack.getProcessor()) {
+      void videoTrack.setProcessor(processor);
+    }
+    if (!processor && videoTrack.getProcessor()) {
+      void videoTrack.stopProcessor();
+    }
+  }, [processor, videoTrack]);
+};
+
+interface Props {
+  children: JSX.Element;
+}
+
+export const ProcessorProvider: FC<Props> = ({ children }) => {
+  // The setting the user wants to have
+  const [blurActivated] = useSetting(backgroundBlurSettings);
+  const supported = useMemo(() => supportsBackgroundProcessors(), []);
+  const blur = useMemo(
+    () =>
+      new ProcessorWrapper(
+        new BlurBackgroundTransformer({ blurRadius: 15 }),
+        "background-blur",
+      ),
+    [],
+  );
+
+  // This is the actual state exposed through the context
+  const processorState = useMemo(
+    () => ({
+      supported,
+      processor: supported && blurActivated ? blur : undefined,
+    }),
+    [supported, blurActivated, blur],
+  );
+
+  return (
+    <ProcessorContext.Provider value={processorState}>
+      {children}
+    </ProcessorContext.Provider>
+  );
+};

src/livekit/useECConnectionState.test.tsx

@@ -6,7 +6,7 @@ Please see LICENSE in the repository root for full details.
 */
 
 import { type FC, useCallback, useState } from "react";
-import { test, vi } from "vitest";
+import { describe, expect, test, vi, vitest } from "vitest";
 import {
   ConnectionError,
   ConnectionErrorReason,
@@ -15,6 +15,7 @@ import {
 import userEvent from "@testing-library/user-event";
 import { render, screen } from "@testing-library/react";
 import { MemoryRouter } from "react-router-dom";
+import { defer, sleep } from "matrix-js-sdk/lib/utils";
 
 import { useECConnectionState } from "./useECConnectionState";
 import { type SFUConfig } from "./openIDSFU";
@@ -57,7 +58,7 @@ test.each<[string, ConnectionError]>([
         () => setSfuConfig({ url: "URL", jwt: "JWT token" }),
         [],
       );
-      useECConnectionState({}, false, mockRoom, sfuConfig);
+      useECConnectionState("default", false, mockRoom, sfuConfig);
       return <button onClick={connect}>Connect</button>;
     };
 
@@ -73,3 +74,111 @@ test.each<[string, ConnectionError]>([
     screen.getByText("Insufficient capacity");
   },
 );
+
+describe("Leaking connection prevention", () => {
+  function createTestComponent(mockRoom: Room): FC {
+    const TestComponent: FC = () => {
+      const [sfuConfig, setSfuConfig] = useState<SFUConfig | undefined>(
+        undefined,
+      );
+      const connect = useCallback(
+        () => setSfuConfig({ url: "URL", jwt: "JWT token" }),
+        [],
+      );
+      useECConnectionState("default", false, mockRoom, sfuConfig);
+      return <button onClick={connect}>Connect</button>;
+    };
+    return TestComponent;
+  }
+
+  test("Should cancel pending connections when the component is unmounted", async () => {
+    const connectCall = vi.fn();
+    const pendingConnection = defer<void>();
+    // let pendingDisconnection = defer<void>()
+    const disconnectMock = vi.fn();
+
+    const mockRoom = {
+      on: () => {},
+      off: () => {},
+      once: () => {},
+      connect: async () => {
+        connectCall.call(undefined);
+        return await pendingConnection.promise;
+      },
+      disconnect: disconnectMock,
+      localParticipant: {
+        getTrackPublication: () => {},
+        createTracks: () => [],
+      },
+    } as unknown as Room;
+
+    const TestComponent = createTestComponent(mockRoom);
+
+    const { unmount } = render(<TestComponent />);
+    const user = userEvent.setup();
+    await user.click(screen.getByRole("button", { name: "Connect" }));
+
+    expect(connectCall).toHaveBeenCalled();
+    // unmount while the connection is pending
+    unmount();
+
+    // resolve the pending connection
+    pendingConnection.resolve();
+
+    await vitest.waitUntil(
+      () => {
+        return disconnectMock.mock.calls.length > 0;
+      },
+      {
+        timeout: 1000,
+        interval: 100,
+      },
+    );
+
+    // There should be some cleaning up to avoid leaking an open connection
+    expect(disconnectMock).toHaveBeenCalledTimes(1);
+  });
+
+  test("Should cancel about to open but not yet opened connection", async () => {
+    const createTracksCall = vi.fn();
+    const pendingCreateTrack = defer<void>();
+    // let pendingDisconnection = defer<void>()
+    const disconnectMock = vi.fn();
+    const connectMock = vi.fn();
+
+    const mockRoom = {
+      on: () => {},
+      off: () => {},
+      once: () => {},
+      connect: connectMock,
+      disconnect: disconnectMock,
+      localParticipant: {
+        getTrackPublication: () => {},
+        createTracks: async () => {
+          createTracksCall.call(undefined);
+          await pendingCreateTrack.promise;
+          return [];
+        },
+      },
+    } as unknown as Room;
+
+    const TestComponent = createTestComponent(mockRoom);
+
+    const { unmount } = render(<TestComponent />);
+    const user = userEvent.setup();
+    await user.click(screen.getByRole("button", { name: "Connect" }));
+
+    expect(createTracksCall).toHaveBeenCalled();
+    // unmount while createTracks is pending
+    unmount();
+
+    // resolve createTracks
+    pendingCreateTrack.resolve();
+
+    // Yield to the event loop to let the connection attempt finish
+    await sleep(100);
+
+    // The operation should have been aborted before even calling connect.
+    expect(connectMock).not.toHaveBeenCalled();
+  });
+});

src/livekit/useECConnectionState.ts

@@ -6,7 +6,6 @@ Please see LICENSE in the repository root for full details.
 */
 
 import {
-  type AudioCaptureOptions,
   ConnectionError,
   ConnectionState,
   type LocalTrack,
@@ -25,6 +24,7 @@ import {
   InsufficientCapacityError,
   UnknownCallError,
 } from "../utils/errors.ts";
+import { AbortHandle } from "../utils/abortHandle.ts";
 
 declare global {
   interface Window {
@@ -59,7 +59,8 @@ async function doConnect(
   livekitRoom: Room,
   sfuConfig: SFUConfig,
   audioEnabled: boolean,
-  audioOptions: AudioCaptureOptions,
+  initialDeviceId: string | undefined,
+  abortHandle: AbortHandle,
 ): Promise<void> {
   // Always create an audio track manually.
   // livekit (by default) keeps the mic track open when you mute, but if you start muted,
@@ -82,19 +83,40 @@ async function doConnect(
   let preCreatedAudioTrack: LocalTrack | undefined;
   try {
     const audioTracks = await livekitRoom!.localParticipant.createTracks({
-      audio: audioOptions,
+      audio: { deviceId: initialDeviceId },
     });
+
     if (audioTracks.length < 1) {
       logger.info("Tried to pre-create local audio track but got no tracks");
     } else {
       preCreatedAudioTrack = audioTracks[0];
     }
+    // There was a yield point previously (awaiting for the track to be created) so we need to check
+    // if the operation was cancelled and stop connecting if needed.
+    if (abortHandle.isAborted()) {
+      logger.info(
+        "[Lifecycle] Signal Aborted: Pre-created audio track but connection aborted",
+      );
+      preCreatedAudioTrack?.stop();
+      return;
+    }
+
     logger.info("Pre-created microphone track");
   } catch (e) {
     logger.error("Failed to pre-create microphone track", e);
   }
 
-  if (!audioEnabled) await preCreatedAudioTrack?.mute();
+  if (!audioEnabled) {
+    await preCreatedAudioTrack?.mute();
+    // There was a yield point. Check if the operation was cancelled and stop connecting.
+    if (abortHandle.isAborted()) {
+      logger.info(
+        "[Lifecycle] Signal Aborted: Pre-created audio track but connection aborted",
+      );
+      preCreatedAudioTrack?.stop();
+      return;
+    }
+  }
 
   // check again having awaited for the track to create
   if (
@@ -107,9 +129,18 @@ async function doConnect(
     return;
   }
 
-  logger.info("Connecting & publishing");
+  logger.info("[Lifecycle] Connecting & publishing");
   try {
     await connectAndPublish(livekitRoom, sfuConfig, preCreatedAudioTrack, []);
+    if (abortHandle.isAborted()) {
+      logger.info(
+        "[Lifecycle] Signal Aborted: Connected but operation was cancelled. Force disconnect",
+      );
+      livekitRoom?.disconnect().catch((err) => {
+        logger.error("Failed to disconnect from SFU", err);
+      });
+      return;
+    }
   } catch (e) {
     preCreatedAudioTrack?.stop();
     logger.debug("Stopped precreated audio tracks.");
@@ -137,13 +168,16 @@ async function connectAndPublish(
   livekitRoom.once(RoomEvent.SignalConnected, tracker.cacheWsConnect);
 
   try {
+    logger.info(`[Lifecycle] Connecting to livekit room ${sfuConfig!.url} ...`);
     await livekitRoom!.connect(sfuConfig!.url, sfuConfig!.jwt, {
       // Due to stability issues on Firefox we are testing the effect of different
       // timeouts, and allow these values to be set through the console
       peerConnectionTimeout: window.peerConnectionTimeout ?? 45000,
       websocketTimeout: window.websocketTimeout ?? 45000,
     });
+    logger.info(`[Lifecycle] ... connected to livekit room`);
   } catch (e) {
+    logger.error("[Lifecycle] Failed to connect", e);
     // LiveKit uses 503 to indicate that the server has hit its track limits.
     // https://github.com/livekit/livekit/blob/fcb05e97c5a31812ecf0ca6f7efa57c485cea9fb/pkg/service/rtcservice.go#L171
     // It also errors with a status code of 200 (yes, really) for room
@@ -184,7 +218,7 @@ async function connectAndPublish(
 }
 
 export function useECConnectionState(
-  initialAudioOptions: AudioCaptureOptions,
+  initialDeviceId: string | undefined,
   initialAudioEnabled: boolean,
   livekitRoom?: Room,
   sfuConfig?: SFUConfig,
@@ -247,6 +281,22 @@ export function useECConnectionState(
 
   const currentSFUConfig = useRef(Object.assign({}, sfuConfig));
 
+  // Protection against potential leaks, where the component to be unmounted and there is
+  // still a pending doConnect promise. This would lead the user to still be in the call even
+  // if the component is unmounted.
+  const abortHandlesBag = useRef(new Set<AbortHandle>());
+
+  // This is a cleanup function that will be called when the component is about to be unmounted.
+  // It will cancel all abortHandles in the bag
+  useEffect(() => {
+    const bag = abortHandlesBag.current;
+    return (): void => {
+      bag.forEach((handle) => {
+        handle.abort();
+      });
+    };
+  }, []);
+
   // Id we are transitioning from a valid config to another valid one, we need
   // to explicitly switch focus
   useEffect(() => {
@@ -273,11 +323,14 @@ export function useECConnectionState(
       // always capturing audio: it helps keep bluetooth headsets in the right mode and
       // mobile browsers to know we're doing a call.
       setIsInDoConnect(true);
+      const abortHandle = new AbortHandle();
+      abortHandlesBag.current.add(abortHandle);
       doConnect(
         livekitRoom!,
         sfuConfig!,
         initialAudioEnabled,
-        initialAudioOptions,
+        initialDeviceId,
+        abortHandle,
       )
         .catch((e) => {
           if (e instanceof ElementCallError) {
@@ -286,14 +339,17 @@ export function useECConnectionState(
             setError(new UnknownCallError(e));
           } else logger.error("Failed to connect to SFU", e);
         })
-        .finally(() => setIsInDoConnect(false));
+        .finally(() => {
+          abortHandlesBag.current.delete(abortHandle);
+          setIsInDoConnect(false);
+        });
     }
 
     currentSFUConfig.current = Object.assign({}, sfuConfig);
   }, [
     sfuConfig,
     livekitRoom,
-    initialAudioOptions,
+    initialDeviceId,
     initialAudioEnabled,
     doFocusSwitch,
   ]);

src/livekit/useLivekit.ts

@@ -9,23 +9,22 @@ import {
   ConnectionState,
   type E2EEManagerOptions,
   ExternalE2EEKeyProvider,
+  LocalVideoTrack,
   Room,
   type RoomOptions,
   Track,
 } from "livekit-client";
-import { useEffect, useMemo, useRef } from "react";
+import { useEffect, useRef } from "react";
 import E2EEWorker from "livekit-client/e2ee-worker?worker";
 import { logger } from "matrix-js-sdk/lib/logger";
 import { type MatrixRTCSession } from "matrix-js-sdk/lib/matrixrtc";
+import { useObservable, useObservableEagerState } from "observable-hooks";
+import { map } from "rxjs";
 
 import { defaultLiveKitOptions } from "./options";
 import { type SFUConfig } from "./openIDSFU";
 import { type MuteStates } from "../room/MuteStates";
-import {
-  type MediaDevice,
-  type MediaDevices,
-  useMediaDevices,
-} from "./MediaDevicesContext";
+import { type MediaDeviceHandle, useMediaDevices } from "./MediaDevicesContext";
 import {
   type ECConnectionState,
   useECConnectionState,
@@ -33,36 +32,99 @@ import {
 import { MatrixKeyProvider } from "../e2ee/matrixKeyProvider";
 import { E2eeType } from "../e2ee/e2eeType";
 import { type EncryptionSystem } from "../e2ee/sharedKeyManagement";
+import {
+  useTrackProcessor,
+  useTrackProcessorSync,
+} from "./TrackProcessorContext";
+import { observeTrackReference$ } from "../state/MediaViewModel";
+import { useUrlParams } from "../UrlParams";
+import { useInitial } from "../useInitial";
 
 interface UseLivekitResult {
   livekitRoom?: Room;
   connState: ECConnectionState;
 }
 
-export function useLiveKit(
+export function useLivekit(
   rtcSession: MatrixRTCSession,
   muteStates: MuteStates,
   sfuConfig: SFUConfig | undefined,
   e2eeSystem: EncryptionSystem,
 ): UseLivekitResult {
-  const e2eeOptions = useMemo((): E2EEManagerOptions | undefined => {
-    if (e2eeSystem.kind === E2eeType.NONE) return undefined;
+  const { controlledAudioDevices } = useUrlParams();
 
+  const initialMuteStates = useInitial(() => muteStates);
+
+  const devices = useMediaDevices();
+  const initialDevices = useInitial(() => devices);
+
+  // Store if audio/video are currently updating. If to prohibit unnecessary calls
+  // to setMicrophoneEnabled/setCameraEnabled
+  const audioMuteUpdating = useRef(false);
+  const videoMuteUpdating = useRef(false);
+  // Store the current button mute state that gets passed to this hook via props.
+  // We need to store it for awaited code that relies on the current value.
+  const buttonEnabled = useRef({
+    audio: initialMuteStates.audio.enabled,
+    video: initialMuteStates.video.enabled,
+  });
+
+  const { processor } = useTrackProcessor();
+
+  // Only ever create the room once via useInitial.
+  const room = useInitial(() => {
+    logger.info("[LivekitRoom] Create LiveKit room");
+
+    let e2ee: E2EEManagerOptions | undefined;
     if (e2eeSystem.kind === E2eeType.PER_PARTICIPANT) {
-      return {
+      logger.info("Created MatrixKeyProvider (per participant)");
+      e2ee = {
         keyProvider: new MatrixKeyProvider(),
         worker: new E2EEWorker(),
       };
     } else if (e2eeSystem.kind === E2eeType.SHARED_KEY && e2eeSystem.secret) {
-      return {
+      logger.info("Created ExternalE2EEKeyProvider (shared key)");
+      e2ee = {
         keyProvider: new ExternalE2EEKeyProvider(),
         worker: new E2EEWorker(),
       };
     }
-  }, [e2eeSystem]);
 
+    const roomOptions: RoomOptions = {
+      ...defaultLiveKitOptions,
+      videoCaptureDefaults: {
+        ...defaultLiveKitOptions.videoCaptureDefaults,
+        deviceId: initialDevices.videoInput.selectedId,
+        processor,
+      },
+      audioCaptureDefaults: {
+        ...defaultLiveKitOptions.audioCaptureDefaults,
+        deviceId: initialDevices.audioInput.selectedId,
+      },
+      audioOutput: {
+        deviceId: initialDevices.audioOutput.selectedId,
+      },
+      e2ee,
+    };
+    // We have to create the room manually here due to a bug inside
+    // @livekit/components-react. JSON.stringify() is used in deps of a
+    // useEffect() with an argument that references itself, if E2EE is enabled
+    const room = new Room(roomOptions);
+    room.setE2EEEnabled(e2eeSystem.kind !== E2eeType.NONE).catch((e) => {
+      logger.error("Failed to set E2EE enabled on room", e);
+    });
+
+    return room;
+  });
+
+  // Setup and update the keyProvider which was create by `createRoom`
   useEffect(() => {
-    if (e2eeSystem.kind === E2eeType.NONE || !e2eeOptions) return;
+    const e2eeOptions = room.options.e2ee;
+    if (
+      e2eeSystem.kind === E2eeType.NONE ||
+      !(e2eeOptions && "keyProvider" in e2eeOptions)
+    )
+      return;
 
     if (e2eeSystem.kind === E2eeType.PER_PARTICIPANT) {
       (e2eeOptions.keyProvider as MatrixKeyProvider).setRTCSession(rtcSession);
@@ -73,58 +135,30 @@ export function useLiveKit(
           logger.error("Failed to set shared key for E2EE", e);
         });
     }
-  }, [e2eeOptions, e2eeSystem, rtcSession]);
+  }, [room.options.e2ee, e2eeSystem, rtcSession]);
 
-  const initialMuteStates = useRef<MuteStates>(muteStates);
-  const devices = useMediaDevices();
-  const initialDevices = useRef<MediaDevices>(devices);
-
-  const roomOptions = useMemo(
-    (): RoomOptions => ({
-      ...defaultLiveKitOptions,
-      videoCaptureDefaults: {
-        ...defaultLiveKitOptions.videoCaptureDefaults,
-        deviceId: initialDevices.current.videoInput.selectedId,
-      },
-      audioCaptureDefaults: {
-        ...defaultLiveKitOptions.audioCaptureDefaults,
-        deviceId: initialDevices.current.audioInput.selectedId,
-      },
-      audioOutput: {
-        deviceId: initialDevices.current.audioOutput.selectedId,
-      },
-      e2ee: e2eeOptions,
-    }),
-    [e2eeOptions],
+  // Sync the requested track processors with LiveKit
+  useTrackProcessorSync(
+    useObservableEagerState(
+      useObservable(
+        (room$) =>
+          observeTrackReference$(
+            room$.pipe(map(([room]) => room.localParticipant)),
+            Track.Source.Camera,
+          ).pipe(
+            map((trackRef) => {
+              const track = trackRef?.publication?.track;
+              return track instanceof LocalVideoTrack ? track : null;
+            }),
+          ),
+        [room],
+      ),
+    ),
   );
 
-  // Store if audio/video are currently updating. If to prohibit unnecessary calls
-  // to setMicrophoneEnabled/setCameraEnabled
-  const audioMuteUpdating = useRef(false);
-  const videoMuteUpdating = useRef(false);
-  // Store the current button mute state that gets passed to this hook via props.
-  // We need to store it for awaited code that relies on the current value.
-  const buttonEnabled = useRef({
-    audio: initialMuteStates.current.audio.enabled,
-    video: initialMuteStates.current.video.enabled,
-  });
-
-  // We have to create the room manually here due to a bug inside
-  // @livekit/components-react. JSON.stringify() is used in deps of a
-  // useEffect() with an argument that references itself, if E2EE is enabled
-  const room = useMemo(() => {
-    const r = new Room(roomOptions);
-    r.setE2EEEnabled(e2eeSystem.kind !== E2eeType.NONE).catch((e) => {
-      logger.error("Failed to set E2EE enabled on room", e);
-    });
-    return r;
-  }, [roomOptions, e2eeSystem]);
-
   const connectionState = useECConnectionState(
-    {
-      deviceId: initialDevices.current.audioInput.selectedId,
-    },
-    initialMuteStates.current.audio.enabled,
+    initialDevices.audioInput.selectedId,
+    initialMuteStates.audio.enabled,
     room,
     sfuConfig,
   );
@@ -195,6 +229,7 @@ export function useLiveKit(
                 audioMuteUpdating.current = true;
                 trackPublication = await participant.setMicrophoneEnabled(
                   buttonEnabled.current.audio,
+                  room.options.audioCaptureDefaults,
                 );
                 audioMuteUpdating.current = false;
                 break;
@@ -202,6 +237,7 @@ export function useLiveKit(
                 videoMuteUpdating.current = true;
                 trackPublication = await participant.setCameraEnabled(
                   buttonEnabled.current.video,
+                  room.options.videoCaptureDefaults,
                 );
                 videoMuteUpdating.current = false;
                 break;
@@ -269,8 +305,15 @@ export function useLiveKit(
 
   useEffect(() => {
     // Sync the requested devices with LiveKit's devices
-    if (room !== undefined && connectionState === ConnectionState.Connected) {
-      const syncDevice = (kind: MediaDeviceKind, device: MediaDevice): void => {
+    if (
+      room !== undefined &&
+      connectionState === ConnectionState.Connected &&
+      !controlledAudioDevices
+    ) {
+      const syncDevice = (
+        kind: MediaDeviceKind,
+        device: MediaDeviceHandle,
+      ): void => {
         const id = device.selectedId;
 
         // Detect if we're trying to use chrome's default device, in which case
@@ -326,7 +369,7 @@ export function useLiveKit(
       syncDevice("audiooutput", devices.audioOutput);
       syncDevice("videoinput", devices.videoInput);
     }
-  }, [room, devices, connectionState]);
+  }, [room, devices, connectionState, controlledAudioDevices]);
 
   return {
     connState: connectionState,

src/main.tsx

@@ -29,7 +29,7 @@ window.setLKLogLevel = setLKLogLevel;
 initRageshake().catch((e) => {
   logger.error("Failed to initialize rageshake", e);
 });
-setLKLogLevel("warn");
+setLKLogLevel("info");
 setLKLogExtension((level, msg, context) => {
   // we pass a synthetic logger name of "livekit" to the rageshake to make it easier to read
   global.mx_rage_logger.log(level, "livekit", msg, context);

src/mediapipe/imageSegmenter/README.md

@@ -0,0 +1,5 @@
+# Google AI Edge MediaPipe Selfie Segmentation
+
+- See: https://ai.google.dev/edge/mediapipe/solutions/vision/image_segmenter
+- Latest: https://storage.googleapis.com/mediapipe-models/image_segmenter/selfie_segmenter/float16/latest/selfie_segmenter.tflite
+- License: Apache 2.0 as per https://storage.googleapis.com/mediapipe-assets/Model%20Card%20MediaPipe%20Selfie%20Segmentation.pdf

src/otel/otel.ts

@@ -5,12 +5,15 @@ SPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial
 Please see LICENSE in the repository root for full details.
 */
 
-import { SimpleSpanProcessor } from "@opentelemetry/sdk-trace-base";
+import {
+  SimpleSpanProcessor,
+  type SpanProcessor,
+} from "@opentelemetry/sdk-trace-base";
 import { OTLPTraceExporter } from "@opentelemetry/exporter-trace-otlp-http";
 import { WebTracerProvider } from "@opentelemetry/sdk-trace-web";
 import opentelemetry, { type Tracer } from "@opentelemetry/api";
-import { Resource } from "@opentelemetry/resources";
-import { SemanticResourceAttributes } from "@opentelemetry/semantic-conventions";
+import { resourceFromAttributes } from "@opentelemetry/resources";
+import { ATTR_SERVICE_NAME } from "@opentelemetry/semantic-conventions";
 import { logger } from "matrix-js-sdk/lib/logger";
 
 import { PosthogSpanProcessor } from "../analytics/PosthogSpanProcessor";
@@ -59,34 +62,34 @@ export class ElementCallOpenTelemetry {
     collectorUrl: string | undefined,
     rageshakeUrl: string | undefined,
   ) {
-    // This is how we can make Jaeger show a reasonable service in the dropdown on the left.
-    const providerConfig = {
-      resource: new Resource({
-        [SemanticResourceAttributes.SERVICE_NAME]: SERVICE_NAME,
-      }),
-    };
-    this._provider = new WebTracerProvider(providerConfig);
+    const spanProcessors: SpanProcessor[] = [];
 
     if (collectorUrl) {
       logger.info("Enabling OTLP collector with URL " + collectorUrl);
       this.otlpExporter = new OTLPTraceExporter({
         url: collectorUrl,
       });
-      this._provider.addSpanProcessor(
-        new SimpleSpanProcessor(this.otlpExporter),
-      );
+      spanProcessors.push(new SimpleSpanProcessor(this.otlpExporter));
     } else {
       logger.info("OTLP collector disabled");
     }
 
     if (rageshakeUrl) {
       this.rageshakeProcessor = new RageshakeSpanProcessor();
-      this._provider.addSpanProcessor(this.rageshakeProcessor);
+      spanProcessors.push(this.rageshakeProcessor);
     }
 
-    this._provider.addSpanProcessor(new PosthogSpanProcessor());
-    opentelemetry.trace.setGlobalTracerProvider(this._provider);
+    spanProcessors.push(new PosthogSpanProcessor());
 
+    this._provider = new WebTracerProvider({
+      resource: resourceFromAttributes({
+        // This is how we can make Jaeger show a reasonable service in the dropdown on the left.
+        [ATTR_SERVICE_NAME]: SERVICE_NAME,
+      }),
+      spanProcessors,
+    });
+
+    opentelemetry.trace.setGlobalTracerProvider(this._provider);
     this._tracer = opentelemetry.trace.getTracer(
       // This is not the serviceName shown in jaeger
       "my-element-call-otl-tracer",

src/room/CallEventAudioRenderer.tsx

@@ -47,12 +47,15 @@ export const callEventAudioSounds = prefetchSounds({
 
 export function CallEventAudioRenderer({
   vm,
+  muted,
 }: {
   vm: CallViewModel;
+  muted?: boolean;
 }): ReactNode {
   const audioEngineCtx = useAudioContext({
     sounds: callEventAudioSounds,
     latencyHint: "interactive",
+    muted,
   });
   const audioEngineRef = useLatest(audioEngineCtx);
 

src/room/GroupCallErrorBoundary.tsx

@@ -16,7 +16,7 @@ import {
 } from "react";
 import { Trans, useTranslation } from "react-i18next";
 import {
-  ErrorIcon,
+  ErrorSolidIcon,
   HostIcon,
   OfflineIcon,
   WebBrowserIcon,
@@ -63,7 +63,7 @@ const ErrorPage: FC<ErrorPageProps> = ({
       icon = WebBrowserIcon;
       break;
     default:
-      icon = ErrorIcon;
+      icon = ErrorSolidIcon;
   }
 
   const actions: { label: string; onClick: () => void }[] = [];

src/room/GroupCallView.test.tsx

@@ -38,6 +38,7 @@ import { GroupCallView } from "./GroupCallView";
 import { type WidgetHelpers } from "../widget";
 import { LazyEventEmitter } from "../LazyEventEmitter";
 import { MatrixRTCFocusMissingError } from "../utils/errors";
+import { ProcessorProvider } from "../livekit/TrackProcessorContext";
 
 vi.mock("../soundUtils");
 vi.mock("../useAudioContext");
@@ -46,6 +47,13 @@ vi.mock("react-use-measure", () => ({
   default: (): [() => void, object] => [(): void => {}, {}],
 }));
 
+vi.hoisted(
+  () =>
+    (global.ImageData = class MockImageData {
+      public data: number[] = [];
+    } as unknown as typeof ImageData),
+);
+
 const enterRTCSession = vi.hoisted(() => vi.fn(async () => Promise.resolve()));
 const leaveRTCSession = vi.hoisted(() =>
   vi.fn(
@@ -137,18 +145,20 @@ function createGroupCallView(
   const { getByText } = render(
     <BrowserRouter>
       <TooltipProvider>
-        <GroupCallView
-          client={client}
-          isPasswordlessUser={false}
-          confineToRoom={false}
-          preload={false}
-          skipLobby={false}
-          hideHeader={true}
-          rtcSession={rtcSession as unknown as MatrixRTCSession}
-          isJoined={joined}
-          muteStates={muteState}
-          widget={widget}
-        />
+        <ProcessorProvider>
+          <GroupCallView
+            client={client}
+            isPasswordlessUser={false}
+            confineToRoom={false}
+            preload={false}
+            skipLobby={false}
+            hideHeader={true}
+            rtcSession={rtcSession as unknown as MatrixRTCSession}
+            isJoined={joined}
+            muteStates={muteState}
+            widget={widget}
+          />
+        </ProcessorProvider>
       </TooltipProvider>
     </BrowserRouter>,
   );

src/room/GroupCallView.tsx

@@ -24,6 +24,7 @@ import {
   type MatrixRTCSession,
 } from "matrix-js-sdk/lib/matrixrtc";
 import { useNavigate } from "react-router-dom";
+import { useObservableEagerState } from "observable-hooks";
 
 import type { IWidgetApiRequest } from "matrix-widget-api";
 import {
@@ -42,7 +43,10 @@ import { MUTE_PARTICIPANT_COUNT, type MuteStates } from "./MuteStates";
 import { useMediaDevices } from "../livekit/MediaDevicesContext";
 import { useMatrixRTCSessionMemberships } from "../useMatrixRTCSessionMemberships";
 import { enterRTCSession, leaveRTCSession } from "../rtcSessionHelpers";
-import { useRoomEncryptionSystem } from "../e2ee/sharedKeyManagement";
+import {
+  saveKeyForRoom,
+  useRoomEncryptionSystem,
+} from "../e2ee/sharedKeyManagement";
 import { useRoomAvatar } from "./useRoomAvatar";
 import { useRoomName } from "./useRoomName";
 import { useJoinRule } from "./useJoinRule";
@@ -62,10 +66,12 @@ import {
 } from "../utils/errors.ts";
 import { GroupCallErrorBoundary } from "./GroupCallErrorBoundary.tsx";
 import {
-  useNewMembershipManagerSetting as useNewMembershipManagerSetting,
+  useNewMembershipManager as useNewMembershipManagerSetting,
+  useExperimentalToDeviceTransport as useExperimentalToDeviceTransportSetting,
   useSetting,
 } from "../settings/settings";
 import { useTypedEventEmitter } from "../useEvents";
+import { muteAllAudio$ } from "../state/MuteAllAudioModel.ts";
 
 declare global {
   interface Window {
@@ -102,12 +108,14 @@ export const GroupCallView: FC<Props> = ({
   const [externalError, setExternalError] = useState<ElementCallError | null>(
     null,
   );
-
   const memberships = useMatrixRTCSessionMemberships(rtcSession);
+
+  const muteAllAudio = useObservableEagerState(muteAllAudio$);
   const leaveSoundContext = useLatest(
     useAudioContext({
       sounds: callEventAudioSounds,
       latencyHint: "interactive",
+      muted: muteAllAudio,
     }),
   );
   // This should use `useEffectEvent` (only available in experimental versions)
@@ -117,6 +125,13 @@ export const GroupCallView: FC<Props> = ({
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
 
+  useEffect(() => {
+    logger.info("[Lifecycle] GroupCallView Component mounted");
+    return (): void => {
+      logger.info("[Lifecycle] GroupCallView Component unmounted");
+    };
+  }, []);
+
   useEffect(() => {
     window.rtcSession = rtcSession;
     return (): void => {
@@ -151,6 +166,15 @@ export const GroupCallView: FC<Props> = ({
   const { perParticipantE2EE, returnToLobby } = useUrlParams();
   const e2eeSystem = useRoomEncryptionSystem(room.roomId);
   const [useNewMembershipManager] = useSetting(useNewMembershipManagerSetting);
+  const [useExperimentalToDeviceTransport] = useSetting(
+    useExperimentalToDeviceTransportSetting,
+  );
+
+  // Save the password once we start the groupCallView
+  const { password: passwordFromUrl } = useUrlParams();
+  useEffect(() => {
+    if (passwordFromUrl) saveKeyForRoom(room.roomId, passwordFromUrl);
+  }, [passwordFromUrl, room.roomId]);
 
   usePageTitle(roomName);
 
@@ -178,16 +202,13 @@ export const GroupCallView: FC<Props> = ({
   const latestMuteStates = useLatest(muteStates);
 
   const enterRTCSessionOrError = useCallback(
-    async (
-      rtcSession: MatrixRTCSession,
-      perParticipantE2EE: boolean,
-      newMembershipManager: boolean,
-    ): Promise<void> => {
+    async (rtcSession: MatrixRTCSession): Promise<void> => {
       try {
         await enterRTCSession(
           rtcSession,
           perParticipantE2EE,
-          newMembershipManager,
+          useNewMembershipManager,
+          useExperimentalToDeviceTransport,
         );
       } catch (e) {
         if (e instanceof ElementCallError) {
@@ -201,7 +222,11 @@ export const GroupCallView: FC<Props> = ({
         }
       }
     },
-    [setExternalError],
+    [
+      perParticipantE2EE,
+      useExperimentalToDeviceTransport,
+      useNewMembershipManager,
+    ],
   );
 
   useEffect(() => {
@@ -253,11 +278,7 @@ export const GroupCallView: FC<Props> = ({
               await defaultDeviceSetup(
                 ev.detail.data as unknown as JoinCallData,
               );
-              await enterRTCSessionOrError(
-                rtcSession,
-                perParticipantE2EE,
-                useNewMembershipManager,
-              );
+              await enterRTCSessionOrError(rtcSession);
               widget.api.transport.reply(ev.detail, {});
             })().catch((e) => {
               logger.error("Error joining RTC session", e);
@@ -270,21 +291,13 @@ export const GroupCallView: FC<Props> = ({
         } else {
           // No lobby and no preload: we enter the rtc session right away
           (async (): Promise<void> => {
-            await enterRTCSessionOrError(
-              rtcSession,
-              perParticipantE2EE,
-              useNewMembershipManager,
-            );
+            await enterRTCSessionOrError(rtcSession);
           })().catch((e) => {
             logger.error("Error joining RTC session", e);
           });
         }
       } else {
-        void enterRTCSessionOrError(
-          rtcSession,
-          perParticipantE2EE,
-          useNewMembershipManager,
-        );
+        void enterRTCSessionOrError(rtcSession);
       }
     }
   }, [
@@ -407,13 +420,7 @@ export const GroupCallView: FC<Props> = ({
         client={client}
         matrixInfo={matrixInfo}
         muteStates={muteStates}
-        onEnter={() =>
-          void enterRTCSessionOrError(
-            rtcSession,
-            perParticipantE2EE,
-            useNewMembershipManager,
-          )
-        }
+        onEnter={() => void enterRTCSessionOrError(rtcSession)}
         confineToRoom={confineToRoom}
         hideHeader={hideHeader}
         participantCount={participantCount}
@@ -491,11 +498,7 @@ export const GroupCallView: FC<Props> = ({
       recoveryActionHandler={(action) => {
         if (action == "reconnect") {
           setLeft(false);
-          enterRTCSessionOrError(
-            rtcSession,
-            perParticipantE2EE,
-            useNewMembershipManager,
-          ).catch((e) => {
+          enterRTCSessionOrError(rtcSession).catch((e) => {
             logger.error("Error re-entering RTC session", e);
           });
         }

src/room/InCallView.test.tsx

@@ -0,0 +1,265 @@
+/*
+Copyright 2025 New Vector Ltd.
+
+SPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial
+Please see LICENSE in the repository root for full details.
+*/
+
+import {
+  beforeEach,
+  describe,
+  expect,
+  it,
+  type MockedFunction,
+  vi,
+} from "vitest";
+import { act, render, type RenderResult } from "@testing-library/react";
+import { type MatrixClient, JoinRule, type RoomState } from "matrix-js-sdk";
+import { type MatrixRTCSession } from "matrix-js-sdk/lib/matrixrtc";
+import { type RelationsContainer } from "matrix-js-sdk/lib/models/relations-container";
+import { ConnectionState, type LocalParticipant } from "livekit-client";
+import { of } from "rxjs";
+import { BrowserRouter } from "react-router-dom";
+import { TooltipProvider } from "@vector-im/compound-web";
+import { RoomContext, useLocalParticipant } from "@livekit/components-react";
+import { RoomAndToDeviceEvents } from "matrix-js-sdk/lib/matrixrtc/RoomAndToDeviceKeyTransport";
+
+import { type MuteStates } from "./MuteStates";
+import { InCallView } from "./InCallView";
+import {
+  mockLivekitRoom,
+  mockLocalParticipant,
+  mockMatrixRoom,
+  mockMatrixRoomMember,
+  mockRemoteParticipant,
+  mockRtcMembership,
+  type MockRTCSession,
+} from "../utils/test";
+import { E2eeType } from "../e2ee/e2eeType";
+import { getBasicCallViewModelEnvironment } from "../utils/test-viewmodel";
+import { alice, local } from "../utils/test-fixtures";
+import {
+  developerMode as developerModeSetting,
+  useExperimentalToDeviceTransport as useExperimentalToDeviceTransportSetting,
+} from "../settings/settings";
+import { ReactionsSenderProvider } from "../reactions/useReactionsSender";
+import { useRoomEncryptionSystem } from "../e2ee/sharedKeyManagement";
+import { MatrixAudioRenderer } from "../livekit/MatrixAudioRenderer";
+
+// vi.hoisted(() => {
+//   localStorage = {} as unknown as Storage;
+// });
+vi.hoisted(
+  () =>
+    (global.ImageData = class MockImageData {
+      public data: number[] = [];
+    } as unknown as typeof ImageData),
+);
+
+vi.mock("../soundUtils");
+vi.mock("../useAudioContext");
+vi.mock("../tile/GridTile");
+vi.mock("../tile/SpotlightTile");
+vi.mock("@livekit/components-react");
+vi.mock("../e2ee/sharedKeyManagement");
+vi.mock("../livekit/MatrixAudioRenderer");
+vi.mock("react-use-measure", () => ({
+  default: (): [() => void, object] => [(): void => {}, {}],
+}));
+
+const localRtcMember = mockRtcMembership("@carol:example.org", "CCCC");
+const localParticipant = mockLocalParticipant({
+  identity: "@local:example.org:AAAAAA",
+});
+const remoteParticipant = mockRemoteParticipant({
+  identity: "@alice:example.org:AAAAAA",
+});
+const carol = mockMatrixRoomMember(localRtcMember);
+const roomMembers = new Map([carol].map((p) => [p.userId, p]));
+
+const roomId = "!foo:bar";
+let useRoomEncryptionSystemMock: MockedFunction<typeof useRoomEncryptionSystem>;
+
+beforeEach(() => {
+  vi.clearAllMocks();
+
+  // MatrixAudioRenderer is tested separately.
+  (
+    MatrixAudioRenderer as MockedFunction<typeof MatrixAudioRenderer>
+  ).mockImplementation((_props) => {
+    return <div>mocked: MatrixAudioRenderer</div>;
+  });
+  (
+    useLocalParticipant as MockedFunction<typeof useLocalParticipant>
+  ).mockImplementation(
+    () =>
+      ({
+        isScreenShareEnabled: false,
+        localParticipant: localRtcMember as unknown as LocalParticipant,
+      }) as unknown as ReturnType<typeof useLocalParticipant>,
+  );
+  useRoomEncryptionSystemMock =
+    useRoomEncryptionSystem as typeof useRoomEncryptionSystemMock;
+  useRoomEncryptionSystemMock.mockReturnValue({ kind: E2eeType.NONE });
+});
+
+function createInCallView(): RenderResult & {
+  rtcSession: MockRTCSession;
+} {
+  const client = {
+    getUser: () => null,
+    getUserId: () => localRtcMember.sender,
+    getDeviceId: () => localRtcMember.deviceId,
+    getRoom: (rId) => (rId === roomId ? room : null),
+  } as Partial<MatrixClient> as MatrixClient;
+  const room = mockMatrixRoom({
+    relations: {
+      getChildEventsForEvent: () =>
+        vi.mocked({
+          getRelations: () => [],
+        }),
+    } as unknown as RelationsContainer,
+    client,
+    roomId,
+    getMember: (userId) => roomMembers.get(userId) ?? null,
+    getMxcAvatarUrl: () => null,
+    hasEncryptionStateEvent: vi.fn().mockReturnValue(true),
+    getCanonicalAlias: () => null,
+    currentState: {
+      getJoinRule: () => JoinRule.Invite,
+    } as Partial<RoomState> as RoomState,
+  });
+
+  const muteState = {
+    audio: { enabled: false },
+    video: { enabled: false },
+  } as MuteStates;
+  const livekitRoom = mockLivekitRoom(
+    {
+      localParticipant,
+    },
+    {
+      remoteParticipants$: of([remoteParticipant]),
+    },
+  );
+  const { vm, rtcSession } = getBasicCallViewModelEnvironment([local, alice]);
+
+  rtcSession.joined = true;
+  const renderResult = render(
+    <BrowserRouter>
+      <ReactionsSenderProvider
+        vm={vm}
+        rtcSession={rtcSession as unknown as MatrixRTCSession}
+      >
+        <TooltipProvider>
+          <RoomContext.Provider value={livekitRoom}>
+            <InCallView
+              client={client}
+              hideHeader={true}
+              rtcSession={rtcSession as unknown as MatrixRTCSession}
+              muteStates={muteState}
+              vm={vm}
+              matrixInfo={{
+                userId: "",
+                displayName: "",
+                avatarUrl: "",
+                roomId: "",
+                roomName: "",
+                roomAlias: null,
+                roomAvatar: null,
+                e2eeSystem: {
+                  kind: E2eeType.NONE,
+                },
+              }}
+              livekitRoom={livekitRoom}
+              participantCount={0}
+              onLeave={function (): void {
+                throw new Error("Function not implemented.");
+              }}
+              connState={ConnectionState.Connected}
+              onShareClick={null}
+            />
+          </RoomContext.Provider>
+        </TooltipProvider>
+      </ReactionsSenderProvider>
+    </BrowserRouter>,
+  );
+  return {
+    ...renderResult,
+    rtcSession,
+  };
+}
+
+describe("InCallView", () => {
+  describe("rendering", () => {
+    it("renders", () => {
+      const { container } = createInCallView();
+      expect(container).toMatchSnapshot();
+    });
+  });
+  describe("toDevice label", () => {
+    it("is shown if setting activated and room encrypted", () => {
+      useRoomEncryptionSystemMock.mockReturnValue({
+        kind: E2eeType.PER_PARTICIPANT,
+      });
+      useExperimentalToDeviceTransportSetting.setValue(true);
+      developerModeSetting.setValue(true);
+      const { getByText } = createInCallView();
+      expect(getByText("using to Device key transport")).toBeInTheDocument();
+    });
+
+    it("is not shown in unenecrypted room", () => {
+      useRoomEncryptionSystemMock.mockReturnValue({
+        kind: E2eeType.NONE,
+      });
+      useExperimentalToDeviceTransportSetting.setValue(true);
+      developerModeSetting.setValue(true);
+      const { queryByText } = createInCallView();
+      expect(
+        queryByText("using to Device key transport"),
+      ).not.toBeInTheDocument();
+    });
+
+    it("is hidden once fallback was triggered", async () => {
+      useRoomEncryptionSystemMock.mockReturnValue({
+        kind: E2eeType.PER_PARTICIPANT,
+      });
+      useExperimentalToDeviceTransportSetting.setValue(true);
+      developerModeSetting.setValue(true);
+      const { rtcSession, queryByText } = createInCallView();
+      expect(queryByText("using to Device key transport")).toBeInTheDocument();
+      expect(rtcSession).toBeDefined();
+      await act(() =>
+        rtcSession.emit(RoomAndToDeviceEvents.EnabledTransportsChanged, {
+          toDevice: true,
+          room: true,
+        }),
+      );
+      expect(
+        queryByText("using to Device key transport"),
+      ).not.toBeInTheDocument();
+    });
+    it("is not shown if setting is disabled", () => {
+      useExperimentalToDeviceTransportSetting.setValue(false);
+      developerModeSetting.setValue(true);
+      useRoomEncryptionSystemMock.mockReturnValue({
+        kind: E2eeType.PER_PARTICIPANT,
+      });
+      const { queryByText } = createInCallView();
+      expect(
+        queryByText("using to Device key transport"),
+      ).not.toBeInTheDocument();
+    });
+    it("is not shown if developer mode is disabled", () => {
+      useExperimentalToDeviceTransportSetting.setValue(true);
+      developerModeSetting.setValue(false);
+      useRoomEncryptionSystemMock.mockReturnValue({
+        kind: E2eeType.PER_PARTICIPANT,
+      });
+      const { queryByText } = createInCallView();
+      expect(
+        queryByText("using to Device key transport"),
+      ).not.toBeInTheDocument();
+    });
+  });
+});

src/room/InCallView.tsx

@@ -5,11 +5,8 @@ SPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial
 Please see LICENSE in the repository root for full details.
 */
 
-import {
-  RoomAudioRenderer,
-  RoomContext,
-  useLocalParticipant,
-} from "@livekit/components-react";
+import { RoomContext, useLocalParticipant } from "@livekit/components-react";
+import { Text } from "@vector-im/compound-web";
 import { ConnectionState, type Room } from "livekit-client";
 import { type MatrixClient } from "matrix-js-sdk";
 import {
@@ -31,6 +28,7 @@ import classNames from "classnames";
 import { BehaviorSubject, map } from "rxjs";
 import { useObservable, useObservableEagerState } from "observable-hooks";
 import { logger } from "matrix-js-sdk/lib/logger";
+import { RoomAndToDeviceEvents } from "matrix-js-sdk/lib/matrixrtc/RoomAndToDeviceKeyTransport";
 
 import LogoMark from "../icons/LogoMark.svg?react";
 import LogoType from "../icons/LogoType.svg?react";
@@ -54,7 +52,7 @@ import { type OTelGroupCallMembership } from "../otel/OTelGroupCallMembership";
 import { SettingsModal, defaultSettingsTab } from "../settings/SettingsModal";
 import { useRageshakeRequestModal } from "../settings/submit-rageshake";
 import { RageshakeRequestModal } from "./RageshakeRequestModal";
-import { useLiveKit } from "../livekit/useLiveKit";
+import { useLivekit } from "../livekit/useLivekit.ts";
 import { useWakeLock } from "../useWakeLock";
 import { useMergedRefs } from "../useMergedRefs";
 import { type MuteStates } from "./MuteStates";
@@ -71,7 +69,10 @@ import {
 import { Grid, type TileProps } from "../grid/Grid";
 import { useInitial } from "../useInitial";
 import { SpotlightTile } from "../tile/SpotlightTile";
-import { type EncryptionSystem } from "../e2ee/sharedKeyManagement";
+import {
+  useRoomEncryptionSystem,
+  type EncryptionSystem,
+} from "../e2ee/sharedKeyManagement";
 import { E2eeType } from "../e2ee/e2eeType";
 import { makeGridLayout } from "../grid/GridLayout";
 import {
@@ -94,10 +95,16 @@ import { ReactionsOverlay } from "./ReactionsOverlay";
 import { CallEventAudioRenderer } from "./CallEventAudioRenderer";
 import {
   debugTileLayout as debugTileLayoutSetting,
+  useExperimentalToDeviceTransport as useExperimentalToDeviceTransportSetting,
+  developerMode as developerModeSetting,
   useSetting,
 } from "../settings/settings";
 import { ReactionsReader } from "../reactions/ReactionsReader";
 import { ConnectionLostError } from "../utils/errors.ts";
+import { useTypedEventEmitter } from "../useEvents.ts";
+import { MatrixAudioRenderer } from "../livekit/MatrixAudioRenderer.tsx";
+import { muteAllAudio$ } from "../state/MuteAllAudioModel.ts";
+import { useMatrixRTCSessionMemberships } from "../useMatrixRTCSessionMemberships.ts";
 
 const canScreenshare = "getDisplayMedia" in (navigator.mediaDevices ?? {});
 
@@ -110,7 +117,7 @@ export interface ActiveCallProps
 
 export const ActiveCall: FC<ActiveCallProps> = (props) => {
   const sfuConfig = useOpenIDSFU(props.client, props.rtcSession);
-  const { livekitRoom, connState } = useLiveKit(
+  const { livekitRoom, connState } = useLivekit(
     props.rtcSession,
     props.muteStates,
     sfuConfig,
@@ -123,13 +130,25 @@ export const ActiveCall: FC<ActiveCallProps> = (props) => {
   const [vm, setVm] = useState<CallViewModel | null>(null);
 
   useEffect(() => {
+    logger.info(
+      `[Lifecycle] InCallView Component mounted, livekitroom state ${livekitRoom?.state}`,
+    );
     return (): void => {
-      livekitRoom?.disconnect().catch((e) => {
-        logger.error("Failed to disconnect from livekit room", e);
-      });
+      logger.info(
+        `[Lifecycle] InCallView Component unmounted, livekitroom state ${livekitRoom?.state}`,
+      );
+      livekitRoom
+        ?.disconnect()
+        .then(() => {
+          logger.info(
+            `[Lifecycle] Disconnected from livekite room, state:${livekitRoom?.state}`,
+          );
+        })
+        .catch((e) => {
+          logger.error("[Lifecycle] Failed to disconnect from livekit room", e);
+        });
     };
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, []);
+  }, [livekitRoom]);
 
   useEffect(() => {
     if (livekitRoom !== undefined) {
@@ -216,6 +235,37 @@ export const InCallView: FC<InCallViewProps> = ({
     room: livekitRoom,
   });
 
+  const muteAllAudio = useObservableEagerState(muteAllAudio$);
+
+  // This seems like it might be enough logic to use move it into the call view model?
+  const [didFallbackToRoomKey, setDidFallbackToRoomKey] = useState(false);
+  useTypedEventEmitter(
+    rtcSession,
+    RoomAndToDeviceEvents.EnabledTransportsChanged,
+    (enabled) => setDidFallbackToRoomKey(enabled.room),
+  );
+
+  const [developerMode] = useSetting(developerModeSetting);
+  const [useExperimentalToDeviceTransport] = useSetting(
+    useExperimentalToDeviceTransportSetting,
+  );
+  const encryptionSystem = useRoomEncryptionSystem(rtcSession.room.roomId);
+  const memberships = useMatrixRTCSessionMemberships(rtcSession);
+
+  const showToDeviceEncryption = useMemo(
+    () =>
+      developerMode &&
+      useExperimentalToDeviceTransport &&
+      encryptionSystem.kind === E2eeType.PER_PARTICIPANT &&
+      !didFallbackToRoomKey,
+    [
+      developerMode,
+      useExperimentalToDeviceTransport,
+      encryptionSystem.kind,
+      didFallbackToRoomKey,
+    ],
+  );
+
   const toggleMicrophone = useCallback(
     () => muteStates.audio.setEnabled?.((e) => !e),
     [muteStates],
@@ -662,10 +712,22 @@ export const InCallView: FC<InCallViewProps> = ({
             </RightNav>
           </Header>
         ))}
-      <RoomAudioRenderer />
+      {
+        // TODO: remove this once we remove the developer flag gets removed and we have shipped to
+        // device transport as the default.
+        showToDeviceEncryption && (
+          <Text
+            style={{ height: 0, zIndex: 1, alignSelf: "center", margin: 0 }}
+            size="sm"
+          >
+            using to Device key transport
+          </Text>
+        )
+      }
+      <MatrixAudioRenderer members={memberships} muted={muteAllAudio} />
       {renderContent()}
-      <CallEventAudioRenderer vm={vm} />
-      <ReactionsAudioRenderer vm={vm} />
+      <CallEventAudioRenderer vm={vm} muted={muteAllAudio} />
+      <ReactionsAudioRenderer vm={vm} muted={muteAllAudio} />
       <ReactionsOverlay vm={vm} />
       {footer}
       {layout.type !== "pip" && (

src/room/LobbyView.tsx

@@ -5,14 +5,25 @@ SPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial
 Please see LICENSE in the repository root for full details.
 */
 
-import { type FC, useCallback, useMemo, useState, type JSX } from "react";
+import {
+  type FC,
+  useCallback,
+  useMemo,
+  useState,
+  type JSX,
+  useEffect,
+} from "react";
 import { useTranslation } from "react-i18next";
 import { type MatrixClient } from "matrix-js-sdk";
 import { Button } from "@vector-im/compound-web";
 import classNames from "classnames";
 import { logger } from "matrix-js-sdk/lib/logger";
 import { usePreviewTracks } from "@livekit/components-react";
-import { type LocalVideoTrack, Track } from "livekit-client";
+import {
+  type CreateLocalTracksOptions,
+  type LocalVideoTrack,
+  Track,
+} from "livekit-client";
 import { useObservable } from "observable-hooks";
 import { map } from "rxjs";
 import { useNavigate } from "react-router-dom";
@@ -36,8 +47,13 @@ import { E2eeType } from "../e2ee/e2eeType";
 import { Link } from "../button/Link";
 import { useMediaDevices } from "../livekit/MediaDevicesContext";
 import { useInitial } from "../useInitial";
-import { useSwitchCamera } from "./useSwitchCamera";
+import { useSwitchCamera as useShowSwitchCamera } from "./useSwitchCamera";
+import {
+  useTrackProcessor,
+  useTrackProcessorSync,
+} from "../livekit/TrackProcessorContext";
 import { usePageTitle } from "../usePageTitle";
+import { useLatest } from "../useLatest";
 
 interface Props {
   client: MatrixClient;
@@ -64,6 +80,13 @@ export const LobbyView: FC<Props> = ({
   onShareClick,
   waitingForInvite,
 }) => {
+  useEffect(() => {
+    logger.info("[Lifecycle] GroupCallView Component mounted");
+    return (): void => {
+      logger.info("[Lifecycle] GroupCallView Component unmounted");
+    };
+  }, []);
+
   const { t } = useTranslation();
   usePageTitle(matrixInfo.roomName);
 
@@ -112,7 +135,10 @@ export const LobbyView: FC<Props> = ({
       muteStates.audio.enabled && { deviceId: devices.audioInput.selectedId },
   );
 
-  const localTrackOptions = useMemo(
+  const { processor } = useTrackProcessor();
+
+  const initialProcessor = useInitial(() => processor);
+  const localTrackOptions = useMemo<CreateLocalTracksOptions>(
     () => ({
       // The only reason we request audio here is to get the audio permission
       // request over with at the same time. But changing the audio settings
@@ -123,22 +149,25 @@ export const LobbyView: FC<Props> = ({
       audio: Object.assign({}, initialAudioOptions),
       video: muteStates.video.enabled && {
         deviceId: devices.videoInput.selectedId,
+        processor: initialProcessor,
       },
     }),
     [
       initialAudioOptions,
-      devices.videoInput.selectedId,
       muteStates.video.enabled,
+      devices.videoInput.selectedId,
+      initialProcessor,
     ],
   );
 
+  const latestMuteStates = useLatest(muteStates);
   const onError = useCallback(
     (error: Error) => {
       logger.error("Error while creating preview Tracks:", error);
-      muteStates.audio.setEnabled?.(false);
-      muteStates.video.setEnabled?.(false);
+      latestMuteStates.current.audio.setEnabled?.(false);
+      latestMuteStates.current.video.setEnabled?.(false);
     },
-    [muteStates.audio, muteStates.video],
+    [latestMuteStates],
   );
 
   const tracks = usePreviewTracks(localTrackOptions, onError);
@@ -149,8 +178,8 @@ export const LobbyView: FC<Props> = ({
         null) as LocalVideoTrack | null,
     [tracks],
   );
-
-  const switchCamera = useSwitchCamera(
+  useTrackProcessorSync(videoTrack);
+  const showSwitchCamera = useShowSwitchCamera(
     useObservable(
       (inputs$) => inputs$.pipe(map(([video]) => video)),
       [videoTrack],
@@ -212,7 +241,9 @@ export const LobbyView: FC<Props> = ({
               onClick={onVideoPress}
               disabled={muteStates.video.setEnabled === null}
             />
-            {switchCamera && <SwitchCameraButton onClick={switchCamera} />}
+            {showSwitchCamera && (
+              <SwitchCameraButton onClick={showSwitchCamera} />
+            )}
             <SettingsButton onClick={openSettings} />
             {!confineToRoom && <EndCallButton onClick={onLeaveClick} />}
           </div>

src/room/MuteStates.test.tsx

@@ -14,7 +14,7 @@ import userEvent from "@testing-library/user-event";
 import { useMuteStates } from "./MuteStates";
 import {
   type DeviceLabel,
-  type MediaDevice,
+  type MediaDeviceHandle,
   type MediaDevices,
   MediaDevicesContext,
 } from "../livekit/MediaDevicesContext";
@@ -73,12 +73,13 @@ const mockCamera: MediaDeviceInfo = {
   },
 };
 
-function mockDevices(available: Map<string, DeviceLabel>): MediaDevice {
+function mockDevices(available: Map<string, DeviceLabel>): MediaDeviceHandle {
   return {
     available,
     selectedId: "",
     selectedGroupId: "",
     select: (): void => {},
+    useAsEarpiece: false,
   };
 }