Merge pull request #2644 from robintown/fix-cookie-policy

Make the cookie policy link show up again

.eslintrc.cjs

@@ -1,13 +1,22 @@
+const COPYRIGHT_HEADER = `/*
+Copyright %%CURRENT_YEAR%% New Vector Ltd.
+
+SPDX-License-Identifier: AGPL-3.0-only
+Please see LICENSE in the repository root for full details.
+*/
+
+`;
+
 module.exports = {
   plugins: ["matrix-org"],
   extends: [
-    "prettier",
     "plugin:matrix-org/react",
     "plugin:matrix-org/a11y",
     "plugin:matrix-org/typescript",
+    "prettier",
   ],
   parserOptions: {
-    ecmaVersion: 2018,
+    ecmaVersion: "latest",
     sourceType: "module",
     project: ["./tsconfig.json"],
   },
@@ -15,27 +24,19 @@ module.exports = {
     browser: true,
     node: true,
   },
-  parserOptions: {
-    ecmaVersion: "latest",
-    sourceType: "module",
-  },
   rules: {
-    "jsx-a11y/media-has-caption": ["off"],
+    "matrix-org/require-copyright-header": ["error", COPYRIGHT_HEADER],
+    "jsx-a11y/media-has-caption": "off",
+    // We should use the js-sdk logger, never console directly.
+    "no-console": ["error"],
+    "react/display-name": "error",
+    // Encourage proper usage of Promises:
+    "@typescript-eslint/no-floating-promises": "error",
+    "@typescript-eslint/no-misused-promises": "error",
+    "@typescript-eslint/promise-function-async": "error",
+    "@typescript-eslint/require-await": "error",
+    "@typescript-eslint/await-thenable": "error",
   },
-  overrides: [
-    {
-      files: ["src/**/*.{ts,tsx}", "test/**/*.{ts,tsx}"],
-      extends: [
-        "plugin:matrix-org/typescript",
-        "plugin:matrix-org/react",
-        "prettier",
-      ],
-      rules: {
-        // We're aiming to convert this code to strict mode
-        "@typescript-eslint/no-non-null-assertion": "off",
-      },
-    },
-  ],
   settings: {
     react: {
       version: "detect",

.github/CODEOWNERS

@@ -1 +1 @@
-* @vector-im/element-call-reviewers
+* @element-hq/element-call-reviewers

.github/workflows/build.yaml

@@ -1,34 +1,25 @@
 name: Build
 on:
-  pull_request: {}
+  pull_request:
+    types:
+      - synchronize
+      - opened
+      - labeled
+    paths-ignore:
+      - ".github/**"
+      - "docs/**"
   push:
     branches: [livekit, full-mesh]
+    paths-ignore:
+      - ".github/**"
+      - "docs/**"
 jobs:
-  build:
-    name: Build
-    runs-on: ubuntu-latest
-    steps:
-      - name: Checkout code
-        uses: actions/checkout@v4
-      - name: Yarn cache
-        uses: actions/setup-node@v3
-        with:
-          cache: "yarn"
-      - name: Install dependencies
-        run: "yarn install"
-      - name: Build
-        run: "yarn run build"
-        env:
-          SENTRY_ORG: ${{ secrets.SENTRY_ORG }}
-          SENTRY_PROJECT: ${{ secrets.SENTRY_PROJECT }}
-          SENTRY_URL: ${{ secrets.SENTRY_URL }}
-          SENTRY_AUTH_TOKEN: ${{ secrets.SENTRY_AUTH_TOKEN }}
-          VITE_APP_VERSION: ${{ github.sha }}
-          NODE_OPTIONS: "--max-old-space-size=4096"
-      - name: Upload Artifact
-        uses: actions/upload-artifact@v3
-        with:
-          name: build
-          path: dist
-          # We'll only use this in a triggered job, then we're done with it
-          retention-days: 1
+  build_element_call:
+    uses: ./.github/workflows/element-call.yaml
+    with:
+      vite_app_version: ${{ github.event.release.tag_name || github.sha }}
+    secrets:
+      SENTRY_ORG: ${{ secrets.SENTRY_ORG }}
+      SENTRY_PROJECT: ${{ secrets.SENTRY_PROJECT }}
+      SENTRY_URL: ${{ secrets.SENTRY_URL }}
+      SENTRY_AUTH_TOKEN: ${{ secrets.SENTRY_AUTH_TOKEN }}

.github/workflows/docker.yaml

@@ -0,0 +1,60 @@
+name: Docker - Deploy
+on:
+  workflow_call:
+    inputs:
+      docker_tags:
+        required: true
+        type: string
+      artifact_run_id:
+        required: false
+        type: string
+        default: ${{ github.run_id }}
+
+env:
+  REGISTRY: ghcr.io
+  IMAGE_NAME: ${{ github.repository }}
+
+jobs:
+  build_and_deploy:
+    name: Build & publish docker
+    runs-on: ubuntu-latest
+    permissions:
+      contents: write # required to upload release asset
+      packages: write
+    steps:
+      - name: Check it out
+        uses: actions/checkout@692973e3d937129bcbf40652eb9f2f61becf3332 # v4
+
+      - name: 📥 Download artifact
+        uses: actions/download-artifact@fa0a91b85d4f404e444e00e005971372dc801d16 # v4
+        with:
+          github-token: ${{ secrets.GITHUB_TOKEN }}
+          run-id: ${{ inputs.artifact_run_id }}
+          name: build-output
+          path: dist
+
+      - name: Log in to container registry
+        uses: docker/login-action@9780b0c442fbb1117ed29e0efdff1e18412f7567 # v3.3.0
+        with:
+          registry: ${{ env.REGISTRY }}
+          username: ${{ github.actor }}
+          password: ${{ secrets.GITHUB_TOKEN }}
+
+      - name: Extract metadata (tags, labels) for Docker
+        id: meta
+        uses: docker/metadata-action@8e5442c4ef9f78752691e2d8f8d19755c6f78e81 # v5.5.1
+        with:
+          images: ${{ env.REGISTRY }}/${{ env.IMAGE_NAME }}
+          tags: ${{ inputs.docker_tags}}
+
+      - name: Set up Docker Buildx
+        uses: docker/setup-buildx-action@988b5a0280414f521da01fcc63a27aeeb4b104db # v3.6.1
+
+      - name: Build and push Docker image
+        uses: docker/build-push-action@5cd11c3a4ced054e52742c5fd54dca954e0edd85 # v6.7.0
+        with:
+          context: .
+          platforms: linux/amd64,linux/arm64
+          push: true
+          tags: ${{ steps.meta.outputs.tags }}
+          labels: ${{ steps.meta.outputs.labels }}

.github/workflows/e2e.yml

@@ -12,9 +12,9 @@ jobs:
     runs-on: ubuntu-latest
     steps:
       - name: Check out test private repo
-        uses: actions/checkout@v4
+        uses: actions/checkout@692973e3d937129bcbf40652eb9f2f61becf3332 # v4
         with:
-          repository: vector-im/static-call-participant
+          repository: element-hq/static-call-participant
           ref: refs/heads/main
           path: static-call-participant
           token: ${{ secrets.GH_E2E_TEST_TOKEN }}

.github/workflows/element-call.yaml

@@ -0,0 +1,47 @@
+name: Element Call - Build
+on:
+  workflow_call:
+    inputs:
+      vite_app_version:
+        required: true
+        type: string
+    secrets:
+      SENTRY_ORG:
+        required: true
+      SENTRY_PROJECT:
+        required: true
+      SENTRY_URL:
+        required: true
+      SENTRY_AUTH_TOKEN:
+        required: true
+
+jobs:
+  build:
+    name: Build Element Call
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout code
+        uses: actions/checkout@692973e3d937129bcbf40652eb9f2f61becf3332 # v4
+      - name: Yarn cache
+        uses: actions/setup-node@1e60f620b9541d16bece96c5465dc8ee9832be0b # v4
+        with:
+          cache: "yarn"
+          node-version: "lts/*"
+      - name: Install dependencies
+        run: "yarn install"
+      - name: Build
+        run: "yarn run build"
+        env:
+          SENTRY_ORG: ${{ secrets.SENTRY_ORG }}
+          SENTRY_PROJECT: ${{ secrets.SENTRY_PROJECT }}
+          SENTRY_URL: ${{ secrets.SENTRY_URL }}
+          SENTRY_AUTH_TOKEN: ${{ secrets.SENTRY_AUTH_TOKEN }}
+          VITE_APP_VERSION: ${{ inputs.vite_app_version }}
+          NODE_OPTIONS: "--max-old-space-size=4096"
+      - name: Upload Artifact
+        uses: actions/upload-artifact@50769540e7f4bd5e21e526ee35c689e35e0d6874 # v4
+        with:
+          name: build-output
+          path: dist
+          # We'll only use this in a triggered job, then we're done with it
+          retention-days: 1

.github/workflows/lint.yaml

@@ -7,11 +7,12 @@ jobs:
     runs-on: ubuntu-latest
     steps:
       - name: Checkout code
-        uses: actions/checkout@v4
+        uses: actions/checkout@692973e3d937129bcbf40652eb9f2f61becf3332 # v4
       - name: Yarn cache
-        uses: actions/setup-node@v3
+        uses: actions/setup-node@1e60f620b9541d16bece96c5465dc8ee9832be0b # v4
         with:
           cache: "yarn"
+          node-version: "lts/*"
       - name: Install dependencies
         run: "yarn install"
       - name: Prettier
@@ -22,3 +23,5 @@ jobs:
         run: "yarn run lint:eslint"
       - name: Type check
         run: "yarn run lint:types"
+      - name: Dead code analysis
+        run: "yarn run lint:knip"

.github/workflows/netlify-fullmesh.yaml

@@ -1,88 +0,0 @@
-name: Netlify Main
-on:
-  workflow_run:
-    workflows: ["Build"]
-    types:
-      - completed
-    branches:
-      - "full-mesh"
-
-jobs:
-  deploy:
-    runs-on: ubuntu-latest
-    permissions:
-      deployments: write
-    # Important: the 'branches' filter above will match the 'main' branch on forks,
-    # so we need to check the head repo too in order to not run on PRs from forks
-    # We check the branch name again too just for completeness
-    # (Is there a nicer way to see if a PR is from a fork?)
-    if: github.event.workflow_run.conclusion == 'success' && github.event.workflow_run.head_repository.full_name == 'vector-im/element-call' && github.event.workflow_run.head_branch == 'full-mesh'
-    steps:
-      - name: Create Deployment
-        uses: bobheadxi/deployments@v1
-        id: deployment
-        with:
-          step: start
-          token: ${{ secrets.GITHUB_TOKEN }}
-          env: main-branch-cd
-          ref: ${{ github.event.workflow_run.head_sha }}
-
-      - name: "Download artifact"
-        uses: actions/github-script@v6.4.1
-        with:
-          script: |
-            const artifacts = await github.rest.actions.listWorkflowRunArtifacts({
-                owner: context.repo.owner,
-                repo: context.repo.repo,
-                run_id: ${{ github.event.workflow_run.id }},
-            });
-            const matchArtifact = artifacts.data.artifacts.filter((artifact) => {
-                return artifact.name == "build"
-            })[0];
-            const download = await github.rest.actions.downloadArtifact({
-                owner: context.repo.owner,
-                repo: context.repo.repo,
-                artifact_id: matchArtifact.id,
-                archive_format: 'zip',
-            });
-            const fs = require('fs');
-            fs.writeFileSync('${{github.workspace}}/build.zip', Buffer.from(download.data));
-
-      - name: Extract Artifacts
-        run: unzip -d dist build.zip && rm build.zip
-
-      - name: Add redirects file
-        # We fetch from github directly as we don't bother checking out the repo
-        run: curl -s https://raw.githubusercontent.com/vector-im/element-call/main/config/netlify_redirects > dist/_redirects
-
-      - name: Add config file
-        run: curl -s https://raw.githubusercontent.com/vector-im/element-call/main/config/element_io_develop.json > dist/config.json
-
-      - name: Deploy to Netlify
-        id: netlify
-        uses: nwtgck/actions-netlify@v1.2.4
-        with:
-          publish-dir: dist
-          deploy-message: "Deploy from GitHub Actions"
-          production-branch: main
-          production-deploy: true
-          # These don't work because we're in workflow_run
-          enable-pull-request-comment: false
-          enable-commit-comment: false
-          github-deployment-environment: main
-        env:
-          NETLIFY_AUTH_TOKEN: ${{ secrets.NETLIFY_AUTH_TOKEN }}
-          NETLIFY_SITE_ID: ${{ secrets.NETLIFY_SITE_ID }}
-        timeout-minutes: 1
-
-      - name: Update deployment status
-        uses: bobheadxi/deployments@v1
-        if: always()
-        with:
-          step: finish
-          override: false
-          token: ${{ secrets.GITHUB_TOKEN }}
-          status: ${{ job.status }}
-          env: ${{ steps.deployment.outputs.env }}
-          deployment_id: ${{ steps.deployment.outputs.deployment_id }}
-          env_url: ${{ steps.netlify.outputs.deploy-url }}

.github/workflows/netlify-livekit.yaml

@@ -1,87 +0,0 @@
-name: Netlify LiveKit
-on:
-  workflow_run:
-    workflows: ["Build"]
-    types:
-      - completed
-    branches:
-      - "livekit"
-
-jobs:
-  deploy:
-    runs-on: ubuntu-latest
-    permissions:
-      deployments: write
-    # Important: the 'branches' filter above will match the 'livekit' branch on forks,
-    # so we need to check the head repo too in order to not run on PRs from forks
-    # We check the branch name again too just for completeness
-    # (Is there a nicer way to see if a PR is from a fork?)
-    if: github.event.workflow_run.conclusion == 'success' && github.event.workflow_run.head_repository.full_name == 'vector-im/element-call' && github.event.workflow_run.head_branch == 'livekit'
-    steps:
-      - name: Create Deployment
-        uses: bobheadxi/deployments@v1
-        id: deployment
-        with:
-          step: start
-          token: ${{ secrets.GITHUB_TOKEN }}
-          env: livekit-experiment-branch-cd
-          ref: ${{ github.event.workflow_run.head_sha }}
-
-      - name: "Download artifact"
-        uses: actions/github-script@v6.4.1
-        with:
-          script: |
-            const artifacts = await github.rest.actions.listWorkflowRunArtifacts({
-                owner: context.repo.owner,
-                repo: context.repo.repo,
-                run_id: ${{ github.event.workflow_run.id }},
-            });
-            const matchArtifact = artifacts.data.artifacts.filter((artifact) => {
-                return artifact.name == "build"
-            })[0];
-            const download = await github.rest.actions.downloadArtifact({
-                owner: context.repo.owner,
-                repo: context.repo.repo,
-                artifact_id: matchArtifact.id,
-                archive_format: 'zip',
-            });
-            const fs = require('fs');
-            fs.writeFileSync('${{github.workspace}}/build.zip', Buffer.from(download.data));
-
-      - name: Extract Artifacts
-        run: unzip -d dist build.zip && rm build.zip
-
-      - name: Add redirects file
-        # We fetch from github directly as we don't bother checking out the repo
-        run: curl -s https://raw.githubusercontent.com/vector-im/element-call/livekit/config/netlify_redirects > dist/_redirects
-
-      - name: Add config file
-        run: curl -s https://raw.githubusercontent.com/vector-im/element-call/livekit/config/element_io_preview.json > dist/config.json
-
-      - name: Deploy to Netlify
-        id: netlify
-        uses: nwtgck/actions-netlify@v1.2.4
-        with:
-          publish-dir: dist
-          deploy-message: "Deploy from GitHub Actions"
-          production-branch: livekit
-          production-deploy: true
-          # These don't work because we're in workflow_run
-          enable-pull-request-comment: false
-          enable-commit-comment: false
-        env:
-          NETLIFY_AUTH_TOKEN: ${{ secrets.NETLIFY_AUTH_TOKEN }}
-          NETLIFY_SITE_ID: e3b9fa82-c040-4db6-b4bf-42b524d57423
-        timeout-minutes: 1
-
-      - name: Update deployment status
-        uses: bobheadxi/deployments@v1
-        if: always()
-        with:
-          step: finish
-          override: false
-          token: ${{ secrets.GITHUB_TOKEN }}
-          status: ${{ job.status }}
-          env: ${{ steps.deployment.outputs.env }}
-          deployment_id: ${{ steps.deployment.outputs.deployment_id }}
-          env_url: ${{ steps.netlify.outputs.deploy-url }}

.github/workflows/netlify.yaml

@@ -1,73 +1,79 @@
-name: Netlify PR Preview
+name: Netlify - Deploy
 on:
-  workflow_run:
-    workflows: ["Build"]
-    types:
-      - completed
-    branches-ignore:
-      - "main"
-      - "livekit"
+  workflow_call:
+    inputs:
+      pr_number:
+        required: true
+        type: string
+      pr_head_full_name:
+        required: true
+        type: string
+      pr_head_ref:
+        required: true
+        type: string
+      deployment_ref:
+        required: true
+        type: string
+      artifact_run_id:
+        required: false
+        type: string
+        default: ${{ github.run_id }}
+    secrets:
+      ELEMENT_BOT_TOKEN:
+        required: true
+      NETLIFY_AUTH_TOKEN:
+        required: true
+      NETLIFY_SITE_ID:
+        required: true
+
 jobs:
   deploy:
-    if: github.event.workflow_run.conclusion == 'success' && github.event.workflow_run.event == 'pull_request'
     runs-on: ubuntu-latest
     permissions:
       deployments: write
     environment: Netlify
     steps:
       - name: 📝 Create Deployment
-        uses: bobheadxi/deployments@v1
+        uses: bobheadxi/deployments@648679e8e4915b27893bd7dbc35cb504dc915bc8 # v1
         id: deployment
         with:
           step: start
           token: ${{ secrets.GITHUB_TOKEN }}
           env: Netlify
-          ref: ${{ github.event.workflow_run.head_sha }}
+          ref: ${{ inputs.deployment_ref }}
           desc: |
             Do you trust the author of this PR? Maybe this build will steal your keys or give you malware.
             Exercise caution. Use test accounts.
 
-      - id: prdetails
-        uses: matrix-org/pr-details-action@v1.3
-        with:
-          owner: ${{ github.event.workflow_run.head_repository.owner.login }}
-          branch: ${{ github.event.workflow_run.head_branch }}
-
-      # There's a 'download artifact' action, but it hasn't been updated for the workflow_run action
-      # (https://github.com/actions/download-artifact/issues/60) so instead we get this mess:
       - name: 📥 Download artifact
-        uses: dawidd6/action-download-artifact@v2
+        uses: actions/download-artifact@fa0a91b85d4f404e444e00e005971372dc801d16 # v4
         with:
-          run_id: ${{ github.event.workflow_run.id }}
-          name: build
+          github-token: ${{ secrets.ELEMENT_BOT_TOKEN }}
+          run-id: ${{ inputs.artifact_run_id }}
+          name: build-output
           path: webapp
 
       - name: Add redirects file
         # We fetch from github directly as we don't bother checking out the repo
-        run: curl -s https://raw.githubusercontent.com/vector-im/element-call/main/config/netlify_redirects > webapp/_redirects
+        run: curl -s https://raw.githubusercontent.com/element-hq/element-call/main/config/netlify_redirects > webapp/_redirects
 
       - name: Add config file
-        env:
-          HEADBRACH: ${{ github.event.workflow_run.head_branch }}
-        run: curl -s "https://raw.githubusercontent.com/vector-im/element-call/${HEADBRACH}/config/element_io_preview.json" > webapp/config.json
+        run: curl -s "https://raw.githubusercontent.com/${{ inputs.pr_head_full_name }}/${{ inputs.pr_head_ref }}/config/config_netlify_preview.json" > webapp/config.json
 
       - name: ☁️ Deploy to Netlify
         id: netlify
-        uses: nwtgck/actions-netlify@v1.2
+        uses: nwtgck/actions-netlify@4cbaf4c08f1a7bfa537d6113472ef4424e4eb654 # v3.0
         with:
           publish-dir: webapp
           deploy-message: "Deploy from GitHub Actions"
-          # These don't work because we're in workflow_run
-          enable-pull-request-comment: false
-          enable-commit-comment: false
-          alias: pr${{ steps.prdetails.outputs.pr_id }}
+          alias: pr${{ inputs.pr_number }}
         env:
           NETLIFY_AUTH_TOKEN: ${{ secrets.NETLIFY_AUTH_TOKEN }}
           NETLIFY_SITE_ID: ${{ secrets.NETLIFY_SITE_ID }}
         timeout-minutes: 1
 
       - name: 🚦 Update deployment status
-        uses: bobheadxi/deployments@v1
+        uses: bobheadxi/deployments@648679e8e4915b27893bd7dbc35cb504dc915bc8 # v1
         if: always()
         with:
           step: finish

.github/workflows/pr-deploy.yaml

@@ -0,0 +1,50 @@
+name: PR Preview Deployments
+on:
+  workflow_run:
+    workflows: ["Build"]
+    types:
+      - completed
+
+jobs:
+  prdetails:
+    if: ${{ github.event.workflow_run.conclusion == 'success' && github.event.workflow_run.event == 'pull_request' }}
+    runs-on: ubuntu-latest
+    outputs:
+      pr_number: ${{ steps.prdetails.outputs.pr_id }}
+      pr_data_json: ${{ steps.prdetails.outputs.data }}
+    steps:
+      - id: prdetails
+        uses: matrix-org/pr-details-action@15bde5285d7850ba276cc3bd8a03733e3f24622a # v1.3
+        continue-on-error: true
+        with:
+          owner: ${{ github.event.workflow_run.head_repository.owner.login }}
+          branch: ${{ github.event.workflow_run.head_branch }}
+
+  netlify:
+    needs: prdetails
+    permissions:
+      deployments: write
+    uses: ./.github/workflows/netlify.yaml
+    with:
+      artifact_run_id: ${{ github.event.workflow_run.id || github.run_id }}
+      pr_number: ${{ needs.prdetails.outputs.pr_number }}
+      pr_head_full_name: ${{ github.event.workflow_run.head_repository.full_name }}
+      pr_head_ref: ${{ needs.prdetails.outputs.pr_data_json && fromJSON(needs.prdetails.outputs.pr_data_json).head.ref }}
+      deployment_ref: ${{ needs.prdetails.outputs.pr_data_json && fromJSON(needs.prdetails.outputs.pr_data_json).head.sha || github.ref || github.head_ref }}
+    secrets:
+      ELEMENT_BOT_TOKEN: ${{ secrets.ELEMENT_BOT_TOKEN }}
+      NETLIFY_AUTH_TOKEN: ${{ secrets.NETLIFY_AUTH_TOKEN }}
+      NETLIFY_SITE_ID: ${{ secrets.NETLIFY_SITE_ID }}
+
+  docker:
+    if: ${{ needs.prdetails.outputs.pr_data_json && contains(fromJSON(needs.prdetails.outputs.pr_data_json).labels.*.name, 'docker build') }}
+    needs: prdetails
+    permissions:
+      contents: write
+      packages: write
+    uses: ./.github/workflows/docker.yaml
+    with:
+      artifact_run_id: ${{ github.event.workflow_run.id || github.run_id }}
+      docker_tags: |
+        type=sha,format=short,event=branch
+        type=raw,value=pr_${{ needs.prdetails.outputs.pr_number }}

.github/workflows/publish.yaml

@@ -3,17 +3,34 @@ name: Build & publish images to the package registry for tags
 on:
   release:
     types: [published]
-  push:
+  workflow_run:
+    workflows: ["Build"]
     branches: [livekit]
+    types:
+      - completed
 
 env:
   REGISTRY: ghcr.io
   IMAGE_NAME: ${{ github.repository }}
 
 jobs:
-  build:
-    name: Build & publish
+  build_element_call:
+    if: ${{ github.event_name == 'release' }}
+    uses: ./.github/workflows/element-call.yaml
+    with:
+      vite_app_version: ${{ github.event.release.tag_name || github.sha }}
+    secrets:
+      SENTRY_ORG: ${{ secrets.SENTRY_ORG }}
+      SENTRY_PROJECT: ${{ secrets.SENTRY_PROJECT }}
+      SENTRY_URL: ${{ secrets.SENTRY_URL }}
+      SENTRY_AUTH_TOKEN: ${{ secrets.SENTRY_AUTH_TOKEN }}
+  publish_tarball:
+    needs: build_element_call
+    if: always()
+    name: Publish tarball
     runs-on: ubuntu-latest
+    outputs:
+      unix_time: ${{steps.current-time.outputs.unix_time}}
     permissions:
       contents: write # required to upload release asset
       packages: write
@@ -21,64 +38,35 @@ jobs:
       - name: Get current time
         id: current-time
         run: echo "unix_time=$(date +'%s')" >> $GITHUB_OUTPUT
-
-      - name: Check it out
-        uses: actions/checkout@v4
-
-      - name: Log in to container registry
-        uses: docker/login-action@b4bedf8053341df3b5a9f9e0f2cf4e79e27360c6
+      - name: 📥 Download artifact
+        uses: actions/download-artifact@fa0a91b85d4f404e444e00e005971372dc801d16 # v4
         with:
-          registry: ${{ env.REGISTRY }}
-          username: ${{ github.actor }}
-          password: ${{ secrets.GITHUB_TOKEN }}
-
-      - name: Yarn cache
-        uses: actions/setup-node@v3
-        with:
-          cache: "yarn"
-      - name: Install dependencies
-        run: "yarn install"
-      - name: Build
-        run: "yarn run build"
-        env:
-          SENTRY_ORG: ${{ secrets.SENTRY_ORG }}
-          SENTRY_PROJECT: ${{ secrets.SENTRY_PROJECT }}
-          SENTRY_URL: ${{ secrets.SENTRY_URL }}
-          SENTRY_AUTH_TOKEN: ${{ secrets.SENTRY_AUTH_TOKEN }}
-          VITE_APP_VERSION: ${{ github.event.release.tag_name || github.sha }}
-
+          github-token: ${{ secrets.GITHUB_TOKEN }}
+          run-id: ${{ github.event.workflow_run.id || github.run_id }}
+          name: build-output
+          path: dist
       - name: Create Tarball
         env:
           TARBALL_VERSION: ${{ github.event.release.tag_name || github.sha }}
         run: |
           tar --numeric-owner --transform "s/dist/element-call-${TARBALL_VERSION}/" -cvzf element-call-${TARBALL_VERSION}.tar.gz dist
-
       - name: Upload
-        uses: actions/upload-artifact@a8a3f3ad30e3422c9c7b888a15615d19a852ae32
+        uses: actions/upload-artifact@50769540e7f4bd5e21e526ee35c689e35e0d6874 # v4.4.0
         env:
           GITHUB_TOKEN: ${{ github.token }}
         with:
           path: "./element-call-*.tar.gz"
-
-      - name: Extract metadata (tags, labels) for Docker
-        id: meta
-        uses: docker/metadata-action@879dcbb708d40f8b8679d4f7941b938a086e23a7
-        with:
-          images: ${{ env.REGISTRY }}/${{ env.IMAGE_NAME }}
-          tags: |
-            type=sha,format=short,event=branch
-            type=semver,pattern=v{{version}}
-            type=raw,value=latest-ci,enable={{is_default_branch}}
-            type=raw,value=latest-ci_${{steps.current-time.outputs.unix_time}},enable={{is_default_branch}}
-
-      - name: Set up Docker Buildx
-        uses: docker/setup-buildx-action@dedd61cf5d839122591f5027c89bf3ad27691d18
-
-      - name: Build and push Docker image
-        uses: docker/build-push-action@4c1b68d83ad20cc1a09620ca477d5bbbb5fa14d0
-        with:
-          context: .
-          platforms: linux/amd64,linux/arm64
-          push: true
-          tags: ${{ steps.meta.outputs.tags }}
-          labels: ${{ steps.meta.outputs.labels }}
+  publish_docker:
+    needs: publish_tarball
+    if: always()
+    permissions:
+      contents: write
+      packages: write
+    uses: ./.github/workflows/docker.yaml
+    with:
+      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=latest-ci,enable={{is_default_branch}}
+        type=raw,value=latest-ci_${{needs.publish_tarball.outputs.unix_time}},enable={{is_default_branch}}

.github/workflows/test.yaml

@@ -1,24 +1,28 @@
-name: Run jest tests
+name: Run unit tests
 on:
   pull_request: {}
   push:
     branches: [livekit, full-mesh]
 jobs:
-  jest:
-    name: Run jest tests
+  vitest:
+    name: Run vitest tests
     runs-on: ubuntu-latest
     steps:
       - name: Checkout code
-        uses: actions/checkout@v4
+        uses: actions/checkout@692973e3d937129bcbf40652eb9f2f61becf3332 # v4
       - name: Yarn cache
-        uses: actions/setup-node@v3
+        uses: actions/setup-node@1e60f620b9541d16bece96c5465dc8ee9832be0b # v4
         with:
           cache: "yarn"
+          node-version: "lts/*"
       - name: Install dependencies
         run: "yarn install"
-      - name: Jest
-        run: "yarn run test"
+      - name: Vitest
+        run: "yarn run test:coverage"
       - name: Upload to codecov
-        uses: codecov/codecov-action@v3
+        uses: codecov/codecov-action@e28ff129e5465c2c0dcc6f003fc735cb6ae0c673 # v4
+        env:
+          CODECOV_TOKEN: ${{ secrets.CODECOV_TOKEN }}
         with:
           flags: unittests
+          fail_ci_if_error: true

.github/workflows/translations-download.yaml

@@ -0,0 +1,57 @@
+name: Download translation files from Localazy
+on:
+  workflow_dispatch:
+    secrets:
+      ELEMENT_BOT_TOKEN:
+        required: true
+
+jobs:
+  download:
+    runs-on: ubuntu-latest
+    permissions:
+      contents: read
+
+    steps:
+      - name: Checkout the code
+        uses: actions/checkout@692973e3d937129bcbf40652eb9f2f61becf3332 # v4
+
+      - uses: actions/setup-node@1e60f620b9541d16bece96c5465dc8ee9832be0b # v4
+        with:
+          cache: "yarn"
+          node-version: "lts/*"
+
+      - name: Install Deps
+        run: "yarn install --frozen-lockfile"
+
+      - name: Prune i18n
+        run: "rm -R public/locales"
+
+      - name: Download translation files
+        uses: localazy/download@0a79880fb66150601e3b43606fab69c88123c087 # v1.1.0
+        with:
+          groups: "-p includeSourceLang:true"
+
+      - name: Fix the owner of the downloaded files
+        run: "sudo chown runner:docker -R public/locales"
+
+      - name: Prettier
+        run: yarn prettier:format
+
+      - name: Create Pull Request
+        id: cpr
+        uses: peter-evans/create-pull-request@d121e62763d8cc35b5fb1710e887d6e69a52d3a4 # v7.0.2
+        with:
+          token: ${{ secrets.ELEMENT_BOT_TOKEN }}
+          branch: actions/localazy-download
+          delete-branch: true
+          title: Localazy Download
+          commit-message: Translations updates
+          labels: |
+            T-Task
+
+      - name: Enable automerge
+        run: gh pr merge --merge --auto "$PR_NUMBER"
+        if: steps.cpr.outputs.pull-request-operation == 'created'
+        env:
+          GH_TOKEN: ${{ secrets.ELEMENT_BOT_TOKEN }}
+          PR_NUMBER: ${{ steps.cpr.outputs.pull-request-number }}

.github/workflows/translations-upload.yaml

@@ -0,0 +1,22 @@
+name: Upload translation files to Localazy
+on:
+  push:
+    branches:
+      - livekit
+    paths-ignore:
+      - ".github/**"
+
+jobs:
+  upload:
+    runs-on: ubuntu-latest
+    permissions:
+      contents: read
+
+    steps:
+      - name: Checkout the code
+        uses: actions/checkout@692973e3d937129bcbf40652eb9f2f61becf3332 # v4
+
+      - name: Upload
+        uses: localazy/upload@27e6b5c0fddf4551596b42226b1c24124335d24a # v1
+        with:
+          write_key: ${{ secrets.LOCALAZY_WRITE_KEY }}

.storybook/main.js

@@ -1,25 +0,0 @@
-const svgrPlugin = require("vite-plugin-svgr");
-const path = require("path");
-
-module.exports = {
-  stories: ["../src/**/*.stories.@(js|jsx|ts|tsx)"],
-  framework: "@storybook/react",
-  core: {
-    builder: "storybook-builder-vite",
-  },
-  async viteFinal(config) {
-    config.plugins = config.plugins.filter(
-      (item) =>
-        !(
-          Array.isArray(item) &&
-          item.length > 0 &&
-          item[0].name === "vite-plugin-mdx"
-        )
-    );
-    config.plugins.push(svgrPlugin());
-    config.resolve = config.resolve || {};
-    config.resolve.dedupe = config.resolve.dedupe || [];
-    config.resolve.dedupe.push("react", "react-dom", "matrix-js-sdk");
-    return config;
-  },
-};

.storybook/preview.jsx

@@ -1,24 +0,0 @@
-import { addDecorator } from "@storybook/react";
-import { MemoryRouter } from "react-router-dom";
-import { usePageFocusStyle } from "../src/usePageFocusStyle";
-import { OverlayProvider } from "@react-aria/overlays";
-import "../src/index.css";
-
-export const parameters = {
-  actions: { argTypesRegex: "^on[A-Z].*" },
-  controls: {
-    matchers: {
-      color: /(background|color)$/i,
-      date: /Date$/,
-    },
-  },
-};
-
-addDecorator((story) => {
-  usePageFocusStyle();
-  return (
-    <MemoryRouter initialEntries={["/"]}>
-      <OverlayProvider>{story()}</OverlayProvider>
-    </MemoryRouter>
-  );
-});

LICENSE

@@ -1,177 +1,661 @@
+                    GNU AFFERO GENERAL PUBLIC LICENSE
+                       Version 3, 19 November 2007
 
-                                 Apache License
-                           Version 2.0, January 2004
-                        http://www.apache.org/licenses/
+ Copyright (C) 2007 Free Software Foundation, Inc. <https://fsf.org/>
+ Everyone is permitted to copy and distribute verbatim copies
+ of this license document, but changing it is not allowed.
 
-   TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION
+                            Preamble
 
-   1. Definitions.
+  The GNU Affero General Public License is a free, copyleft license for
+software and other kinds of works, specifically designed to ensure
+cooperation with the community in the case of network server software.
 
-      "License" shall mean the terms and conditions for use, reproduction,
-      and distribution as defined by Sections 1 through 9 of this document.
+  The licenses for most software and other practical works are designed
+to take away your freedom to share and change the works.  By contrast,
+our General Public Licenses are intended to guarantee your freedom to
+share and change all versions of a program--to make sure it remains free
+software for all its users.
 
-      "Licensor" shall mean the copyright owner or entity authorized by
-      the copyright owner that is granting the License.
+  When we speak of free software, we are referring to freedom, not
+price.  Our General Public Licenses are designed to make sure that you
+have the freedom to distribute copies of free software (and charge for
+them if you wish), that you receive source code or can get it if you
+want it, that you can change the software or use pieces of it in new
+free programs, and that you know you can do these things.
 
-      "Legal Entity" shall mean the union of the acting entity and all
-      other entities that control, are controlled by, or are under common
-      control with that entity. For the purposes of this definition,
-      "control" means (i) the power, direct or indirect, to cause the
-      direction or management of such entity, whether by contract or
-      otherwise, or (ii) ownership of fifty percent (50%) or more of the
-      outstanding shares, or (iii) beneficial ownership of such entity.
+  Developers that use our General Public Licenses protect your rights
+with two steps: (1) assert copyright on the software, and (2) offer
+you this License which gives you legal permission to copy, distribute
+and/or modify the software.
 
-      "You" (or "Your") shall mean an individual or Legal Entity
-      exercising permissions granted by this License.
+  A secondary benefit of defending all users' freedom is that
+improvements made in alternate versions of the program, if they
+receive widespread use, become available for other developers to
+incorporate.  Many developers of free software are heartened and
+encouraged by the resulting cooperation.  However, in the case of
+software used on network servers, this result may fail to come about.
+The GNU General Public License permits making a modified version and
+letting the public access it on a server without ever releasing its
+source code to the public.
 
-      "Source" form shall mean the preferred form for making modifications,
-      including but not limited to software source code, documentation
-      source, and configuration files.
+  The GNU Affero General Public License is designed specifically to
+ensure that, in such cases, the modified source code becomes available
+to the community.  It requires the operator of a network server to
+provide the source code of the modified version running there to the
+users of that server.  Therefore, public use of a modified version, on
+a publicly accessible server, gives the public access to the source
+code of the modified version.
 
-      "Object" form shall mean any form resulting from mechanical
-      transformation or translation of a Source form, including but
-      not limited to compiled object code, generated documentation,
-      and conversions to other media types.
+  An older license, called the Affero General Public License and
+published by Affero, was designed to accomplish similar goals.  This is
+a different license, not a version of the Affero GPL, but Affero has
+released a new version of the Affero GPL which permits relicensing under
+this license.
 
-      "Work" shall mean the work of authorship, whether in Source or
-      Object form, made available under the License, as indicated by a
-      copyright notice that is included in or attached to the work
-      (an example is provided in the Appendix below).
+  The precise terms and conditions for copying, distribution and
+modification follow.
 
-      "Derivative Works" shall mean any work, whether in Source or Object
-      form, that is based on (or derived from) the Work and for which the
-      editorial revisions, annotations, elaborations, or other modifications
-      represent, as a whole, an original work of authorship. For the purposes
-      of this License, Derivative Works shall not include works that remain
-      separable from, or merely link (or bind by name) to the interfaces of,
-      the Work and Derivative Works thereof.
+                       TERMS AND CONDITIONS
 
-      "Contribution" shall mean any work of authorship, including
-      the original version of the Work and any modifications or additions
-      to that Work or Derivative Works thereof, that is intentionally
-      submitted to Licensor for inclusion in the Work by the copyright owner
-      or by an individual or Legal Entity authorized to submit on behalf of
-      the copyright owner. For the purposes of this definition, "submitted"
-      means any form of electronic, verbal, or written communication sent
-      to the Licensor or its representatives, including but not limited to
-      communication on electronic mailing lists, source code control systems,
-      and issue tracking systems that are managed by, or on behalf of, the
-      Licensor for the purpose of discussing and improving the Work, but
-      excluding communication that is conspicuously marked or otherwise
-      designated in writing by the copyright owner as "Not a Contribution."
+  0. Definitions.
 
-      "Contributor" shall mean Licensor and any individual or Legal Entity
-      on behalf of whom a Contribution has been received by Licensor and
-      subsequently incorporated within the Work.
+  "This License" refers to version 3 of the GNU Affero General Public License.
 
-   2. Grant of Copyright License. Subject to the terms and conditions of
-      this License, each Contributor hereby grants to You a perpetual,
-      worldwide, non-exclusive, no-charge, royalty-free, irrevocable
-      copyright license to reproduce, prepare Derivative Works of,
-      publicly display, publicly perform, sublicense, and distribute the
-      Work and such Derivative Works in Source or Object form.
+  "Copyright" also means copyright-like laws that apply to other kinds of
+works, such as semiconductor masks.
 
-   3. Grant of Patent License. Subject to the terms and conditions of
-      this License, each Contributor hereby grants to You a perpetual,
-      worldwide, non-exclusive, no-charge, royalty-free, irrevocable
-      (except as stated in this section) patent license to make, have made,
-      use, offer to sell, sell, import, and otherwise transfer the Work,
-      where such license applies only to those patent claims licensable
-      by such Contributor that are necessarily infringed by their
-      Contribution(s) alone or by combination of their Contribution(s)
-      with the Work to which such Contribution(s) was submitted. If You
-      institute patent litigation against any entity (including a
-      cross-claim or counterclaim in a lawsuit) alleging that the Work
-      or a Contribution incorporated within the Work constitutes direct
-      or contributory patent infringement, then any patent licenses
-      granted to You under this License for that Work shall terminate
-      as of the date such litigation is filed.
+  "The Program" refers to any copyrightable work licensed under this
+License.  Each licensee is addressed as "you".  "Licensees" and
+"recipients" may be individuals or organizations.
 
-   4. Redistribution. You may reproduce and distribute copies of the
-      Work or Derivative Works thereof in any medium, with or without
-      modifications, and in Source or Object form, provided that You
-      meet the following conditions:
+  To "modify" a work means to copy from or adapt all or part of the work
+in a fashion requiring copyright permission, other than the making of an
+exact copy.  The resulting work is called a "modified version" of the
+earlier work or a work "based on" the earlier work.
 
-      (a) You must give any other recipients of the Work or
-          Derivative Works a copy of this License; and
+  A "covered work" means either the unmodified Program or a work based
+on the Program.
 
-      (b) You must cause any modified files to carry prominent notices
-          stating that You changed the files; and
+  To "propagate" a work means to do anything with it that, without
+permission, would make you directly or secondarily liable for
+infringement under applicable copyright law, except executing it on a
+computer or modifying a private copy.  Propagation includes copying,
+distribution (with or without modification), making available to the
+public, and in some countries other activities as well.
 
-      (c) You must retain, in the Source form of any Derivative Works
-          that You distribute, all copyright, patent, trademark, and
-          attribution notices from the Source form of the Work,
-          excluding those notices that do not pertain to any part of
-          the Derivative Works; and
+  To "convey" a work means any kind of propagation that enables other
+parties to make or receive copies.  Mere interaction with a user through
+a computer network, with no transfer of a copy, is not conveying.
 
-      (d) If the Work includes a "NOTICE" text file as part of its
-          distribution, then any Derivative Works that You distribute must
-          include a readable copy of the attribution notices contained
-          within such NOTICE file, excluding those notices that do not
-          pertain to any part of the Derivative Works, in at least one
-          of the following places: within a NOTICE text file distributed
-          as part of the Derivative Works; within the Source form or
-          documentation, if provided along with the Derivative Works; or,
-          within a display generated by the Derivative Works, if and
-          wherever such third-party notices normally appear. The contents
-          of the NOTICE file are for informational purposes only and
-          do not modify the License. You may add Your own attribution
-          notices within Derivative Works that You distribute, alongside
-          or as an addendum to the NOTICE text from the Work, provided
-          that such additional attribution notices cannot be construed
-          as modifying the License.
+  An interactive user interface displays "Appropriate Legal Notices"
+to the extent that it includes a convenient and prominently visible
+feature that (1) displays an appropriate copyright notice, and (2)
+tells the user that there is no warranty for the work (except to the
+extent that warranties are provided), that licensees may convey the
+work under this License, and how to view a copy of this License.  If
+the interface presents a list of user commands or options, such as a
+menu, a prominent item in the list meets this criterion.
 
-      You may add Your own copyright statement to Your modifications and
-      may provide additional or different license terms and conditions
-      for use, reproduction, or distribution of Your modifications, or
-      for any such Derivative Works as a whole, provided Your use,
-      reproduction, and distribution of the Work otherwise complies with
-      the conditions stated in this License.
+  1. Source Code.
 
-   5. Submission of Contributions. Unless You explicitly state otherwise,
-      any Contribution intentionally submitted for inclusion in the Work
-      by You to the Licensor shall be under the terms and conditions of
-      this License, without any additional terms or conditions.
-      Notwithstanding the above, nothing herein shall supersede or modify
-      the terms of any separate license agreement you may have executed
-      with Licensor regarding such Contributions.
+  The "source code" for a work means the preferred form of the work
+for making modifications to it.  "Object code" means any non-source
+form of a work.
 
-   6. Trademarks. This License does not grant permission to use the trade
-      names, trademarks, service marks, or product names of the Licensor,
-      except as required for reasonable and customary use in describing the
-      origin of the Work and reproducing the content of the NOTICE file.
+  A "Standard Interface" means an interface that either is an official
+standard defined by a recognized standards body, or, in the case of
+interfaces specified for a particular programming language, one that
+is widely used among developers working in that language.
 
-   7. Disclaimer of Warranty. Unless required by applicable law or
-      agreed to in writing, Licensor provides the Work (and each
-      Contributor provides its Contributions) on an "AS IS" BASIS,
-      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
-      implied, including, without limitation, any warranties or conditions
-      of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A
-      PARTICULAR PURPOSE. You are solely responsible for determining the
-      appropriateness of using or redistributing the Work and assume any
-      risks associated with Your exercise of permissions under this License.
+  The "System Libraries" of an executable work include anything, other
+than the work as a whole, that (a) is included in the normal form of
+packaging a Major Component, but which is not part of that Major
+Component, and (b) serves only to enable use of the work with that
+Major Component, or to implement a Standard Interface for which an
+implementation is available to the public in source code form.  A
+"Major Component", in this context, means a major essential component
+(kernel, window system, and so on) of the specific operating system
+(if any) on which the executable work runs, or a compiler used to
+produce the work, or an object code interpreter used to run it.
 
-   8. Limitation of Liability. In no event and under no legal theory,
-      whether in tort (including negligence), contract, or otherwise,
-      unless required by applicable law (such as deliberate and grossly
-      negligent acts) or agreed to in writing, shall any Contributor be
-      liable to You for damages, including any direct, indirect, special,
-      incidental, or consequential damages of any character arising as a
-      result of this License or out of the use or inability to use the
-      Work (including but not limited to damages for loss of goodwill,
-      work stoppage, computer failure or malfunction, or any and all
-      other commercial damages or losses), even if such Contributor
-      has been advised of the possibility of such damages.
+  The "Corresponding Source" for a work in object code form means all
+the source code needed to generate, install, and (for an executable
+work) run the object code and to modify the work, including scripts to
+control those activities.  However, it does not include the work's
+System Libraries, or general-purpose tools or generally available free
+programs which are used unmodified in performing those activities but
+which are not part of the work.  For example, Corresponding Source
+includes interface definition files associated with source files for
+the work, and the source code for shared libraries and dynamically
+linked subprograms that the work is specifically designed to require,
+such as by intimate data communication or control flow between those
+subprograms and other parts of the work.
 
-   9. Accepting Warranty or Additional Liability. While redistributing
-      the Work or Derivative Works thereof, You may choose to offer,
-      and charge a fee for, acceptance of support, warranty, indemnity,
-      or other liability obligations and/or rights consistent with this
-      License. However, in accepting such obligations, You may act only
-      on Your own behalf and on Your sole responsibility, not on behalf
-      of any other Contributor, and only if You agree to indemnify,
-      defend, and hold each Contributor harmless for any liability
-      incurred by, or claims asserted against, such Contributor by reason
-      of your accepting any such warranty or additional liability.
+  The Corresponding Source need not include anything that users
+can regenerate automatically from other parts of the Corresponding
+Source.
 
-   END OF TERMS AND CONDITIONS
+  The Corresponding Source for a work in source code form is that
+same work.
+
+  2. Basic Permissions.
+
+  All rights granted under this License are granted for the term of
+copyright on the Program, and are irrevocable provided the stated
+conditions are met.  This License explicitly affirms your unlimited
+permission to run the unmodified Program.  The output from running a
+covered work is covered by this License only if the output, given its
+content, constitutes a covered work.  This License acknowledges your
+rights of fair use or other equivalent, as provided by copyright law.
+
+  You may make, run and propagate covered works that you do not
+convey, without conditions so long as your license otherwise remains
+in force.  You may convey covered works to others for the sole purpose
+of having them make modifications exclusively for you, or provide you
+with facilities for running those works, provided that you comply with
+the terms of this License in conveying all material for which you do
+not control copyright.  Those thus making or running the covered works
+for you must do so exclusively on your behalf, under your direction
+and control, on terms that prohibit them from making any copies of
+your copyrighted material outside their relationship with you.
+
+  Conveying under any other circumstances is permitted solely under
+the conditions stated below.  Sublicensing is not allowed; section 10
+makes it unnecessary.
+
+  3. Protecting Users' Legal Rights From Anti-Circumvention Law.
+
+  No covered work shall be deemed part of an effective technological
+measure under any applicable law fulfilling obligations under article
+11 of the WIPO copyright treaty adopted on 20 December 1996, or
+similar laws prohibiting or restricting circumvention of such
+measures.
+
+  When you convey a covered work, you waive any legal power to forbid
+circumvention of technological measures to the extent such circumvention
+is effected by exercising rights under this License with respect to
+the covered work, and you disclaim any intention to limit operation or
+modification of the work as a means of enforcing, against the work's
+users, your or third parties' legal rights to forbid circumvention of
+technological measures.
+
+  4. Conveying Verbatim Copies.
+
+  You may convey verbatim copies of the Program's source code as you
+receive it, in any medium, provided that you conspicuously and
+appropriately publish on each copy an appropriate copyright notice;
+keep intact all notices stating that this License and any
+non-permissive terms added in accord with section 7 apply to the code;
+keep intact all notices of the absence of any warranty; and give all
+recipients a copy of this License along with the Program.
+
+  You may charge any price or no price for each copy that you convey,
+and you may offer support or warranty protection for a fee.
+
+  5. Conveying Modified Source Versions.
+
+  You may convey a work based on the Program, or the modifications to
+produce it from the Program, in the form of source code under the
+terms of section 4, provided that you also meet all of these conditions:
+
+    a) The work must carry prominent notices stating that you modified
+    it, and giving a relevant date.
+
+    b) The work must carry prominent notices stating that it is
+    released under this License and any conditions added under section
+    7.  This requirement modifies the requirement in section 4 to
+    "keep intact all notices".
+
+    c) You must license the entire work, as a whole, under this
+    License to anyone who comes into possession of a copy.  This
+    License will therefore apply, along with any applicable section 7
+    additional terms, to the whole of the work, and all its parts,
+    regardless of how they are packaged.  This License gives no
+    permission to license the work in any other way, but it does not
+    invalidate such permission if you have separately received it.
+
+    d) If the work has interactive user interfaces, each must display
+    Appropriate Legal Notices; however, if the Program has interactive
+    interfaces that do not display Appropriate Legal Notices, your
+    work need not make them do so.
+
+  A compilation of a covered work with other separate and independent
+works, which are not by their nature extensions of the covered work,
+and which are not combined with it such as to form a larger program,
+in or on a volume of a storage or distribution medium, is called an
+"aggregate" if the compilation and its resulting copyright are not
+used to limit the access or legal rights of the compilation's users
+beyond what the individual works permit.  Inclusion of a covered work
+in an aggregate does not cause this License to apply to the other
+parts of the aggregate.
+
+  6. Conveying Non-Source Forms.
+
+  You may convey a covered work in object code form under the terms
+of sections 4 and 5, provided that you also convey the
+machine-readable Corresponding Source under the terms of this License,
+in one of these ways:
+
+    a) Convey the object code in, or embodied in, a physical product
+    (including a physical distribution medium), accompanied by the
+    Corresponding Source fixed on a durable physical medium
+    customarily used for software interchange.
+
+    b) Convey the object code in, or embodied in, a physical product
+    (including a physical distribution medium), accompanied by a
+    written offer, valid for at least three years and valid for as
+    long as you offer spare parts or customer support for that product
+    model, to give anyone who possesses the object code either (1) a
+    copy of the Corresponding Source for all the software in the
+    product that is covered by this License, on a durable physical
+    medium customarily used for software interchange, for a price no
+    more than your reasonable cost of physically performing this
+    conveying of source, or (2) access to copy the
+    Corresponding Source from a network server at no charge.
+
+    c) Convey individual copies of the object code with a copy of the
+    written offer to provide the Corresponding Source.  This
+    alternative is allowed only occasionally and noncommercially, and
+    only if you received the object code with such an offer, in accord
+    with subsection 6b.
+
+    d) Convey the object code by offering access from a designated
+    place (gratis or for a charge), and offer equivalent access to the
+    Corresponding Source in the same way through the same place at no
+    further charge.  You need not require recipients to copy the
+    Corresponding Source along with the object code.  If the place to
+    copy the object code is a network server, the Corresponding Source
+    may be on a different server (operated by you or a third party)
+    that supports equivalent copying facilities, provided you maintain
+    clear directions next to the object code saying where to find the
+    Corresponding Source.  Regardless of what server hosts the
+    Corresponding Source, you remain obligated to ensure that it is
+    available for as long as needed to satisfy these requirements.
+
+    e) Convey the object code using peer-to-peer transmission, provided
+    you inform other peers where the object code and Corresponding
+    Source of the work are being offered to the general public at no
+    charge under subsection 6d.
+
+  A separable portion of the object code, whose source code is excluded
+from the Corresponding Source as a System Library, need not be
+included in conveying the object code work.
+
+  A "User Product" is either (1) a "consumer product", which means any
+tangible personal property which is normally used for personal, family,
+or household purposes, or (2) anything designed or sold for incorporation
+into a dwelling.  In determining whether a product is a consumer product,
+doubtful cases shall be resolved in favor of coverage.  For a particular
+product received by a particular user, "normally used" refers to a
+typical or common use of that class of product, regardless of the status
+of the particular user or of the way in which the particular user
+actually uses, or expects or is expected to use, the product.  A product
+is a consumer product regardless of whether the product has substantial
+commercial, industrial or non-consumer uses, unless such uses represent
+the only significant mode of use of the product.
+
+  "Installation Information" for a User Product means any methods,
+procedures, authorization keys, or other information required to install
+and execute modified versions of a covered work in that User Product from
+a modified version of its Corresponding Source.  The information must
+suffice to ensure that the continued functioning of the modified object
+code is in no case prevented or interfered with solely because
+modification has been made.
+
+  If you convey an object code work under this section in, or with, or
+specifically for use in, a User Product, and the conveying occurs as
+part of a transaction in which the right of possession and use of the
+User Product is transferred to the recipient in perpetuity or for a
+fixed term (regardless of how the transaction is characterized), the
+Corresponding Source conveyed under this section must be accompanied
+by the Installation Information.  But this requirement does not apply
+if neither you nor any third party retains the ability to install
+modified object code on the User Product (for example, the work has
+been installed in ROM).
+
+  The requirement to provide Installation Information does not include a
+requirement to continue to provide support service, warranty, or updates
+for a work that has been modified or installed by the recipient, or for
+the User Product in which it has been modified or installed.  Access to a
+network may be denied when the modification itself materially and
+adversely affects the operation of the network or violates the rules and
+protocols for communication across the network.
+
+  Corresponding Source conveyed, and Installation Information provided,
+in accord with this section must be in a format that is publicly
+documented (and with an implementation available to the public in
+source code form), and must require no special password or key for
+unpacking, reading or copying.
+
+  7. Additional Terms.
+
+  "Additional permissions" are terms that supplement the terms of this
+License by making exceptions from one or more of its conditions.
+Additional permissions that are applicable to the entire Program shall
+be treated as though they were included in this License, to the extent
+that they are valid under applicable law.  If additional permissions
+apply only to part of the Program, that part may be used separately
+under those permissions, but the entire Program remains governed by
+this License without regard to the additional permissions.
+
+  When you convey a copy of a covered work, you may at your option
+remove any additional permissions from that copy, or from any part of
+it.  (Additional permissions may be written to require their own
+removal in certain cases when you modify the work.)  You may place
+additional permissions on material, added by you to a covered work,
+for which you have or can give appropriate copyright permission.
+
+  Notwithstanding any other provision of this License, for material you
+add to a covered work, you may (if authorized by the copyright holders of
+that material) supplement the terms of this License with terms:
+
+    a) Disclaiming warranty or limiting liability differently from the
+    terms of sections 15 and 16 of this License; or
+
+    b) Requiring preservation of specified reasonable legal notices or
+    author attributions in that material or in the Appropriate Legal
+    Notices displayed by works containing it; or
+
+    c) Prohibiting misrepresentation of the origin of that material, or
+    requiring that modified versions of such material be marked in
+    reasonable ways as different from the original version; or
+
+    d) Limiting the use for publicity purposes of names of licensors or
+    authors of the material; or
+
+    e) Declining to grant rights under trademark law for use of some
+    trade names, trademarks, or service marks; or
+
+    f) Requiring indemnification of licensors and authors of that
+    material by anyone who conveys the material (or modified versions of
+    it) with contractual assumptions of liability to the recipient, for
+    any liability that these contractual assumptions directly impose on
+    those licensors and authors.
+
+  All other non-permissive additional terms are considered "further
+restrictions" within the meaning of section 10.  If the Program as you
+received it, or any part of it, contains a notice stating that it is
+governed by this License along with a term that is a further
+restriction, you may remove that term.  If a license document contains
+a further restriction but permits relicensing or conveying under this
+License, you may add to a covered work material governed by the terms
+of that license document, provided that the further restriction does
+not survive such relicensing or conveying.
+
+  If you add terms to a covered work in accord with this section, you
+must place, in the relevant source files, a statement of the
+additional terms that apply to those files, or a notice indicating
+where to find the applicable terms.
+
+  Additional terms, permissive or non-permissive, may be stated in the
+form of a separately written license, or stated as exceptions;
+the above requirements apply either way.
+
+  8. Termination.
+
+  You may not propagate or modify a covered work except as expressly
+provided under this License.  Any attempt otherwise to propagate or
+modify it is void, and will automatically terminate your rights under
+this License (including any patent licenses granted under the third
+paragraph of section 11).
+
+  However, if you cease all violation of this License, then your
+license from a particular copyright holder is reinstated (a)
+provisionally, unless and until the copyright holder explicitly and
+finally terminates your license, and (b) permanently, if the copyright
+holder fails to notify you of the violation by some reasonable means
+prior to 60 days after the cessation.
+
+  Moreover, your license from a particular copyright holder is
+reinstated permanently if the copyright holder notifies you of the
+violation by some reasonable means, this is the first time you have
+received notice of violation of this License (for any work) from that
+copyright holder, and you cure the violation prior to 30 days after
+your receipt of the notice.
+
+  Termination of your rights under this section does not terminate the
+licenses of parties who have received copies or rights from you under
+this License.  If your rights have been terminated and not permanently
+reinstated, you do not qualify to receive new licenses for the same
+material under section 10.
+
+  9. Acceptance Not Required for Having Copies.
+
+  You are not required to accept this License in order to receive or
+run a copy of the Program.  Ancillary propagation of a covered work
+occurring solely as a consequence of using peer-to-peer transmission
+to receive a copy likewise does not require acceptance.  However,
+nothing other than this License grants you permission to propagate or
+modify any covered work.  These actions infringe copyright if you do
+not accept this License.  Therefore, by modifying or propagating a
+covered work, you indicate your acceptance of this License to do so.
+
+  10. Automatic Licensing of Downstream Recipients.
+
+  Each time you convey a covered work, the recipient automatically
+receives a license from the original licensors, to run, modify and
+propagate that work, subject to this License.  You are not responsible
+for enforcing compliance by third parties with this License.
+
+  An "entity transaction" is a transaction transferring control of an
+organization, or substantially all assets of one, or subdividing an
+organization, or merging organizations.  If propagation of a covered
+work results from an entity transaction, each party to that
+transaction who receives a copy of the work also receives whatever
+licenses to the work the party's predecessor in interest had or could
+give under the previous paragraph, plus a right to possession of the
+Corresponding Source of the work from the predecessor in interest, if
+the predecessor has it or can get it with reasonable efforts.
+
+  You may not impose any further restrictions on the exercise of the
+rights granted or affirmed under this License.  For example, you may
+not impose a license fee, royalty, or other charge for exercise of
+rights granted under this License, and you may not initiate litigation
+(including a cross-claim or counterclaim in a lawsuit) alleging that
+any patent claim is infringed by making, using, selling, offering for
+sale, or importing the Program or any portion of it.
+
+  11. Patents.
+
+  A "contributor" is a copyright holder who authorizes use under this
+License of the Program or a work on which the Program is based.  The
+work thus licensed is called the contributor's "contributor version".
+
+  A contributor's "essential patent claims" are all patent claims
+owned or controlled by the contributor, whether already acquired or
+hereafter acquired, that would be infringed by some manner, permitted
+by this License, of making, using, or selling its contributor version,
+but do not include claims that would be infringed only as a
+consequence of further modification of the contributor version.  For
+purposes of this definition, "control" includes the right to grant
+patent sublicenses in a manner consistent with the requirements of
+this License.
+
+  Each contributor grants you a non-exclusive, worldwide, royalty-free
+patent license under the contributor's essential patent claims, to
+make, use, sell, offer for sale, import and otherwise run, modify and
+propagate the contents of its contributor version.
+
+  In the following three paragraphs, a "patent license" is any express
+agreement or commitment, however denominated, not to enforce a patent
+(such as an express permission to practice a patent or covenant not to
+sue for patent infringement).  To "grant" such a patent license to a
+party means to make such an agreement or commitment not to enforce a
+patent against the party.
+
+  If you convey a covered work, knowingly relying on a patent license,
+and the Corresponding Source of the work is not available for anyone
+to copy, free of charge and under the terms of this License, through a
+publicly available network server or other readily accessible means,
+then you must either (1) cause the Corresponding Source to be so
+available, or (2) arrange to deprive yourself of the benefit of the
+patent license for this particular work, or (3) arrange, in a manner
+consistent with the requirements of this License, to extend the patent
+license to downstream recipients.  "Knowingly relying" means you have
+actual knowledge that, but for the patent license, your conveying the
+covered work in a country, or your recipient's use of the covered work
+in a country, would infringe one or more identifiable patents in that
+country that you have reason to believe are valid.
+
+  If, pursuant to or in connection with a single transaction or
+arrangement, you convey, or propagate by procuring conveyance of, a
+covered work, and grant a patent license to some of the parties
+receiving the covered work authorizing them to use, propagate, modify
+or convey a specific copy of the covered work, then the patent license
+you grant is automatically extended to all recipients of the covered
+work and works based on it.
+
+  A patent license is "discriminatory" if it does not include within
+the scope of its coverage, prohibits the exercise of, or is
+conditioned on the non-exercise of one or more of the rights that are
+specifically granted under this License.  You may not convey a covered
+work if you are a party to an arrangement with a third party that is
+in the business of distributing software, under which you make payment
+to the third party based on the extent of your activity of conveying
+the work, and under which the third party grants, to any of the
+parties who would receive the covered work from you, a discriminatory
+patent license (a) in connection with copies of the covered work
+conveyed by you (or copies made from those copies), or (b) primarily
+for and in connection with specific products or compilations that
+contain the covered work, unless you entered into that arrangement,
+or that patent license was granted, prior to 28 March 2007.
+
+  Nothing in this License shall be construed as excluding or limiting
+any implied license or other defenses to infringement that may
+otherwise be available to you under applicable patent law.
+
+  12. No Surrender of Others' Freedom.
+
+  If conditions are imposed on you (whether by court order, agreement or
+otherwise) that contradict the conditions of this License, they do not
+excuse you from the conditions of this License.  If you cannot convey a
+covered work so as to satisfy simultaneously your obligations under this
+License and any other pertinent obligations, then as a consequence you may
+not convey it at all.  For example, if you agree to terms that obligate you
+to collect a royalty for further conveying from those to whom you convey
+the Program, the only way you could satisfy both those terms and this
+License would be to refrain entirely from conveying the Program.
+
+  13. Remote Network Interaction; Use with the GNU General Public License.
+
+  Notwithstanding any other provision of this License, if you modify the
+Program, your modified version must prominently offer all users
+interacting with it remotely through a computer network (if your version
+supports such interaction) an opportunity to receive the Corresponding
+Source of your version by providing access to the Corresponding Source
+from a network server at no charge, through some standard or customary
+means of facilitating copying of software.  This Corresponding Source
+shall include the Corresponding Source for any work covered by version 3
+of the GNU General Public License that is incorporated pursuant to the
+following paragraph.
+
+  Notwithstanding any other provision of this License, you have
+permission to link or combine any covered work with a work licensed
+under version 3 of the GNU General Public License into a single
+combined work, and to convey the resulting work.  The terms of this
+License will continue to apply to the part which is the covered work,
+but the work with which it is combined will remain governed by version
+3 of the GNU General Public License.
+
+  14. Revised Versions of this License.
+
+  The Free Software Foundation may publish revised and/or new versions of
+the GNU Affero General Public License from time to time.  Such new versions
+will be similar in spirit to the present version, but may differ in detail to
+address new problems or concerns.
+
+  Each version is given a distinguishing version number.  If the
+Program specifies that a certain numbered version of the GNU Affero General
+Public License "or any later version" applies to it, you have the
+option of following the terms and conditions either of that numbered
+version or of any later version published by the Free Software
+Foundation.  If the Program does not specify a version number of the
+GNU Affero General Public License, you may choose any version ever published
+by the Free Software Foundation.
+
+  If the Program specifies that a proxy can decide which future
+versions of the GNU Affero General Public License can be used, that proxy's
+public statement of acceptance of a version permanently authorizes you
+to choose that version for the Program.
+
+  Later license versions may give you additional or different
+permissions.  However, no additional obligations are imposed on any
+author or copyright holder as a result of your choosing to follow a
+later version.
+
+  15. Disclaimer of Warranty.
+
+  THERE IS NO WARRANTY FOR THE PROGRAM, TO THE EXTENT PERMITTED BY
+APPLICABLE LAW.  EXCEPT WHEN OTHERWISE STATED IN WRITING THE COPYRIGHT
+HOLDERS AND/OR OTHER PARTIES PROVIDE THE PROGRAM "AS IS" WITHOUT WARRANTY
+OF ANY KIND, EITHER EXPRESSED OR IMPLIED, INCLUDING, BUT NOT LIMITED TO,
+THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR
+PURPOSE.  THE ENTIRE RISK AS TO THE QUALITY AND PERFORMANCE OF THE PROGRAM
+IS WITH YOU.  SHOULD THE PROGRAM PROVE DEFECTIVE, YOU ASSUME THE COST OF
+ALL NECESSARY SERVICING, REPAIR OR CORRECTION.
+
+  16. Limitation of Liability.
+
+  IN NO EVENT UNLESS REQUIRED BY APPLICABLE LAW OR AGREED TO IN WRITING
+WILL ANY COPYRIGHT HOLDER, OR ANY OTHER PARTY WHO MODIFIES AND/OR CONVEYS
+THE PROGRAM AS PERMITTED ABOVE, BE LIABLE TO YOU FOR DAMAGES, INCLUDING ANY
+GENERAL, SPECIAL, INCIDENTAL OR CONSEQUENTIAL DAMAGES ARISING OUT OF THE
+USE OR INABILITY TO USE THE PROGRAM (INCLUDING BUT NOT LIMITED TO LOSS OF
+DATA OR DATA BEING RENDERED INACCURATE OR LOSSES SUSTAINED BY YOU OR THIRD
+PARTIES OR A FAILURE OF THE PROGRAM TO OPERATE WITH ANY OTHER PROGRAMS),
+EVEN IF SUCH HOLDER OR OTHER PARTY HAS BEEN ADVISED OF THE POSSIBILITY OF
+SUCH DAMAGES.
+
+  17. Interpretation of Sections 15 and 16.
+
+  If the disclaimer of warranty and limitation of liability provided
+above cannot be given local legal effect according to their terms,
+reviewing courts shall apply local law that most closely approximates
+an absolute waiver of all civil liability in connection with the
+Program, unless a warranty or assumption of liability accompanies a
+copy of the Program in return for a fee.
+
+                     END OF TERMS AND CONDITIONS
+
+            How to Apply These Terms to Your New Programs
+
+  If you develop a new program, and you want it to be of the greatest
+possible use to the public, the best way to achieve this is to make it
+free software which everyone can redistribute and change under these terms.
+
+  To do so, attach the following notices to the program.  It is safest
+to attach them to the start of each source file to most effectively
+state the exclusion of warranty; and each file should have at least
+the "copyright" line and a pointer to where the full notice is found.
+
+    <one line to give the program's name and a brief idea of what it does.>
+    Copyright (C) <year>  <name of author>
+
+    This program is free software: you can redistribute it and/or modify
+    it under the terms of the GNU Affero General Public License as published by
+    the Free Software Foundation, either version 3 of the License, or
+    (at your option) any later version.
+
+    This program is distributed in the hope that it will be useful,
+    but WITHOUT ANY WARRANTY; without even the implied warranty of
+    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+    GNU Affero General Public License for more details.
+
+    You should have received a copy of the GNU Affero General Public License
+    along with this program.  If not, see <https://www.gnu.org/licenses/>.
+
+Also add information on how to contact you by electronic and paper mail.
+
+  If your software can interact with users remotely through a computer
+network, you should also make sure that it provides a way for users to
+get its source.  For example, if your program is a web application, its
+interface could display a "Source" link that leads users to an archive
+of the code.  There are many ways you could offer source, and different
+solutions will be better for different programs; see section 13 for the
+specific requirements.
+
+  You should also get your employer (if you work as a programmer) or school,
+if any, to sign a "copyright disclaimer" for the program, if necessary.
+For more information on this, and how to apply and follow the GNU AGPL, see
+<https://www.gnu.org/licenses/>.

README.md

@@ -1,11 +1,11 @@
 # Element Call
 
 [![Chat](https://img.shields.io/matrix/webrtc:matrix.org)](https://matrix.to/#/#webrtc:matrix.org)
-[![Translate](https://translate.element.io/widgets/element-call/-/element-call/svg-badge.svg)](https://translate.element.io/engage/element-call/)
+[![Localazy](https://img.shields.io/endpoint?url=https%3A%2F%2Fconnect.localazy.com%2Fstatus%2Felement-call%2Fdata%3Fcontent%3Dall%26title%3Dlocalazy%26logo%3Dtrue)](https://localazy.com/p/element-call)
 
 Group calls with WebRTC that leverage [Matrix](https://matrix.org) and an open-source WebRTC toolkit from [LiveKit](https://livekit.io/).
 
-For prior version of the Element Call that relied solely on full-mesh logic, check [`full-mesh`](https://github.com/vector-im/element-call/tree/full-mesh) branch.
+For prior version of the Element Call that relied solely on full-mesh logic, check [`full-mesh`](https://github.com/element-hq/element-call/tree/full-mesh) branch.
 
 ![A demo of Element Call with six people](demo.jpg)
 
@@ -16,13 +16,13 @@ To try it out, visit our hosted version at [call.element.io](https://call.elemen
 Until prebuilt tarballs are available, you'll need to build Element Call from source. First, clone and install the package:
 
 ```
-git clone https://github.com/vector-im/element-call.git
+git clone https://github.com/element-hq/element-call.git
 cd element-call
 yarn
 yarn build
 ```
 
-If all went well, you can now find the build output under `dist` as a series of static files. These can be hosted using any web server of your choice.
+If all went well, you can now find the build output under `dist` as a series of static files. These can be hosted using any web server that can be configured with custom routes (see below).
 
 You may also wish to add a configuration file (Element Call uses the domain it's hosted on as a Homeserver URL by default,
 but you can change this in the config file). This goes in `public/config.json` - you can use the sample as a starting point:
@@ -54,9 +54,41 @@ Therefore, to use a self-hosted homeserver, this is recommended to be a new serv
 
 There are currently two different config files. `.env` holds variables that are used at build time, while `public/config.json` holds variables that are used at runtime. Documentation and default values for `public/config.json` can be found in [ConfigOptions.ts](src/config/ConfigOptions.ts).
 
+If you're using [Synapse](https://github.com/element-hq/synapse/), you'll need to additionally add the following to `homeserver.yaml` or Element Call won't work:
+
+```
+experimental_features:
+    msc3266_enabled: true
+```
+
+MSC3266 allows to request a room summary of rooms you are not joined.
+The summary contains the room join rules. We need that to decide if the user gets prompted with the option to knock ("ask to join"), a cannot join error or the join view.
+
+Element Call requires a Livekit SFU behind a Livekit jwt service to work. The url to the Livekit jwt service can either be configured in the config of Element Call (fallback/legacy configuration) or be configured by your homeserver via the `.well-known`.
+This is the recommended method.
+
+The configuration is a list of Foci configs:
+
+```json
+"org.matrix.msc4143.rtc_foci": [
+    {
+        "type": "livekit",
+        "livekit_service_url": "https://someurl.com"
+    },
+     {
+        "type": "livekit",
+        "livekit_service_url": "https://livekit2.com"
+    },
+    {
+        "type": "another_foci",
+        "props_for_another_foci": "val"
+    },
+]
+```
+
 ## Translation
 
-If you'd like to help translate Element Call, head over to [translate.element.io](https://translate.element.io/engage/element-call/). You're also encouraged to join the [Element Translators](https://matrix.to/#/#translators:element.io) space to discuss and coordinate translation efforts.
+If you'd like to help translate Element Call, head over to [Localazy](https://localazy.com/p/element-call). You're also encouraged to join the [Element Translators](https://matrix.to/#/#translators:element.io) space to discuss and coordinate translation efforts.
 
 ## Development
 
@@ -74,7 +106,7 @@ yarn link
 Next, we can set up this project:
 
 ```
-git clone https://github.com/vector-im/element-call.git
+git clone https://github.com/element-hq/element-call.git
 cd element-call
 yarn
 yarn link matrix-js-sdk
@@ -93,12 +125,14 @@ service for development. 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._**
 
-To use it, add SFU parameter in your local config `./public/config.yml`:
+To use it, add a SFU parameter in your local config `./public/config.json`:
+(Be aware, that this is only the fallback Livekit SFU. If the homeserver
+advertises one in the client well-known, this will not be used.)
 
-```yaml
+```json
 "livekit": {
-    "jwt_service_url": "http://localhost:8881"
-  },
+  "livekit_service_url": "http://localhost:7881"
+},
 ```
 
 Run backend components:
@@ -106,3 +140,35 @@ Run backend components:
 ```
 yarn backend
 ```
+
+### Test Coverage
+
+<img src="https://codecov.io/github/element-hq/element-call/graphs/tree.svg?token=O6CFVKK6I1"></img>
+
+### Add a new translation key
+
+To add a new translation key you can do these steps:
+
+1. Add the new key entry to the code where the new key is used: `t("some_new_key")`
+1. Run `yarn i18n` to extract the new key and update the translation files. This will add a skeleton entry to the `public/locales/en-GB/app.json` file:
+   ```jsonc
+   {
+       ...
+       "some_new_key": "",
+       ...
+   }
+   ```
+1. Update the skeleton entry in the `public/locales/en-GB/app.json` file with the English translation:
+   ```jsonc
+   {
+       ...
+       "some_new_key": "Some new key",
+       ...
+   }
+   ```
+
+## Documentation
+
+Usage and other technical details about the project can be found here:
+
+[**Docs**](./docs/README.md)

backend-docker-compose.yml

@@ -5,7 +5,7 @@ networks:
 
 services:
   auth-service:
-    image: ghcr.io/vector-im/lk-jwt-service:latest-ci
+    image: ghcr.io/element-hq/lk-jwt-service:latest-ci
     hostname: auth-server
     ports:
       - 8881:8080

backend/livekit.yaml

@@ -1,5 +1,4 @@
 port: 7880
-environment: dev
 bind_addresses:
   - "0.0.0.0"
 rtc:
@@ -22,5 +21,3 @@ turn:
   external_tls: true
 keys:
   devkey: secret
-signal_relay:
-  enabled: true

codecov.yaml

@@ -0,0 +1,15 @@
+# Don't post comments on PRs; they're noisy and the same information can be
+# gotten through the checks section at the bottom of the PR anyways
+comment: false
+coverage:
+  status:
+    project:
+      default:
+        # Track the impact of changes on overall coverage without blocking PRs
+        informational: true
+    patch:
+      default:
+        # Encourage (but don't enforce) 80% coverage on all lines that a PR
+        # touches
+        target: 80%
+        informational: true

config/config.sample.json

@@ -5,5 +5,11 @@
       "server_name": "call.ems.host"
     }
   },
+  "livekit": {
+    "livekit_service_url": "http://localhost:7881"
+  },
+  "features": {
+    "feature_use_device_session_member_events": true
+  },
   "eula": "https://static.element.io/legal/online-EULA.pdf"
 }

config/config_netlify_preview.json

@@ -8,6 +8,9 @@
   "livekit": {
     "livekit_service_url": "https://livekit-jwt.call.element.dev"
   },
+  "features": {
+    "feature_use_device_session_member_events": true
+  },
   "posthog": {
     "api_key": "phc_rXGHx9vDmyEvyRxPziYtdVIv0ahEv8A9uLWFcCi1WcU",
     "api_host": "https://posthog-element-call.element.io"

config/element_io_develop.json

@@ -1,19 +0,0 @@
-{
-  "default_server_config": {
-    "m.homeserver": {
-      "base_url": "https://call.ems.host",
-      "server_name": "call.ems.host"
-    }
-  },
-  "posthog": {
-    "api_key": "phc_rXGHx9vDmyEvyRxPziYtdVIv0ahEv8A9uLWFcCi1WcU",
-    "api_host": "https://posthog-element-call.element.io"
-  },
-  "sentry": {
-    "environment": "main-branch-cd",
-    "DSN": "https://b1e328d49be3402ba96101338989fb35@sentry.matrix.org/41"
-  },
-  "rageshake": {
-    "submit_url": "https://element.io/bugreports/submit"
-  }
-}

config/httpd.conf

@@ -0,0 +1,30 @@
+<VirtualHost *:8080>
+    ServerName localhost
+
+    DocumentRoot "/app"
+
+    <Location "/">
+        # disable cache entriely by default (apart from Etag which is accurate enough)
+        Header add Cache-Control "private no-store, no-cache, must-revalidate, proxy-revalidate, max-age=0"
+        CacheDisable on
+        ExpiresActive off
+
+        # also turn off last-modified since they are just the timestamps of the file in the docker image
+        # and may or may not bear any resemblance to when the resource changed
+        Header add Last-Modified ""
+
+        DirectoryIndex index.html
+    </Location>
+
+    # assets can be cached because they have hashed filenames
+    <Location "/assets">
+        ExpiresActive on
+        ExpiresDefault "access plus 1 week"
+        Header add Cache-Control "public, no-transform"
+    </Location>
+
+    <Location "/apple-app-site-association">
+        ForceType application/json
+    </Location>
+</VirtualHost>
+

docs/README.md

@@ -0,0 +1,7 @@
+## Element Call Docs
+
+This folder contains documentation for Element Call setup and usage.
+
+- [Embedded vs standalone mode](./embedded-standalone.md)
+- [Url format and parameters](./url-params.md)
+- [Global JS controls](./controls.md)

docs/controls.md

@@ -0,0 +1,7 @@
+# Global JS controls
+
+A few aspects of Element Call's interface can be controlled through a global API on the `window`:
+
+- `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.

docs/embedded-standalone.md

@@ -0,0 +1,9 @@
+## Embedded vs standalone mode
+
+Element call is developed using the js-sdk with matroska mode. This means the app can run either as a standalone app directly connected to a homeserver providing login interfaces or it can be used as a widget.
+
+As a widget the app only uses the core calling (matrixRTC) parts. The rest (authentication, sending events, getting room state updates about calls) is done by the hosting client.
+Element Call and the hosting client are connected via the widget api.
+
+Element call detects that it is run as a widget if a widgetId is defined in the url parameters. If `widgetId` is present element call will try to connect to the client via the widget postMessage api using the parameters provided in [Url Format and parameters
+](./url-params.md).

docs/url-params.md

@@ -0,0 +1,252 @@
+# Url Format and parameters
+
+There are two formats for Element Call urls.
+
+- **Current Format**
+
+  ```text
+  https://element_call.domain/room/#
+  /<room_name_alias>?roomId=!id:domain&password=1234&<other params see below>
+  ```
+
+  The url is split into two sections. The `https://element_call.domain/room/#`
+  contains the app and the intend that the link brings you into a specific room
+  (`https://call.element.io/#` would be the homepage). The fragment is used for
+  query parameters to make sure they never get sent to the element_call.domain
+  server. Here we have the actual matrix roomId and the password which are used
+  to connect all participants with e2ee. This allows that `<room_name_alias>` does
+  not need to be unique. Multiple meetings with the label weekly-sync can be created
+  without collisions.
+
+- **deprecated**
+
+  ```text
+  https://element_call.domain/<room_name>
+  ```
+
+  With this format the livekit alias that will be used is the `<room_name>`.
+  All ppl connecting to this url will end up in the same unencrypted room.
+  This does not scale, is super unsecure
+  (ppl could end up in the same room by accident) and it also is not really
+  possible to support encryption.
+  The url parameters are spit into two categories: **general** and **widget related**.
+
+## Widget related params
+
+**widgetId**
+The id used by the widget. The presence of this parameter implies that element
+call will not connect to a homeserver directly and instead tries to establish
+postMessage communication via the `parentUrl`.
+
+```ts
+widgetId: string | null;
+```
+
+**parentUrl**
+The url used to send widget action postMessages. This should be the domain of
+the client or the webview the widget is hosted in. (in case the widget is not
+in an Iframe but in a dedicated webview we send the postMessages same webview
+the widget lives in. Filtering is done in the widget so it ignores the messages
+it receives from itself)
+
+```ts
+parentUrl: string | null;
+```
+
+**userId**
+The user's ID (only used in matryoshka mode).
+
+```ts
+userId: string | null;
+```
+
+**deviceId**
+The device's ID (only used in matryoshka mode).
+
+```ts
+deviceId: string | null;
+```
+
+**baseUrl**
+The base URL of the homeserver to use for media lookups in matryoshka mode.
+
+```ts
+baseUrl: string | null;
+```
+
+### General url parameters
+
+**roomId**
+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 (matroyska) 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().
+
+```ts
+roomId: string | null;
+```
+
+**confineToRoom**
+Whether the app should keep the user confined to the current call/room.
+
+```ts
+confineToRoom: boolean; (default: false)
+```
+
+**appPrompt**
+Whether upon entering a room, the user should be prompted to launch the
+native mobile app. (Affects only Android and iOS.)
+
+```ts
+appPrompt: boolean; (default: true)
+```
+
+**preload**
+Whether the app should pause before joining the call until it sees an
+io.element.join widget action, allowing it to be preloaded.
+
+```ts
+preload: boolean; (default: false)
+```
+
+**hideHeader**
+Whether to hide the room header when in a call.
+
+```ts
+hideHeader: boolean; (default: false)
+```
+
+**showControls**
+Whether to show the buttons to mute, screen-share, invite, hangup are shown
+when in a call.
+
+```ts
+showControls: boolean; (default: true)
+```
+
+**hideScreensharing**
+Whether to hide the screen-sharing button.
+
+```ts
+hideScreensharing: boolean; (default: false)
+```
+
+**enableE2EE** (Deprecated)
+Whether to use end-to-end encryption. This is a legacy flag for the full mesh branch.
+It is not used on the livekit branch and has no impact there!
+
+```ts
+enableE2EE: boolean; (default: true)
+```
+
+**perParticipantE2EE**
+Whether to use per participant encryption.
+Keys will be exchanged over encrypted matrix room messages.
+
+```ts
+perParticipantE2EE: boolean; (default: false)
+```
+
+**password**
+E2EE password when using a shared secret.
+(For individual sender keys in embedded mode this is not required.)
+
+```ts
+password: string | null;
+```
+
+**displayName**
+The display name to use for auto-registration.
+
+```ts
+displayName: string | null;
+```
+
+**lang**
+The BCP 47 code of the language the app should use.
+
+```ts
+lang: string | null;
+```
+
+**fonts**
+The font/fonts which the interface should use.
+There can be multiple font url parameters: `?font=font-one&font=font-two...`
+
+```ts
+font: string;
+font: string;
+...
+```
+
+**fontScale**
+The factor by which to scale the interface's font size.
+
+```ts
+fontScale: number | null;
+```
+
+**analyticsID**
+The Posthog analytics ID. It is only available if the user has given consent for
+sharing telemetry in element web.
+
+```ts
+analyticsID: string | null;
+```
+
+**allowIceFallback**
+Whether the app is allowed to use fallback STUN servers for ICE in case the
+user's homeserver doesn't provide any.
+
+```ts
+allowIceFallback: boolean; (default: false)
+```
+
+**skipLobby**
+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
+with the join widget action.
+
+```ts
+skipLobby: boolean; (default: false)
+```
+
+**returnToLobby**
+Setting this flag makes element call show the lobby in widget mode after leaving
+a call.
+This is useful for video rooms.
+If set to false, the widget will show a blank page after leaving the call.
+
+```ts
+returnToLobby: boolean; (default: false)
+```
+
+**theme**
+The theme to use for element call.
+can be "light", "dark", "light-high-contrast" or "dark-high-contrast".
+If not set element call will use the dark theme.
+
+```ts
+theme: string | null;
+```
+
+**viaServers**
+This defines the homeserver that is going to be used when joining a room.
+It has to be set to a non default value for links to rooms
+that are not on the default homeserver,
+that is in use for the current user.
+
+```ts
+viaServers: string; (default: undefined)
+```
+
+**homeserver**
+This defines the homeserver that is going to be used when registering
+a new (guest) user.
+This can be user to configure a non default guest user server when
+creating a spa link.
+
+```ts
+homeserver: string; (default: undefined)
+```

i18next-parser.config.ts

@@ -1,8 +1,8 @@
 export default {
-  keySeparator: false,
+  keySeparator: ".",
   namespaceSeparator: false,
   contextSeparator: "|",
-  pluralSeparator: "|",
+  pluralSeparator: "_",
   createOldCatalogs: false,
   defaultNamespace: "app",
   lexers: {
@@ -10,7 +10,14 @@ export default {
       {
         lexer: "JavascriptLexer",
         functions: ["t", "translatedError"],
-        functionsNamespace: ["useTranslation", "withTranslation"],
+        namespaceFunctions: ["useTranslation", "withTranslation"],
+      },
+    ],
+    tsx: [
+      {
+        lexer: "JsxLexer",
+        functions: ["t", "translatedError"],
+        namespaceFunctions: ["useTranslation", "withTranslation"],
       },
     ],
   },
@@ -18,5 +25,4 @@ export default {
   output: "public/locales/$LOCALE/$NAMESPACE.json",
   input: ["src/**/*.{ts,tsx}"],
   sort: true,
-  useKeysAsDefaultValue: true,
 };

knip.ts

@@ -0,0 +1,30 @@
+import { KnipConfig } from "knip";
+
+export default {
+  entry: ["src/main.tsx", "i18next-parser.config.ts"],
+  ignoreBinaries: [
+    // This is deprecated, so Knip doesn't actually recognize it as a globally
+    // installed binary. TODO We should switch to Compose v2:
+    // https://docs.docker.com/compose/migrate/
+    "docker-compose",
+  ],
+  ignoreDependencies: [
+    // Used in CSS
+    "normalize.css",
+    // Used for its global type declarations
+    "@types/grecaptcha",
+    // Because we use matrix-js-sdk as a Git dependency rather than consuming
+    // the proper release artifacts, and also import directly from src/, we're
+    // forced to re-install some of the types that it depends on even though
+    // these look unused to Knip
+    "@types/content-type",
+    "@types/sdp-transform",
+    "@types/uuid",
+    // We obviously use this, but if the package has been linked with yarn link,
+    // then Knip will flag it as a false positive
+    // https://github.com/webpro-nl/knip/issues/766
+    "@vector-im/compound-web",
+    "matrix-widget-api",
+  ],
+  ignoreExportsUsedInFile: true,
+} satisfies KnipConfig;

localazy.json

@@ -0,0 +1,33 @@
+{
+  "readKey": "a7580769542256117579-70975387172511848f4c6533943d776547bad4853931ba352ee684b738f4494e",
+
+  "upload": {
+    "type": "json",
+    "deprecate": "file",
+    "features": ["plural_postfix_us", "filter_untranslated"],
+    "files": [
+      {
+        "pattern": "public/locales/en-GB/*.json",
+        "lang": "inherited"
+      },
+      {
+        "group": "existing",
+        "pattern": "public/locales/*/*.json",
+        "excludes": ["public/locales/en-GB/*.json"],
+        "lang": "${autodetectLang}"
+      }
+    ]
+  },
+
+  "download": {
+    "files": [
+      {
+        "output": "public/locales/${langLsrDash}/${file}"
+      }
+    ],
+    "includeSourceLang": "${includeSourceLang|false}",
+    "langAliases": {
+      "en": "en_GB"
+    }
+  }
+}

package.json

@@ -1,146 +1,117 @@
 {
+  "name": "element-call",
   "version": "0.0.0",
   "type": "module",
   "scripts": {
     "dev": "vite",
     "build": "NODE_OPTIONS=--max-old-space-size=16384 vite build",
     "serve": "vite preview",
-    "storybook": "start-storybook -p 6006",
-    "build-storybook": "build-storybook",
     "prettier:check": "prettier -c .",
     "prettier:format": "prettier -w .",
-    "lint": "yarn lint:types && yarn lint:eslint",
+    "lint": "yarn lint:types && yarn lint:eslint && yarn lint:knip",
     "lint:eslint": "eslint --max-warnings 0 src",
     "lint:eslint-fix": "eslint --max-warnings 0 src --fix",
+    "lint:knip": "knip",
     "lint:types": "tsc",
-    "i18n": "node_modules/i18next-parser/bin/cli.js",
-    "i18n:check": "node_modules/i18next-parser/bin/cli.js --fail-on-warnings --fail-on-update",
-    "test": "jest",
+    "i18n": "i18next",
+    "i18n:check": "i18next --fail-on-warnings --fail-on-update",
+    "test": "vitest",
+    "test:coverage": "vitest --coverage",
     "backend": "docker-compose -f backend-docker-compose.yml up"
   },
-  "dependencies": {
-    "@juggle/resize-observer": "^3.3.1",
-    "@livekit/components-react": "^1.1.0",
-    "@matrix-org/olm": "https://gitlab.matrix.org/api/v4/projects/27/packages/npm/@matrix-org/olm/-/@matrix-org/olm-3.2.14.tgz",
-    "@opentelemetry/api": "^1.4.0",
-    "@opentelemetry/context-zone": "^1.9.1",
-    "@opentelemetry/exporter-jaeger": "^1.9.1",
-    "@opentelemetry/exporter-trace-otlp-http": "^0.41.0",
-    "@opentelemetry/instrumentation-document-load": "^0.33.0",
-    "@opentelemetry/instrumentation-user-interaction": "^0.33.0",
-    "@opentelemetry/sdk-trace-web": "^1.9.1",
-    "@radix-ui/react-dialog": "^1.0.4",
-    "@radix-ui/react-visually-hidden": "^1.0.3",
-    "@react-aria/button": "^3.3.4",
-    "@react-aria/focus": "^3.5.0",
-    "@react-aria/menu": "^3.3.0",
-    "@react-aria/overlays": "^3.7.3",
-    "@react-aria/select": "^3.6.0",
-    "@react-aria/tabs": "^3.1.0",
-    "@react-aria/tooltip": "^3.1.3",
-    "@react-aria/utils": "^3.10.0",
-    "@react-spring/web": "^9.4.4",
-    "@react-stately/collections": "^3.3.4",
-    "@react-stately/select": "^3.1.3",
-    "@react-stately/tooltip": "^3.0.5",
-    "@react-stately/tree": "^3.2.0",
-    "@sentry/react": "^6.13.3",
-    "@sentry/tracing": "^6.13.3",
-    "@use-gesture/react": "^10.2.11",
-    "@vector-im/compound-design-tokens": "^0.0.5",
-    "@vector-im/compound-web": "^0.4.0",
-    "@vitejs/plugin-basic-ssl": "^1.0.1",
-    "@vitejs/plugin-react": "^4.0.1",
-    "classnames": "^2.3.1",
-    "events": "^3.3.0",
-    "i18next": "^21.10.0",
-    "i18next-browser-languagedetector": "^6.1.8",
-    "i18next-http-backend": "^1.4.4",
-    "livekit-client": "^1.12.3",
-    "lodash": "^4.17.21",
-    "matrix-js-sdk": "github:matrix-org/matrix-js-sdk#6385c9c0dab8fe67bd3a8992a4777f243fdd1b68",
-    "matrix-widget-api": "^1.3.1",
-    "mermaid": "^9.0.0",
-    "normalize.css": "^8.0.1",
-    "pako": "^2.0.4",
-    "postcss-preset-env": "^7",
-    "posthog-js": "^1.29.0",
-    "re-resizable": "^6.9.0",
-    "react": "18",
-    "react-dom": "18",
-    "react-i18next": "^11.18.6",
-    "react-json-view": "^1.21.3",
-    "react-router-dom": "^5.2.0",
-    "react-use-clipboard": "^1.0.7",
-    "react-use-measure": "^2.1.1",
-    "sdp-transform": "^2.14.1",
-    "tinyqueue": "^2.0.3",
-    "unique-names-generator": "^4.6.0",
-    "uuid": "9",
-    "vaul": "^0.6.1"
-  },
   "devDependencies": {
     "@babel/core": "^7.16.5",
-    "@react-spring/rafz": "^9.7.3",
-    "@react-types/dialog": "^3.5.5",
+    "@babel/preset-env": "^7.22.20",
+    "@babel/preset-react": "^7.22.15",
+    "@babel/preset-typescript": "^7.23.0",
+    "@livekit/components-core": "^0.11.0",
+    "@livekit/components-react": "^2.0.0",
+    "@opentelemetry/api": "^1.4.0",
+    "@opentelemetry/core": "^1.25.1",
+    "@opentelemetry/exporter-trace-otlp-http": "^0.53.0",
+    "@opentelemetry/resources": "^1.25.1",
+    "@opentelemetry/sdk-trace-base": "^1.25.1",
+    "@opentelemetry/sdk-trace-web": "^1.9.1",
+    "@opentelemetry/semantic-conventions": "^1.25.1",
+    "@radix-ui/react-dialog": "^1.0.4",
+    "@radix-ui/react-slider": "^1.1.2",
+    "@radix-ui/react-visually-hidden": "^1.0.3",
+    "@react-spring/web": "^9.4.4",
+    "@sentry/react": "^8.0.0",
     "@sentry/vite-plugin": "^2.0.0",
-    "@storybook/react": "^6.5.0-alpha.5",
-    "@testing-library/jest-dom": "^5.16.5",
-    "@testing-library/react": "^14.0.0",
+    "@testing-library/dom": "^10.1.0",
+    "@testing-library/react": "^16.0.0",
+    "@testing-library/user-event": "^14.5.1",
     "@types/content-type": "^1.1.5",
-    "@types/d3": "^7.4.0",
-    "@types/dom-screen-wake-lock": "^1.0.1",
-    "@types/dompurify": "^3.0.2",
-    "@types/grecaptcha": "^3.0.4",
-    "@types/node": "^18.13.0",
+    "@types/grecaptcha": "^3.0.9",
+    "@types/jsdom": "^21.1.7",
+    "@types/lodash": "^4.14.199",
+    "@types/node": "^20.0.0",
+    "@types/qrcode": "^1.5.5",
+    "@types/react-dom": "^18.3.0",
     "@types/react-router-dom": "^5.3.3",
-    "@types/request": "^2.48.8",
     "@types/sdp-transform": "^2.4.5",
-    "@types/uuid": "9",
-    "@typescript-eslint/eslint-plugin": "^6.1.0",
-    "@typescript-eslint/parser": "^6.1.0",
-    "babel-loader": "^9.0.0",
+    "@types/uuid": "10",
+    "@typescript-eslint/eslint-plugin": "^8.0.0",
+    "@typescript-eslint/parser": "^8.0.0",
+    "@use-gesture/react": "^10.2.11",
+    "@vector-im/compound-design-tokens": "^1.0.0",
+    "@vector-im/compound-web": "^6.0.0",
+    "@vitejs/plugin-basic-ssl": "^1.0.1",
+    "@vitejs/plugin-react": "^4.0.1",
+    "@vitest/coverage-v8": "^2.0.5",
     "babel-plugin-transform-vite-meta-env": "^1.0.3",
+    "classnames": "^2.3.1",
     "eslint": "^8.14.0",
     "eslint-config-google": "^0.14.0",
     "eslint-config-prettier": "^9.0.0",
+    "eslint-plugin-deprecate": "^0.8.2",
     "eslint-plugin-import": "^2.26.0",
     "eslint-plugin-jsx-a11y": "^6.5.1",
-    "eslint-plugin-matrix-org": "^0.4.0",
+    "eslint-plugin-matrix-org": "^1.2.1",
     "eslint-plugin-react": "^7.29.4",
     "eslint-plugin-react-hooks": "^4.5.0",
-    "i18next-parser": "^6.6.0",
-    "identity-obj-proxy": "^3.0.0",
-    "jest": "^29.2.2",
-    "jest-environment-jsdom": "^29.3.1",
-    "jest-mock": "^29.5.0",
-    "prettier": "^2.6.2",
+    "eslint-plugin-unicorn": "^55.0.0",
+    "global-jsdom": "^24.0.0",
+    "history": "^4.0.0",
+    "i18next": "^23.0.0",
+    "i18next-browser-languagedetector": "^8.0.0",
+    "i18next-http-backend": "^2.0.0",
+    "i18next-parser": "^9.0.0",
+    "jsdom": "^25.0.0",
+    "knip": "^5.27.2",
+    "livekit-client": "^2.0.2",
+    "lodash": "^4.17.21",
+    "loglevel": "^1.9.1",
+    "matrix-js-sdk": "matrix-org/matrix-js-sdk#414ac9d8cc28330718236b90ad67a1507e146932",
+    "matrix-widget-api": "^1.8.2",
+    "normalize.css": "^8.0.1",
+    "observable-hooks": "^4.2.3",
+    "pako": "^2.0.4",
+    "postcss": "^8.4.41",
+    "postcss-preset-env": "^10.0.0",
+    "posthog-js": "^1.29.0",
+    "prettier": "^3.0.0",
+    "qrcode": "^1.5.4",
+    "react": "18",
+    "react-dom": "18",
+    "react-i18next": "^15.0.0",
+    "react-router-dom": "^5.2.0",
+    "react-use-clipboard": "^1.0.7",
+    "react-use-measure": "^2.1.1",
+    "rxjs": "^7.8.1",
     "sass": "^1.42.1",
-    "storybook-builder-vite": "^0.1.12",
     "typescript": "^5.1.6",
-    "vite": "^4.2.0",
+    "typescript-eslint-language-service": "^5.0.5",
+    "unique-names-generator": "^4.6.0",
+    "vaul": "^0.9.0",
+    "vite": "^5.0.0",
     "vite-plugin-html-template": "^1.1.0",
-    "vite-plugin-svgr": "^3.2.0"
+    "vite-plugin-svgr": "^4.0.0",
+    "vitest": "^2.0.0",
+    "vitest-axe": "^1.0.0-pre.3"
   },
-  "jest": {
-    "testEnvironment": "./test/environment.ts",
-    "testMatch": [
-      "<rootDir>/test/**/*-test.[jt]s?(x)"
-    ],
-    "transformIgnorePatterns": [
-      "/node_modules/(?!d3)+$",
-      "/node_modules/(?!internmap)+$"
-    ],
-    "moduleNameMapper": {
-      "\\.css$": "identity-obj-proxy",
-      "\\.svg$": "<rootDir>/test/mocks/svgr.ts",
-      "^\\./IndexedDBWorker\\?worker$": "<rootDir>/test/mocks/workerMock.ts",
-      "^\\./olm$": "<rootDir>/test/mocks/olmMock.ts"
-    },
-    "collectCoverage": true,
-    "coverageReporters": [
-      "text",
-      "cobertura"
-    ]
+  "resolutions": {
+    "strip-ansi": "6.0.1"
   }
 }

public/.well-known/apple-app-site-association

@@ -0,0 +1,26 @@
+{
+  "applinks": {
+    "details": [
+      {
+        "appIDs": [
+          "7J4U792NQT.io.element.elementx",
+          "7J4U792NQT.io.element.elementx.nightly",
+          "7J4U792NQT.io.element.elementx.pr"
+        ],
+        "components": [
+          {
+            "?": {
+              "no_universal_links": "?*"
+            },
+            "exclude": true,
+            "comment": "Opt out of universal links"
+          },
+          {
+            "/": "/*",
+            "comment": "Matches any URL"
+          }
+        ]
+      }
+    ]
+  }
+}

public/apple-app-site-association

@@ -1,15 +0,0 @@
-{
-  "applinks": {
-    "apps": [],
-    "details": [
-      {
-        "appIDs": [
-          "7J4U792NQT.io.element.elementx",
-          "7J4U792NQT.io.element.elementx.nightly",
-          "7J4U792NQT.io.element.elementx.pr"
-        ],
-        "paths": ["*"]
-      }
-    ]
-  }
-}

public/index.html

@@ -1,4 +1,4 @@
-<!DOCTYPE html>
+<!doctype html>
 <html lang="en">
   <head>
     <meta charset="UTF-8" />
@@ -13,7 +13,8 @@
     </script>
   </head>
 
-  <body class="cpd-theme-dark">
+  <!-- The default class is: .no-theme {display: none}. It will be overwritten once the app is loaded. -->
+  <body class="no-theme">
     <div id="root"></div>
   </body>
 </html>

public/locales/bg/app.json

@@ -1,65 +1,75 @@
 {
-  "<0>Already have an account?</0><1><0>Log in</0> Or <2>Access as a guest</2></1>": "<0>Вече имате акаунт?</0><1><0>Влезте с него</0> или <2>Влезте като гост</2></1>",
-  "<0>Create an account</0> Or <2>Access as a guest</2>": "<0>Създайте акаунт</0> или <2>Влезте като гост</2>",
-  "<0>Why not finish by setting up a password to keep your account?</0><1>You'll be able to keep your name and set an avatar for use on future calls</1>": "<0>Защо не настройте парола за да запазите акаунта си?</0><1>Ще можете да запазите името и аватара си за бъдещи разговори</1>",
-  "Another user on this call is having an issue. In order to better diagnose these issues we'd like to collect a debug log.": "Друг потребител в този разговор има проблем. За да диагностицираме този проблем по-добре ни се иска да съберем debug логове.",
-  "Audio": "Звук",
-  "Avatar": "Аватар",
-  "Camera": "Камера",
-  "Close": "Затвори",
-  "Confirm password": "Потвърди паролата",
-  "Copied!": "Копирано!",
-  "Copy and share this call link": "Копирай и сподели връзка към разговора",
-  "Create account": "Създай акаунт",
-  "Debug log": "Debug логове",
-  "Debug log request": "Заявка за debug логове",
-  "Developer": "Разработчик",
-  "Display name": "Име/псевдоним",
-  "Download debug logs": "Изтеглете debug логове",
-  "Exit full screen": "Излез от цял екран",
-  "Full screen": "Цял екран",
-  "Go": "Напред",
-  "Home": "Начало",
-  "Include debug logs": "Включи debug логове",
-  "Inspector": "Инспектор",
-  "Join call": "Влез в разговора",
-  "Join call now": "Влез в разговора сега",
-  "Join existing call?": "Присъединяване към съществуващ разговор?",
-  "Loading…": "Зареждане…",
-  "Local volume": "Локална сила на звука",
-  "Logging in…": "Влизане…",
-  "Login": "Влез",
-  "Login to your account": "Влезте в акаунта си",
-  "Microphone": "Микрофон",
-  "More": "Още",
-  "No": "Не",
-  "Not now, return to home screen": "Не сега, върни се на началния екран",
-  "Not registered yet? <2>Create an account</2>": "Все още не сте регистрирани? <2>Създайте акаунт</2>",
-  "Password": "Парола",
-  "Passwords must match": "Паролите не съвпадат",
-  "Profile": "Профил",
-  "Recaptcha dismissed": "Recaptcha отхвърлена",
-  "Recaptcha not loaded": "Recaptcha не е заредена",
-  "Register": "Регистрация",
-  "Registering…": "Регистриране…",
-  "Remove": "Премахни",
-  "Return to home screen": "Връщане на началния екран",
-  "Select an option": "Изберете опция",
-  "Send debug logs": "Изпратете debug логове",
-  "Sending…": "Изпращане…",
-  "Settings": "Настройки",
-  "Share screen": "Сподели екрана",
-  "Show call inspector": "Покажи инспектора на разговора",
-  "Sign in": "Влез",
-  "Sign out": "Излез",
-  "Speaker": "Говорител",
-  "Spotlight": "Прожектор",
-  "Submit feedback": "Изпрати обратна връзка",
-  "This call already exists, would you like to join?": "Този разговор вече съществува, искате ли да се присъедините?",
-  "User menu": "Потребителско меню",
-  "Username": "Потребителско име",
-  "Version: {{version}}": "Версия: {{version}}",
-  "Video": "Видео",
-  "Waiting for other participants…": "Изчакване на други участници…",
-  "Yes, join call": "Да, присъедини се"
+  "a11y": {
+    "user_menu": "Потребителско меню"
+  },
+  "action": {
+    "close": "Затвори",
+    "go": "Напред",
+    "no": "Не",
+    "register": "Регистрация",
+    "remove": "Премахни",
+    "sign_in": "Влез",
+    "sign_out": "Излез"
+  },
+  "call_ended_view": {
+    "create_account_button": "Създай акаунт",
+    "create_account_prompt": "<0>Защо не настройте парола за да запазите акаунта си?</0><1>Ще можете да запазите името и аватара си за бъдещи разговори</1>",
+    "not_now_button": "Не сега, върни се на началния екран"
+  },
+  "common": {
+    "audio": "Звук",
+    "avatar": "Аватар",
+    "camera": "Камера",
+    "copied": "Копирано!",
+    "display_name": "Име/псевдоним",
+    "home": "Начало",
+    "loading": "Зареждане…",
+    "microphone": "Микрофон",
+    "password": "Парола",
+    "profile": "Профил",
+    "settings": "Настройки",
+    "username": "Потребителско име",
+    "video": "Видео"
+  },
+  "join_existing_call_modal": {
+    "join_button": "Да, присъедини се",
+    "text": "Този разговор вече съществува, искате ли да се присъедините?",
+    "title": "Присъединяване към съществуващ разговор?"
+  },
+  "layout_spotlight_label": "Прожектор",
+  "lobby": {
+    "join_button": "Влез в разговора"
+  },
+  "logging_in": "Влизане…",
+  "login_auth_links": "<0>Създайте акаунт</0> или <2>Влезте като гост</2>",
+  "login_title": "Влез",
+  "rageshake_request_modal": {
+    "body": "Друг потребител в този разговор има проблем. За да диагностицираме този проблем по-добре ни се иска да съберем debug логове.",
+    "title": "Заявка за debug логове"
+  },
+  "rageshake_send_logs": "Изпратете debug логове",
+  "rageshake_sending": "Изпращане…",
+  "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": "Потвърди паролата",
+  "return_home_button": "Връщане на началния екран",
+  "room_auth_view_join_button": "Влез в разговора сега",
+  "screenshare_button_label": "Сподели екрана",
+  "select_input_unset_button": "Изберете опция",
+  "settings": {
+    "developer_tab_title": "Разработчик",
+    "feedback_tab_h4": "Изпрати обратна връзка",
+    "feedback_tab_send_logs_label": "Включи debug логове",
+    "more_tab_title": "Още",
+    "speaker_device_selection_label": "Говорител"
+  },
+  "unauthenticated_view_body": "Все още не сте регистрирани? <2>Създайте акаунт</2>",
+  "unauthenticated_view_login_button": "Влезте в акаунта си",
+  "version": "Версия: {{version}}",
+  "waiting_for_participants": "Изчакване на други участници…"
 }

public/locales/cs/app.json

@@ -1,72 +1,79 @@
 {
-  "Copy and share this call link": "Zkopírujte a sdílejte odkaz na hovor",
-  "Copied!": "Zkopírováno!",
-  "Confirm password": "Potvrdit heslo",
-  "Close": "Zavřít",
-  "Camera": "Kamera",
-  "Avatar": "Avatar",
-  "Audio": "Audio",
-  "<0>Create an account</0> Or <2>Access as a guest</2>": "<0>Vytvořit účet</0> Or <2>Jako host</2>",
-  "Yes, join call": "Ano, připojit se",
-  "Waiting for other participants…": "Čekání na další účastníky…",
-  "Video": "Video",
-  "Version: {{version}}": "Verze: {{version}}",
-  "Username": "Uživatelské jméno",
-  "User menu": "Uživatelské menu",
-  "This call already exists, would you like to join?": "Tento hovor již existuje, chcete se připojit?",
-  "Submit feedback": "Dát feedback",
-  "Speaker": "Reproduktor",
-  "Sign out": "Odhlásit se",
-  "Sign in": "Přihlásit se",
-  "Show call inspector": "Zobrazit inspektor hovoru",
-  "Share screen": "Sdílet obrazovku",
-  "Settings": "Nastavení",
-  "Sending…": "Posílání…",
-  "Sending debug logs…": "Posílání ladícího záznamu…",
-  "Send debug logs": "Poslat ladící záznam",
-  "Select an option": "Vyberte možnost",
-  "Return to home screen": "Vrátit se na domácí obrazovku",
-  "Remove": "Odstranit",
-  "Registering…": "Registrování…",
-  "Register": "Registrace",
-  "Profile": "Profil",
-  "Passwords must match": "Hesla se musí shodovat",
-  "Password": "Heslo",
-  "Not now, return to home screen": "Teď ne, vrátit se na domovskou obrazovku",
-  "No": "Ne",
-  "More": "Více",
-  "Microphone": "Mikrofon",
-  "Login to your account": "Přihlásit se ke svému účtu",
-  "Login": "Přihlášení",
-  "Logging in…": "Přihlašování se…",
-  "Local volume": "Lokální hlasitost",
-  "Loading…": "Načítání…",
-  "Join call now": "Připojit se k hovoru",
-  "Join call": "Připojit se k hovoru",
-  "Inspector": "Insepktor",
-  "Spotlight": "Soustředěný mód",
-  "Recaptcha not loaded": "Recaptcha se nenačetla",
-  "Recaptcha dismissed": "Recaptcha byla zamítnuta",
-  "Not registered yet? <2>Create an account</2>": "Nejste registrovaní? <2>Vytvořit účet</2>",
-  "Join existing call?": "Připojit se k existujícimu hovoru?",
-  "Include debug logs": "Zahrnout ladící záznamy",
-  "Home": "Domov",
-  "Go": "Pokračovat",
-  "Full screen": "Zvětšit na celou obrazovku",
-  "Exit full screen": "Ukončit režim celé obrazovky",
-  "Element Call Home": "Domov Element Call",
-  "Download debug logs": "Stáhnout ladící záznamy",
-  "Display name": "Zobrazované jméno",
-  "Developer": "Vývojář",
-  "Debug log request": "Žádost o protokoly ladění",
-  "Debug log": "Protokoly ladění",
-  "Create account": "Vytvořit účet",
-  "Copy": "Kopírovat",
-  "Another user on this call is having an issue. In order to better diagnose these issues we'd like to collect a debug log.": "Jiný uživatel v tomto hovoru má problémy. Abychom mohli diagnostikovat problém, rádi bychom shromáždili protokoly ladění.",
-  "<0>Why not finish by setting up a password to keep your account?</0><1>You'll be able to keep your name and set an avatar for use on future calls</1>": "<0>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>",
-  "<0>Already have an account?</0><1><0>Log in</0> Or <2>Access as a guest</2></1>": "<0>Už máte účet?</0><1><0>Přihlásit se</0> Or <2>Jako host</2></1>",
-  "<0>Submitting debug logs will help us track down the problem.</0>": "<0>Odeslání ladících záznamů nám pomůže diagnostikovat problém.</0>",
-  "<0>Oops, something's gone wrong.</0>": "<0>Oops, něco se pokazilo.</0>",
-  "Expose developer settings in the settings window.": "Zobrazit vývojářské nastavení.",
-  "Developer Settings": "Vývojářské nastavení"
+  "a11y": {
+    "user_menu": "Uživatelské menu"
+  },
+  "action": {
+    "close": "Zavřít",
+    "copy": "Kopírovat",
+    "go": "Pokračovat",
+    "no": "Ne",
+    "register": "Registrace",
+    "remove": "Odstranit",
+    "sign_in": "Přihlásit se",
+    "sign_out": "Odhlásit se"
+  },
+  "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"
+  },
+  "common": {
+    "camera": "Kamera",
+    "copied": "Zkopírováno!",
+    "display_name": "Zobrazované jméno",
+    "home": "Domov",
+    "loading": "Načítání…",
+    "microphone": "Mikrofon",
+    "password": "Heslo",
+    "profile": "Profil",
+    "settings": "Nastavení",
+    "username": "Uživatelské jméno"
+  },
+  "full_screen_view_description": "<0>Odeslání ladících záznamů nám pomůže diagnostikovat problém.</0>",
+  "full_screen_view_h1": "<0>Oops, něco se pokazilo.</0>",
+  "header_label": "Domov Element Call",
+  "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_spotlight_label": "Soustředěný mód",
+  "lobby": {
+    "join_button": "Připojit se k hovoru"
+  },
+  "logging_in": "Přihlašování se…",
+  "login_auth_links": "<0>Vytvořit účet</0> Or <2>Jako host</2>",
+  "login_title": "Přihlášení",
+  "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í"
+  },
+  "rageshake_send_logs": "Poslat ladící záznam",
+  "rageshake_sending": "Posílání…",
+  "rageshake_sending_logs": "Posílání ladícího záznamu…",
+  "recaptcha_dismissed": "Recaptcha byla zamítnuta",
+  "recaptcha_not_loaded": "Recaptcha se nenačetla",
+  "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",
+  "return_home_button": "Vrátit se na domácí obrazovku",
+  "room_auth_view_join_button": "Připojit se k hovoru",
+  "screenshare_button_label": "Sdílet obrazovku",
+  "select_input_unset_button": "Vyberte možnost",
+  "settings": {
+    "developer_settings_label": "Vývojářské nastavení",
+    "developer_settings_label_description": "Zobrazit vývojářské nastavení.",
+    "developer_tab_title": "Vývojář",
+    "feedback_tab_h4": "Dát feedback",
+    "feedback_tab_send_logs_label": "Zahrnout ladící záznamy",
+    "more_tab_title": "Více",
+    "speaker_device_selection_label": "Reproduktor"
+  },
+  "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}}",
+  "waiting_for_participants": "Čekání na další účastníky…"
 }

public/locales/de/app.json

@@ -1,126 +1,142 @@
 {
-  "<0>Already have an account?</0><1><0>Log in</0> Or <2>Access as a guest</2></1>": "<0>Du hast bereits ein Konto?</0><1><0>Anmelden</0> Oder <2>Als Gast betreten</2></1>",
-  "<0>Create an account</0> Or <2>Access as a guest</2>": "<0>Konto erstellen</0> Oder <2>Als Gast betreten</2>",
-  "<0>Why not finish by setting up a password to keep your account?</0><1>You'll be able to keep your name and set an avatar for use on future calls</1>": "<0>Warum vergibst du nicht abschließend ein Passwort, um dein Konto zu erhalten?</0><1>Du kannst deinen Namen behalten und ein Profilbild für zukünftige Anrufe festlegen.</1>",
-  "Another user on this call is having an issue. In order to better diagnose these issues we'd like to collect a debug log.": "Ein anderer Benutzer dieses Anrufs hat ein Problem. Um es besser diagnostizieren zu können, würden wir gerne ein Debug-Protokoll erstellen.",
-  "Audio": "Audio",
-  "Avatar": "Avatar",
-  "Camera": "Kamera",
-  "Close": "Schließen",
-  "Confirm password": "Passwort bestätigen",
-  "Copied!": "Kopiert!",
-  "Copy and share this call link": "Kopiere und teile diesen Anruflink",
-  "Create account": "Konto erstellen",
-  "Debug log": "Debug-Protokoll",
-  "Debug log request": "Debug-Log Anfrage",
-  "Developer": "Entwickler",
-  "Display name": "Anzeigename",
-  "Download debug logs": "Debug-Protokolle herunterladen",
-  "Exit full screen": "Vollbildmodus verlassen",
-  "Full screen": "Vollbild",
-  "Go": "Los geht’s",
-  "Home": "Startseite",
-  "Include debug logs": "Debug-Protokolle einschließen",
-  "Inspector": "Inspektor",
-  "Join call": "Anruf beitreten",
-  "Join call now": "Anruf beitreten",
-  "Join existing call?": "An bestehendem Anruf teilnehmen?",
-  "Loading…": "Lade …",
-  "Local volume": "Lokale Lautstärke",
-  "Logging in…": "Anmelden …",
-  "Login": "Anmelden",
-  "Login to your account": "Melde dich mit deinem Konto an",
-  "Microphone": "Mikrofon",
-  "More": "Mehr",
-  "No": "Nein",
-  "Not now, return to home screen": "Nicht jetzt, zurück zur Startseite",
-  "Not registered yet? <2>Create an account</2>": "Noch nicht registriert? <2>Konto erstellen</2>",
-  "Password": "Passwort",
-  "Passwords must match": "Passwörter müssen übereinstimmen",
-  "Profile": "Profil",
-  "Recaptcha dismissed": "Recaptcha abgelehnt",
-  "Recaptcha not loaded": "Recaptcha nicht geladen",
-  "Register": "Registrieren",
-  "Registering…": "Registrierung …",
-  "Remove": "Entfernen",
-  "Return to home screen": "Zurück zur Startseite",
-  "Select an option": "Wähle eine Option",
-  "Send debug logs": "Debug-Logs senden",
-  "Sending…": "Senden …",
-  "Settings": "Einstellungen",
-  "Share screen": "Bildschirm teilen",
-  "Show call inspector": "Anrufinspektor anzeigen",
-  "Sign in": "Anmelden",
-  "Sign out": "Abmelden",
-  "Speaker": "Wiedergabegerät",
-  "Spotlight": "Rampenlicht",
-  "Submit feedback": "Rückmeldung geben",
-  "This call already exists, would you like to join?": "Dieser Aufruf existiert bereits, möchtest Du teilnehmen?",
-  "User menu": "Benutzermenü",
-  "Username": "Benutzername",
-  "Version: {{version}}": "Version: {{version}}",
-  "Video": "Video",
-  "Waiting for other participants…": "Warte auf weitere Teilnehmer …",
-  "Yes, join call": "Ja, Anruf beitreten",
-  "Sending debug logs…": "Sende Debug-Protokolle …",
-  "Copy": "Kopieren",
-  "Element Call Home": "Element Call-Startseite",
-  "<0>Submitting debug logs will help us track down the problem.</0>": "<0>Übermittelte Problemberichte helfen uns, Fehler zu beheben.</0>",
-  "<0>Oops, something's gone wrong.</0>": "<0>Hoppla, etwas ist schiefgelaufen.</0>",
-  "Expose developer settings in the settings window.": "Zeige die Entwicklereinstellungen im Einstellungsfenster.",
-  "Developer Settings": "Entwicklereinstellungen",
-  "By participating in this beta, you consent to the collection of anonymous data, which we use to improve the product. You can find more information about which data we track in our <2>Privacy Policy</2> and our <5>Cookie Policy</5>.": "Mit der Teilnahme an der Beta akzeptierst du die Sammlung von anonymen Daten, die wir zur Verbesserung des Produkts verwenden. Weitere Informationen zu den von uns erhobenen Daten findest du in unserer <2>Datenschutzerklärung</2> und unseren <5>Cookie-Richtlinien</5>.",
-  "<0></0><1></1>You may withdraw consent by unchecking this box. If you are currently in a call, this setting will take effect at the end of the call.": "<0></0><1></1>Du kannst deine Zustimmung durch Abwählen dieses Kästchens zurückziehen. Falls du dich aktuell in einem Anruf befindest, wird diese Einstellung nach dem Ende des Anrufs wirksam.",
-  "Feedback": "Rückmeldung",
-  "If you are experiencing issues or simply would like to provide some feedback, please send us a short description below.": "Falls du auf Probleme stößt oder einfach nur eine Rückmeldung geben möchtest, sende uns bitte eine kurze Beschreibung.",
-  "Your feedback": "Deine Rückmeldung",
-  "Thanks, we received your feedback!": "Danke, wir haben deine Rückmeldung erhalten!",
-  "Submitting…": "Sende …",
-  "Submit": "Absenden",
-  "{{count}} stars|other": "{{count}} Sterne",
-  "{{displayName}}, your call has ended.": "{{displayName}}, dein Anruf wurde beendet.",
-  "<0>We'd love to hear your feedback so we can improve your experience.</0>": "<0>Wir würden uns freuen, deine Rückmeldung zu hören, um deine Erfahrung verbessern zu können.</0>",
-  "How did it go?": "Wie ist es gelaufen?",
-  "{{count}} stars|one": "{{count}} Stern",
-  "<0>Thanks for your feedback!</0>": "<0>Danke für deine Rückmeldung!</0>",
-  "{{displayName}} is presenting": "{{displayName}} präsentiert",
-  "Show connection stats": "Verbindungsstatistiken zeigen",
-  "By clicking \"Join call now\", you agree to our <2>End User Licensing Agreement (EULA)</2>": "Mit einem Klick auf „Anruf beitreten“ akzeptierst du unseren <2>Endbenutzer-Lizenzvertrag (EULA)</2>",
-  "By clicking \"Go\", you agree to our <2>End User Licensing Agreement (EULA)</2>": "Mit einem Klick auf „Los geht’s“ akzeptierst du unseren <2>Endbenutzer-Lizenzvertrag (EULA)</2>",
-  "This site is protected by ReCAPTCHA and the Google <2>Privacy Policy</2> and <6>Terms of Service</6> apply.<9></9>By clicking \"Register\", you agree to our <12>End User Licensing Agreement (EULA)</12>": "Diese Seite wird durch reCAPTCHA geschützt und es gelten Googles <2>Datenschutzerklärung</2> und <6>Nutzungsbedingungen</6>. <9></9>Mit einem Klick auf „Registrieren“ akzeptierst du unseren <2>Endbenutzer-Lizenzvertrag (EULA)</2>",
-  "Element Call is temporarily not end-to-end encrypted while we test scalability.": "Element Call ist temporär nicht Ende-zu-Ende-verschlüsselt, während wir die Skalierbarkeit testen.",
-  "Connectivity to the server has been lost.": "Die Verbindung zum Server wurde getrennt.",
-  "Enable end-to-end encryption (password protected calls)": "Ende-zu-Ende-Verschlüsselung aktivieren (Passwortgeschützte Anrufe)",
-  "End-to-end encryption isn't supported on your browser.": "Ende-zu-Ende-Verschlüsselung wird in deinem Browser nicht unterstützt.",
-  "Thanks!": "Danke!",
-  "You were disconnected from the call": "Deine Verbindung wurde getrennt",
-  "Reconnect": "Erneut verbinden",
-  "Retry sending logs": "Protokolle erneut senden",
-  "Encrypted": "Verschlüsselt",
-  "End call": "Anruf beenden",
-  "Grid": "Raster",
-  "Not encrypted": "Nicht verschlüsselt",
-  "Microphone off": "Mikrofon aus",
-  "Microphone on": "Mikrofon an",
-  "{{count, number}}|one": "{{count, number}}",
-  "{{count, number}}|other": "{{count, number}}",
-  "{{names, list(style: short;)}}": "{{names, list(style: short;)}}",
-  "Share": "Teilen",
-  "Share this call": "Diesen Anruf teilen",
-  "Sharing screen": "Bildschirm wird geteilt",
-  "You": "Du",
-  "Continue in browser": "Weiter im Browser",
-  "Name of call": "Name des Anrufs",
-  "Open in the app": "In der App öffnen",
-  "Ready to join?": "Bereit, beizutreten?",
-  "Unmute microphone": "Mikrofon aktivieren",
-  "Start video": "Video aktivieren",
-  "Stop video": "Video deaktivieren",
-  "Back to recents": "Zurück zu kürzlichen Anrufen",
-  "Select app": "App auswählen",
-  "Mute microphone": "Mikrofon deaktivieren",
-  "Start new call": "Neuen Anruf beginnen",
-  "Call not found": "Anruf nicht gefunden",
-  "Calls are now end-to-end encrypted and need to be created from the home page. This helps make sure everyone's using the same encryption key.": "Anrufe sind nun Ende-zu-Ende-verschlüsselt und müssen auf der Startseite erstellt werden. Damit stellen wir sicher, dass alle denselben Schlüssel verwenden.",
-  "Your web browser does not support media end-to-end encryption. Supported Browsers are Chrome, Safari, Firefox >=117": "Dein Webbrowser unterstützt keine Medien-Ende-zu-Ende-Verschlüsselung. Unterstützte Browser sind Chrome, Safari, Firefox >=117"
+  "a11y": {
+    "user_menu": "Benutzermenü"
+  },
+  "action": {
+    "close": "Schließen",
+    "copy": "Kopieren",
+    "copy_link": "Link kopieren",
+    "go": "Los geht’s",
+    "invite": "Einladen",
+    "no": "Nein",
+    "register": "Registrieren",
+    "remove": "Entfernen",
+    "sign_in": "Anmelden",
+    "sign_out": "Abmelden",
+    "submit": "Absenden"
+  },
+  "analytics_notice": "Mit der Teilnahme an der Beta akzeptierst du die Sammlung von anonymen Daten, die wir zur Verbesserung des Produkts verwenden. Weitere Informationen zu den von uns erhobenen Daten findest du in unserer <2>Datenschutzerklärung</2> und unseren <6>Cookie-Richtlinien</6>.",
+  "app_selection_modal": {
+    "continue_in_browser": "Weiter im Browser",
+    "open_in_app": "In der App öffnen",
+    "text": "Bereit, beizutreten?",
+    "title": "App auswählen"
+  },
+  "application_opened_another_tab": "Diese Anwendung wurde in einem anderen Tab geöffnet.",
+  "browser_media_e2ee_unsupported": "Dein Webbrowser unterstützt keine Medien-Ende-zu-Ende-Verschlüsselung. Unterstützte Browser sind Chrome, Safari, Firefox >=117",
+  "browser_media_e2ee_unsupported_heading": "Inkompatibler Browser",
+  "call_ended_view": {
+    "body": "Deine Verbindung wurde getrennt",
+    "create_account_button": "Konto erstellen",
+    "create_account_prompt": "<0>Warum vergibst du nicht abschließend ein Passwort, um dein Konto zu erhalten?</0><1>Du kannst deinen Namen behalten und ein Profilbild für zukünftige Anrufe festlegen.</1>",
+    "feedback_done": "<0>Danke für deine Rückmeldung!</0>",
+    "feedback_prompt": "<0>Wir würden uns freuen, deine Rückmeldung zu hören, um deine Erfahrung verbessern zu können.</0>",
+    "headline": "{{displayName}}, dein Anruf wurde beendet.",
+    "not_now_button": "Nicht jetzt, zurück zur Startseite",
+    "reconnect_button": "Erneut verbinden",
+    "survey_prompt": "Wie ist es gelaufen?"
+  },
+  "call_name": "Name des Anrufs",
+  "common": {
+    "audio": "Audio",
+    "avatar": "Profilbild",
+    "camera": "Kamera",
+    "copied": "Kopiert!",
+    "display_name": "Anzeigename",
+    "encrypted": "Verschlüsselt",
+    "error": "Fehler",
+    "home": "Startseite",
+    "loading": "Lade …",
+    "microphone": "Mikrofon",
+    "password": "Passwort",
+    "profile": "Profil",
+    "settings": "Einstellungen",
+    "unencrypted": "Nicht verschlüsselt",
+    "username": "Benutzername",
+    "video": "Video"
+  },
+  "disconnected_banner": "Die Verbindung zum Server wurde getrennt.",
+  "full_screen_view_description": "<0>Übermittelte Problemberichte helfen uns, Fehler zu beheben.</0>",
+  "full_screen_view_h1": "<0>Hoppla, etwas ist schiefgelaufen.</0>",
+  "hangup_button_label": "Anruf beenden",
+  "header_label": "Element Call-Startseite",
+  "header_participants_label": "Teilnehmende",
+  "invite_modal": {
+    "link_copied_toast": "Link in Zwischenablage kopiert",
+    "title": "Zu diesem Anruf einladen"
+  },
+  "join_existing_call_modal": {
+    "join_button": "Ja, Anruf beitreten",
+    "text": "Dieser Aufruf existiert bereits, möchtest Du teilnehmen?",
+    "title": "An bestehendem Anruf teilnehmen?"
+  },
+  "layout_grid_label": "Raster",
+  "layout_spotlight_label": "Rampenlicht",
+  "lobby": {
+    "join_button": "Anruf beitreten",
+    "leave_button": "Zurück zu kürzlichen Anrufen"
+  },
+  "log_in": "Anmelden",
+  "logging_in": "Anmelden …",
+  "login_auth_links": "<0>Konto erstellen</0> Oder <2>Als Gast betreten</2>",
+  "login_auth_links_prompt": "Noch nicht registriert?",
+  "login_subheading": "Weiter zu Element",
+  "login_title": "Anmelden",
+  "microphone_off": "Mikrofon aus",
+  "microphone_on": "Mikrofon an",
+  "mute_microphone_button_label": "Mikrofon deaktivieren",
+  "rageshake_button_error_caption": "Protokolle erneut senden",
+  "rageshake_request_modal": {
+    "body": "Ein anderer Benutzer dieses Anrufs hat ein Problem. Um es besser diagnostizieren zu können, würden wir gerne ein Debug-Protokoll erstellen.",
+    "title": "Debug-Log Anfrage"
+  },
+  "rageshake_send_logs": "Debug-Logs senden",
+  "rageshake_sending": "Senden …",
+  "rageshake_sending_logs": "Sende Debug-Protokolle …",
+  "rageshake_sent": "Danke!",
+  "recaptcha_caption": "Diese Seite wird durch reCAPTCHA geschützt und es gelten Googles <2>Datenschutzerklärung</2> und <6>Nutzungsbedingungen</6>. <9></9>Mit einem Klick auf „Registrieren“ akzeptierst du unseren <2>Endbenutzer-Lizenzvertrag (EULA)</2>",
+  "recaptcha_dismissed": "Recaptcha abgelehnt",
+  "recaptcha_not_loaded": "Recaptcha nicht geladen",
+  "register": {
+    "passwords_must_match": "Passwörter müssen übereinstimmen",
+    "registering": "Registrierung …"
+  },
+  "register_auth_links": "<0>Du hast bereits ein Konto?</0><1><0>Anmelden</0> Oder <2>Als Gast betreten</2></1>",
+  "register_confirm_password_label": "Passwort bestätigen",
+  "return_home_button": "Zurück zur Startseite",
+  "room_auth_view_eula_caption": "Mit einem Klick auf „Anruf beitreten“ akzeptierst du unseren <2>Endbenutzer-Lizenzvertrag (EULA)</2>",
+  "room_auth_view_join_button": "Anruf beitreten",
+  "screenshare_button_label": "Bildschirm teilen",
+  "select_input_unset_button": "Wähle eine Option",
+  "settings": {
+    "developer_settings_label": "Entwicklereinstellungen",
+    "developer_settings_label_description": "Zeige die Entwicklereinstellungen im Einstellungsfenster.",
+    "developer_tab_title": "Entwickler",
+    "feedback_tab_body": "Falls du auf Probleme stößt oder einfach nur eine Rückmeldung geben möchtest, sende uns bitte eine kurze Beschreibung.",
+    "feedback_tab_description_label": "Deine Rückmeldung",
+    "feedback_tab_h4": "Rückmeldung geben",
+    "feedback_tab_send_logs_label": "Debug-Protokolle einschließen",
+    "feedback_tab_thank_you": "Danke, wir haben deine Rückmeldung erhalten!",
+    "feedback_tab_title": "Rückmeldung",
+    "more_tab_title": "Mehr",
+    "opt_in_description": "<0></0><1></1>Du kannst deine Zustimmung durch Abwählen dieses Kästchens zurückziehen. Falls du dich aktuell in einem Anruf befindest, wird diese Einstellung nach dem Ende des Anrufs wirksam.",
+    "show_connection_stats_label": "Verbindungsstatistiken zeigen",
+    "speaker_device_selection_label": "Wiedergabegerät"
+  },
+  "star_rating_input_label_one": "{{count}} Stern",
+  "star_rating_input_label_other": "{{count}} Sterne",
+  "start_new_call": "Neuen Anruf beginnen",
+  "start_video_button_label": "Video aktivieren",
+  "stop_screenshare_button_label": "Bildschirm wird geteilt",
+  "stop_video_button_label": "Video deaktivieren",
+  "submitting": "Sende …",
+  "unauthenticated_view_body": "Noch nicht registriert? <2>Konto erstellen</2>",
+  "unauthenticated_view_eula_caption": "Mit einem Klick auf „Los geht’s“ akzeptierst du unseren <2>Endbenutzer-Lizenzvertrag (EULA)</2>",
+  "unauthenticated_view_login_button": "Melde dich mit deinem Konto an",
+  "unmute_microphone_button_label": "Mikrofon aktivieren",
+  "version": "Version: {{version}}",
+  "video_tile": {
+    "sfu_participant_local": "Du"
+  },
+  "waiting_for_participants": "Warte auf weitere Teilnehmer …"
 }

public/locales/el/app.json

@@ -1,88 +1,95 @@
 {
-  "Version: {{version}}": "Έκδοση: {{version}}",
-  "User menu": "Μενού χρήστη",
-  "Submit feedback": "Υποβάλετε σχόλια",
-  "Sign in": "Σύνδεση",
-  "Show call inspector": "Εμφάνιση του επιθεωρητή κλήσης",
-  "Share screen": "Κοινή χρήση οθόνης",
-  "Sending…": "Αποστολή…",
-  "Select an option": "Επιλέξτε μια επιλογή",
-  "Remove": "Αφαίρεση",
-  "Registering…": "Εγγραφή…",
-  "Not registered yet? <2>Create an account</2>": "Δεν έχετε εγγραφεί ακόμα; <2>Δημιουργήστε λογαριασμό</2>",
-  "Login to your account": "Συνδεθείτε στον λογαριασμό σας",
-  "Logging in…": "Σύνδεση…",
-  "Inspector": "Επιθεωρητής",
-  "Display name": "Εμφανιζόμενο όνομα",
-  "Developer Settings": "Ρυθμίσεις προγραμματιστή",
-  "Debug log request": "Αίτημα αρχείου καταγραφής",
-  "Avatar": "Avatar",
-  "<0>Oops, something's gone wrong.</0>": "<0>Ωχ, κάτι πήγε στραβά.</0>",
-  "<0>Create an account</0> Or <2>Access as a guest</2>": "<0>Δημιουργήστε λογαριασμό</0> Ή <2>Συμμετέχετε ως επισκέπτης</2>",
-  "<0>Already have an account?</0><1><0>Log in</0> Or <2>Access as a guest</2></1>": "<0>Έχετε ήδη λογαριασμό;</0><1><0>Συνδεθείτε</0> Ή <2>Συμμετέχετε ως επισκέπτης</2></1>",
-  "Yes, join call": "Ναι, συμμετοχή στην κλήση",
-  "Waiting for other participants…": "Αναμονή για άλλους συμμετέχοντες…",
-  "Video": "Βίντεο",
-  "Username": "Όνομα χρήστη",
-  "This call already exists, would you like to join?": "Αυτή η κλήση υπάρχει ήδη, θα θέλατε να συμμετάσχετε;",
-  "Speaker": "Ηχείο",
-  "Sign out": "Αποσύνδεση",
-  "Settings": "Ρυθμίσεις",
-  "Return to home screen": "Επιστροφή στην αρχική οθόνη",
-  "Register": "Εγγραφή",
-  "Profile": "Προφίλ",
-  "Passwords must match": "Οι κωδικοί πρέπει να ταιριάζουν",
-  "Password": "Κωδικός",
-  "Not now, return to home screen": "Όχι τώρα, επιστροφή στην αρχική οθόνη",
-  "No": "Όχι",
-  "More": "Περισσότερα",
-  "Microphone": "Μικρόφωνο",
-  "Login": "Σύνδεση",
-  "Loading…": "Φόρτωση…",
-  "Join existing call?": "Συμμετοχή στην υπάρχουσα κλήση;",
-  "Join call now": "Συμμετοχή στην κλήση τώρα",
-  "Join call": "Συμμετοχή στην κλήση",
-  "Go": "Μετάβαση",
-  "Full screen": "Πλήρη οθόνη",
-  "Exit full screen": "Έξοδος από πλήρη οθόνη",
-  "Create account": "Δημιουργία λογαριασμού",
-  "Copy and share this call link": "Αντιγράψτε και μοιραστείτε αυτόν τον σύνδεσμο κλήσης",
-  "Copy": "Αντιγραφή",
-  "Copied!": "Αντιγράφηκε!",
-  "Confirm password": "Επιβεβαίωση κωδικού",
-  "Close": "Κλείσιμο",
-  "Camera": "Κάμερα",
-  "Audio": "Ήχος",
-  "Send debug logs": "Αποστολή αρχείων καταγραφής",
-  "Recaptcha dismissed": "Το recaptcha απορρίφθηκε",
-  "<0>Thanks for your feedback!</0>": "<0>Ευχαριστώ για τα σχόλιά σας!</0>",
-  "Local volume": "Τοπική ένταση",
-  "Home": "Αρχική",
-  "Show connection stats": "Εμφάνιση στατιστικών σύνδεσης",
-  "{{displayName}} is presenting": "{{displayName}} παρουσιάζει",
-  "<0></0><1></1>You may withdraw consent by unchecking this box. If you are currently in a call, this setting will take effect at the end of the call.": "<0></0><1></1>Μπορείτε να ανακαλέσετε τη συγκατάθεσή σας αποεπιλέγοντας αυτό το πλαίσιο. Εάν βρίσκεστε σε κλήση, η ρύθμιση αυτή θα τεθεί σε ισχύ στο τέλος της.",
-  "<0>We'd love to hear your feedback so we can improve your experience.</0>": "<0>Θα θέλαμε να ακούσουμε τα σχόλιά σας ώστε να βελτιώσουμε την εμπειρία σας.</0>",
-  "<0>Why not finish by setting up a password to keep your account?</0><1>You'll be able to keep your name and set an avatar for use on future calls</1>": "<0>Γιατί να μην ολοκληρώσετε με τη δημιουργία ενός κωδικού πρόσβασης για τη διατήρηση του λογαριασμού σας;</0><1>Θα μπορείτε να διατηρήσετε το όνομά σας και να ορίσετε ένα avatar για χρήση σε μελλοντικές κλήσεις.</1>",
-  "Another user on this call is having an issue. In order to better diagnose these issues we'd like to collect a debug log.": "Ένας άλλος χρήστης σε αυτή την κλήση έχει ένα πρόβλημα. Για την καλύτερη διάγνωση αυτών των προβλημάτων θα θέλαμε να συλλέξουμε ένα αρχείο καταγραφής σφαλμάτων.",
-  "By participating in this beta, you consent to the collection of anonymous data, which we use to improve the product. You can find more information about which data we track in our <2>Privacy Policy</2> and our <5>Cookie Policy</5>.": "Συμμετέχοντας σε αυτή τη δοκιμαστική έκδοση, συναινείτε στη συλλογή ανώνυμων δεδομένων, τα οποία χρησιμοποιούμε για τη βελτίωση του προϊόντος. Μπορείτε να βρείτε περισσότερες πληροφορίες σχετικά με το ποια δεδομένα καταγράφουμε στην <2>Πολιτική απορρήτου</2> και στην <5>Πολιτική cookies</5>.",
-  "If you are experiencing issues or simply would like to provide some feedback, please send us a short description below.": "Εάν αντιμετωπίζετε προβλήματα ή απλά θέλετε να μας δώσετε κάποια σχόλια, παρακαλούμε στείλτε μας μια σύντομη περιγραφή παρακάτω.",
-  "Expose developer settings in the settings window.": "Εμφάνιση ρυθμίσεων προγραμματιστή στο παράθυρο ρυθμίσεων.",
-  "Feedback": "Ανατροφοδότηση",
-  "Submitting…": "Υποβολή…",
-  "Thanks, we received your feedback!": "Ευχαριστούμε, λάβαμε τα σχόλιά σας!",
-  "{{count}} stars|other": "{{count}} αστέρια",
-  "{{count}} stars|one": "{{count}} αστέρι",
-  "{{displayName}}, your call has ended.": "{{displayName}}, η κλήση σας τερματίστηκε.",
-  "<0>Submitting debug logs will help us track down the problem.</0>": "<0>Η υποβολή αρχείων καταγραφής σφαλμάτων θα μας βοηθήσει να εντοπίσουμε το πρόβλημα.</0>",
-  "How did it go?": "Πώς σας φάνηκε;",
-  "Include debug logs": "Να συμπεριληφθούν αρχεία καταγραφής",
-  "Recaptcha not loaded": "Το Recaptcha δεν φορτώθηκε",
-  "Debug log": "Αρχείο καταγραφής",
-  "Developer": "Προγραμματιστής",
-  "Download debug logs": "Λήψη αρχείων καταγραφής",
-  "Sending debug logs…": "Αποστολή αρχείων καταγραφής…",
-  "Submit": "Υποβολή",
-  "Your feedback": "Τα σχόλιά σας",
-  "Spotlight": "Spotlight",
-  "Element Call Home": "Element Κεντρική Οθόνη Κλήσεων"
+  "a11y": {
+    "user_menu": "Μενού χρήστη"
+  },
+  "action": {
+    "close": "Κλείσιμο",
+    "copy": "Αντιγραφή",
+    "go": "Μετάβαση",
+    "no": "Όχι",
+    "register": "Εγγραφή",
+    "remove": "Αφαίρεση",
+    "sign_in": "Σύνδεση",
+    "sign_out": "Αποσύνδεση",
+    "submit": "Υποβολή"
+  },
+  "analytics_notice": "Συμμετέχοντας σε αυτή τη δοκιμαστική έκδοση, συναινείτε στη συλλογή ανώνυμων δεδομένων, τα οποία χρησιμοποιούμε για τη βελτίωση του προϊόντος. Μπορείτε να βρείτε περισσότερες πληροφορίες σχετικά με το ποια δεδομένα καταγράφουμε στην <2>Πολιτική απορρήτου</2> και στην <6>Πολιτική cookies</6>.",
+  "call_ended_view": {
+    "create_account_button": "Δημιουργία λογαριασμού",
+    "create_account_prompt": "<0>Γιατί να μην ολοκληρώσετε με τη δημιουργία ενός κωδικού πρόσβασης για τη διατήρηση του λογαριασμού σας;</0><1>Θα μπορείτε να διατηρήσετε το όνομά σας και να ορίσετε ένα avatar για χρήση σε μελλοντικές κλήσεις.</1>",
+    "feedback_done": "<0>Ευχαριστώ για τα σχόλιά σας!</0>",
+    "feedback_prompt": "<0>Θα θέλαμε να ακούσουμε τα σχόλιά σας ώστε να βελτιώσουμε την εμπειρία σας.</0>",
+    "headline": "{{displayName}}, η κλήση σας τερματίστηκε.",
+    "not_now_button": "Όχι τώρα, επιστροφή στην αρχική οθόνη",
+    "survey_prompt": "Πώς σας φάνηκε;"
+  },
+  "common": {
+    "audio": "Ήχος",
+    "camera": "Κάμερα",
+    "copied": "Αντιγράφηκε!",
+    "display_name": "Εμφανιζόμενο όνομα",
+    "home": "Αρχική",
+    "loading": "Φόρτωση…",
+    "microphone": "Μικρόφωνο",
+    "password": "Κωδικός",
+    "profile": "Προφίλ",
+    "settings": "Ρυθμίσεις",
+    "username": "Όνομα χρήστη",
+    "video": "Βίντεο"
+  },
+  "full_screen_view_description": "<0>Η υποβολή αρχείων καταγραφής σφαλμάτων θα μας βοηθήσει να εντοπίσουμε το πρόβλημα.</0>",
+  "full_screen_view_h1": "<0>Ωχ, κάτι πήγε στραβά.</0>",
+  "header_label": "Element Κεντρική Οθόνη Κλήσεων",
+  "join_existing_call_modal": {
+    "join_button": "Ναι, συμμετοχή στην κλήση",
+    "text": "Αυτή η κλήση υπάρχει ήδη, θα θέλατε να συμμετάσχετε;",
+    "title": "Συμμετοχή στην υπάρχουσα κλήση;"
+  },
+  "lobby": {
+    "join_button": "Συμμετοχή στην κλήση"
+  },
+  "logging_in": "Σύνδεση…",
+  "login_auth_links": "<0>Δημιουργήστε λογαριασμό</0> Ή <2>Συμμετέχετε ως επισκέπτης</2>",
+  "login_title": "Σύνδεση",
+  "rageshake_request_modal": {
+    "body": "Ένας άλλος χρήστης σε αυτή την κλήση έχει ένα πρόβλημα. Για την καλύτερη διάγνωση αυτών των προβλημάτων θα θέλαμε να συλλέξουμε ένα αρχείο καταγραφής σφαλμάτων.",
+    "title": "Αίτημα αρχείου καταγραφής"
+  },
+  "rageshake_send_logs": "Αποστολή αρχείων καταγραφής",
+  "rageshake_sending": "Αποστολή…",
+  "rageshake_sending_logs": "Αποστολή αρχείων καταγραφής…",
+  "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": "Επιβεβαίωση κωδικού",
+  "return_home_button": "Επιστροφή στην αρχική οθόνη",
+  "room_auth_view_join_button": "Συμμετοχή στην κλήση τώρα",
+  "screenshare_button_label": "Κοινή χρήση οθόνης",
+  "select_input_unset_button": "Επιλέξτε μια επιλογή",
+  "settings": {
+    "developer_settings_label": "Ρυθμίσεις προγραμματιστή",
+    "developer_settings_label_description": "Εμφάνιση ρυθμίσεων προγραμματιστή στο παράθυρο ρυθμίσεων.",
+    "developer_tab_title": "Προγραμματιστής",
+    "feedback_tab_body": "Εάν αντιμετωπίζετε προβλήματα ή απλά θέλετε να μας δώσετε κάποια σχόλια, παρακαλούμε στείλτε μας μια σύντομη περιγραφή παρακάτω.",
+    "feedback_tab_description_label": "Τα σχόλιά σας",
+    "feedback_tab_h4": "Υποβάλετε σχόλια",
+    "feedback_tab_send_logs_label": "Να συμπεριληφθούν αρχεία καταγραφής",
+    "feedback_tab_thank_you": "Ευχαριστούμε, λάβαμε τα σχόλιά σας!",
+    "feedback_tab_title": "Ανατροφοδότηση",
+    "more_tab_title": "Περισσότερα",
+    "opt_in_description": "<0></0><1></1>Μπορείτε να ανακαλέσετε τη συγκατάθεσή σας αποεπιλέγοντας αυτό το πλαίσιο. Εάν βρίσκεστε σε κλήση, η ρύθμιση αυτή θα τεθεί σε ισχύ στο τέλος της.",
+    "show_connection_stats_label": "Εμφάνιση στατιστικών σύνδεσης",
+    "speaker_device_selection_label": "Ηχείο"
+  },
+  "star_rating_input_label_one": "{{count}} αστέρι",
+  "star_rating_input_label_other": "{{count}} αστέρια",
+  "submitting": "Υποβολή…",
+  "unauthenticated_view_body": "Δεν έχετε εγγραφεί ακόμα; <2>Δημιουργήστε λογαριασμό</2>",
+  "unauthenticated_view_login_button": "Συνδεθείτε στον λογαριασμό σας",
+  "version": "Έκδοση: {{version}}",
+  "waiting_for_participants": "Αναμονή για άλλους συμμετέχοντες…"
 }

public/locales/en-GB/app.json

@@ -1,126 +1,169 @@
 {
-  "{{count, number}}|one": "{{count, number}}",
-  "{{count, number}}|other": "{{count, number}}",
-  "{{count}} stars|one": "{{count}} stars",
-  "{{count}} stars|other": "{{count}} stars",
-  "{{displayName}} is presenting": "{{displayName}} is presenting",
-  "{{displayName}}, your call has ended.": "{{displayName}}, your call has ended.",
-  "{{names, list(style: short;)}}": "{{names, list(style: short;)}}",
-  "<0></0><1></1>You may withdraw consent by unchecking this box. If you are currently in a call, this setting will take effect at the end of the call.": "<0></0><1></1>You may withdraw consent by unchecking this box. If you are currently in a call, this setting will take effect at the end of the call.",
-  "<0>Already have an account?</0><1><0>Log in</0> Or <2>Access as a guest</2></1>": "<0>Already have an account?</0><1><0>Log in</0> Or <2>Access as a guest</2></1>",
-  "<0>Create an account</0> Or <2>Access as a guest</2>": "<0>Create an account</0> Or <2>Access as a guest</2>",
-  "<0>Oops, something's gone wrong.</0>": "<0>Oops, something's gone wrong.</0>",
-  "<0>Submitting debug logs will help us track down the problem.</0>": "<0>Submitting debug logs will help us track down the problem.</0>",
-  "<0>Thanks for your feedback!</0>": "<0>Thanks for your feedback!</0>",
-  "<0>We'd love to hear your feedback so we can improve your experience.</0>": "<0>We'd love to hear your feedback so we can improve your experience.</0>",
-  "<0>Why not finish by setting up a password to keep your account?</0><1>You'll be able to keep your name and set an avatar for use on future calls</1>": "<0>Why not finish by setting up a password to keep your account?</0><1>You'll be able to keep your name and set an avatar for use on future calls</1>",
-  "Another user on this call is having an issue. In order to better diagnose these issues we'd like to collect a debug log.": "Another user on this call is having an issue. In order to better diagnose these issues we'd like to collect a debug log.",
-  "Audio": "Audio",
-  "Avatar": "Avatar",
-  "Back to recents": "Back to recents",
-  "By clicking \"Go\", you agree to our <2>End User Licensing Agreement (EULA)</2>": "By clicking \"Go\", you agree to our <2>End User Licensing Agreement (EULA)</2>",
-  "By clicking \"Join call now\", you agree to our <2>End User Licensing Agreement (EULA)</2>": "By clicking \"Join call now\", you agree to our <2>End User Licensing Agreement (EULA)</2>",
-  "By participating in this beta, you consent to the collection of anonymous data, which we use to improve the product. You can find more information about which data we track in our <2>Privacy Policy</2> and our <5>Cookie Policy</5>.": "By participating in this beta, you consent to the collection of anonymous data, which we use to improve the product. You can find more information about which data we track in our <2>Privacy Policy</2> and our <5>Cookie Policy</5>.",
-  "Call not found": "Call not found",
-  "Calls are now end-to-end encrypted and need to be created from the home page. This helps make sure everyone's using the same encryption key.": "Calls are now end-to-end encrypted and need to be created from the home page. This helps make sure everyone's using the same encryption key.",
-  "Camera": "Camera",
-  "Close": "Close",
-  "Confirm password": "Confirm password",
-  "Connectivity to the server has been lost.": "Connectivity to the server has been lost.",
-  "Continue in browser": "Continue in browser",
-  "Copied!": "Copied!",
-  "Copy": "Copy",
-  "Copy and share this call link": "Copy and share this call link",
-  "Create account": "Create account",
-  "Debug log": "Debug log",
-  "Debug log request": "Debug log request",
-  "Developer": "Developer",
-  "Developer Settings": "Developer Settings",
-  "Display name": "Display name",
-  "Download debug logs": "Download debug logs",
-  "Element Call Home": "Element Call Home",
-  "Element Call is temporarily not end-to-end encrypted while we test scalability.": "Element Call is temporarily not end-to-end encrypted while we test scalability.",
-  "Enable end-to-end encryption (password protected calls)": "Enable end-to-end encryption (password protected calls)",
-  "Encrypted": "Encrypted",
-  "End call": "End call",
-  "End-to-end encryption isn't supported on your browser.": "End-to-end encryption isn't supported on your browser.",
-  "Exit full screen": "Exit full screen",
-  "Expose developer settings in the settings window.": "Expose developer settings in the settings window.",
-  "Feedback": "Feedback",
-  "Full screen": "Full screen",
-  "Go": "Go",
-  "Grid": "Grid",
-  "Home": "Home",
-  "How did it go?": "How did it go?",
-  "If you are experiencing issues or simply would like to provide some feedback, please send us a short description below.": "If you are experiencing issues or simply would like to provide some feedback, please send us a short description below.",
-  "Include debug logs": "Include debug logs",
-  "Inspector": "Inspector",
-  "Join call": "Join call",
-  "Join call now": "Join call now",
-  "Join existing call?": "Join existing call?",
-  "Loading…": "Loading…",
-  "Local volume": "Local volume",
-  "Logging in…": "Logging in…",
-  "Login": "Login",
-  "Login to your account": "Login to your account",
-  "Microphone": "Microphone",
-  "Microphone off": "Microphone off",
-  "Microphone on": "Microphone on",
-  "More": "More",
-  "Mute microphone": "Mute microphone",
-  "Name of call": "Name of call",
-  "No": "No",
-  "Not encrypted": "Not encrypted",
-  "Not now, return to home screen": "Not now, return to home screen",
-  "Not registered yet? <2>Create an account</2>": "Not registered yet? <2>Create an account</2>",
-  "Open in the app": "Open in the app",
-  "Password": "Password",
-  "Passwords must match": "Passwords must match",
-  "Profile": "Profile",
-  "Ready to join?": "Ready to join?",
-  "Recaptcha dismissed": "Recaptcha dismissed",
-  "Recaptcha not loaded": "Recaptcha not loaded",
-  "Reconnect": "Reconnect",
-  "Register": "Register",
-  "Registering…": "Registering…",
-  "Remove": "Remove",
-  "Retry sending logs": "Retry sending logs",
-  "Return to home screen": "Return to home screen",
-  "Select an option": "Select an option",
-  "Select app": "Select app",
-  "Send debug logs": "Send debug logs",
-  "Sending debug logs…": "Sending debug logs…",
-  "Sending…": "Sending…",
-  "Settings": "Settings",
-  "Share": "Share",
-  "Share screen": "Share screen",
-  "Share this call": "Share this call",
-  "Sharing screen": "Sharing screen",
-  "Show call inspector": "Show call inspector",
-  "Show connection stats": "Show connection stats",
-  "Sign in": "Sign in",
-  "Sign out": "Sign out",
-  "Speaker": "Speaker",
-  "Spotlight": "Spotlight",
-  "Start new call": "Start new call",
-  "Start video": "Start video",
-  "Stop video": "Stop video",
-  "Submit": "Submit",
-  "Submit feedback": "Submit feedback",
-  "Submitting…": "Submitting…",
-  "Thanks, we received your feedback!": "Thanks, we received your feedback!",
-  "Thanks!": "Thanks!",
-  "This call already exists, would you like to join?": "This call already exists, would you like to join?",
-  "This site is protected by ReCAPTCHA and the Google <2>Privacy Policy</2> and <6>Terms of Service</6> apply.<9></9>By clicking \"Register\", you agree to our <12>End User Licensing Agreement (EULA)</12>": "This site is protected by ReCAPTCHA and the Google <2>Privacy Policy</2> and <6>Terms of Service</6> apply.<9></9>By clicking \"Register\", you agree to our <12>End User Licensing Agreement (EULA)</12>",
-  "Unmute microphone": "Unmute microphone",
-  "User menu": "User menu",
-  "Username": "Username",
-  "Version: {{version}}": "Version: {{version}}",
-  "Video": "Video",
-  "Waiting for other participants…": "Waiting for other participants…",
-  "Yes, join call": "Yes, join call",
-  "You": "You",
-  "You were disconnected from the call": "You were disconnected from the call",
-  "Your feedback": "Your feedback",
-  "Your web browser does not support media end-to-end encryption. Supported Browsers are Chrome, Safari, Firefox >=117": "Your web browser does not support media end-to-end encryption. Supported Browsers are Chrome, Safari, Firefox >=117"
+  "a11y": {
+    "user_menu": "User menu"
+  },
+  "action": {
+    "close": "Close",
+    "copy_link": "Copy link",
+    "edit": "Edit",
+    "go": "Go",
+    "invite": "Invite",
+    "no": "No",
+    "register": "Register",
+    "remove": "Remove",
+    "sign_in": "Sign in",
+    "sign_out": "Sign out",
+    "submit": "Submit",
+    "upload_file": "Upload file"
+  },
+  "analytics_notice": "By participating in this beta, you consent to the collection of anonymous data, which we use to improve the product. You can find more information about which data we track in our <2>Privacy Policy</2> and our <6>Cookie Policy</6>.",
+  "app_selection_modal": {
+    "continue_in_browser": "Continue in browser",
+    "open_in_app": "Open in the app",
+    "text": "Ready to join?",
+    "title": "Select app"
+  },
+  "application_opened_another_tab": "This application has been opened in another tab.",
+  "browser_media_e2ee_unsupported": "Your web browser does not support media end-to-end encryption. Supported Browsers are Chrome, Safari, Firefox >=117",
+  "browser_media_e2ee_unsupported_heading": "Incompatible Browser",
+  "call_ended_view": {
+    "body": "You were disconnected from the call",
+    "create_account_button": "Create account",
+    "create_account_prompt": "<0>Why not finish by setting up a password to keep your account?</0><1>You'll be able to keep your name and set an avatar for use on future calls</1>",
+    "feedback_done": "<0>Thanks for your feedback!</0>",
+    "feedback_prompt": "<0>We'd love to hear your feedback so we can improve your experience.</0>",
+    "headline": "{{displayName}}, your call has ended.",
+    "not_now_button": "Not now, return to home screen",
+    "reconnect_button": "Reconnect",
+    "survey_prompt": "How did it go?"
+  },
+  "call_name": "Name of call",
+  "common": {
+    "analytics": "Analytics",
+    "audio": "Audio",
+    "avatar": "Avatar",
+    "back": "Back",
+    "camera": "Camera",
+    "display_name": "Display name",
+    "encrypted": "Encrypted",
+    "error": "Error",
+    "home": "Home",
+    "loading": "Loading…",
+    "microphone": "Microphone",
+    "next": "Next",
+    "options": "Options",
+    "password": "Password",
+    "profile": "Profile",
+    "settings": "Settings",
+    "unencrypted": "Not encrypted",
+    "username": "Username",
+    "video": "Video"
+  },
+  "crypto_version": "Crypto version: {{version}}",
+  "device_id": "Device ID: {{id}}",
+  "disconnected_banner": "Connectivity to the server has been lost.",
+  "full_screen_view_description": "<0>Submitting debug logs will help us track down the problem.</0>",
+  "full_screen_view_h1": "<0>Oops, something's gone wrong.</0>",
+  "group_call_loader": {
+    "banned_body": "You have been banned from the room.",
+    "banned_heading": "Banned",
+    "call_ended_body": "You have been removed from the call.",
+    "call_ended_heading": "Call ended",
+    "failed_heading": "Failed to join",
+    "failed_text": "Call not found or is not accessible.",
+    "knock_reject_body": "The room members declined your request to join.",
+    "knock_reject_heading": "Not allowed to join",
+    "reason": "Reason"
+  },
+  "hangup_button_label": "End call",
+  "header_label": "Element Call Home",
+  "header_participants_label": "Participants",
+  "invite_modal": {
+    "link_copied_toast": "Link copied to clipboard",
+    "title": "Invite to this call"
+  },
+  "join_existing_call_modal": {
+    "join_button": "Yes, join call",
+    "text": "This call already exists, would you like to join?",
+    "title": "Join existing call?"
+  },
+  "layout_grid_label": "Grid",
+  "layout_spotlight_label": "Spotlight",
+  "lobby": {
+    "ask_to_join": "Ask to join call",
+    "join_button": "Join call",
+    "leave_button": "Back to recents",
+    "waiting_for_invite": "Request sent"
+  },
+  "log_in": "Log In",
+  "logging_in": "Logging in…",
+  "login_auth_links": "<0>Create an account</0> Or <2>Access as a guest</2>",
+  "login_auth_links_prompt": "Not registered yet?",
+  "login_subheading": "To continue to Element",
+  "login_title": "Login",
+  "matrix_id": "Matrix ID: {{id}}",
+  "microphone_off": "Microphone off",
+  "microphone_on": "Microphone on",
+  "mute_microphone_button_label": "Mute microphone",
+  "participant_count_one": "{{count, number}}",
+  "participant_count_other": "{{count, number}}",
+  "qr_code": "QR Code",
+  "rageshake_button_error_caption": "Retry sending logs",
+  "rageshake_request_modal": {
+    "body": "Another user on this call is having an issue. In order to better diagnose these issues we'd like to collect a debug log.",
+    "title": "Debug log request"
+  },
+  "rageshake_send_logs": "Send debug logs",
+  "rageshake_sending": "Sending…",
+  "rageshake_sending_logs": "Sending debug logs…",
+  "rageshake_sent": "Thanks!",
+  "recaptcha_caption": "This site is protected by ReCAPTCHA and the Google <2>Privacy Policy</2> and <6>Terms of Service</6> apply.<9></9>By clicking \"Register\", you agree to our <12>End User Licensing Agreement (EULA)</12>",
+  "recaptcha_dismissed": "Recaptcha dismissed",
+  "recaptcha_not_loaded": "Recaptcha not loaded",
+  "register": {
+    "passwords_must_match": "Passwords must match",
+    "registering": "Registering…"
+  },
+  "register_auth_links": "<0>Already have an account?</0><1><0>Log in</0> Or <2>Access as a guest</2></1>",
+  "register_confirm_password_label": "Confirm password",
+  "register_heading": "Create your account",
+  "return_home_button": "Return to home screen",
+  "room_auth_view_eula_caption": "By clicking \"Join call now\", you agree to our <2>End User Licensing Agreement (EULA)</2>",
+  "room_auth_view_join_button": "Join call now",
+  "screenshare_button_label": "Share screen",
+  "settings": {
+    "developer_settings_label": "Developer Settings",
+    "developer_settings_label_description": "Expose developer settings in the settings window.",
+    "developer_tab_title": "Developer",
+    "duplicate_tiles_label": "Number of additional tile copies per participant",
+    "feedback_tab_body": "If you are experiencing issues or simply would like to provide some feedback, please send us a short description below.",
+    "feedback_tab_description_label": "Your feedback",
+    "feedback_tab_h4": "Submit feedback",
+    "feedback_tab_send_logs_label": "Include debug logs",
+    "feedback_tab_thank_you": "Thanks, we received your feedback!",
+    "feedback_tab_title": "Feedback",
+    "more_tab_title": "More",
+    "opt_in_description": "<0></0><1></1>You may withdraw consent by unchecking this box. If you are currently in a call, this setting will take effect at the end of the call.",
+    "speaker_device_selection_label": "Speaker"
+  },
+  "star_rating_input_label_one": "{{count}} stars",
+  "star_rating_input_label_other": "{{count}} stars",
+  "start_new_call": "Start new call",
+  "start_video_button_label": "Start video",
+  "stop_screenshare_button_label": "Sharing screen",
+  "stop_video_button_label": "Stop video",
+  "submitting": "Submitting…",
+  "unauthenticated_view_body": "Not registered yet? <2>Create an account</2>",
+  "unauthenticated_view_eula_caption": "By clicking \"Go\", you agree to our <2>End User Licensing Agreement (EULA)</2>",
+  "unauthenticated_view_login_button": "Login to your account",
+  "unmute_microphone_button_label": "Unmute microphone",
+  "version": "{{productName}} version: {{version}}",
+  "video_tile": {
+    "always_show": "Always show",
+    "change_fit_contain": "Fit to frame",
+    "collapse": "Collapse",
+    "expand": "Expand",
+    "mute_for_me": "Mute for me",
+    "volume": "Volume"
+  }
 }

public/locales/es/app.json

@@ -1,92 +1,96 @@
 {
-  "<0>Why not finish by setting up a password to keep your account?</0><1>You'll be able to keep your name and set an avatar for use on future calls</1>": "<0>¿Por qué no mantienes tu cuenta estableciendo una contraseña?</0><1>Podrás mantener tu nombre y establecer un avatar para usarlo en futuras llamadas</1>",
-  "This call already exists, would you like to join?": "Esta llamada ya existe, ¿te gustaría unirte?",
-  "Register": "Registrarse",
-  "Not registered yet? <2>Create an account</2>": "¿No estás registrado todavía? <2>Crear una cuenta</2>",
-  "Login to your account": "Iniciar sesión en tu cuenta",
-  "Yes, join call": "Si, unirse a la llamada",
-  "Waiting for other participants…": "Esperando a los otros participantes…",
-  "Video": "Video",
-  "Version: {{version}}": "Versión: {{version}}",
-  "Username": "Nombre de usuario",
-  "User menu": "Menú de usuario",
-  "Submit feedback": "Enviar comentarios",
-  "Spotlight": "Foco",
-  "Speaker": "Altavoz",
-  "Sign out": "Cerrar sesión",
-  "Sign in": "Iniciar sesión",
-  "Show call inspector": "Mostrar inspector de llamada",
-  "Share screen": "Compartir pantalla",
-  "Settings": "Ajustes",
-  "Sending…": "Enviando…",
-  "Sending debug logs…": "Enviando registros de depuración…",
-  "Send debug logs": "Enviar registros de depuración",
-  "Select an option": "Selecciona una opción",
-  "Return to home screen": "Volver a la pantalla de inicio",
-  "Remove": "Eliminar",
-  "Registering…": "Registrando…",
-  "Recaptcha not loaded": "No se ha cargado el Recaptcha",
-  "Recaptcha dismissed": "Recaptcha cancelado",
-  "Profile": "Perfil",
-  "Passwords must match": "Las contraseñas deben coincidir",
-  "Password": "Contraseña",
-  "Not now, return to home screen": "Ahora no, volver a la pantalla de inicio",
-  "No": "No",
-  "More": "Más",
-  "Microphone": "Micrófono",
-  "Login": "Iniciar sesión",
-  "Logging in…": "Iniciando sesión…",
-  "Local volume": "Volumen local",
-  "Loading…": "Cargando…",
-  "Join existing call?": "¿Unirse a llamada existente?",
-  "Join call now": "Unirse a la llamada ahora",
-  "Join call": "Unirse a la llamada",
-  "Inspector": "Inspector",
-  "Include debug logs": "Incluir registros de depuración",
-  "Home": "Inicio",
-  "Go": "Comenzar",
-  "Full screen": "Pantalla completa",
-  "Exit full screen": "Salir de pantalla completa",
-  "Download debug logs": "Descargar registros de depuración",
-  "Display name": "Nombre a mostrar",
-  "Developer": "Desarrollador",
-  "Debug log request": "Petición de registros de depuración",
-  "Debug log": "Registro de depuración",
-  "Create account": "Crear cuenta",
-  "Copy and share this call link": "Copiar y compartir el enlace de la llamada",
-  "Copied!": "¡Copiado!",
-  "Confirm password": "Confirmar contraseña",
-  "Close": "Cerrar",
-  "Camera": "Cámara",
-  "Another user on this call is having an issue. In order to better diagnose these issues we'd like to collect a debug log.": "Otro usuario en esta llamada está teniendo problemas. Para diagnosticar estos problemas nos gustaría recopilar un registro de depuración.",
-  "Audio": "Audio",
-  "Avatar": "Avatar",
-  "<0>Create an account</0> Or <2>Access as a guest</2>": "<0>Crear una cuenta</0> o <2>Acceder como invitado</2>",
-  "<0>Already have an account?</0><1><0>Log in</0> Or <2>Access as a guest</2></1>": "<0>¿Ya tienes una cuenta?</0><1><0>Iniciar sesión</0> o <2>Acceder como invitado</2></1>",
-  "Element Call Home": "Inicio de Element Call",
-  "Copy": "Copiar",
-  "<0>Submitting debug logs will help us track down the problem.</0>": "<0>Subir los registros de depuración nos ayudará a encontrar el problema.</0>",
-  "<0>Oops, something's gone wrong.</0>": "<0>Ups, algo ha salido mal.</0>",
-  "Expose developer settings in the settings window.": "Muestra los ajustes de desarrollador en la ventana de ajustes.",
-  "Developer Settings": "Ajustes de desarrollador",
-  "By participating in this beta, you consent to the collection of anonymous data, which we use to improve the product. You can find more information about which data we track in our <2>Privacy Policy</2> and our <5>Cookie Policy</5>.": "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>.",
-  "<0></0><1></1>You may withdraw consent by unchecking this box. If you are currently in a call, this setting will take effect at the end of the call.": "<0></0><1></1>Puedes retirar tu consentimiento desmarcando esta casilla. Si estás en una llamada, este ajuste se aplicará al final de esta.",
-  "{{displayName}} is presenting": "{{displayName}} está presentando",
-  "<0>Thanks for your feedback!</0>": "<0>¡Gracias por tus comentarios!</0>",
-  "How did it go?": "¿Cómo ha ido?",
-  "This site is protected by ReCAPTCHA and the Google <2>Privacy Policy</2> and <6>Terms of Service</6> apply.<9></9>By clicking \"Register\", you agree to our <12>End User Licensing Agreement (EULA)</12>": "Este sitio está protegido por ReCAPTCHA y se aplican la <2>Política de Privacidad</2> y los <6>Términos de Servicio de Google.<9></9>Al hacer clic en \"Registrar\", aceptas nuestro <12>Contrato de Licencia de Usuario Final (CLUF)</12>",
-  "Show connection stats": "Mostrar estadísticas de conexión",
-  "Element Call is temporarily not end-to-end encrypted while we test scalability.": "Element Call no está encriptado de extremo a extremo de manera temporal mientras probamos la escalabilidad del servicio.",
-  "By clicking \"Go\", you agree to our <2>End User Licensing Agreement (EULA)</2>": "Al hacer clic en \"Comenzar\", aceptas nuestro <2>Contrato de Licencia de Usuario Final (CLUF)</2>",
-  "Thanks, we received your feedback!": "¡Gracias, hemos recibido tus comentarios!",
-  "If you are experiencing issues or simply would like to provide some feedback, please send us a short description below.": "Si tienes algún problema o simplemente quieres darnos tu opinión, por favor envíanos una breve descripción.",
-  "By clicking \"Join call now\", you agree to our <2>End User Licensing Agreement (EULA)</2>": "Al hacer clic en \"Unirse a la llamada ahora\", aceptas nuestro <2>Contrato de Licencia de Usuario Final (CLUF)</2>",
-  "<0>We'd love to hear your feedback so we can improve your experience.</0>": "<0>Nos encantaría conocer tu opinión para que podamos mejorar tu experiencia</0>",
-  "Feedback": "Danos tu opinión",
-  "Submit": "Enviar",
-  "{{count}} stars|one": "{{count}} estrella",
-  "{{count}} stars|other": "{{count}} estrellas",
-  "{{displayName}}, your call has ended.": "{{displayName}}, tu llamada ha finalizado.",
-  "Submitting…": "Enviando…",
-  "Your feedback": "Tus comentarios"
+  "a11y": {
+    "user_menu": "Menú de usuario"
+  },
+  "action": {
+    "close": "Cerrar",
+    "copy": "Copiar",
+    "go": "Comenzar",
+    "register": "Registrarse",
+    "remove": "Eliminar",
+    "sign_in": "Iniciar sesión",
+    "sign_out": "Cerrar sesión",
+    "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 <6>Política sobre Cookies</6>.",
+  "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>",
+    "feedback_done": "<0>¡Gracias por tus comentarios!</0>",
+    "feedback_prompt": "<0>Nos encantaría conocer tu opinión para que podamos mejorar tu experiencia</0>",
+    "headline": "{{displayName}}, tu llamada ha finalizado.",
+    "not_now_button": "Ahora no, volver a la pantalla de inicio",
+    "survey_prompt": "¿Cómo ha ido?"
+  },
+  "common": {
+    "camera": "Cámara",
+    "copied": "¡Copiado!",
+    "display_name": "Nombre a mostrar",
+    "home": "Inicio",
+    "loading": "Cargando…",
+    "microphone": "Micrófono",
+    "password": "Contraseña",
+    "profile": "Perfil",
+    "settings": "Ajustes",
+    "username": "Nombre de usuario"
+  },
+  "full_screen_view_description": "<0>Subir los registros de depuración nos ayudará a encontrar el problema.</0>",
+  "full_screen_view_h1": "<0>Ups, algo ha salido mal.</0>",
+  "header_label": "Inicio de Element Call",
+  "join_existing_call_modal": {
+    "join_button": "Si, unirse a la llamada",
+    "text": "Esta llamada ya existe, ¿te gustaría unirte?",
+    "title": "¿Unirse a llamada existente?"
+  },
+  "layout_spotlight_label": "Foco",
+  "lobby": {
+    "join_button": "Unirse a la llamada"
+  },
+  "logging_in": "Iniciando sesión…",
+  "login_auth_links": "<0>Crear una cuenta</0> o <2>Acceder como invitado</2>",
+  "login_title": "Iniciar sesión",
+  "rageshake_request_modal": {
+    "body": "Otro usuario en esta llamada está teniendo problemas. Para diagnosticar estos problemas nos gustaría recopilar un registro de depuración.",
+    "title": "Petición de registros de depuración"
+  },
+  "rageshake_send_logs": "Enviar registros de depuración",
+  "rageshake_sending": "Enviando…",
+  "rageshake_sending_logs": "Enviando registros de depuración…",
+  "recaptcha_caption": "Este sitio está protegido por ReCAPTCHA y se aplican la <2>Política de Privacidad</2> y los <6>Términos de Servicio de Google.<9></9>Al hacer clic en \"Registrar\", aceptas nuestro <12>Contrato de Licencia de Usuario Final (CLUF)</12>",
+  "recaptcha_dismissed": "Recaptcha cancelado",
+  "recaptcha_not_loaded": "No se ha cargado el Recaptcha",
+  "register": {
+    "passwords_must_match": "Las contraseñas deben coincidir",
+    "registering": "Registrando…"
+  },
+  "register_auth_links": "<0>¿Ya tienes una cuenta?</0><1><0>Iniciar sesión</0> o <2>Acceder como invitado</2></1>",
+  "register_confirm_password_label": "Confirmar contraseña",
+  "return_home_button": "Volver a la pantalla de inicio",
+  "room_auth_view_eula_caption": "Al hacer clic en \"Unirse a la llamada ahora\", aceptas nuestro <2>Contrato de Licencia de Usuario Final (CLUF)</2>",
+  "room_auth_view_join_button": "Unirse a la llamada ahora",
+  "screenshare_button_label": "Compartir pantalla",
+  "select_input_unset_button": "Selecciona una opción",
+  "settings": {
+    "developer_settings_label": "Ajustes de desarrollador",
+    "developer_settings_label_description": "Muestra los ajustes de desarrollador en la ventana de ajustes.",
+    "developer_tab_title": "Desarrollador",
+    "feedback_tab_body": "Si tienes algún problema o simplemente quieres darnos tu opinión, por favor envíanos una breve descripción.",
+    "feedback_tab_description_label": "Tus comentarios",
+    "feedback_tab_h4": "Enviar comentarios",
+    "feedback_tab_send_logs_label": "Incluir registros de depuración",
+    "feedback_tab_thank_you": "¡Gracias, hemos recibido tus comentarios!",
+    "feedback_tab_title": "Danos tu opinión",
+    "more_tab_title": "Más",
+    "opt_in_description": "<0></0><1></1>Puedes retirar tu consentimiento desmarcando esta casilla. Si estás en una llamada, este ajuste se aplicará al final de esta.",
+    "show_connection_stats_label": "Mostrar estadísticas de conexión",
+    "speaker_device_selection_label": "Altavoz"
+  },
+  "star_rating_input_label_one": "{{count}} estrella",
+  "star_rating_input_label_other": "{{count}} estrellas",
+  "submitting": "Enviando…",
+  "unauthenticated_view_body": "¿No estás registrado todavía? <2>Crear una cuenta</2>",
+  "unauthenticated_view_eula_caption": "Al hacer clic en \"Comenzar\", aceptas nuestro <2>Contrato de Licencia de Usuario Final (CLUF)</2>",
+  "unauthenticated_view_login_button": "Iniciar sesión en tu cuenta",
+  "version": "Versión: {{version}}",
+  "waiting_for_participants": "Esperando a los otros participantes…"
 }

public/locales/et/app.json

@@ -1,126 +1,134 @@
 {
-  "<0>Why not finish by setting up a password to keep your account?</0><1>You'll be able to keep your name and set an avatar for use on future calls</1>": "<0>Kas soovid salasõna seadistada ja sellega oma kasutajakonto alles jätta?</0><1>Nii saad säilitada oma nime ja määrata profiilipildi, mida saad kasutada tulevastes kõnedes</1>",
-  "<0>Create an account</0> Or <2>Access as a guest</2>": "<0>Loo konto</0> Või <2>Sisene külalisena</2>",
-  "<0>Already have an account?</0><1><0>Log in</0> Or <2>Access as a guest</2></1>": "<0>On sul juba konto?</0><1><0>Logi sisse</0> Või <2>Logi sisse külalisena</2></1>",
-  "Inspector": "Inspektor",
-  "Include debug logs": "Lisa veatuvastuslogid",
-  "Home": "Avavaatesse",
-  "Go": "Jätka",
-  "Full screen": "Täisekraan",
-  "Exit full screen": "Välju täisekraanivaatest",
-  "Download debug logs": "Lae alla veatuvastuslogid",
-  "Display name": "Kuvatav nimi",
-  "Developer": "Arendaja",
-  "Debug log request": "Veaotsingulogi päring",
-  "Debug log": "Veaotsingulogi",
-  "Create account": "Loo konto",
-  "Copy and share this call link": "Kopeeri ja jaga selle kõne linki",
-  "Copied!": "Kopeeritud!",
-  "Confirm password": "Kinnita salasõna",
-  "Close": "Sulge",
-  "Camera": "Kaamera",
-  "Avatar": "Tunnuspilt",
-  "Audio": "Heli",
-  "Another user on this call is having an issue. In order to better diagnose these issues we'd like to collect a debug log.": "Ühel teisel selles kõnes osalejal on lahenduse kasutamisel tekkinud probleem ning selle põhjuse leidmiseks me sooviksime koguda silumislogisid.",
-  "Passwords must match": "Salasõnad ei klapi",
-  "Password": "Salasõna",
-  "Not registered yet? <2>Create an account</2>": "Sa pole veel registreerunud? <2>Loo kasutajakonto</2>",
-  "Not now, return to home screen": "Mitte praegu, mine tagasi avalehele",
-  "No": "Ei",
-  "More": "Rohkem",
-  "Microphone": "Mikrofon",
-  "Login to your account": "Logi oma kontosse sisse",
-  "Login": "Sisselogimine",
-  "Logging in…": "Sisselogimine …",
-  "Local volume": "Kohalik helitugevus",
-  "Loading…": "Laadimine …",
-  "Join existing call?": "Liitu juba käimasoleva kõnega?",
-  "Join call now": "Liitu kõnega kohe",
-  "Join call": "Kõnega liitumine",
-  "Submit feedback": "Jaga tagasisidet",
-  "Spotlight": "Rambivalgus",
-  "Speaker": "Kõlar",
-  "Sign out": "Logi välja",
-  "Sign in": "Logi sisse",
-  "Show call inspector": "Näita kõneteavet",
-  "Share screen": "Jaga ekraani",
-  "Settings": "Seadistused",
-  "Sending…": "Saatmine…",
-  "Sending debug logs…": "Veaotsingulogide saatmine…",
-  "Send debug logs": "Saada veaotsingulogid",
-  "Select an option": "Vali oma eelistus",
-  "Return to home screen": "Tagasi avalehele",
-  "Remove": "Eemalda",
-  "Registering…": "Registreerimine…",
-  "Register": "Registreeru",
-  "Recaptcha not loaded": "Robotilõks pole laetud",
-  "Recaptcha dismissed": "Robotilõks on vahele jäetud",
-  "Profile": "Profiil",
-  "Waiting for other participants…": "Ootame teiste osalejate lisandumist…",
-  "Video": "Video",
-  "Version: {{version}}": "Versioon: {{version}}",
-  "Username": "Kasutajanimi",
-  "This call already exists, would you like to join?": "See kõne on juba olemas, kas soovid liituda?",
-  "User menu": "Kasutajamenüü",
-  "Yes, join call": "Jah, liitu kõnega",
-  "Element Call Home": "Element Call Home",
-  "Copy": "Kopeeri",
-  "<0>Submitting debug logs will help us track down the problem.</0>": "<0>Kui saadad meile vealogid, siis on lihtsam vea põhjust otsida.</0>",
-  "<0>Oops, something's gone wrong.</0>": "<0>Ohoo, midagi on nüüd katki.</0>",
-  "Expose developer settings in the settings window.": "Näita seadistuste aknas arendajale vajalikke seadeid.",
-  "Developer Settings": "Arendaja seadistused",
-  "By participating in this beta, you consent to the collection of anonymous data, which we use to improve the product. You can find more information about which data we track in our <2>Privacy Policy</2> and our <5>Cookie Policy</5>.": "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>.",
-  "<0></0><1></1>You may withdraw consent by unchecking this box. If you are currently in a call, this setting will take effect at the end of the call.": "<0></0><1></1>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.",
-  "Your feedback": "Sinu tagasiside",
-  "Thanks, we received your feedback!": "Tänud, me oleme sinu tagasiside kätte saanud!",
-  "Submitting…": "Saadan…",
-  "Submit": "Saada",
-  "If you are experiencing issues or simply would like to provide some feedback, please send us a short description below.": "Kui selle rakenduse kasutamisel tekib sul probleeme või lihtsalt soovid oma arvamust avaldada, siis palun täida alljärgnev lühike kirjeldus.",
-  "Feedback": "Tagasiside",
-  "{{count}} stars|one": "{{count}} tärni",
-  "{{count}} stars|other": "{{count}} tärni",
-  "How did it go?": "Kuidas sujus?",
-  "{{displayName}}, your call has ended.": "{{displayName}}, sinu kõne on lõppenud.",
-  "<0>Thanks for your feedback!</0>": "<0>Täname Sind tagasiside eest!</0>",
-  "<0>We'd love to hear your feedback so we can improve your experience.</0>": "<0>Meie rakenduse paremaks muutmiseks me hea meelega ootame Sinu arvamusi.</0>",
-  "Show connection stats": "Näita ühenduse statistikat",
-  "{{displayName}} is presenting": "{{displayName}} on esitlemas",
-  "By clicking \"Go\", you agree to our <2>End User Licensing Agreement (EULA)</2>": "Klõpsides „Jätka“, nõustud sa meie <2>Lõppkasutaja litsentsilepinguga (EULA)</2>",
-  "By clicking \"Join call now\", you agree to our <2>End User Licensing Agreement (EULA)</2>": "Klõpsides „Liitu kõnega kohe“, nõustud sa meie <2>Lõppkasutaja litsentsilepinguga (EULA)</2>",
-  "This site is protected by ReCAPTCHA and the Google <2>Privacy Policy</2> and <6>Terms of Service</6> apply.<9></9>By clicking \"Register\", you agree to our <12>End User Licensing Agreement (EULA)</12>": "Selles saidis on kasutusel ReCAPTCHA ja kehtivad Google'i <2>Privaatsuspoliitika</2> ning <6>Teenusetingimused</6>.<9></9>Klõpsides „Registreeru“, sa nõustud meie <12>Lõppkasutaja litsentsilepingu (EULA) tingimustega</12>",
-  "Element Call is temporarily not end-to-end encrypted while we test scalability.": "Seni kuni me testime skaleeritavust, siis Element Call ajutiselt pole läbivalt krüptitud.",
-  "Connectivity to the server has been lost.": "Võrguühendus serveriga on katkenud.",
-  "Retry sending logs": "Proovi uuesti logisid saata",
-  "You were disconnected from the call": "Sinu ühendus kõnega katkes",
-  "Reconnect": "Ühenda uuesti",
-  "Thanks!": "Tänud!",
-  "End-to-end encryption isn't supported on your browser.": "Sinu brauser ei toeta läbivat krüptimist.",
-  "Enable end-to-end encryption (password protected calls)": "Võta kasutusele läbiv krüptimine (salasõnaga kaitstud kõned)",
-  "Encrypted": "Krüptitud",
-  "End call": "Lõpeta kõne",
-  "Grid": "Ruudustik",
-  "Microphone off": "Mikrofon ei tööta",
-  "Microphone on": "Mikrofon töötab",
-  "Not encrypted": "Krüptimata",
-  "Share": "Jaga",
-  "Share this call": "Jaga seda kõnet",
-  "Sharing screen": "Ekraanivaade on jagamisel",
-  "{{count, number}}|one": "{{count, number}}",
-  "{{count, number}}|other": "{{count, number}}",
-  "{{names, list(style: short;)}}": "{{names, list(style: short;)}}",
-  "You": "Sina",
-  "Continue in browser": "Jätka veebibrauseris",
-  "Mute microphone": "Summuta mikrofon",
-  "Name of call": "Kõne nimi",
-  "Open in the app": "Ava rakenduses",
-  "Ready to join?": "Oled valmis liituma?",
-  "Select app": "Vali rakendus",
-  "Start new call": "Algata uus kõne",
-  "Back to recents": "Tagasi hiljutiste kõnede juurde",
-  "Stop video": "Peata videovoog",
-  "Start video": "Lülita videovoog sisse",
-  "Unmute microphone": "Lülita mikrofon sisse",
-  "Call not found": "Kõnet ei leidu",
-  "Calls are now end-to-end encrypted and need to be created from the home page. This helps make sure everyone's using the same encryption key.": "Kõned on nüüd läbivalt krüptitud ning need pead looma kodulehelt. Sellega tagad, et kõik kasutavad samu krüptovõtmeid.",
-  "Your web browser does not support media end-to-end encryption. Supported Browsers are Chrome, Safari, Firefox >=117": "Sinu veebibrauser ei toeta meedia läbivat krüptimist. Toetatud brauserid on Chrome, Chromium, Safari ja Firefox >=117"
+  "a11y": {
+    "user_menu": "Kasutajamenüü"
+  },
+  "action": {
+    "close": "Sulge",
+    "copy": "Kopeeri",
+    "copy_link": "Kopeeri link",
+    "go": "Jätka",
+    "invite": "Kutsu",
+    "no": "Ei",
+    "register": "Registreeru",
+    "remove": "Eemalda",
+    "sign_in": "Logi sisse",
+    "sign_out": "Logi välja",
+    "submit": "Saada"
+  },
+  "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",
+    "text": "Oled valmis liituma?",
+    "title": "Vali rakendus"
+  },
+  "browser_media_e2ee_unsupported": "Sinu veebibrauser ei toeta meedia läbivat krüptimist. Toetatud brauserid on Chrome, Chromium, Safari ja Firefox >=117",
+  "call_ended_view": {
+    "body": "Sinu ühendus kõnega katkes",
+    "create_account_button": "Loo konto",
+    "create_account_prompt": "<0>Kas soovid salasõna seadistada ja sellega oma kasutajakonto alles jätta?</0><1>Nii saad säilitada oma nime ja määrata profiilipildi, mida saad kasutada tulevastes kõnedes</1>",
+    "feedback_done": "<0>Täname Sind tagasiside eest!</0>",
+    "feedback_prompt": "<0>Meie rakenduse paremaks muutmiseks me hea meelega ootame Sinu arvamusi.</0>",
+    "headline": "{{displayName}}, sinu kõne on lõppenud.",
+    "not_now_button": "Mitte praegu, mine tagasi avalehele",
+    "reconnect_button": "Ühenda uuesti",
+    "survey_prompt": "Kuidas sujus?"
+  },
+  "call_name": "Kõne nimi",
+  "common": {
+    "audio": "Heli",
+    "avatar": "Tunnuspilt",
+    "camera": "Kaamera",
+    "copied": "Kopeeritud!",
+    "display_name": "Kuvatav nimi",
+    "encrypted": "Krüptitud",
+    "home": "Avavaatesse",
+    "loading": "Laadimine …",
+    "microphone": "Mikrofon",
+    "password": "Salasõna",
+    "profile": "Profiil",
+    "settings": "Seadistused",
+    "unencrypted": "Krüptimata",
+    "username": "Kasutajanimi"
+  },
+  "disconnected_banner": "Võrguühendus serveriga on katkenud.",
+  "full_screen_view_description": "<0>Kui saadad meile vealogid, siis on lihtsam vea põhjust otsida.</0>",
+  "full_screen_view_h1": "<0>Ohoo, midagi on nüüd katki.</0>",
+  "hangup_button_label": "Lõpeta kõne",
+  "header_participants_label": "Osalejad",
+  "invite_modal": {
+    "link_copied_toast": "Link on kopeeritud lõikelauale",
+    "title": "Kutsu liituma selle kõnaga"
+  },
+  "join_existing_call_modal": {
+    "join_button": "Jah, liitu kõnega",
+    "text": "See kõne on juba olemas, kas soovid liituda?",
+    "title": "Liitu juba käimasoleva kõnega?"
+  },
+  "layout_grid_label": "Ruudustik",
+  "layout_spotlight_label": "Rambivalgus",
+  "lobby": {
+    "join_button": "Kõnega liitumine",
+    "leave_button": "Tagasi hiljutiste kõnede juurde"
+  },
+  "logging_in": "Sisselogimine …",
+  "login_auth_links": "<0>Loo konto</0> Või <2>Sisene külalisena</2>",
+  "login_title": "Sisselogimine",
+  "microphone_off": "Mikrofon ei tööta",
+  "microphone_on": "Mikrofon töötab",
+  "mute_microphone_button_label": "Summuta mikrofon",
+  "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.",
+    "title": "Veaotsingulogi päring"
+  },
+  "rageshake_send_logs": "Saada veaotsingulogid",
+  "rageshake_sending": "Saatmine…",
+  "rageshake_sending_logs": "Veaotsingulogide saatmine…",
+  "rageshake_sent": "Tänud!",
+  "recaptcha_caption": "Selles saidis on kasutusel ReCAPTCHA ja kehtivad Google'i <2>Privaatsuspoliitika</2> ning <6>Teenusetingimused</6>.<9></9>Klõpsides „Registreeru“, sa nõustud meie <12>Lõppkasutaja litsentsilepingu (EULA) tingimustega</12>",
+  "recaptcha_dismissed": "Robotilõks on vahele jäetud",
+  "recaptcha_not_loaded": "Robotilõks pole laetud",
+  "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_confirm_password_label": "Kinnita salasõna",
+  "return_home_button": "Tagasi avalehele",
+  "room_auth_view_eula_caption": "Klõpsides „Liitu kõnega kohe“, nõustud sa meie <2>Lõppkasutaja litsentsilepinguga (EULA)</2>",
+  "room_auth_view_join_button": "Liitu kõnega kohe",
+  "screenshare_button_label": "Jaga ekraani",
+  "select_input_unset_button": "Vali oma eelistus",
+  "settings": {
+    "developer_settings_label": "Arendaja seadistused",
+    "developer_settings_label_description": "Näita seadistuste aknas arendajale vajalikke seadeid.",
+    "developer_tab_title": "Arendaja",
+    "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",
+    "more_tab_title": "Rohkem",
+    "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.",
+    "show_connection_stats_label": "Näita ühenduse statistikat",
+    "speaker_device_selection_label": "Kõlar"
+  },
+  "star_rating_input_label_one": "{{count}} tärni",
+  "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…",
+  "unauthenticated_view_body": "Sa pole veel registreerunud? <2>Loo kasutajakonto</2>",
+  "unauthenticated_view_eula_caption": "Klõpsides „Jätka“, nõustud sa meie <2>Lõppkasutaja litsentsilepinguga (EULA)</2>",
+  "unauthenticated_view_login_button": "Logi oma kontosse sisse",
+  "unmute_microphone_button_label": "Lülita mikrofon sisse",
+  "version": "Versioon: {{version}}",
+  "video_tile": {
+    "sfu_participant_local": "Sina"
+  },
+  "waiting_for_participants": "Ootame teiste osalejate lisandumist…"
 }

public/locales/fa/app.json

@@ -1,68 +1,78 @@
 {
-  "Video": "ویدیو",
-  "Username": "نام کاربری",
-  "Speaker": "بلندگو",
-  "Sign out": "خروج",
-  "Sign in": "ورود",
-  "Settings": "تنظیمات",
-  "Profile": "پروفایل",
-  "Password": "رمز عبور",
-  "No": "خیر",
-  "More": "بیشتر",
-  "Microphone": "میکروفون",
-  "Login to your account": "به حساب کاربری خود وارد شوید",
-  "Login": "ورود",
-  "Loading…": "بارگزاری…",
-  "Join existing call?": "پیوست به تماس؟",
-  "Join call now": "الان به تماس بپیوند",
-  "Join call": "پیوستن به تماس",
-  "Home": "خانه",
-  "Go": "رفتن",
-  "Full screen": "تمام صحفه",
-  "Exit full screen": "خروج از حالت تمام صفحه",
-  "Download debug logs": "دانلود لاگ عیب‌یابی",
-  "Display name": "نام نمایشی",
-  "Developer": "توسعه دهنده",
-  "Debug log request": "درخواست لاگ عیب‌یابی",
-  "Debug log": "لاگ عیب‌یابی",
-  "Create account": "ساخت حساب کاربری",
-  "Copy and share this call link": "لینک تماس را کپی کنید و به اشتراک بگذارید",
-  "Copied!": "کپی شد!",
-  "Confirm password": "تایید رمزعبور",
-  "Close": "بستن",
-  "Camera": "دوربین",
-  "Avatar": "آواتار",
-  "Audio": "صدا",
-  "Another user on this call is having an issue. In order to better diagnose these issues we'd like to collect a debug log.": "کاربر دیگری در این تماس مشکلی دارد. برای تشخیص بهتر مشکل، بهتر است ما لاگ عیب‌یابی را جمع‌آوری کنیم.",
-  "<0>Why not finish by setting up a password to keep your account?</0><1>You'll be able to keep your name and set an avatar for use on future calls</1>": "<0>چرا یک رمز عبور برای حساب کاربری خود تنظیم نمی‌کنید؟</0><1>شما می‌توانید نام خود را حفظ کنید و یک آواتار برای تماس‌های آینده بسازید</1>",
-  "<0>Create an account</0> Or <2>Access as a guest</2>": "<0>ساخت حساب کاربری</0> Or <2>دسترسی به عنوان میهمان</2>",
-  "<0>Already have an account?</0><1><0>Log in</0> Or <2>Access as a guest</2></1>": "<0>از قبل حساب کاربری دارید؟</0><1><0>ورود</0> Or <2>به عنوان یک میهمان وارد شوید</2></1>",
-  "Local volume": "حجم داخلی",
-  "Inspector": "بازرس",
-  "Spotlight": "نور افکن",
-  "Show call inspector": "نمایش بازرس تماس",
-  "Share screen": "اشتراک گذاری صفحه نمایش",
-  "Sending…": "در حال ارسال…",
-  "Sending debug logs…": "در حال ارسال باگ‌های عیب‌یابی…",
-  "Send debug logs": "ارسال لاگ‌های عیب‌یابی",
-  "Select an option": "یک گزینه را انتخاب کنید",
-  "Return to home screen": "برگشت به صفحه اصلی",
-  "Remove": "حذف",
-  "Registering…": "ثبت‌نام…",
-  "Register": "ثبت‌نام",
-  "Recaptcha not loaded": "کپچا بارگیری نشد",
-  "Recaptcha dismissed": "ریکپچا رد شد",
-  "Passwords must match": "رمز عبور باید همخوانی داشته باشد",
-  "Not registered yet? <2>Create an account</2>": "هنوز ثبت‌نام نکرده‌اید؟ <2>ساخت حساب کاربری</2>",
-  "Not now, return to home screen": "الان نه، به صفحه اصلی برگردید",
-  "Logging in…": "ورود…",
-  "Include debug logs": "شامل لاگ‌های عیب‌یابی",
-  "Yes, join call": "بله، به تماس بپیوندید",
-  "Waiting for other participants…": "در انتظار برای دیگر شرکت‌کنندگان…",
-  "Version: {{version}}": "نسخه: {{نسخه}}",
-  "User menu": "فهرست کاربر",
-  "This call already exists, would you like to join?": "این تماس از قبل وجود دارد، می‌خواهید بپیوندید؟",
-  "Submit feedback": "بازخورد ارائه دهید",
-  "Element Call Home": "خانهٔ تماس المنت",
-  "Copy": "رونوشت"
+  "a11y": {
+    "user_menu": "فهرست کاربر"
+  },
+  "action": {
+    "close": "بستن",
+    "copy": "رونوشت",
+    "go": "رفتن",
+    "no": "خیر",
+    "register": "ثبت‌نام",
+    "remove": "حذف",
+    "sign_in": "ورود",
+    "sign_out": "خروج"
+  },
+  "call_ended_view": {
+    "create_account_button": "ساخت حساب کاربری",
+    "create_account_prompt": "<0>چرا یک رمز عبور برای حساب کاربری خود تنظیم نمی‌کنید؟</0><1>شما می‌توانید نام خود را حفظ کنید و یک آواتار برای تماس‌های آینده بسازید</1>",
+    "not_now_button": "الان نه، به صفحه اصلی برگردید"
+  },
+  "common": {
+    "audio": "صدا",
+    "avatar": "آواتار",
+    "camera": "دوربین",
+    "copied": "کپی شد!",
+    "display_name": "نام نمایشی",
+    "home": "خانه",
+    "loading": "بارگزاری…",
+    "microphone": "میکروفون",
+    "password": "رمز عبور",
+    "profile": "پروفایل",
+    "settings": "تنظیمات",
+    "username": "نام کاربری",
+    "video": "ویدیو"
+  },
+  "header_label": "خانهٔ تماس المنت",
+  "join_existing_call_modal": {
+    "join_button": "بله، به تماس بپیوندید",
+    "text": "این تماس از قبل وجود دارد، می‌خواهید بپیوندید؟",
+    "title": "پیوست به تماس؟"
+  },
+  "layout_spotlight_label": "نور افکن",
+  "lobby": {
+    "join_button": "پیوستن به تماس"
+  },
+  "logging_in": "ورود…",
+  "login_auth_links": "<0>ساخت حساب کاربری</0> Or <2>دسترسی به عنوان میهمان</2>",
+  "login_title": "ورود",
+  "rageshake_request_modal": {
+    "body": "کاربر دیگری در این تماس مشکلی دارد. برای تشخیص بهتر مشکل، بهتر است ما لاگ عیب‌یابی را جمع‌آوری کنیم.",
+    "title": "درخواست لاگ عیب‌یابی"
+  },
+  "rageshake_send_logs": "ارسال لاگ‌های عیب‌یابی",
+  "rageshake_sending": "در حال ارسال…",
+  "rageshake_sending_logs": "در حال ارسال باگ‌های عیب‌یابی…",
+  "recaptcha_dismissed": "ریکپچا رد شد",
+  "recaptcha_not_loaded": "کپچا بارگیری نشد",
+  "register": {
+    "passwords_must_match": "رمز عبور باید همخوانی داشته باشد",
+    "registering": "ثبت‌نام…"
+  },
+  "register_auth_links": "<0>از قبل حساب کاربری دارید؟</0><1><0>ورود</0> Or <2>به عنوان یک میهمان وارد شوید</2></1>",
+  "register_confirm_password_label": "تایید رمزعبور",
+  "return_home_button": "برگشت به صفحه اصلی",
+  "room_auth_view_join_button": "الان به تماس بپیوند",
+  "screenshare_button_label": "اشتراک گذاری صفحه نمایش",
+  "select_input_unset_button": "یک گزینه را انتخاب کنید",
+  "settings": {
+    "developer_tab_title": "توسعه دهنده",
+    "feedback_tab_h4": "بازخورد ارائه دهید",
+    "feedback_tab_send_logs_label": "شامل لاگ‌های عیب‌یابی",
+    "more_tab_title": "بیشتر",
+    "speaker_device_selection_label": "بلندگو"
+  },
+  "unauthenticated_view_body": "هنوز ثبت‌نام نکرده‌اید؟ <2>ساخت حساب کاربری</2>",
+  "unauthenticated_view_login_button": "به حساب کاربری خود وارد شوید",
+  "version": "نسخه: {{نسخه}}",
+  "waiting_for_participants": "در انتظار برای دیگر شرکت‌کنندگان…"
 }

public/locales/fr/app.json

@@ -1,126 +1,132 @@
 {
-  "<0>Create an account</0> Or <2>Access as a guest</2>": "<0>Créer un compte</0> Or <2>Accès invité</2>",
-  "<0>Why not finish by setting up a password to keep your account?</0><1>You'll be able to keep your name and set an avatar for use on future calls</1>": "<0>Pourquoi ne pas créer un mot de passe pour conserver votre compte ?</0><1>Vous pourrez garder votre nom et définir un avatar pour vos futurs appels</1>",
-  "Another user on this call is having an issue. In order to better diagnose these issues we'd like to collect a debug log.": "Un autre utilisateur dans cet appel a un problème. Pour nous permettre de résoudre le problème, nous aimerions récupérer un journal de débogage.",
-  "Audio": "Audio",
-  "Avatar": "Avatar",
-  "Camera": "Caméra",
-  "Close": "Fermer",
-  "Confirm password": "Confirmer le mot de passe",
-  "Copied!": "Copié !",
-  "Copy and share this call link": "Copier et partager le lien de cet appel",
-  "Create account": "Créer un compte",
-  "Debug log": "Journal de débogage",
-  "Debug log request": "Demande d’un journal de débogage",
-  "Developer": "Développeur",
-  "Display name": "Nom d’affichage",
-  "Download debug logs": "Télécharger les journaux de débogage",
-  "Exit full screen": "Quitter le plein écran",
-  "Full screen": "Plein écran",
-  "Go": "Commencer",
-  "Home": "Accueil",
-  "Include debug logs": "Inclure les journaux de débogage",
-  "Inspector": "Inspecteur",
-  "Join call": "Rejoindre l’appel",
-  "Join call now": "Rejoindre l’appel maintenant",
-  "Join existing call?": "Rejoindre un appel existant ?",
-  "Loading…": "Chargement…",
-  "Local volume": "Volume local",
-  "Logging in…": "Connexion…",
-  "Login": "Connexion",
-  "Login to your account": "Connectez vous à votre compte",
-  "Microphone": "Microphone",
-  "More": "Plus",
-  "No": "Non",
-  "Not now, return to home screen": "Pas maintenant, retourner à l’accueil",
-  "Not registered yet? <2>Create an account</2>": "Pas encore de compte ? <2>En créer un</2>",
-  "Password": "Mot de passe",
-  "Passwords must match": "Les mots de passe doivent correspondre",
-  "Profile": "Profil",
-  "Recaptcha dismissed": "Recaptcha refusé",
-  "Recaptcha not loaded": "Recaptcha non chargé",
-  "Register": "S’enregistrer",
-  "Registering…": "Enregistrement…",
-  "Remove": "Supprimer",
-  "Return to home screen": "Retour à l’accueil",
-  "Select an option": "Sélectionnez une option",
-  "Send debug logs": "Envoyer les journaux de débogage",
-  "Sending…": "Envoi…",
-  "Settings": "Paramètres",
-  "Share screen": "Partage d’écran",
-  "Show call inspector": "Afficher l’inspecteur d’appel",
-  "Sign in": "Connexion",
-  "Sign out": "Déconnexion",
-  "Spotlight": "Premier plan",
-  "Submit feedback": "Envoyer un commentaire",
-  "This call already exists, would you like to join?": "Cet appel existe déjà, voulez-vous le rejoindre ?",
-  "Yes, join call": "Oui, rejoindre l’appel",
-  "Waiting for other participants…": "En attente d’autres participants…",
-  "Video": "Vidéo",
-  "Version: {{version}}": "Version : {{version}}",
-  "Username": "Nom d’utilisateur",
-  "User menu": "Menu utilisateur",
-  "Speaker": "Intervenant",
-  "<0>Already have an account?</0><1><0>Log in</0> Or <2>Access as a guest</2></1>": "<0>Vous avez déjà un compte ?</0><1><0>Se connecter</0> Ou <2>Accès invité</2></1>",
-  "Sending debug logs…": "Envoi des journaux de débogage…",
-  "Element Call Home": "Accueil Element Call",
-  "Copy": "Copier",
-  "<0>Submitting debug logs will help us track down the problem.</0>": "<0>Soumettre les journaux de débogage nous aidera à déterminer le problème.</0>",
-  "<0>Oops, something's gone wrong.</0>": "<0>Oups, quelque chose s’est mal passé.</0>",
-  "Expose developer settings in the settings window.": "Affiche les paramètres développeurs dans la fenêtre des paramètres.",
-  "Developer Settings": "Paramètres développeurs",
-  "By participating in this beta, you consent to the collection of anonymous data, which we use to improve the product. You can find more information about which data we track in our <2>Privacy Policy</2> and our <5>Cookie Policy</5>.": "En participant à cette beta, vous consentez à la collecte de données anonymes, qui seront utilisées pour améliorer le produit. Vous trouverez plus d’informations sur les données collectées dans notre <2>Politique de vie privée</2> et notre <5>Politique de cookies</5>.",
-  "<0></0><1></1>You may withdraw consent by unchecking this box. If you are currently in a call, this setting will take effect at the end of the call.": "<0></0><1></1>Vous pouvez retirer votre consentement en décochant cette case. Si vous êtes actuellement en communication, ce paramètre prendra effet à la fin de l’appel.",
-  "Your feedback": "Votre commentaire",
-  "Thanks, we received your feedback!": "Merci, nous avons reçu vos commentaires !",
-  "Submitting…": "Envoi…",
-  "Submit": "Envoyer",
-  "If you are experiencing issues or simply would like to provide some feedback, please send us a short description below.": "Si vous rencontrez des problèmes, ou vous voulez simplement faire un commentaire, faites-en une courte description ci-dessous.",
-  "Feedback": "Commentaires",
-  "{{count}} stars|other": "{{count}} favoris",
-  "<0>We'd love to hear your feedback so we can improve your experience.</0>": "<0>Nous aimerions avoir vos commentaires afin que nous puissions améliorer votre expérience.</0>",
-  "{{count}} stars|one": "{{count}} favori",
-  "{{displayName}}, your call has ended.": "{{displayName}}, votre appel est terminé.",
-  "<0>Thanks for your feedback!</0>": "<0>Merci pour votre commentaire !</0>",
-  "How did it go?": "Comment cela s’est-il passé ?",
-  "{{displayName}} is presenting": "{{displayName}} est à l’écran",
-  "Show connection stats": "Afficher les statistiques de la connexion",
-  "By clicking \"Join call now\", you agree to our <2>End User Licensing Agreement (EULA)</2>": "En cliquant sur « Rejoindre l’appel maintenant », vous acceptez notre <2>Contrat de Licence Utilisateur Final (CLUF)</2>",
-  "By clicking \"Go\", you agree to our <2>End User Licensing Agreement (EULA)</2>": "En cliquant sur « Commencer », vous acceptez notre <2>Contrat de Licence Utilisateur Final (CLUF)</2>",
-  "This site is protected by ReCAPTCHA and the Google <2>Privacy Policy</2> and <6>Terms of Service</6> apply.<9></9>By clicking \"Register\", you agree to our <12>End User Licensing Agreement (EULA)</12>": "Ce site est protégé par ReCAPTCHA, la <2>politique de confidentialité</2> et les <6>conditions d’utilisation</6> de Google s’appliquent.<9></9>En cliquant sur « S’enregistrer » vous acceptez également notre <12>Contrat de Licence Utilisateur Final (CLUF)</12>",
-  "Element Call is temporarily not end-to-end encrypted while we test scalability.": "Element Call n’est temporairement plus chiffré de bout en bout le temps de tester l’extensibilité.",
-  "Reconnect": "Se reconnecter",
-  "Retry sending logs": "Réessayer d’envoyer les journaux",
-  "Thanks!": "Merci !",
-  "You were disconnected from the call": "Vous avez été déconnecté de l’appel",
-  "Connectivity to the server has been lost.": "La connexion avec le serveur a été perdue.",
-  "End-to-end encryption isn't supported on your browser.": "Le chiffrement de bout-en-bout n’est pas pris en charge par votre navigateur.",
-  "Enable end-to-end encryption (password protected calls)": "Activer le chiffrement de bout-en-bout (appels protégés par mot de passe)",
-  "{{count, number}}|other": "{{count, number}}",
-  "{{names, list(style: short;)}}": "{{names, list(style: short;)}}",
-  "Encrypted": "Chiffré",
-  "End call": "Terminer l’appel",
-  "Grid": "Grille",
-  "Microphone off": "Microphone éteint",
-  "Microphone on": "Microphone allumé",
-  "Share": "Partager",
-  "Share this call": "Partager cet appel",
-  "Sharing screen": "L’écran est partagé",
-  "{{count, number}}|one": "{{count, number}}",
-  "Not encrypted": "Non chiffré",
-  "You": "Vous",
-  "Continue in browser": "Continuer dans le navigateur",
-  "Mute microphone": "Couper le microphone",
-  "Name of call": "Nom de l’appel",
-  "Open in the app": "Ouvrir dans l’application",
-  "Ready to join?": "Prêt à rejoindre ?",
-  "Select app": "Choisissez l’application",
-  "Start new call": "Démarrer un nouvel appel",
-  "Back to recents": "Revenir à l’historique des appels",
-  "Start video": "Démarrer la vidéo",
-  "Stop video": "Arrêter la vidéo",
-  "Unmute microphone": "Allumer le microphone",
-  "Call not found": "Appel non trouvé",
-  "Calls are now end-to-end encrypted and need to be created from the home page. This helps make sure everyone's using the same encryption key.": "Les appels sont maintenant chiffrés de bout-en-bout et doivent être créés depuis la page d’accueil. Cela permet d’être sûr que tout le monde utilise la même clé de chiffrement.",
-  "Your web browser does not support media end-to-end encryption. Supported Browsers are Chrome, Safari, Firefox >=117": "Votre navigateur web ne prend pas en charge le chiffrement de bout-en-bout des médias. Les navigateurs pris en charge sont Chrome, Safari, Firefox >= 117"
+  "a11y": {
+    "user_menu": "Menu utilisateur"
+  },
+  "action": {
+    "close": "Fermer",
+    "copy": "Copier",
+    "copy_link": "Copier le lien",
+    "go": "Commencer",
+    "invite": "Inviter",
+    "no": "Non",
+    "register": "S’enregistrer",
+    "remove": "Supprimer",
+    "sign_in": "Connexion",
+    "sign_out": "Déconnexion",
+    "submit": "Envoyer"
+  },
+  "analytics_notice": "En participant à cette beta, vous consentez à la collecte de données anonymes, qui seront utilisées pour améliorer le produit. Vous trouverez plus d’informations sur les données collectées dans notre <2>Politique de vie privée</2> et notre <6>Politique de cookies</6>.",
+  "app_selection_modal": {
+    "continue_in_browser": "Continuer dans le navigateur",
+    "open_in_app": "Ouvrir dans l’application",
+    "text": "Prêt à rejoindre ?",
+    "title": "Choisissez l’application"
+  },
+  "browser_media_e2ee_unsupported": "Votre navigateur web ne prend pas en charge le chiffrement de bout-en-bout des médias. Les navigateurs pris en charge sont Chrome, Safari, Firefox >= 117",
+  "call_ended_view": {
+    "body": "Vous avez été déconnecté de l’appel",
+    "create_account_button": "Créer un compte",
+    "create_account_prompt": "<0>Pourquoi ne pas créer un mot de passe pour conserver votre compte ?</0><1>Vous pourrez garder votre nom et définir un avatar pour vos futurs appels</1>",
+    "feedback_done": "<0>Merci pour votre commentaire !</0>",
+    "feedback_prompt": "<0>Nous aimerions avoir vos commentaires afin que nous puissions améliorer votre expérience.</0>",
+    "headline": "{{displayName}}, votre appel est terminé.",
+    "not_now_button": "Pas maintenant, retourner à l’accueil",
+    "reconnect_button": "Se reconnecter",
+    "survey_prompt": "Comment cela s’est-il passé ?"
+  },
+  "call_name": "Nom de l’appel",
+  "common": {
+    "camera": "Caméra",
+    "copied": "Copié !",
+    "display_name": "Nom d’affichage",
+    "encrypted": "Chiffré",
+    "home": "Accueil",
+    "loading": "Chargement…",
+    "password": "Mot de passe",
+    "profile": "Profil",
+    "settings": "Paramètres",
+    "unencrypted": "Non chiffré",
+    "username": "Nom d’utilisateur",
+    "video": "Vidéo"
+  },
+  "disconnected_banner": "La connexion avec le serveur a été perdue.",
+  "full_screen_view_description": "<0>Soumettre les journaux de débogage nous aidera à déterminer le problème.</0>",
+  "full_screen_view_h1": "<0>Oups, quelque chose s’est mal passé.</0>",
+  "hangup_button_label": "Terminer l’appel",
+  "header_label": "Accueil Element Call",
+  "invite_modal": {
+    "link_copied_toast": "Lien copié dans le presse-papier",
+    "title": "Inviter dans cet appel"
+  },
+  "join_existing_call_modal": {
+    "join_button": "Oui, rejoindre l’appel",
+    "text": "Cet appel existe déjà, voulez-vous le rejoindre ?",
+    "title": "Rejoindre un appel existant ?"
+  },
+  "layout_grid_label": "Grille",
+  "layout_spotlight_label": "Premier plan",
+  "lobby": {
+    "join_button": "Rejoindre l’appel",
+    "leave_button": "Revenir à l’historique des appels"
+  },
+  "logging_in": "Connexion…",
+  "login_auth_links": "<0>Créer un compte</0> Or <2>Accès invité</2>",
+  "login_title": "Connexion",
+  "microphone_off": "Microphone éteint",
+  "microphone_on": "Microphone allumé",
+  "mute_microphone_button_label": "Couper le microphone",
+  "rageshake_button_error_caption": "Réessayer d’envoyer les journaux",
+  "rageshake_request_modal": {
+    "body": "Un autre utilisateur dans cet appel a un problème. Pour nous permettre de résoudre le problème, nous aimerions récupérer un journal de débogage.",
+    "title": "Demande d’un journal de débogage"
+  },
+  "rageshake_send_logs": "Envoyer les journaux de débogage",
+  "rageshake_sending": "Envoi…",
+  "rageshake_sending_logs": "Envoi des journaux de débogage…",
+  "rageshake_sent": "Merci !",
+  "recaptcha_caption": "Ce site est protégé par ReCAPTCHA, la <2>politique de confidentialité</2> et les <6>conditions d’utilisation</6> de Google s’appliquent.<9></9>En cliquant sur « S’enregistrer » vous acceptez également notre <12>Contrat de Licence Utilisateur Final (CLUF)</12>",
+  "recaptcha_dismissed": "Recaptcha refusé",
+  "recaptcha_not_loaded": "Recaptcha non chargé",
+  "register": {
+    "passwords_must_match": "Les mots de passe doivent correspondre",
+    "registering": "Enregistrement…"
+  },
+  "register_auth_links": "<0>Vous avez déjà un compte ?</0><1><0>Se connecter</0> Ou <2>Accès invité</2></1>",
+  "register_confirm_password_label": "Confirmer le mot de passe",
+  "return_home_button": "Retour à l’accueil",
+  "room_auth_view_eula_caption": "En cliquant sur « Rejoindre l’appel maintenant », vous acceptez notre <2>Contrat de Licence Utilisateur Final (CLUF)</2>",
+  "room_auth_view_join_button": "Rejoindre l’appel maintenant",
+  "screenshare_button_label": "Partage d’écran",
+  "select_input_unset_button": "Sélectionnez une option",
+  "settings": {
+    "developer_settings_label": "Paramètres développeurs",
+    "developer_settings_label_description": "Affiche les paramètres développeurs dans la fenêtre des paramètres.",
+    "developer_tab_title": "Développeur",
+    "feedback_tab_body": "Si vous rencontrez des problèmes, ou vous voulez simplement faire un commentaire, faites-en une courte description ci-dessous.",
+    "feedback_tab_description_label": "Votre commentaire",
+    "feedback_tab_h4": "Envoyer un commentaire",
+    "feedback_tab_send_logs_label": "Inclure les journaux de débogage",
+    "feedback_tab_thank_you": "Merci, nous avons reçu vos commentaires !",
+    "feedback_tab_title": "Commentaires",
+    "more_tab_title": "Plus",
+    "opt_in_description": "<0></0><1></1>Vous pouvez retirer votre consentement en décochant cette case. Si vous êtes actuellement en communication, ce paramètre prendra effet à la fin de l’appel.",
+    "show_connection_stats_label": "Afficher les statistiques de la connexion",
+    "speaker_device_selection_label": "Intervenant"
+  },
+  "star_rating_input_label_one": "{{count}} favori",
+  "star_rating_input_label_other": "{{count}} favoris",
+  "start_new_call": "Démarrer un nouvel appel",
+  "start_video_button_label": "Démarrer la vidéo",
+  "stop_screenshare_button_label": "L’écran est partagé",
+  "stop_video_button_label": "Arrêter la vidéo",
+  "submitting": "Envoi…",
+  "unauthenticated_view_body": "Pas encore de compte ? <2>En créer un</2>",
+  "unauthenticated_view_eula_caption": "En cliquant sur « Commencer », vous acceptez notre <2>Contrat de Licence Utilisateur Final (CLUF)</2>",
+  "unauthenticated_view_login_button": "Connectez vous à votre compte",
+  "unmute_microphone_button_label": "Allumer le microphone",
+  "version": "Version : {{version}}",
+  "video_tile": {
+    "sfu_participant_local": "Vous"
+  },
+  "waiting_for_participants": "En attente d’autres participants…"
 }

public/locales/id/app.json

@@ -1,126 +1,133 @@
 {
-  "<0>Already have an account?</0><1><0>Log in</0> Or <2>Access as a guest</2></1>": "<0>Sudah punya akun?</0><1><0>Masuk</0> Atau <2>Akses sebagai tamu</2></1>",
-  "<0>Create an account</0> Or <2>Access as a guest</2>": "<0>Buat akun</0> Atau <2>Akses sebagai tamu</2>",
-  "<0>Why not finish by setting up a password to keep your account?</0><1>You'll be able to keep your name and set an avatar for use on future calls</1>": "<0>Kenapa tidak selesaikan dengan mengatur sebuah kata sandi untuk menjaga akun Anda?</0><1>Anda akan dapat tetap menggunakan nama Anda dan atur sebuah avatar untuk digunakan dalam panggilan di masa mendatang</1>",
-  "Another user on this call is having an issue. In order to better diagnose these issues we'd like to collect a debug log.": "Pengguna yang lain di panggilan ini sedang mengalami masalah. Supaya dapat mendiagnosa masalah ini, kami ingin mengumpulkan sebuah catatan pengawakutuan.",
-  "Audio": "Audio",
-  "Avatar": "Avatar",
-  "Camera": "Kamera",
-  "Close": "Tutup",
-  "Confirm password": "Konfirmasi kata sandi",
-  "Copied!": "Disalin!",
-  "Copy and share this call link": "Salin dan bagikan tautan panggilan ini",
-  "Create account": "Buat akun",
-  "Debug log": "Catatan pengawakutuan",
-  "Debug log request": "Permintaan catatan pengawakutuan",
-  "Developer": "Pengembang",
-  "Display name": "Nama tampilan",
-  "Download debug logs": "Unduh catatan pengawakutuan",
-  "Exit full screen": "Keluar dari layar penuh",
-  "Full screen": "Layar penuh",
-  "Go": "Bergabung",
-  "Home": "Beranda",
-  "Include debug logs": "Termasuk catatan pengawakutuan",
-  "Inspector": "Inspektur",
-  "Join call": "Bergabung ke panggilan",
-  "Join call now": "Bergabung ke panggilan sekarang",
-  "Join existing call?": "Bergabung ke panggilan yang sudah ada?",
-  "Loading…": "Memuat…",
-  "Local volume": "Volume lokal",
-  "Logging in…": "Memasuki…",
-  "Login": "Masuk",
-  "Login to your account": "Masuk ke akun Anda",
-  "Microphone": "Mikrofon",
-  "More": "Lainnya",
-  "No": "Tidak",
-  "Not now, return to home screen": "Tidak sekarang, kembali ke layar beranda",
-  "Not registered yet? <2>Create an account</2>": "Belum terdaftar? <2>Buat sebuah akun</2>",
-  "Password": "Kata sandi",
-  "Passwords must match": "Kata sandi harus cocok",
-  "Profile": "Profil",
-  "Recaptcha dismissed": "Recaptcha ditutup",
-  "Recaptcha not loaded": "Recaptcha tidak dimuat",
-  "Register": "Daftar",
-  "Registering…": "Mendaftarkan…",
-  "Remove": "Hapus",
-  "Return to home screen": "Kembali ke layar beranda",
-  "Select an option": "Pilih sebuah opsi",
-  "Send debug logs": "Kirim catatan pengawakutuan",
-  "Sending…": "Mengirimkan…",
-  "Settings": "Pengaturan",
-  "Share screen": "Bagikan layar",
-  "Show call inspector": "Tampilkan inspektur panggilan",
-  "Sign in": "Masuk",
-  "Sign out": "Keluar",
-  "Speaker": "Pembicara",
-  "Spotlight": "Sorotan",
-  "Submit feedback": "Kirim masukan",
-  "This call already exists, would you like to join?": "Panggilan ini sudah ada, apakah Anda ingin bergabung?",
-  "User menu": "Menu pengguna",
-  "Username": "Nama pengguna",
-  "Version: {{version}}": "Versi: {{version}}",
-  "Video": "Video",
-  "Waiting for other participants…": "Menunggu peserta lain…",
-  "Yes, join call": "Ya, bergabung ke panggilan",
-  "Sending debug logs…": "Mengirimkan catatan pengawakutuan…",
-  "Element Call Home": "Beranda Element Call",
-  "Copy": "Salin",
-  "<0>Submitting debug logs will help us track down the problem.</0>": "<0>Mengirim catatan pengawakutuan akan membantu kami melacak masalahnya.</0>",
-  "<0>Oops, something's gone wrong.</0>": "<0>Aduh, ada yang salah.</0>",
-  "Expose developer settings in the settings window.": "Ekspos pengaturan pengembang dalam jendela pengaturan.",
-  "Developer Settings": "Pengaturan Pengembang",
-  "By participating in this beta, you consent to the collection of anonymous data, which we use to improve the product. You can find more information about which data we track in our <2>Privacy Policy</2> and our <5>Cookie Policy</5>.": "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.",
-  "<0></0><1></1>You may withdraw consent by unchecking this box. If you are currently in a call, this setting will take effect at the end of the call.": "<0></0><1></1>Anda dapat mengurungkan kembali izin dengan mencentang kotak ini. Jika Anda saat ini dalam panggilan, pengaturan ini akan diterapkan di akhir panggilan.",
-  "Feedback": "Masukan",
-  "If you are experiencing issues or simply would like to provide some feedback, please send us a short description below.": "Jika Anda mengalami masalah atau hanya ingin memberikan masukan, silakan kirimkan kami deskripsi pendek di bawah.",
-  "Submit": "Kirim",
-  "Submitting…": "Mengirim…",
-  "Thanks, we received your feedback!": "Terima kasih, kami telah menerima masukan Anda!",
-  "Your feedback": "Masukan Anda",
-  "{{displayName}}, your call has ended.": "{{displayName}}, panggilan Anda telah berakhir.",
-  "<0>Thanks for your feedback!</0>": "<0>Terima kasih atas masukan Anda!</0>",
-  "How did it go?": "Bagaimana rasanya?",
-  "{{count}} stars|one": "{{count}} bintang",
-  "<0>We'd love to hear your feedback so we can improve your experience.</0>": "<0>Kami ingin mendengar masukan Anda supaya kami bisa meningkatkan pengalaman Anda.</0>",
-  "Show connection stats": "Tampilkan statistik koneksi",
-  "{{displayName}} is presenting": "{{displayName}} sedang menampilkan",
-  "{{count}} stars|other": "{{count}} bintang",
-  "By clicking \"Go\", you agree to our <2>End User Licensing Agreement (EULA)</2>": "Dengan mengeklik \"Bergabung\", Anda menyetujui <2>Perjanjian Lisensi Pengguna Akhir (EULA)</2>",
-  "This site is protected by ReCAPTCHA and the Google <2>Privacy Policy</2> and <6>Terms of Service</6> apply.<9></9>By clicking \"Register\", you agree to our <12>End User Licensing Agreement (EULA)</12>": "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 Pengguna Akhir (EULA)</12> kami",
-  "By clicking \"Join call now\", you agree to our <2>End User Licensing Agreement (EULA)</2>": "Dengan mengeklik \"Bergabung ke panggilan sekarang\", Anda menyetujui <2>Perjanjian Lisensi Pengguna Akhir (EULA)</2> kami",
-  "Element Call is temporarily not end-to-end encrypted while we test scalability.": "Element Call sementara tidak dienkripsi secara ujung ke ujung selagi kami menguji skalabilitas.",
-  "Connectivity to the server has been lost.": "Koneksi ke server telah hilang.",
-  "Enable end-to-end encryption (password protected calls)": "Aktifkan enkripsi ujung ke ujung (panggilan terlindungi oleh kata sandi)",
-  "End-to-end encryption isn't supported on your browser.": "Enkripsi ujung ke ujung tidak didukung di peramban Anda.",
-  "Retry sending logs": "Kirim ulang catatan",
-  "You were disconnected from the call": "Anda terputus dari panggilan",
-  "Reconnect": "Hubungkan ulang",
-  "Thanks!": "Terima kasih!",
-  "{{count, number}}|other": "{{count, number}}",
-  "Encrypted": "Terenkripsi",
-  "End call": "Akhiri panggilan",
-  "Grid": "Kisi",
-  "Microphone off": "Mikrofon dimatikan",
-  "Microphone on": "Mikrofon dinyalakan",
-  "Not encrypted": "Tidak terenkripsi",
-  "Share": "Bagikan",
-  "Share this call": "Bagikan panggilan ini",
-  "Sharing screen": "Berbagi layar",
-  "{{count, number}}|one": "{{count, number}}",
-  "{{names, list(style: short;)}}": "{{names, list(style: short;)}}",
-  "You": "Anda",
-  "Continue in browser": "Lanjutkan dalam peramban",
-  "Mute microphone": "Matikan mikrofon",
-  "Name of call": "Nama panggilan",
-  "Open in the app": "Buka dalam aplikasi",
-  "Ready to join?": "Siap untuk bergabung?",
-  "Select app": "Pilih plikasi",
-  "Start new call": "Mulai panggilan baru",
-  "Start video": "Nyalakan video",
-  "Stop video": "Matikan video",
-  "Unmute microphone": "Nyalakan mikrofon",
-  "Back to recents": "Kembali ke terkini",
-  "Call not found": "Panggilan tidak ditemukan",
-  "Calls are now end-to-end encrypted and need to be created from the home page. This helps make sure everyone's using the same encryption key.": "Panggilan sekarang terenkripsi secara ujung ke ujung dan harus dibuat dari laman beranda. Ini memastikan bahwa semuanya menggunakan kunci enkripsi yang sama.",
-  "Your web browser does not support media end-to-end encryption. Supported Browsers are Chrome, Safari, Firefox >=117": "Peramban web Anda tidak mendukung enkripsi media ujung ke ujung. Peramban yang didukung adalah Chrome, Safari, dan Firefox >=117"
+  "a11y": {
+    "user_menu": "Menu pengguna"
+  },
+  "action": {
+    "close": "Tutup",
+    "copy": "Salin",
+    "copy_link": "Salin tautan",
+    "go": "Bergabung",
+    "invite": "Undang",
+    "no": "Tidak",
+    "register": "Daftar",
+    "remove": "Hapus",
+    "sign_in": "Masuk",
+    "sign_out": "Keluar",
+    "submit": "Kirim"
+  },
+  "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 <6>Kebijakan Kuki</6> kami.",
+  "app_selection_modal": {
+    "continue_in_browser": "Lanjutkan dalam peramban",
+    "open_in_app": "Buka dalam aplikasi",
+    "text": "Siap untuk bergabung?",
+    "title": "Pilih plikasi"
+  },
+  "browser_media_e2ee_unsupported": "Peramban web Anda tidak mendukung enkripsi media ujung ke ujung. Peramban yang didukung adalah Chrome, Safari, dan Firefox >=117",
+  "call_ended_view": {
+    "body": "Anda terputus dari panggilan",
+    "create_account_button": "Buat akun",
+    "create_account_prompt": "<0>Kenapa tidak selesaikan dengan mengatur sebuah kata sandi untuk menjaga akun Anda?</0><1>Anda akan dapat tetap menggunakan nama Anda dan atur sebuah avatar untuk digunakan dalam panggilan di masa mendatang</1>",
+    "feedback_done": "<0>Terima kasih atas masukan Anda!</0>",
+    "feedback_prompt": "<0>Kami ingin mendengar masukan Anda supaya kami bisa meningkatkan pengalaman Anda.</0>",
+    "headline": "{{displayName}}, panggilan Anda telah berakhir.",
+    "not_now_button": "Tidak sekarang, kembali ke layar beranda",
+    "reconnect_button": "Hubungkan ulang",
+    "survey_prompt": "Bagaimana rasanya?"
+  },
+  "call_name": "Nama panggilan",
+  "common": {
+    "camera": "Kamera",
+    "copied": "Disalin!",
+    "display_name": "Nama tampilan",
+    "encrypted": "Terenkripsi",
+    "home": "Beranda",
+    "loading": "Memuat…",
+    "microphone": "Mikrofon",
+    "password": "Kata sandi",
+    "profile": "Profil",
+    "settings": "Pengaturan",
+    "unencrypted": "Tidak terenkripsi",
+    "username": "Nama pengguna"
+  },
+  "disconnected_banner": "Koneksi ke server telah hilang.",
+  "full_screen_view_description": "<0>Mengirim catatan pengawakutuan akan membantu kami melacak masalahnya.</0>",
+  "full_screen_view_h1": "<0>Aduh, ada yang salah.</0>",
+  "hangup_button_label": "Akhiri panggilan",
+  "header_label": "Beranda Element Call",
+  "header_participants_label": "Peserta",
+  "invite_modal": {
+    "link_copied_toast": "Tautan disalin ke papan klip",
+    "title": "Undang ke panggilan ini"
+  },
+  "join_existing_call_modal": {
+    "join_button": "Ya, bergabung ke panggilan",
+    "text": "Panggilan ini sudah ada, apakah Anda ingin bergabung?",
+    "title": "Bergabung ke panggilan yang sudah ada?"
+  },
+  "layout_grid_label": "Kisi",
+  "layout_spotlight_label": "Sorotan",
+  "lobby": {
+    "join_button": "Bergabung ke panggilan",
+    "leave_button": "Kembali ke terkini"
+  },
+  "logging_in": "Memasuki…",
+  "login_auth_links": "<0>Buat akun</0> Atau <2>Akses sebagai tamu</2>",
+  "login_title": "Masuk",
+  "microphone_off": "Mikrofon dimatikan",
+  "microphone_on": "Mikrofon dinyalakan",
+  "mute_microphone_button_label": "Matikan mikrofon",
+  "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.",
+    "title": "Permintaan catatan pengawakutuan"
+  },
+  "rageshake_send_logs": "Kirim catatan pengawakutuan",
+  "rageshake_sending": "Mengirimkan…",
+  "rageshake_sending_logs": "Mengirimkan catatan pengawakutuan…",
+  "rageshake_sent": "Terima kasih!",
+  "recaptcha_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 Pengguna Akhir (EULA)</12> kami",
+  "recaptcha_dismissed": "Recaptcha ditutup",
+  "recaptcha_not_loaded": "Recaptcha tidak dimuat",
+  "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",
+  "return_home_button": "Kembali ke layar beranda",
+  "room_auth_view_eula_caption": "Dengan mengeklik \"Bergabung ke panggilan sekarang\", Anda menyetujui <2>Perjanjian Lisensi Pengguna Akhir (EULA)</2> kami",
+  "room_auth_view_join_button": "Bergabung ke panggilan sekarang",
+  "screenshare_button_label": "Bagikan layar",
+  "select_input_unset_button": "Pilih sebuah opsi",
+  "settings": {
+    "developer_settings_label": "Pengaturan Pengembang",
+    "developer_settings_label_description": "Ekspos pengaturan pengembang dalam jendela pengaturan.",
+    "developer_tab_title": "Pengembang",
+    "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",
+    "more_tab_title": "Lainnya",
+    "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.",
+    "show_connection_stats_label": "Tampilkan statistik koneksi",
+    "speaker_device_selection_label": "Pembicara"
+  },
+  "star_rating_input_label_one": "{{count}} bintang",
+  "star_rating_input_label_other": "{{count}} bintang",
+  "start_new_call": "Mulai panggilan baru",
+  "start_video_button_label": "Nyalakan video",
+  "stop_screenshare_button_label": "Berbagi layar",
+  "stop_video_button_label": "Matikan video",
+  "submitting": "Mengirim…",
+  "unauthenticated_view_body": "Belum terdaftar? <2>Buat sebuah akun</2>",
+  "unauthenticated_view_eula_caption": "Dengan mengeklik \"Bergabung\", Anda menyetujui <2>Perjanjian Lisensi Pengguna Akhir (EULA)</2>",
+  "unauthenticated_view_login_button": "Masuk ke akun Anda",
+  "unmute_microphone_button_label": "Nyalakan mikrofon",
+  "version": "Versi: {{version}}",
+  "video_tile": {
+    "sfu_participant_local": "Anda"
+  },
+  "waiting_for_participants": "Menunggu peserta lain…"
 }

public/locales/it/app.json

@@ -1,125 +1,130 @@
 {
-  "{{count, number}}|one": "{{count, number}}",
-  "{{count, number}}|other": "{{count, number}}",
-  "{{count}} stars|one": "{{count}} stelle",
-  "{{count}} stars|other": "{{count}} stelle",
-  "{{displayName}} is presenting": "{{displayName}} sta presentando",
-  "{{names, list(style: short;)}}": "{{names, list(style: short;)}}",
-  "<0>Already have an account?</0><1><0>Log in</0> Or <2>Access as a guest</2></1>": "<0>Hai già un profilo?</0><1><0>Accedi</0> o <2>Accedi come ospite</2></1>",
-  "<0>Create an account</0> Or <2>Access as a guest</2>": "<0>Crea un profilo</0> o <2>Accedi come ospite</2>",
-  "<0>Oops, something's gone wrong.</0>": "<0>Ops, qualcosa è andato storto.</0>",
-  "<0>Submitting debug logs will help us track down the problem.</0>": "<0>L'invio di registri di debug ci aiuterà ad individuare il problema.</0>",
-  "<0>Thanks for your feedback!</0>": "<0>Grazie per la tua opinione!</0>",
-  "<0>We'd love to hear your feedback so we can improve your experience.</0>": "<0>Vorremmo sapere la tua opinione in modo da migliorare l'esperienza.</0>",
-  "Audio": "Audio",
-  "Avatar": "Avatar",
-  "By clicking \"Go\", you agree to our <2>End User Licensing Agreement (EULA)</2>": "Cliccando \"Vai\", accetti il nostro <2>accordo di licenza con l'utente finale (EULA)</2>",
-  "Camera": "Fotocamera",
-  "Close": "Chiudi",
-  "Confirm password": "Conferma password",
-  "Connectivity to the server has been lost.": "La connessione al server è stata persa.",
-  "Copied!": "Copiato!",
-  "Copy": "Copia",
-  "Copy and share this call link": "Copia e condividi questo collegamento alla chiamata",
-  "Create account": "Crea profilo",
-  "Debug log": "Registro di debug",
-  "Debug log request": "Richiesta registro di debug",
-  "Developer": "Sviluppatore",
-  "Developer Settings": "Impostazioni per sviluppatori",
-  "Display name": "Nome da mostrare",
-  "Download debug logs": "Scarica registri di debug",
-  "Element Call Home": "Inizio di Element Call",
-  "Enable end-to-end encryption (password protected calls)": "Attiva crittografia end-to-end (chiamate protette da password)",
-  "Encrypted": "Cifrata",
-  "End call": "Termina chiamata",
-  "Exit full screen": "Esci da schermo intero",
-  "Expose developer settings in the settings window.": "Mostra le impostazioni per sviluppatori nella finestra delle impostazioni.",
-  "Feedback": "Feedback",
-  "Full screen": "Schermo intero",
-  "Go": "Vai",
-  "Grid": "Griglia",
-  "Home": "Pagina iniziale",
-  "How did it go?": "Com'è andata?",
-  "Include debug logs": "Includi registri di debug",
-  "Join call": "Entra in chiamata",
-  "Join call now": "Entra in chiamata ora",
-  "Loading…": "Caricamento…",
-  "Local volume": "Volume locale",
-  "Logging in…": "Accesso…",
-  "Login": "Accedi",
-  "Login to your account": "Accedi al tuo profilo",
-  "Microphone": "Microfono",
-  "Microphone off": "Microfono spento",
-  "Microphone on": "Microfono acceso",
-  "More": "Altro",
-  "No": "No",
-  "Not encrypted": "Non cifrata",
-  "Inspector": "Ispettore",
-  "Join existing call?": "Entrare in una chiamata esistente?",
-  "Not registered yet? <2>Create an account</2>": "Non hai ancora un profilo? <2>Creane uno</2>",
-  "Password": "Password",
-  "Passwords must match": "Le password devono coincidere",
-  "Profile": "Profilo",
-  "Recaptcha dismissed": "Recaptcha annullato",
-  "Recaptcha not loaded": "Recaptcha non caricato",
-  "Reconnect": "Riconnetti",
-  "Register": "Registra",
-  "Registering…": "Registrazione…",
-  "Remove": "Rimuovi",
-  "Retry sending logs": "Riprova l'invio dei registri",
-  "Return to home screen": "Torna alla schermata di iniziale",
-  "Select an option": "Seleziona un'opzione",
-  "Send debug logs": "Invia registri di debug",
-  "Sending debug logs…": "Invio dei registri di debug…",
-  "Sending…": "Invio…",
-  "Settings": "Impostazioni",
-  "Share": "Condividi",
-  "Share screen": "Condividi schermo",
-  "Share this call": "Condividi questa chiamata",
-  "Sharing screen": "Condivisione schermo",
-  "Show connection stats": "Mostra statistiche connessione",
-  "Sign in": "Accedi",
-  "Sign out": "Disconnetti",
-  "Speaker": "Altoparlante",
-  "Submit": "Invia",
-  "Submit feedback": "Invia commento",
-  "Show call inspector": "Mostra ispettore della chiamata",
-  "Spotlight": "In primo piano",
-  "Thanks, we received your feedback!": "Grazie, abbiamo ricevuto il tuo commento!",
-  "Thanks!": "Grazie!",
-  "This call already exists, would you like to join?": "Questa chiamata esiste già, vuoi entrare?",
-  "This site is protected by ReCAPTCHA and the Google <2>Privacy Policy</2> and <6>Terms of Service</6> apply.<9></9>By clicking \"Register\", you agree to our <12>End User Licensing Agreement (EULA)</12>": "Questo sito è protetto da ReCAPTCHA e si applicano l'<2>informativa sulla privacy</2> e i <6>termini di servizio</6> di Google.<9></9>Cliccando \"Registra\", accetti il nostro <12>accordo di licenza con l'utente finale (EULA)</12>",
-  "User menu": "Menu utente",
-  "Username": "Nome utente",
-  "Version: {{version}}": "Versione: {{version}}",
-  "Video": "Video",
-  "Waiting for other participants…": "In attesa di altri partecipanti…",
-  "Yes, join call": "Sì, entra in chiamata",
-  "You were disconnected from the call": "Sei stato disconnesso dalla chiamata",
-  "Your feedback": "Il tuo commento",
-  "{{displayName}}, your call has ended.": "{{displayName}}, la chiamata è terminata.",
-  "<0></0><1></1>You may withdraw consent by unchecking this box. If you are currently in a call, this setting will take effect at the end of the call.": "<0></0><1></1>Puoi revocare il consenso deselezionando questa casella. Se attualmente sei in una chiamata, avrà effetto al termine di essa.",
-  "<0>Why not finish by setting up a password to keep your account?</0><1>You'll be able to keep your name and set an avatar for use on future calls</1>": "<0>Ti va di terminare impostando una password per mantenere il profilo?</0><1>Potrai mantenere il tuo nome e impostare un avatar da usare in chiamate future</1>",
-  "Element Call is temporarily not end-to-end encrypted while we test scalability.": "Element Call temporaneamente non è cifrato end-to-end mentre proviamo la scalabilità.",
-  "If you are experiencing issues or simply would like to provide some feedback, please send us a short description below.": "Se stai riscontrando problemi o semplicemente vuoi dare un'opinione, inviaci una breve descrizione qua sotto.",
-  "Not now, return to home screen": "Non ora, torna alla schermata principale",
-  "Submitting…": "Invio…",
-  "Another user on this call is having an issue. In order to better diagnose these issues we'd like to collect a debug log.": "Un altro utente in questa chiamata sta avendo problemi. Per diagnosticare meglio questi problemi, vorremmo raccogliere un registro di debug.",
-  "End-to-end encryption isn't supported on your browser.": "La crittografia end-to-end non è supportata nel tuo browser.",
-  "By clicking \"Join call now\", you agree to our <2>End User Licensing Agreement (EULA)</2>": "Cliccando \"Entra in chiamata ora\", accetti il nostro <2>accordo di licenza con l'utente finale (EULA)</2>",
-  "By participating in this beta, you consent to the collection of anonymous data, which we use to improve the product. You can find more information about which data we track in our <2>Privacy Policy</2> and our <5>Cookie Policy</5>.": "Partecipando a questa beta, acconsenti alla raccolta di dati anonimi che usiamo per migliorare il prodotto. Puoi trovare più informazioni su quali dati monitoriamo nella nostra <2>informativa sulla privacy</2> e nell'<5>informativa sui cookie</5>.",
-  "You": "Tu",
-  "Continue in browser": "Continua nel browser",
-  "Mute microphone": "Spegni il microfono",
-  "Select app": "Seleziona app",
-  "Name of call": "Nome della chiamata",
-  "Open in the app": "Apri nell'app",
-  "Ready to join?": "Tutto pronto per entrare?",
-  "Start video": "Avvia video",
-  "Stop video": "Ferma video",
-  "Unmute microphone": "Riaccendi il microfono",
-  "Back to recents": "Torna ai recenti",
-  "Start new call": "Inizia nuova chiamata",
-  "Call not found": "Chiamata non trovata",
-  "Calls are now end-to-end encrypted and need to be created from the home page. This helps make sure everyone's using the same encryption key.": "Le chiamate ora sono cifrate end-to-end e devono essere create dalla pagina principale. Ciò assicura che chiunque usi la stessa chiave di crittografia."
+  "a11y": {
+    "user_menu": "Menu utente"
+  },
+  "action": {
+    "close": "Chiudi",
+    "copy": "Copia",
+    "copy_link": "Copia collegamento",
+    "go": "Vai",
+    "invite": "Invita",
+    "register": "Registra",
+    "remove": "Rimuovi",
+    "sign_in": "Accedi",
+    "sign_out": "Disconnetti",
+    "submit": "Invia"
+  },
+  "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'<6>informativa sui cookie</6>.",
+  "app_selection_modal": {
+    "continue_in_browser": "Continua nel browser",
+    "open_in_app": "Apri nell'app",
+    "text": "Tutto pronto per entrare?",
+    "title": "Seleziona app"
+  },
+  "browser_media_e2ee_unsupported": "Il tuo browser non supporta la crittografia end-to-end dei media. I browser supportati sono Chrome, Safari, Firefox >=117",
+  "call_ended_view": {
+    "body": "Sei stato disconnesso dalla chiamata",
+    "create_account_button": "Crea profilo",
+    "create_account_prompt": "<0>Ti va di terminare impostando una password per mantenere il profilo?</0><1>Potrai mantenere il tuo nome e impostare un avatar da usare in chiamate future</1>",
+    "feedback_done": "<0>Grazie per la tua opinione!</0>",
+    "feedback_prompt": "<0>Vorremmo sapere la tua opinione in modo da migliorare l'esperienza.</0>",
+    "headline": "{{displayName}}, la chiamata è terminata.",
+    "not_now_button": "Non ora, torna alla schermata principale",
+    "reconnect_button": "Riconnetti",
+    "survey_prompt": "Com'è andata?"
+  },
+  "call_name": "Nome della chiamata",
+  "common": {
+    "camera": "Fotocamera",
+    "copied": "Copiato!",
+    "display_name": "Il tuo nome",
+    "encrypted": "Cifrata",
+    "home": "Pagina iniziale",
+    "loading": "Caricamento…",
+    "microphone": "Microfono",
+    "profile": "Profilo",
+    "settings": "Impostazioni",
+    "unencrypted": "Non cifrata",
+    "username": "Nome utente"
+  },
+  "disconnected_banner": "La connessione al server è stata persa.",
+  "full_screen_view_description": "<0>L'invio di registri di debug ci aiuterà ad individuare il problema.</0>",
+  "full_screen_view_h1": "<0>Ops, qualcosa è andato storto.</0>",
+  "hangup_button_label": "Termina chiamata",
+  "header_label": "Inizio di Element Call",
+  "header_participants_label": "Partecipanti",
+  "invite_modal": {
+    "link_copied_toast": "Collegamento copiato negli appunti",
+    "title": "Invita a questa chiamata"
+  },
+  "join_existing_call_modal": {
+    "join_button": "Sì, entra in chiamata",
+    "text": "Questa chiamata esiste già, vuoi entrare?",
+    "title": "Entrare in una chiamata esistente?"
+  },
+  "layout_grid_label": "Griglia",
+  "layout_spotlight_label": "In primo piano",
+  "lobby": {
+    "join_button": "Entra in chiamata",
+    "leave_button": "Torna ai recenti"
+  },
+  "logging_in": "Accesso…",
+  "login_auth_links": "<0>Crea un profilo</0> o <2>Accedi come ospite</2>",
+  "login_title": "Accedi",
+  "microphone_off": "Microfono spento",
+  "microphone_on": "Microfono acceso",
+  "mute_microphone_button_label": "Spegni il microfono",
+  "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.",
+    "title": "Richiesta registro di debug"
+  },
+  "rageshake_send_logs": "Invia registri di debug",
+  "rageshake_sending": "Invio…",
+  "rageshake_sending_logs": "Invio dei registri di debug…",
+  "rageshake_sent": "Grazie!",
+  "recaptcha_caption": "Questo sito è protetto da ReCAPTCHA e si applicano l'<2>informativa sulla privacy</2> e i <6>termini di servizio</6> di Google.<9></9>Cliccando \"Registra\", accetti il nostro <12>accordo di licenza con l'utente finale (EULA)</12>",
+  "recaptcha_dismissed": "Recaptcha annullato",
+  "recaptcha_not_loaded": "Recaptcha non caricato",
+  "register": {
+    "passwords_must_match": "Le password devono coincidere",
+    "registering": "Registrazione…"
+  },
+  "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",
+  "return_home_button": "Torna alla schermata di iniziale",
+  "room_auth_view_eula_caption": "Cliccando \"Entra in chiamata ora\", accetti il nostro <2>accordo di licenza con l'utente finale (EULA)</2>",
+  "room_auth_view_join_button": "Entra in chiamata ora",
+  "screenshare_button_label": "Condividi schermo",
+  "select_input_unset_button": "Seleziona un'opzione",
+  "settings": {
+    "developer_settings_label": "Impostazioni per sviluppatori",
+    "developer_settings_label_description": "Mostra le impostazioni per sviluppatori nella finestra delle impostazioni.",
+    "developer_tab_title": "Sviluppatore",
+    "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!",
+    "more_tab_title": "Altro",
+    "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.",
+    "show_connection_stats_label": "Mostra statistiche connessione",
+    "speaker_device_selection_label": "Altoparlante"
+  },
+  "star_rating_input_label_one": "{{count}} stelle",
+  "star_rating_input_label_other": "{{count}} stelle",
+  "start_new_call": "Inizia una nuova chiamata",
+  "start_video_button_label": "Avvia video",
+  "stop_screenshare_button_label": "Condivisione schermo",
+  "stop_video_button_label": "Ferma video",
+  "submitting": "Invio…",
+  "unauthenticated_view_body": "Non hai ancora un profilo? <2>Creane uno</2>",
+  "unauthenticated_view_eula_caption": "Cliccando \"Vai\", accetti il nostro <2>accordo di licenza con l'utente finale (EULA)</2>",
+  "unauthenticated_view_login_button": "Accedi al tuo profilo",
+  "unmute_microphone_button_label": "Riaccendi il microfono",
+  "version": "Versione: {{version}}",
+  "video_tile": {
+    "sfu_participant_local": "Tu"
+  },
+  "waiting_for_participants": "In attesa di altri partecipanti…"
 }

public/locales/ja/app.json

@@ -1,60 +1,73 @@
 {
-  "<0>Already have an account?</0><1><0>Log in</0> Or <2>Access as a guest</2></1>": "<0>既にアカウントをお持ちですか？</0><1><0>ログイン</0>または<2>ゲストとしてアクセス</2></1>",
-  "<0>Create an account</0> Or <2>Access as a guest</2>": "<0>アカウントを作成</0>または<2>ゲストとしてアクセス</2>",
-  "<0>Oops, something's gone wrong.</0>": "<0>何かがうまく行きませんでした。</0>",
-  "Camera": "カメラ",
-  "Avatar": "アバター",
-  "Audio": "音声",
-  "Confirm password": "パスワードを確認",
-  "Close": "閉じる",
-  "Copied!": "コピーしました！",
-  "Copy and share this call link": "通話リンクをコピーし共有",
-  "Copy": "コピー",
-  "Debug log": "デバッグログ",
-  "Create account": "アカウントを作成",
-  "Go": "続行",
-  "Element Call Home": "Element Call ホーム",
-  "Download debug logs": "デバッグログをダウンロード",
-  "Display name": "表示名",
-  "Developer": "開発者",
-  "Full screen": "全画面表示",
-  "Exit full screen": "全画面表示を終了",
-  "Include debug logs": "デバッグログを含める",
-  "Home": "ホーム",
-  "Join existing call?": "既存の通話に参加しますか？",
-  "Join call now": "今すぐ通話に参加",
-  "Join call": "通話に参加",
-  "Not registered yet? <2>Create an account</2>": "アカウントがありませんか？ <2>アカウントを作成</2>",
-  "Microphone": "マイク",
-  "Login": "ログイン",
-  "Logging in…": "ログインしています…",
-  "Loading…": "読み込んでいます…",
-  "Version: {{version}}": "バージョン：{{version}}",
-  "Username": "ユーザー名",
-  "User menu": "ユーザーメニュー",
-  "Submit feedback": "フィードバックを送信",
-  "Spotlight": "スポットライト",
-  "Send debug logs": "デバッグログを送信",
-  "Sign out": "サインアウト",
-  "Sign in": "サインイン",
-  "Share screen": "画面共有",
-  "Settings": "設定",
-  "Sending…": "送信しています…",
-  "Sending debug logs…": "デバッグログを送信しています…",
-  "Return to home screen": "ホーム画面に戻る",
-  "Registering…": "登録しています…",
-  "Register": "登録",
-  "Profile": "プロフィール",
-  "Passwords must match": "パスワードが一致する必要があります",
-  "Password": "パスワード",
-  "Speaker": "スピーカー",
-  "Video": "ビデオ",
-  "Waiting for other participants…": "他の参加者を待機しています…",
-  "Yes, join call": "はい、通話に参加",
-  "Select an option": "オプションを選択",
-  "Debug log request": "デバッグログを要求",
-  "Login to your account": "アカウントにログイン",
-  "Remove": "削除",
-  "No": "いいえ",
-  "This call already exists, would you like to join?": "この通話は既に存在します。参加しますか？"
+  "a11y": {
+    "user_menu": "ユーザーメニュー"
+  },
+  "action": {
+    "close": "閉じる",
+    "copy": "コピー",
+    "go": "続行",
+    "no": "いいえ",
+    "register": "登録",
+    "remove": "削除",
+    "sign_in": "サインイン",
+    "sign_out": "サインアウト"
+  },
+  "call_ended_view": {
+    "create_account_button": "アカウントを作成"
+  },
+  "common": {
+    "audio": "音声",
+    "avatar": "アバター",
+    "camera": "カメラ",
+    "copied": "コピーしました！",
+    "display_name": "表示名",
+    "home": "ホーム",
+    "loading": "読み込んでいます…",
+    "microphone": "マイク",
+    "password": "パスワード",
+    "profile": "プロフィール",
+    "settings": "設定",
+    "username": "ユーザー名",
+    "video": "ビデオ"
+  },
+  "full_screen_view_h1": "<0>何かがうまく行きませんでした。</0>",
+  "header_label": "Element Call ホーム",
+  "join_existing_call_modal": {
+    "join_button": "はい、通話に参加",
+    "text": "この通話は既に存在します。参加しますか？",
+    "title": "既存の通話に参加しますか？"
+  },
+  "layout_spotlight_label": "スポットライト",
+  "lobby": {
+    "join_button": "通話に参加"
+  },
+  "logging_in": "ログインしています…",
+  "login_auth_links": "<0>アカウントを作成</0>または<2>ゲストとしてアクセス</2>",
+  "login_title": "ログイン",
+  "rageshake_request_modal": {
+    "title": "デバッグログを要求"
+  },
+  "rageshake_send_logs": "デバッグログを送信",
+  "rageshake_sending": "送信しています…",
+  "rageshake_sending_logs": "デバッグログを送信しています…",
+  "register": {
+    "passwords_must_match": "パスワードが一致する必要があります",
+    "registering": "登録しています…"
+  },
+  "register_auth_links": "<0>既にアカウントをお持ちですか？</0><1><0>ログイン</0>または<2>ゲストとしてアクセス</2></1>",
+  "register_confirm_password_label": "パスワードを確認",
+  "return_home_button": "ホーム画面に戻る",
+  "room_auth_view_join_button": "今すぐ通話に参加",
+  "screenshare_button_label": "画面共有",
+  "select_input_unset_button": "オプションを選択",
+  "settings": {
+    "developer_tab_title": "開発者",
+    "feedback_tab_h4": "フィードバックを送信",
+    "feedback_tab_send_logs_label": "デバッグログを含める",
+    "speaker_device_selection_label": "スピーカー"
+  },
+  "unauthenticated_view_body": "アカウントがありませんか？ <2>アカウントを作成</2>",
+  "unauthenticated_view_login_button": "アカウントにログイン",
+  "version": "バージョン：{{version}}",
+  "waiting_for_participants": "他の参加者を待機しています…"
 }

public/locales/ko/app.json

@@ -1,4 +0,0 @@
-{
-  "<0>Already have an account?</0><1><0>Log in</0> Or <2>Access as a guest</2></1>": "",
-  "<0>Create an account</0> Or <2>Access as a guest</2>": ""
-}

public/locales/lv/app.json

@@ -1,99 +1,104 @@
 {
-  "{{count}} stars|one": "{{count}} zvaigzne",
-  "{{count}} stars|other": "{{count}} zvaigznes",
-  "<0>Already have an account?</0><1><0>Log in</0> Or <2>Access as a guest</2></1>": "<0>Jau ir konts?</0><1><0>Pieteikties</0> vai <2>Piekļūt kā viesim</2></1>",
-  "<0>Create an account</0> Or <2>Access as a guest</2>": "<0>Izveidot kontu</0> vai <2>Piekļūt kā viesim</2>",
-  "<0>Oops, something's gone wrong.</0>": "<0>Ak vai, kaut kas nogāja greizi!</0>",
-  "<0>Submitting debug logs will help us track down the problem.</0>": "<0>Atkļūdošanas žurnāla ierakstu iesūtīšana palīdzēs mums atklāt nepilnību.</0>",
-  "<0>We'd love to hear your feedback so we can improve your experience.</0>": "<0>Mums patiktu saņemt Tavu atsauksmi, lai mēs varētu uzlabot Tavu pieredzi.</0>",
-  "<0>Thanks for your feedback!</0>": "<0>Paldies par atsauksmi!</0>",
-  "Audio": "Skaņa",
-  "Avatar": "Attēls",
-  "By clicking \"Go\", you agree to our <2>End User Licensing Agreement (EULA)</2>": "Klikšķināšana uz \"Aiziet\" apliecina piekrišanu mūsu <2>galalietotāja licencēšanas nolīgumam (GLLN)</2>",
-  "Camera": "Kamera",
-  "Close": "Aizvērt",
-  "Confirm password": "Apstiprināt paroli",
-  "Connectivity to the server has been lost.": "Ir zaudēts savienojums ar serveri.",
-  "Copied!": "Ievietots starpliktuvē.",
-  "Copy": "Ievietot starpliktuvē",
-  "Copy and share this call link": "Ievietot starpliktuvē un kopīgot šo zvana saiti",
-  "Create account": "Izveidot kontu",
-  "Debug log": "Atkļūdošanas žurnāls",
-  "Debug log request": "Atkļūdošanas žurnāla pieprasījums",
-  "Developer": "Izstrādātājs",
-  "Developer Settings": "Izstrādātāja iestatījumi",
-  "Display name": "Attēlojamais vārds",
-  "Download debug logs": "Lejupielādēt atkļūdošanas žurnāla ierakstus",
-  "Element Call Home": "Element Call sākums",
-  "Exit full screen": "Iziet no pilnekrāna",
-  "Expose developer settings in the settings window.": "Izstādīt izstrādātāja iestatījumus iestatījumu logā.",
-  "Feedback": "Atsauksmes",
-  "Full screen": "Pilnekrāns",
-  "Go": "Aiziet",
-  "By clicking \"Join call now\", you agree to our <2>End User Licensing Agreement (EULA)</2>": "Klikšķināšana uz \"Pievienoties zvanam tagad\" apliecina piekrišanu mūsu <2>galalietotāja licencēšanas nolīgumam (GLLN)</2>",
-  "By participating in this beta, you consent to the collection of anonymous data, which we use to improve the product. You can find more information about which data we track in our <2>Privacy Policy</2> and our <5>Cookie Policy</5>.": "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>.",
-  "Element Call is temporarily not end-to-end encrypted while we test scalability.": "Element Call īslaicīgi nav pilnīgi šifrēts, kamēr mēs pārbaudām mērogojamību.",
-  "Enable end-to-end encryption (password protected calls)": "Iespējot pilnīgu šifrēšanu (ar paroli aizsargāti zvani)",
-  "End-to-end encryption isn't supported on your browser.": "Šajā pārlūkā nav nodrošināta pilnīga šifrēšana.",
-  "{{displayName}} is presenting": "{{displayName}} uzstājas",
-  "{{displayName}}, your call has ended.": "{{displayName}}, Tavs zvans ir beidzies.",
-  "<0></0><1></1>You may withdraw consent by unchecking this box. If you are currently in a call, this setting will take effect at the end of the call.": "<0></0><1></1>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.",
-  "<0>Why not finish by setting up a password to keep your account?</0><1>You'll be able to keep your name and set an avatar for use on future calls</1>": "<0>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>",
-  "Another user on this call is having an issue. In order to better diagnose these issues we'd like to collect a debug log.": "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.",
-  "Home": "Sākums",
-  "Waiting for other participants…": "Gaida citus dalībniekus…",
-  "Yes, join call": "Jā, pievienoties zvanam",
-  "Your feedback": "Tava atsauksme",
-  "How did it go?": "Kā Tev veicās?",
-  "Include debug logs": "Iekļaut atkļūdošanas žurnāla ierakstus",
-  "Inspector": "Inspektors",
-  "Join call": "Pievienoties zvanam",
-  "Join call now": "Pievienoties zvanam tagad",
-  "Join existing call?": "Pievienoties esošam zvanam?",
-  "Loading…": "Lādējas…",
-  "Local volume": "Vietējais skaļums",
-  "Logging in…": "Piesakās…",
-  "Login": "Pieteikties",
-  "Login to your account": "Pieteikties kontā",
-  "Microphone": "Mikrofons",
-  "More": "Vairāk",
-  "No": "Nē",
-  "Not now, return to home screen": "Ne tagad, atgriezties sākuma ekrānā",
-  "Password": "Parole",
-  "Passwords must match": "Parolēm ir jāsakrīt",
-  "Profile": "Profils",
-  "Recaptcha dismissed": "ReCaptcha atmesta",
-  "Recaptcha not loaded": "ReCaptcha nav ielādēta",
-  "Reconnect": "Atkārtoti savienoties",
-  "Register": "Reģistrēties",
-  "Registering…": "Reģistrē…",
-  "Remove": "Noņemt",
-  "Retry sending logs": "Atkārtoti mēģināt žurnāla ierakstu nosūtīšanu",
-  "Return to home screen": "Atgriezties sākuma ekrānā",
-  "Select an option": "Atlasīt iespēju",
-  "Send debug logs": "Nosūtīt atkļūdošanas žurnāla ierakstus",
-  "Sending debug logs…": "Nosūta atkļūdošanas žurnāla ierakstus…",
-  "Sending…": "Nosūta…",
-  "Settings": "Iestatījumi",
-  "Share screen": "Kopīgot ekrānu",
-  "Show call inspector": "Rādīt zvanu inspektoru",
-  "Show connection stats": "Rādīt savienojuma apkopojumu",
-  "Sign in": "Pieteikties",
-  "Sign out": "Atteikties",
-  "Speaker": "Runātājs",
-  "Spotlight": "Starmešu gaisma",
-  "Submit": "Iesniegt",
-  "Submit feedback": "Iesniegt atsauksmi",
-  "Submitting…": "Iesniedz…",
-  "Thanks, we received your feedback!": "Paldies, mēs saņēmām atsauksmi!",
-  "Thanks!": "Paldies!",
-  "This call already exists, would you like to join?": "Šis zvans jau pastāv. Vai vēlies pievienoties?",
-  "This site is protected by ReCAPTCHA and the Google <2>Privacy Policy</2> and <6>Terms of Service</6> apply.<9></9>By clicking \"Register\", you agree to our <12>End User Licensing Agreement (EULA)</12>": "Šo vietni aizsargā ReCAPTCHA, un ir attiecināmi Google <2>privātuma nosacījumi</2> un <6>pakalpojuma noteikumi</6>.<9></9>Klikšķināšana uz \"Reģistrēties\" sniedz piekrišanu mūsu <12>galalietotāja licencēšanas nolīgumam (GLLN)</12>",
-  "User menu": "Lietotāja izvēlne",
-  "Username": "Lietotājvārds",
-  "Video": "Video",
-  "You were disconnected from the call": "Tu tiki atvienots no zvana",
-  "Version: {{version}}": "Versija: {{version}}",
-  "If you are experiencing issues or simply would like to provide some feedback, please send us a short description below.": "Ja tiek piedzīvoti sarežģījumi vai vienkārši ir vēlme sniegt kādu atsauksmi, lūgums zemāk nosūtīt mums īsu aprakstu.",
-  "Not registered yet? <2>Create an account</2>": "Vēl neesi reģistrējies? <2>Izveidot kontu</2>"
+  "a11y": {
+    "user_menu": "Lietotāja izvēlne"
+  },
+  "action": {
+    "close": "Aizvērt",
+    "copy": "Ievietot starpliktuvē",
+    "go": "Aiziet",
+    "no": "Nē",
+    "register": "Reģistrēties",
+    "remove": "Noņemt",
+    "sign_in": "Pieteikties",
+    "sign_out": "Atteikties",
+    "submit": "Iesniegt"
+  },
+  "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 <6>sīkdatņu nosacījumos</6>.",
+  "call_ended_view": {
+    "body": "Tu tiki atvienots no zvana",
+    "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>",
+    "feedback_done": "<0>Paldies par atsauksmi!</0>",
+    "feedback_prompt": "<0>Mums patiktu saņemt Tavu atsauksmi, lai mēs varētu uzlabot Tavu pieredzi.</0>",
+    "headline": "{{displayName}}, Tavs zvans ir beidzies.",
+    "not_now_button": "Ne tagad, atgriezties sākuma ekrānā",
+    "reconnect_button": "Atkārtoti savienoties",
+    "survey_prompt": "Kā Tev veicās?"
+  },
+  "common": {
+    "audio": "Skaņa",
+    "avatar": "Attēls",
+    "camera": "Kamera",
+    "copied": "Ievietots starpliktuvē.",
+    "display_name": "Attēlojamais vārds",
+    "home": "Sākums",
+    "loading": "Lādējas…",
+    "microphone": "Mikrofons",
+    "password": "Parole",
+    "profile": "Profils",
+    "settings": "Iestatījumi",
+    "username": "Lietotājvārds"
+  },
+  "disconnected_banner": "Ir zaudēts savienojums ar serveri.",
+  "full_screen_view_description": "<0>Atkļūdošanas žurnāla ierakstu iesūtīšana palīdzēs mums atklāt nepilnību.</0>",
+  "full_screen_view_h1": "<0>Ak vai, kaut kas nogāja greizi!</0>",
+  "header_label": "Element Call sākums",
+  "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_spotlight_label": "Starmešu gaisma",
+  "lobby": {
+    "join_button": "Pievienoties zvanam"
+  },
+  "logging_in": "Piesakās…",
+  "login_auth_links": "<0>Izveidot kontu</0> vai <2>Piekļūt kā viesim</2>",
+  "login_title": "Pieteikties",
+  "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.",
+    "title": "Atkļūdošanas žurnāla pieprasījums"
+  },
+  "rageshake_send_logs": "Nosūtīt atkļūdošanas žurnāla ierakstus",
+  "rageshake_sending": "Nosūta…",
+  "rageshake_sending_logs": "Nosūta atkļūdošanas žurnāla ierakstus…",
+  "rageshake_sent": "Paldies!",
+  "recaptcha_caption": "Šo vietni aizsargā ReCAPTCHA, un ir attiecināmi Google <2>privātuma nosacījumi</2> un <6>pakalpojuma noteikumi</6>.<9></9>Klikšķināšana uz \"Reģistrēties\" sniedz piekrišanu mūsu <12>galalietotāja licencēšanas nolīgumam (GLLN)</12>",
+  "recaptcha_dismissed": "ReCaptcha atmesta",
+  "recaptcha_not_loaded": "ReCaptcha nav ielādēta",
+  "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",
+  "return_home_button": "Atgriezties sākuma ekrānā",
+  "room_auth_view_eula_caption": "Klikšķināšana uz \"Pievienoties zvanam tagad\" apliecina piekrišanu mūsu <2>galalietotāja licencēšanas nolīgumam (GLLN)</2>",
+  "room_auth_view_join_button": "Pievienoties zvanam tagad",
+  "screenshare_button_label": "Kopīgot ekrānu",
+  "select_input_unset_button": "Atlasīt iespēju",
+  "settings": {
+    "developer_settings_label": "Izstrādātāja iestatījumi",
+    "developer_settings_label_description": "Izstādīt izstrādātāja iestatījumus iestatījumu logā.",
+    "developer_tab_title": "Izstrādātājs",
+    "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",
+    "more_tab_title": "Vairāk",
+    "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.",
+    "show_connection_stats_label": "Rādīt savienojuma apkopojumu",
+    "speaker_device_selection_label": "Runātājs"
+  },
+  "star_rating_input_label_one": "{{count}} zvaigzne",
+  "star_rating_input_label_other": "{{count}} zvaigznes",
+  "submitting": "Iesniedz…",
+  "unauthenticated_view_body": "Vēl neesi reģistrējies? <2>Izveidot kontu</2>",
+  "unauthenticated_view_eula_caption": "Klikšķināšana uz \"Aiziet\" apliecina piekrišanu mūsu <2>galalietotāja licencēšanas nolīgumam (GLLN)</2>",
+  "unauthenticated_view_login_button": "Pieteikties kontā",
+  "version": "Versija: {{version}}",
+  "waiting_for_participants": "Gaida citus dalībniekus…"
 }

public/locales/pl/app.json

@@ -1,111 +1,136 @@
 {
-  "Login": "Zaloguj się",
-  "Go": "Przejdź",
-  "Yes, join call": "Tak, dołącz do połączenia",
-  "Waiting for other participants…": "Oczekiwanie na pozostałych uczestników…",
-  "Video": "Wideo",
-  "Version: {{version}}": "Wersja: {{version}}",
-  "Username": "Nazwa użytkownika",
-  "User menu": "Menu użytkownika",
-  "This call already exists, would you like to join?": "Te połączenie już istnieje, czy chcesz do niego dołączyć?",
-  "Submit feedback": "Prześlij opinię",
-  "Spotlight": "Centrum uwagi",
-  "Speaker": "Głośnik",
-  "Sign out": "Wyloguj się",
-  "Sign in": "Zaloguj się",
-  "Show call inspector": "Pokaż inspektora połączenia",
-  "Share screen": "Udostępnij ekran",
-  "Settings": "Ustawienia",
-  "Sending…": "Wysyłanie…",
-  "Sending debug logs…": "Wysyłanie dzienników debugowania…",
-  "Send debug logs": "Wyślij dzienniki debugowania",
-  "Select an option": "Wybierz opcję",
-  "Return to home screen": "Powróć do strony głównej",
-  "Remove": "Usuń",
-  "Registering…": "Rejestrowanie…",
-  "Register": "Zarejestruj",
-  "Recaptcha not loaded": "Recaptcha nie została załadowana",
-  "Recaptcha dismissed": "Recaptcha odrzucona",
-  "Profile": "Profil",
-  "Passwords must match": "Hasła muszą pasować",
-  "Password": "Hasło",
-  "Not registered yet? <2>Create an account</2>": "Nie masz konta? <2>Utwórz je</2>",
-  "Not now, return to home screen": "Nie teraz, powróć do ekranu domowego",
-  "No": "Nie",
-  "More": "Więcej",
-  "Microphone": "Mikrofon",
-  "Login to your account": "Zaloguj się do swojego konta",
-  "Logging in…": "Logowanie…",
-  "Local volume": "Głośność lokalna",
-  "Loading…": "Ładowanie…",
-  "Join existing call?": "Dołączyć do istniejącego połączenia?",
-  "Join call now": "Dołącz do połączenia teraz",
-  "Join call": "Dołącz do połączenia",
-  "Inspector": "Inspektor",
-  "Include debug logs": "Dołącz dzienniki debugowania",
-  "Home": "Strona domowa",
-  "Full screen": "Pełny ekran",
-  "Exit full screen": "Opuść pełny ekran",
-  "Download debug logs": "Pobierz dzienniki debugowania",
-  "Display name": "Nazwa wyświetlana",
-  "Developer": "Programista",
-  "Debug log request": "Prośba o dzienniki debugowania",
-  "Debug log": "Dzienniki debugowania",
-  "Create account": "Utwórz konto",
-  "Copy and share this call link": "Skopiuj i udostępnij link do rozmowy",
-  "Copied!": "Skopiowano!",
-  "Confirm password": "Potwierdź hasło",
-  "Close": "Zamknij",
-  "Camera": "Kamera",
-  "Avatar": "Awatar",
-  "Audio": "Dźwięk",
-  "Another user on this call is having an issue. In order to better diagnose these issues we'd like to collect a debug log.": "Inny użytkownik w tym połączeniu napotkał problem. Aby lepiej zdiagnozować tę usterkę, chcielibyśmy zebrać dzienniki debugowania.",
-  "<0>Why not finish by setting up a password to keep your account?</0><1>You'll be able to keep your name and set an avatar for use on future calls</1>": "<0>Może zechcesz ustawić hasło, aby zachować swoje konto?</0><1>Będziesz w stanie utrzymać swoją nazwę i ustawić awatar do wyświetlania podczas połączeń w przyszłości</1>",
-  "<0>Create an account</0> Or <2>Access as a guest</2>": "<0>Utwórz konto</0> lub <2>Dołącz jako gość</2>",
-  "<0>Already have an account?</0><1><0>Log in</0> Or <2>Access as a guest</2></1>": "<0>Masz już konto?</0><1><0>Zaloguj się</0> lub <2>Dołącz jako gość</2></1>",
-  "Copy": "Kopiuj",
-  "<0>Submitting debug logs will help us track down the problem.</0>": "<0>Wysłanie dzienników debuggowania pomoże nam ustalić przyczynę problemu.</0>",
-  "<0>Oops, something's gone wrong.</0>": "<0>Ojej, coś poszło nie tak.</0>",
-  "Expose developer settings in the settings window.": "Wyświetl opcje programisty w oknie ustawień.",
-  "Element Call Home": "Strona główna Element Call",
-  "Developer Settings": "Opcje programisty",
-  "<0></0><1></1>You may withdraw consent by unchecking this box. If you are currently in a call, this setting will take effect at the end of the call.": "<0></0><1></1>Możesz wycofać swoją zgodę poprzez odznaczenie tego pola. Jeśli już jesteś w trakcie rozmowy, opcja zostanie zastosowana po jej zakończeniu.",
-  "By participating in this beta, you consent to the collection of anonymous data, which we use to improve the product. You can find more information about which data we track in our <2>Privacy Policy</2> and our <5>Cookie Policy</5>.": "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>.",
-  "If you are experiencing issues or simply would like to provide some feedback, please send us a short description below.": "Jeśli posiadasz problemy lub chciałbyś zgłosić swoją opinię, wyślij nam krótki opis.",
-  "Thanks, we received your feedback!": "Dziękujemy, otrzymaliśmy Twoją opinię!",
-  "Feedback": "Opinia użytkownika",
-  "Submitting…": "Wysyłanie…",
-  "Submit": "Wyślij",
-  "Your feedback": "Twoje opinie",
-  "{{count}} stars|other": "{{count}} gwiazdki",
-  "{{count}} stars|one": "{{count}} gwiazdki",
-  "{{displayName}}, your call has ended.": "{{displayName}}, Twoje połączenie zostało zakończone.",
-  "<0>Thanks for your feedback!</0>": "<0>Dziękujemy za Twoją opinię!</0>",
-  "<0>We'd love to hear your feedback so we can improve your experience.</0>": "<0>Z przyjemnością wysłuchamy Twojej opinii, aby poprawić Twoje doświadczenia.</0>",
-  "How did it go?": "Jak poszło?",
-  "{{displayName}} is presenting": "{{displayName}} prezentuje",
-  "Show connection stats": "Pokaż statystyki połączenia",
-  "Element Call is temporarily not end-to-end encrypted while we test scalability.": "Usługa Element Call tymczasowo nie jest szyfrowana end-to-end w trakcie, gdy testujemy możliwość jej rozszerzenia.",
-  "By clicking \"Go\", you agree to our <2>End User Licensing Agreement (EULA)</2>": "Klikając \"Przejdź\", zgadzasz się na naszą <2>Umowę licencyjną (EULA)</2>",
-  "This site is protected by ReCAPTCHA and the Google <2>Privacy Policy</2> and <6>Terms of Service</6> apply.<9></9>By clicking \"Register\", you agree to our <12>End User Licensing Agreement (EULA)</12>": "Ta witryna jest chroniona przez ReCAPTCHA, więc obowiązują <2>Polityka prywatności</2> i <6>Warunki usług</6> Google. Klikając \"Zarejestruj\", zgadzasz się na naszą <12>Umowę licencyjną (EULA)</12>",
-  "By clicking \"Join call now\", you agree to our <2>End User Licensing Agreement (EULA)</2>": "Klikając \"Dołącz teraz do rozmowy\", zgadzasz się na naszą <2>Umowę licencyjną (EULA)</2>",
-  "End-to-end encryption isn't supported on your browser.": "Szyfrowanie end-to-end nie jest wspierane przez Twoją przeglądarkę.",
-  "Retry sending logs": "Wyślij logi ponownie",
-  "Thanks!": "Dziękujemy!",
-  "You were disconnected from the call": "Rozłączono Cię z połączenia",
-  "Connectivity to the server has been lost.": "Utracono połączenie z serwerem.",
-  "Reconnect": "Połącz ponownie",
-  "Enable end-to-end encryption (password protected calls)": "Włącz szyfrowanie end-to-end (połączenia chronione hasłem)",
-  "{{count, number}}|other": "{{count, number}}",
-  "Encrypted": "Szyfrowane",
-  "End call": "Zakończ połączenie",
-  "Grid": "Siatka",
-  "Microphone off": "Mikrofon wyłączony",
-  "Microphone on": "Mikrofon włączony",
-  "Not encrypted": "Nie szyfrowane",
-  "Share": "Udostępnij",
-  "Share this call": "Udostępnij to połączenie",
-  "Sharing screen": "Udostępnianie ekranu",
-  "{{count, number}}|one": "{{count, number}}",
-  "{{names, list(style: short;)}}": "{{names, list(style: short;)}}"
+  "a11y": {
+    "user_menu": "Menu użytkownika"
+  },
+  "action": {
+    "close": "Zamknij",
+    "copy": "Kopiuj",
+    "copy_link": "Kopiuj link",
+    "go": "Przejdź",
+    "invite": "Zaproś",
+    "no": "Nie",
+    "register": "Zarejestruj",
+    "remove": "Usuń",
+    "sign_in": "Zaloguj się",
+    "sign_out": "Wyloguj się",
+    "submit": "Wyślij"
+  },
+  "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 <6>Polityce ciasteczek</6>.",
+  "app_selection_modal": {
+    "continue_in_browser": "Kontynuuj w przeglądarce",
+    "open_in_app": "Otwórz w aplikacji",
+    "text": "Gotowy, by dołączyć?",
+    "title": "Wybierz aplikację"
+  },
+  "browser_media_e2ee_unsupported": "Twoja przeglądarka nie wspiera szyfrowania end-to-end. Wspierane przeglądarki to Chrome, Safari, Firefox >=117",
+  "call_ended_view": {
+    "body": "Rozłączono Cię z połączenia",
+    "create_account_button": "Utwórz konto",
+    "create_account_prompt": "<0>Może zechcesz ustawić hasło, aby zachować swoje konto?</0><1>Będziesz w stanie utrzymać swoją nazwę i ustawić awatar do wyświetlania podczas połączeń w przyszłości</1>",
+    "feedback_done": "<0>Dziękujemy za Twoją opinię!</0>",
+    "feedback_prompt": "<0>Z przyjemnością wysłuchamy Twojej opinii, aby poprawić Twoje doświadczenia.</0>",
+    "headline": "{{displayName}}, Twoje połączenie zostało zakończone.",
+    "not_now_button": "Nie teraz, powróć do ekranu domowego",
+    "reconnect_button": "Połącz ponownie",
+    "survey_prompt": "Jak poszło?"
+  },
+  "call_name": "Nazwa połączenia",
+  "common": {
+    "audio": "Dźwięk",
+    "avatar": "Awatar",
+    "camera": "Kamera",
+    "copied": "Skopiowano!",
+    "display_name": "Nazwa wyświetlana",
+    "encrypted": "Szyfrowane",
+    "home": "Strona domowa",
+    "loading": "Ładowanie…",
+    "microphone": "Mikrofon",
+    "password": "Hasło",
+    "profile": "Profil",
+    "settings": "Ustawienia",
+    "unencrypted": "Nie szyfrowane",
+    "username": "Nazwa użytkownika",
+    "video": "Wideo"
+  },
+  "disconnected_banner": "Utracono połączenie z serwerem.",
+  "full_screen_view_description": "<0>Wysłanie dzienników debuggowania pomoże nam ustalić przyczynę problemu.</0>",
+  "full_screen_view_h1": "<0>Ojej, coś poszło nie tak.</0>",
+  "hangup_button_label": "Zakończ połączenie",
+  "header_label": "Strona główna Element Call",
+  "header_participants_label": "Uczestnicy",
+  "invite_modal": {
+    "link_copied_toast": "Skopiowano link do schowka",
+    "title": "Zaproś do połączenia"
+  },
+  "join_existing_call_modal": {
+    "join_button": "Tak, dołącz do połączenia",
+    "text": "Te połączenie już istnieje, czy chcesz do niego dołączyć?",
+    "title": "Dołączyć do istniejącego połączenia?"
+  },
+  "layout_grid_label": "Siatka",
+  "layout_spotlight_label": "Centrum uwagi",
+  "lobby": {
+    "join_button": "Dołącz do połączenia",
+    "leave_button": "Wróć do ostatnie"
+  },
+  "logging_in": "Logowanie…",
+  "login_auth_links": "<0>Utwórz konto</0> lub <2>Dołącz jako gość</2>",
+  "login_title": "Zaloguj się",
+  "microphone_off": "Mikrofon wyłączony",
+  "microphone_on": "Mikrofon włączony",
+  "mute_microphone_button_label": "Wycisz mikrofon",
+  "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.",
+    "title": "Prośba o dzienniki debugowania"
+  },
+  "rageshake_send_logs": "Wyślij dzienniki debugowania",
+  "rageshake_sending": "Wysyłanie…",
+  "rageshake_sending_logs": "Wysyłanie dzienników debugowania…",
+  "rageshake_sent": "Dziękujemy!",
+  "recaptcha_caption": "Ta witryna jest chroniona przez ReCAPTCHA, więc obowiązują <2>Polityka prywatności</2> i <6>Warunki usług</6> Google. Klikając \"Zarejestruj\", zgadzasz się na naszą <12>Umowę licencyjną (EULA)</12>",
+  "recaptcha_dismissed": "Recaptcha odrzucona",
+  "recaptcha_not_loaded": "Recaptcha nie została załadowana",
+  "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",
+  "return_home_button": "Powróć do strony głównej",
+  "room_auth_view_eula_caption": "Klikając \"Dołącz teraz do rozmowy\", zgadzasz się na naszą <2>Umowę licencyjną (EULA)</2>",
+  "room_auth_view_join_button": "Dołącz do połączenia teraz",
+  "screenshare_button_label": "Udostępnij ekran",
+  "select_input_unset_button": "Wybierz opcję",
+  "settings": {
+    "developer_settings_label": "Opcje programisty",
+    "developer_settings_label_description": "Wyświetl opcje programisty w oknie ustawień.",
+    "developer_tab_title": "Programista",
+    "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",
+    "more_tab_title": "Więcej",
+    "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.",
+    "show_connection_stats_label": "Pokaż statystyki połączenia",
+    "speaker_device_selection_label": "Głośnik"
+  },
+  "star_rating_input_label_one": "{{count}} gwiazdki",
+  "star_rating_input_label_other": "{{count}} gwiazdki",
+  "start_new_call": "Rozpocznij nowe połączenie",
+  "start_video_button_label": "Rozpocznij wideo",
+  "stop_screenshare_button_label": "Udostępnianie ekranu",
+  "stop_video_button_label": "Zakończ wideo",
+  "submitting": "Wysyłanie…",
+  "unauthenticated_view_body": "Nie masz konta? <2>Utwórz je</2>",
+  "unauthenticated_view_eula_caption": "Klikając \"Przejdź\", zgadzasz się na naszą <2>Umowę licencyjną (EULA)</2>",
+  "unauthenticated_view_login_button": "Zaloguj się do swojego konta",
+  "unmute_microphone_button_label": "Odcisz mikrofon",
+  "version": "Wersja: {{version}}",
+  "video_tile": {
+    "sfu_participant_local": "Ty"
+  },
+  "waiting_for_participants": "Oczekiwanie na pozostałych uczestników…"
 }

public/locales/ru/app.json

@@ -1,88 +1,97 @@
 {
-  "Register": "Зарегистрироваться",
-  "Registering…": "Регистрация…",
-  "Logging in…": "Вход…",
-  "Waiting for other participants…": "Ожидание других участников…",
-  "This call already exists, would you like to join?": "Этот звонок уже существует, хотите присоединиться?",
-  "Submit feedback": "Отправить отзыв",
-  "Sending debug logs…": "Отправка журнала отладки…",
-  "Select an option": "Выберите вариант",
-  "<0>Why not finish by setting up a password to keep your account?</0><1>You'll be able to keep your name and set an avatar for use on future calls</1>": "<0>Почему бы не задать пароль, тем самым сохранив аккаунт?</0><1>Так вы можете оставить своё имя и задать аватар для будущих звонков.</1>",
-  "<0>Create an account</0> Or <2>Access as a guest</2>": "<0>Создать аккаунт</0> или <2>Зайти как гость</2>",
-  "<0>Already have an account?</0><1><0>Log in</0> Or <2>Access as a guest</2></1>": "<0>Уже есть аккаунт?</0><1><0>Войти с ним</0> или <2>Зайти как гость</2></1>",
-  "Yes, join call": "Да, присоединиться",
-  "Video": "Видео",
-  "Version: {{version}}": "Версия: {{version}}",
-  "Username": "Имя пользователя",
-  "User menu": "Меню пользователя",
-  "Spotlight": "Внимание",
-  "Speaker": "Динамик",
-  "Sign out": "Выйти",
-  "Sign in": "Войти",
-  "Show call inspector": "Показать инспектор",
-  "Share screen": "Поделиться экраном",
-  "Settings": "Настройки",
-  "Sending…": "Отправка…",
-  "Local volume": "Местная громкость",
-  "Include debug logs": "Приложить журнал отладки",
-  "Download debug logs": "Скачать журнал отладки",
-  "Debug log request": "Запрос журнала отладки",
-  "Debug log": "Журнал отладки",
-  "Another user on this call is having an issue. In order to better diagnose these issues we'd like to collect a debug log.": "У одного из участников звонка есть неполадки. Чтобы лучше диагностировать похожие проблемы, нам нужен журнал отладки.",
-  "Send debug logs": "Отправить журнал отладки",
-  "Return to home screen": "Вернуться в Начало",
-  "Remove": "Удалить",
-  "Recaptcha not loaded": "Невозможно начать проверку",
-  "Recaptcha dismissed": "Проверка не пройдена",
-  "Profile": "Профиль",
-  "Passwords must match": "Пароли должны совпадать",
-  "Password": "Пароль",
-  "Not registered yet? <2>Create an account</2>": "Ещё не зарегистрированы? <2>Создайте аккаунт</2>",
-  "Not now, return to home screen": "Не сейчас, вернуться в Начало",
-  "No": "Нет",
-  "More": "Больше",
-  "Microphone": "Микрофон",
-  "Login to your account": "Войдите в свой аккаунт",
-  "Login": "Вход",
-  "Loading…": "Загрузка…",
-  "Join existing call?": "Присоединиться к существующему звонку?",
-  "Join call now": "Присоединиться сейчас",
-  "Join call": "Присоединиться",
-  "Inspector": "Инспектор",
-  "Home": "Начало",
-  "Go": "Далее",
-  "Full screen": "Полноэкранный режим",
-  "Exit full screen": "Выйти из полноэкранного режима",
-  "Display name": "Видимое имя",
-  "Developer": "Разработчику",
-  "Create account": "Создать аккаунт",
-  "Copy and share this call link": "Скопируйте и поделитесь этой ссылкой на звонок",
-  "Copied!": "Скопировано!",
-  "Confirm password": "Подтвердите пароль",
-  "Close": "Закрыть",
-  "Camera": "Камера",
-  "Avatar": "Аватар",
-  "Audio": "Аудио",
-  "Element Call Home": "Главная Element Call",
-  "Copy": "Копировать",
-  "<0>Submitting debug logs will help us track down the problem.</0>": "<0>Отправка журналов поможет нам найти и устранить проблему.</0>",
-  "<0>Oops, something's gone wrong.</0>": "<0>Упс, что-то пошло не так.</0>",
-  "Expose developer settings in the settings window.": "Раскрыть настройки разработчика в окне настроек.",
-  "Developer Settings": "Настройки Разработчика",
-  "By participating in this beta, you consent to the collection of anonymous data, which we use to improve the product. You can find more information about which data we track in our <2>Privacy Policy</2> and our <5>Cookie Policy</5>.": "Участвуя в этой бета-версии, вы соглашаетесь на сбор анонимных данных, которые мы используем для улучшения продукта. Более подробную информацию о том, какие данные мы отслеживаем, вы можете найти в нашей <2> Политике конфиденциальности</2> и нашей <5> Политике использования файлов cookie</5>.",
-  "<0></0><1></1>You may withdraw consent by unchecking this box. If you are currently in a call, this setting will take effect at the end of the call.": "<0></0><1></1>Вы можете отозвать согласие, сняв этот флажок. Если вы в данный момент находитесь в разговоре, эта настройка вступит в силу по окончании разговора.",
-  "{{displayName}} is presenting": "{{displayName}} представляет",
-  "<0>We'd love to hear your feedback so we can improve your experience.</0>": "<0>Мы будем рады видеть ваши отзывы, чтобы мы могли улучшить ваш опыт.</0>",
-  "Thanks, we received your feedback!": "Спасибо. Мы получили ваш отзыв!",
-  "Feedback": "Отзыв",
-  "Submit": "Отправить",
-  "Submitting…": "Отправляем…",
-  "{{count}} stars|one": "{{count}} отмечен",
-  "{{count}} stars|other": "{{count}} отмеченных",
-  "{{displayName}}, your call has ended.": "{{displayName}}, ваш звонок окончен.",
-  "<0>Thanks for your feedback!</0>": "<0>Спасибо за обратную связь!</0>",
-  "Your feedback": "Ваш отзыв",
-  "How did it go?": "Как всё прошло?",
-  "If you are experiencing issues or simply would like to provide some feedback, please send us a short description below.": "Если у вас возникли проблемы или вы просто хотите оставить отзыв, отправьте нам краткое описание ниже.",
-  "Show connection stats": "Показать статистику соединения"
+  "a11y": {
+    "user_menu": "Меню пользователя"
+  },
+  "action": {
+    "close": "Закрыть",
+    "copy": "Копировать",
+    "go": "Далее",
+    "no": "Нет",
+    "register": "Зарегистрироваться",
+    "remove": "Удалить",
+    "sign_in": "Войти",
+    "sign_out": "Выйти",
+    "submit": "Отправить"
+  },
+  "analytics_notice": "Участвуя в этой бета-версии, вы соглашаетесь на сбор анонимных данных, которые мы используем для улучшения продукта. Более подробную информацию о том, какие данные мы отслеживаем, вы можете найти в нашей <2> Политике конфиденциальности</2> и нашей <6> Политике использования файлов cookie</6>.",
+  "call_ended_view": {
+    "create_account_button": "Создать аккаунт",
+    "create_account_prompt": "<0>Почему бы не задать пароль, тем самым сохранив аккаунт?</0><1>Так вы можете оставить своё имя и задать аватар для будущих звонков.</1>",
+    "feedback_done": "<0>Спасибо за обратную связь!</0>",
+    "feedback_prompt": "<0>Мы будем рады видеть ваши отзывы, чтобы мы могли улучшить ваш опыт.</0>",
+    "headline": "{{displayName}}, ваш звонок окончен.",
+    "not_now_button": "Не сейчас, вернуться в Начало",
+    "survey_prompt": "Как всё прошло?"
+  },
+  "common": {
+    "audio": "Аудио",
+    "avatar": "Аватар",
+    "camera": "Камера",
+    "copied": "Скопировано!",
+    "display_name": "Видимое имя",
+    "home": "Начало",
+    "loading": "Загрузка…",
+    "microphone": "Микрофон",
+    "password": "Пароль",
+    "profile": "Профиль",
+    "settings": "Настройки",
+    "username": "Имя пользователя",
+    "video": "Видео"
+  },
+  "full_screen_view_description": "<0>Отправка журналов поможет нам найти и устранить проблему.</0>",
+  "full_screen_view_h1": "<0>Упс, что-то пошло не так.</0>",
+  "header_label": "Главная Element Call",
+  "join_existing_call_modal": {
+    "join_button": "Да, присоединиться",
+    "text": "Этот звонок уже существует, хотите присоединиться?",
+    "title": "Присоединиться к существующему звонку?"
+  },
+  "layout_spotlight_label": "Внимание",
+  "lobby": {
+    "join_button": "Присоединиться"
+  },
+  "logging_in": "Вход…",
+  "login_auth_links": "<0>Создать аккаунт</0> или <2>Зайти как гость</2>",
+  "login_title": "Вход",
+  "rageshake_request_modal": {
+    "body": "У одного из участников звонка есть неполадки. Чтобы лучше диагностировать похожие проблемы, нам нужен журнал отладки.",
+    "title": "Запрос журнала отладки"
+  },
+  "rageshake_send_logs": "Отправить журнал отладки",
+  "rageshake_sending": "Отправка…",
+  "rageshake_sending_logs": "Отправка журнала отладки…",
+  "recaptcha_dismissed": "Проверка не пройдена",
+  "recaptcha_not_loaded": "Невозможно начать проверку",
+  "register": {
+    "passwords_must_match": "Пароли должны совпадать",
+    "registering": "Регистрация…"
+  },
+  "register_auth_links": "<0>Уже есть аккаунт?</0><1><0>Войти с ним</0> или <2>Зайти как гость</2></1>",
+  "register_confirm_password_label": "Подтвердите пароль",
+  "return_home_button": "Вернуться в Начало",
+  "room_auth_view_join_button": "Присоединиться сейчас",
+  "screenshare_button_label": "Поделиться экраном",
+  "select_input_unset_button": "Выберите вариант",
+  "settings": {
+    "developer_settings_label": "Настройки Разработчика",
+    "developer_settings_label_description": "Раскрыть настройки разработчика в окне настроек.",
+    "developer_tab_title": "Разработчику",
+    "feedback_tab_body": "Если у вас возникли проблемы или вы просто хотите оставить отзыв, отправьте нам краткое описание ниже.",
+    "feedback_tab_description_label": "Ваш отзыв",
+    "feedback_tab_h4": "Отправить отзыв",
+    "feedback_tab_send_logs_label": "Приложить журнал отладки",
+    "feedback_tab_thank_you": "Спасибо. Мы получили ваш отзыв!",
+    "feedback_tab_title": "Отзыв",
+    "more_tab_title": "Больше",
+    "opt_in_description": "<0></0><1></1>Вы можете отозвать согласие, сняв этот флажок. Если вы в данный момент находитесь в разговоре, эта настройка вступит в силу по окончании разговора.",
+    "show_connection_stats_label": "Показать статистику соединения",
+    "speaker_device_selection_label": "Динамик"
+  },
+  "star_rating_input_label_one": "{{count}} отмечен",
+  "star_rating_input_label_other": "{{count}} отмеченных",
+  "submitting": "Отправляем…",
+  "unauthenticated_view_body": "Ещё не зарегистрированы? <2>Создайте аккаунт</2>",
+  "unauthenticated_view_login_button": "Войдите в свой аккаунт",
+  "version": "Версия: {{version}}",
+  "waiting_for_participants": "Ожидание других участников…"
 }

public/locales/sk/app.json

@@ -1,126 +1,134 @@
 {
-  "Spotlight": "Stredobod",
-  "Local volume": "Lokálna hlasitosť",
-  "Include debug logs": "Zahrnúť záznamy o ladení",
-  "Element Call Home": "Domov Element Call",
-  "Waiting for other participants…": "Čaká sa na ďalších účastníkov…",
-  "Submit feedback": "Odoslať spätnú väzbu",
-  "Show call inspector": "Zobraziť inšpektora hovorov",
-  "Share screen": "Zdieľať obrazovku",
-  "Sending…": "Odosielanie…",
-  "Sending debug logs…": "Odosielanie záznamov o ladení…",
-  "Send debug logs": "Odoslať záznamy o ladení",
-  "Select an option": "Vyberte možnosť",
-  "Return to home screen": "Návrat na domovskú obrazovku",
-  "Remove": "Odstrániť",
-  "Registering…": "Registrácia…",
-  "Register": "Registrovať sa",
-  "Recaptcha not loaded": "Recaptcha sa nenačítala",
-  "Recaptcha dismissed": "Recaptcha zamietnutá",
-  "Profile": "Profil",
-  "Passwords must match": "Heslá sa musia zhodovať",
-  "Password": "Heslo",
-  "Not registered yet? <2>Create an account</2>": "Ešte nie ste zaregistrovaný? <2>Vytvorte si účet</2>",
-  "Not now, return to home screen": "Teraz nie, vrátiť sa na domovskú obrazovku",
-  "No": "Nie",
-  "More": "Viac",
-  "Microphone": "Mikrofón",
-  "Login to your account": "Prihláste sa do svojho konta",
-  "Login": "Prihlásiť sa",
-  "Logging in…": "Prihlasovanie…",
-  "Loading…": "Načítanie…",
-  "Join existing call?": "Pripojiť sa k existujúcemu hovoru?",
-  "Join call now": "Pripojiť sa k hovoru teraz",
-  "Join call": "Pripojiť sa k hovoru",
-  "Inspector": "Inšpektor",
-  "Home": "Domov",
-  "Go": "Prejsť",
-  "Full screen": "Zobrazenie na celú obrazovku",
-  "Exit full screen": "Ukončiť zobrazenie na celú obrazovku",
-  "Download debug logs": "Stiahnuť záznamy ladenia",
-  "Yes, join call": "Áno, pripojiť sa k hovoru",
-  "Video": "Video",
-  "Version: {{version}}": "Verzia: {{version}}",
-  "Username": "Meno používateľa",
-  "User menu": "Používateľské menu",
-  "This call already exists, would you like to join?": "Tento hovor už existuje, chceli by ste sa k nemu pripojiť?",
-  "Speaker": "Reproduktor",
-  "Sign out": "Odhlásiť sa",
-  "Sign in": "Prihlásiť sa",
-  "Settings": "Nastavenia",
-  "Display name": "Zobrazované meno",
-  "Developer": "Vývojár",
-  "Debug log request": "Žiadosť o záznam ladenia",
-  "Debug log": "Záznam o ladení",
-  "Create account": "Vytvoriť účet",
-  "Copy and share this call link": "Skopírovať a zdieľať tento odkaz na hovor",
-  "Copy": "Kopírovať",
-  "Copied!": "Skopírované!",
-  "Confirm password": "Potvrdiť heslo",
-  "Close": "Zatvoriť",
-  "Camera": "Kamera",
-  "Avatar": "Obrázok",
-  "Audio": "Audio",
-  "Another user on this call is having an issue. In order to better diagnose these issues we'd like to collect a debug log.": "Ď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í.",
-  "<0>Why not finish by setting up a password to keep your account?</0><1>You'll be able to keep your name and set an avatar for use on future calls</1>": "<0>Prečo neskončiť nastavením hesla, aby ste si zachovali svoj účet? </0><1>Budete si môcť ponechať svoje meno a nastaviť obrázok, ktorý sa bude používať pri budúcich hovoroch</1>",
-  "<0>Create an account</0> Or <2>Access as a guest</2>": "<0>Vytvoriť konto</0> Alebo <2>Prihlásiť sa ako hosť</2>",
-  "<0>Already have an account?</0><1><0>Log in</0> Or <2>Access as a guest</2></1>": "<0>Už máte konto?</0><1><0>Prihláste sa</0> Alebo <2>Prihlásiť sa ako hosť</2></1>",
-  "<0>Submitting debug logs will help us track down the problem.</0>": "<0>Odoslanie záznamov ladenia nám pomôže nájsť problém.</0>",
-  "<0>Oops, something's gone wrong.</0>": "<0>Hups, niečo sa pokazilo.</0>",
-  "Expose developer settings in the settings window.": "Zobraziť nastavenia pre vývojárov v okne nastavení.",
-  "Developer Settings": "Nastavenia pre vývojárov",
-  "By participating in this beta, you consent to the collection of anonymous data, which we use to improve the product. You can find more information about which data we track in our <2>Privacy Policy</2> and our <5>Cookie Policy</5>.": "Úč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>.",
-  "<0></0><1></1>You may withdraw consent by unchecking this box. If you are currently in a call, this setting will take effect at the end of the call.": "<0></0><1></1>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.",
-  "Your feedback": "Vaša spätná väzba",
-  "Thanks, we received your feedback!": "Ďakujeme, dostali sme vašu spätnú väzbu!",
-  "Submitting…": "Odosielanie…",
-  "Submit": "Odoslať",
-  "If you are experiencing issues or simply would like to provide some feedback, please send us a short description below.": "Ak máte problémy alebo jednoducho chcete poskytnúť spätnú väzbu, pošlite nám krátky popis nižšie.",
-  "Feedback": "Spätná väzba",
-  "{{count}} stars|one": "{{count}} hviezdička",
-  "How did it go?": "Ako to išlo?",
-  "{{count}} stars|other": "{{count}} hviezdičiek",
-  "{{displayName}}, your call has ended.": "{{displayName}}, váš hovor skončil.",
-  "<0>Thanks for your feedback!</0>": "<0> Ďakujeme za vašu spätnú väzbu!</0>",
-  "<0>We'd love to hear your feedback so we can improve your experience.</0>": "<0> Radi si vypočujeme vašu spätnú väzbu, aby sme mohli zlepšiť vaše skúsenosti.</0>",
-  "{{displayName}} is presenting": "{{displayName}} prezentuje",
-  "Show connection stats": "Zobraziť štatistiky pripojenia",
-  "By clicking \"Join call now\", you agree to our <2>End User Licensing Agreement (EULA)</2>": "Kliknutím na \"Pripojiť sa k hovoru teraz\" súhlasíte s našou <2>Licenčnou zmluvou s koncovým používateľom (EULA)</2>",
-  "By clicking \"Go\", you agree to our <2>End User Licensing Agreement (EULA)</2>": "Kliknutím na tlačidlo \"Prejsť\" vyjadrujete súhlas s našou <2>Licenčnou zmluvou s koncovým používateľom (EULA)</2>",
-  "This site is protected by ReCAPTCHA and the Google <2>Privacy Policy</2> and <6>Terms of Service</6> apply.<9></9>By clicking \"Register\", you agree to our <12>End User Licensing Agreement (EULA)</12>": "Táto stránka je chránená systémom ReCAPTCHA a platia na ňu <2>Pravidlá ochrany osobných údajov spoločnosti Google</2> a <6>Podmienky poskytovania služieb</6>.<9></9>Kliknutím na tlačidlo \"Registrovať sa\" súhlasíte s našou <12>Licenčnou zmluvou s koncovým používateľom (EULA)</12>",
-  "Element Call is temporarily not end-to-end encrypted while we test scalability.": "Element Call nie je dočasne šifrovaný, kým testujeme škálovateľnosť.",
-  "Connectivity to the server has been lost.": "Spojenie so serverom sa stratilo.",
-  "Retry sending logs": "Opakovať odoslanie záznamov",
-  "Reconnect": "Znovu pripojiť",
-  "Thanks!": "Ďakujeme!",
-  "You were disconnected from the call": "Boli ste odpojení z hovoru",
-  "Enable end-to-end encryption (password protected calls)": "Povoliť end-to-end šifrovanie (hovory chránené heslom)",
-  "End-to-end encryption isn't supported on your browser.": "End-to-end šifrovanie nie je vo vašom prehliadači podporované.",
-  "{{count, number}}|other": "{{count, number}}",
-  "Encrypted": "Šifrované",
-  "End call": "Ukončiť hovor",
-  "Microphone off": "Mikrofón vypnutý",
-  "Microphone on": "Mikrofón zapnutý",
-  "Grid": "Sieť",
-  "Not encrypted": "Nie je zašifrované",
-  "Share": "Zdieľať",
-  "Sharing screen": "Zdieľanie obrazovky",
-  "{{count, number}}|one": "{{count, number}}",
-  "Share this call": "Zdieľať tento hovor",
-  "{{names, list(style: short;)}}": "{{names, list(style: short;)}}",
-  "You": "Vy",
-  "Continue in browser": "Pokračovať v prehliadači",
-  "Mute microphone": "Stlmiť mikrofón",
-  "Name of call": "Názov hovoru",
-  "Open in the app": "Otvoriť v aplikácii",
-  "Ready to join?": "Ste pripravení sa pridať?",
-  "Select app": "Vybrať aplikáciu",
-  "Start new call": "Spustiť nový hovor",
-  "Start video": "Spustiť video",
-  "Stop video": "Zastaviť video",
-  "Back to recents": "Späť k nedávnym",
-  "Unmute microphone": "Zrušiť stlmenie mikrofónu",
-  "Call not found": "Hovor nebol nájdený",
-  "Calls are now end-to-end encrypted and need to be created from the home page. This helps make sure everyone's using the same encryption key.": "Hovory sú teraz end-to-end šifrované a je potrebné ich vytvoriť z domovskej stránky. To pomáha zabezpečiť, aby všetci používali rovnaký šifrovací kľúč.",
-  "Your web browser does not support media end-to-end encryption. Supported Browsers are Chrome, Safari, Firefox >=117": "Váš webový prehliadač nepodporuje end-to-end šifrovanie médií. Podporované prehliadače sú Chrome, Safari, Firefox >=117"
+  "a11y": {
+    "user_menu": "Používateľské menu"
+  },
+  "action": {
+    "close": "Zatvoriť",
+    "copy": "Kopírovať",
+    "copy_link": "Kopírovať odkaz",
+    "go": "Prejsť",
+    "invite": "Pozvať",
+    "no": "Nie",
+    "register": "Registrovať sa",
+    "remove": "Odstrániť",
+    "sign_in": "Prihlásiť sa",
+    "sign_out": "Odhlásiť sa",
+    "submit": "Odoslať"
+  },
+  "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",
+    "text": "Ste pripravení sa pridať?",
+    "title": "Vybrať aplikáciu"
+  },
+  "browser_media_e2ee_unsupported": "Váš webový prehliadač nepodporuje end-to-end šifrovanie médií. Podporované prehliadače sú Chrome, Safari, Firefox >=117",
+  "call_ended_view": {
+    "body": "Boli ste odpojení z hovoru",
+    "create_account_button": "Vytvoriť účet",
+    "create_account_prompt": "<0>Prečo neskončiť nastavením hesla, aby ste si zachovali svoj účet? </0><1>Budete si môcť ponechať svoje meno a nastaviť obrázok, ktorý sa bude používať pri budúcich hovoroch</1>",
+    "feedback_done": "<0> Ďakujeme za vašu spätnú väzbu!</0>",
+    "feedback_prompt": "<0> Radi si vypočujeme vašu spätnú väzbu, aby sme mohli zlepšiť vaše skúsenosti.</0>",
+    "headline": "{{displayName}}, váš hovor skončil.",
+    "not_now_button": "Teraz nie, vrátiť sa na domovskú obrazovku",
+    "reconnect_button": "Znovu pripojiť",
+    "survey_prompt": "Ako to išlo?"
+  },
+  "call_name": "Názov hovoru",
+  "common": {
+    "avatar": "Obrázok",
+    "camera": "Kamera",
+    "copied": "Skopírované!",
+    "display_name": "Zobrazované meno",
+    "encrypted": "Šifrované",
+    "home": "Domov",
+    "loading": "Načítanie…",
+    "microphone": "Mikrofón",
+    "password": "Heslo",
+    "profile": "Profil",
+    "settings": "Nastavenia",
+    "unencrypted": "Nie je zašifrované",
+    "username": "Meno používateľa"
+  },
+  "disconnected_banner": "Spojenie so serverom sa stratilo.",
+  "full_screen_view_description": "<0>Odoslanie záznamov ladenia nám pomôže nájsť problém.</0>",
+  "full_screen_view_h1": "<0>Hups, niečo sa pokazilo.</0>",
+  "hangup_button_label": "Ukončiť hovor",
+  "header_label": "Domov Element Call",
+  "header_participants_label": "Účastníci",
+  "invite_modal": {
+    "link_copied_toast": "Odkaz skopírovaný do schránky",
+    "title": "Pozvať na tento hovor"
+  },
+  "join_existing_call_modal": {
+    "join_button": "Áno, pripojiť sa k hovoru",
+    "text": "Tento hovor už existuje, chceli by ste sa k nemu pripojiť?",
+    "title": "Pripojiť sa k existujúcemu hovoru?"
+  },
+  "layout_grid_label": "Sieť",
+  "layout_spotlight_label": "Stredobod",
+  "lobby": {
+    "join_button": "Pripojiť sa k hovoru",
+    "leave_button": "Späť k nedávnym"
+  },
+  "logging_in": "Prihlasovanie…",
+  "login_auth_links": "<0>Vytvoriť konto</0> Alebo <2>Prihlásiť sa ako hosť</2>",
+  "login_title": "Prihlásiť sa",
+  "microphone_off": "Mikrofón vypnutý",
+  "microphone_on": "Mikrofón zapnutý",
+  "mute_microphone_button_label": "Stlmiť mikrofón",
+  "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í.",
+    "title": "Žiadosť o záznam ladenia"
+  },
+  "rageshake_send_logs": "Odoslať záznamy o ladení",
+  "rageshake_sending": "Odosielanie…",
+  "rageshake_sending_logs": "Odosielanie záznamov o ladení…",
+  "rageshake_sent": "Ďakujeme!",
+  "recaptcha_caption": "Táto stránka je chránená systémom ReCAPTCHA a platia na ňu <2>Pravidlá ochrany osobných údajov spoločnosti Google</2> a <6>Podmienky poskytovania služieb</6>.<9></9>Kliknutím na tlačidlo \"Registrovať sa\" súhlasíte s našou <12>Licenčnou zmluvou s koncovým používateľom (EULA)</12>",
+  "recaptcha_dismissed": "Recaptcha zamietnutá",
+  "recaptcha_not_loaded": "Recaptcha sa nenačítala",
+  "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",
+  "return_home_button": "Návrat na domovskú obrazovku",
+  "room_auth_view_eula_caption": "Kliknutím na \"Pripojiť sa k hovoru teraz\" súhlasíte s našou <2>Licenčnou zmluvou s koncovým používateľom (EULA)</2>",
+  "room_auth_view_join_button": "Pripojiť sa k hovoru teraz",
+  "screenshare_button_label": "Zdieľať obrazovku",
+  "select_input_unset_button": "Vyberte možnosť",
+  "settings": {
+    "developer_settings_label": "Nastavenia pre vývojárov",
+    "developer_settings_label_description": "Zobraziť nastavenia pre vývojárov v okne nastavení.",
+    "developer_tab_title": "Vývojár",
+    "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",
+    "more_tab_title": "Viac",
+    "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.",
+    "show_connection_stats_label": "Zobraziť štatistiky pripojenia",
+    "speaker_device_selection_label": "Reproduktor"
+  },
+  "star_rating_input_label_one": "{{count}} hviezdička",
+  "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…",
+  "unauthenticated_view_body": "Ešte nie ste zaregistrovaný? <2>Vytvorte si účet</2>",
+  "unauthenticated_view_eula_caption": "Kliknutím na tlačidlo \"Prejsť\" vyjadrujete súhlas s našou <2>Licenčnou zmluvou s koncovým používateľom (EULA)</2>",
+  "unauthenticated_view_login_button": "Prihláste sa do svojho konta",
+  "unmute_microphone_button_label": "Zrušiť stlmenie mikrofónu",
+  "version": "Verzia: {{version}}",
+  "video_tile": {
+    "sfu_participant_local": "Vy"
+  },
+  "waiting_for_participants": "Čaká sa na ďalších účastníkov…"
 }

public/locales/sv/app.json

@@ -1 +1,7 @@
-{}
+{
+  "call_ended_view": {
+    "headline": "{{displayName}}, ditt samtal har avslutats."
+  },
+  "star_rating_input_label_one": "{{count}} stjärna",
+  "star_rating_input_label_other": "{{count}} stjärnor"
+}

public/locales/tr/app.json

@@ -1,56 +1,63 @@
 {
-  "<0>Why not finish by setting up a password to keep your account?</0><1>You'll be able to keep your name and set an avatar for use on future calls</1>": "<0>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>",
-  "Another user on this call is having an issue. In order to better diagnose these issues we'd like to collect a debug log.": "Bu aramadaki başka bir kullanıcı sorun yaşıyor. Sorunu daha iyi çözebilmemiz için hata ayıklama kütüğünü almak isteriz.",
-  "Audio": "Ses",
-  "Avatar": "Avatar",
-  "Camera": "Kamera",
-  "Close": "Kapat",
-  "Confirm password": "Parolayı tekrar edin",
-  "Copied!": "Kopyalandı",
-  "Copy and share this call link": "Arama bağlantısını kopyala ve paylaş",
-  "Create account": "Hesap aç",
-  "Debug log": "Hata ayıklama kütüğü",
-  "Debug log request": "Hata ayıklama kütük istemi",
-  "Developer": "Geliştirici",
-  "Display name": "Ekran adı",
-  "Download debug logs": "Hata ayıklama kütüğünü indir",
-  "Exit full screen": "Tam ekranı terk et",
-  "Full screen": "Tam ekran",
-  "Go": "Git",
-  "Home": "Ev",
-  "Include debug logs": "Hata ayıklama kütüğünü dahil et",
-  "Inspector": "Denetçi",
-  "Join call": "Aramaya katıl",
-  "Join call now": "Aramaya katıl",
-  "Join existing call?": "Mevcut aramaya katıl?",
-  "Loading…": "Yükleniyor…",
-  "Local volume": "Yerel ses seviyesi",
-  "Logging in…": "Giriliyor…",
-  "Login": "Gir",
-  "Login to your account": "Hesabınıza girin",
-  "Microphone": "Mikrofon",
-  "More": "Daha",
-  "No": "Hayır",
-  "Not now, return to home screen": "Şimdi değil, ev ekranına dön",
-  "Not registered yet? <2>Create an account</2>": "Kaydolmadınız mı? <2>Hesap açın</2>",
-  "Password": "Parola",
-  "Passwords must match": "Parolalar aynı olmalı",
-  "Recaptcha dismissed": "reCAPTCHA atlandı",
-  "Recaptcha not loaded": "reCAPTCHA yüklenmedi",
-  "Register": "Kaydol",
-  "Registering…": "Kaydediyor…",
-  "Remove": "Çıkar",
-  "Return to home screen": "Ev ekranına geri dön",
-  "Select an option": "Bir seçenek seç",
-  "Send debug logs": "Hata ayıklama kütüğünü gönder",
-  "Sending…": "Gönderiliyor…",
-  "Settings": "Ayarlar",
-  "Share screen": "Ekran paylaş",
-  "Show call inspector": "Arama denetçisini göster",
-  "Sign in": "Gir",
-  "Sign out": "Çık",
-  "Submit feedback": "Geri bildirim ver",
-  "This call already exists, would you like to join?": "Bu arama zaten var, katılmak ister misiniz?",
-  "<0>Create an account</0> Or <2>Access as a guest</2>": "<0>Hesap oluştur</0> yahut <2>Konuk olarak gir</2>",
-  "<0>Already have an account?</0><1><0>Log in</0> Or <2>Access as a guest</2></1>": "<0>Mevcut hesabınız mı var?</0><1><0>Gir</0> yahut <2>Konuk girişi</2></1>"
+  "action": {
+    "close": "Kapat",
+    "go": "Git",
+    "no": "Hayır",
+    "register": "Kaydol",
+    "remove": "Çıkar",
+    "sign_in": "Gir",
+    "sign_out": "Çık"
+  },
+  "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"
+  },
+  "common": {
+    "audio": "Ses",
+    "camera": "Kamera",
+    "copied": "Kopyalandı",
+    "display_name": "Ekran adı",
+    "home": "Ev",
+    "loading": "Yükleniyor…",
+    "microphone": "Mikrofon",
+    "password": "Parola",
+    "settings": "Ayarlar"
+  },
+  "join_existing_call_modal": {
+    "text": "Bu arama zaten var, katılmak ister misiniz?",
+    "title": "Mevcut aramaya katıl?"
+  },
+  "lobby": {
+    "join_button": "Aramaya katıl"
+  },
+  "logging_in": "Giriliyor…",
+  "login_auth_links": "<0>Hesap oluştur</0> yahut <2>Konuk olarak gir</2>",
+  "login_title": "Gir",
+  "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…",
+  "recaptcha_dismissed": "reCAPTCHA atlandı",
+  "recaptcha_not_loaded": "reCAPTCHA yüklenmedi",
+  "register": {
+    "passwords_must_match": "Parolalar aynı olmalı",
+    "registering": "Kaydediyor…"
+  },
+  "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",
+  "return_home_button": "Ev ekranına geri dön",
+  "room_auth_view_join_button": "Aramaya katıl",
+  "screenshare_button_label": "Ekran paylaş",
+  "select_input_unset_button": "Bir seçenek seç",
+  "settings": {
+    "developer_tab_title": "Geliştirici",
+    "feedback_tab_h4": "Geri bildirim ver",
+    "feedback_tab_send_logs_label": "Hata ayıklama kütüğünü dahil et",
+    "more_tab_title": "Daha"
+  },
+  "unauthenticated_view_body": "Kaydolmadınız mı? <2>Hesap açın</2>",
+  "unauthenticated_view_login_button": "Hesabınıza girin"
 }

public/locales/uk/app.json

@@ -1,126 +1,136 @@
 {
-  "Loading…": "Завантаження…",
-  "Yes, join call": "Так, приєднатися до виклику",
-  "Waiting for other participants…": "Очікування на інших учасників…",
-  "Video": "Відео",
-  "Version: {{version}}": "Версія: {{version}}",
-  "Username": "Ім'я користувача",
-  "User menu": "Меню користувача",
-  "This call already exists, would you like to join?": "Цей виклик уже існує, бажаєте приєднатися?",
-  "Submit feedback": "Надіслати відгук",
-  "Spotlight": "У центрі уваги",
-  "Speaker": "Динамік",
-  "Sign out": "Вийти",
-  "Sign in": "Увійти",
-  "Show call inspector": "Показати інспектора виклику",
-  "Share screen": "Поділитися екраном",
-  "Settings": "Налаштування",
-  "Sending…": "Надсилання…",
-  "Sending debug logs…": "Надсилання журналу налагодження…",
-  "Send debug logs": "Надіслати журнал налагодження",
-  "Select an option": "Вибрати опцію",
-  "Return to home screen": "Повернутися на екран домівки",
-  "Remove": "Вилучити",
-  "Registering…": "Реєстрація…",
-  "Register": "Зареєструватися",
-  "Recaptcha not loaded": "Recaptcha не завантажено",
-  "Recaptcha dismissed": "Recaptcha не пройдено",
-  "Profile": "Профіль",
-  "Passwords must match": "Паролі відрізняються",
-  "Password": "Пароль",
-  "Not registered yet? <2>Create an account</2>": "Ще не зареєстровані? <2>Створіть обліковий запис</2>",
-  "Not now, return to home screen": "Не зараз, повернутися на екран домівки",
-  "No": "Ні",
-  "More": "Докладніше",
-  "Microphone": "Мікрофон",
-  "Login to your account": "Увійдіть до свого облікового запису",
-  "Login": "Увійти",
-  "Logging in…": "Вхід…",
-  "Local volume": "Локальна гучність",
-  "Join existing call?": "Приєднатися до наявного виклику?",
-  "Join call now": "Приєднатися до виклику зараз",
-  "Join call": "Приєднатися до виклику",
-  "Inspector": "Інспектор",
-  "Include debug logs": "Долучити журнали налагодження",
-  "Home": "Домівка",
-  "Go": "Далі",
-  "Full screen": "Повноекранний режим",
-  "Exit full screen": "Вийти з повноекранного режиму",
-  "Download debug logs": "Завантажити журнали налагодження",
-  "Display name": "Псевдонім",
-  "Developer": "Розробнику",
-  "Debug log request": "Запит журналу налагодження",
-  "Debug log": "Журнал налагодження",
-  "Create account": "Створити обліковий запис",
-  "Copy and share this call link": "Скопіювати та поділитися цим посиланням на виклик",
-  "Copied!": "Скопійовано!",
-  "Confirm password": "Підтвердити пароль",
-  "Close": "Закрити",
-  "Camera": "Камера",
-  "Avatar": "Аватар",
-  "Audio": "Звук",
-  "Another user on this call is having an issue. In order to better diagnose these issues we'd like to collect a debug log.": "Інший користувач у цьому виклику має проблему. Щоб краще визначити ці проблеми, ми хотіли б зібрати журнал налагодження.",
-  "<0>Why not finish by setting up a password to keep your account?</0><1>You'll be able to keep your name and set an avatar for use on future calls</1>": "<0>Чому б не завершити, налаштувавши пароль для збереження свого облікового запису?</0><1>Ви зможете зберегти своє ім'я та встановити аватарку для подальшого користування під час майбутніх викликів</1>",
-  "<0>Create an account</0> Or <2>Access as a guest</2>": "<0>Створити обліковий запис</0> або <2>Отримати доступ як гість</2>",
-  "<0>Already have an account?</0><1><0>Log in</0> Or <2>Access as a guest</2></1>": "<0>Уже маєте обліковий запис?</0><1><0>Увійти</0> Or <2>Отримати доступ як гість</2></1>",
-  "Element Call Home": "Домівка Element Call",
-  "Copy": "Копіювати",
-  "<0>Submitting debug logs will help us track down the problem.</0>": "<0>Надсилання журналів налагодження допоможе нам виявити проблему.</0>",
-  "<0>Oops, something's gone wrong.</0>": "<0>Йой, щось пішло не за планом.</0>",
-  "Expose developer settings in the settings window.": "Відкрийте налаштування розробника у вікні налаштувань.",
-  "Developer Settings": "Налаштування розробника",
-  "By participating in this beta, you consent to the collection of anonymous data, which we use to improve the product. You can find more information about which data we track in our <2>Privacy Policy</2> and our <5>Cookie Policy</5>.": "Користуючись дочасним доступом, ви даєте згоду на збір анонімних даних, які ми використовуємо для вдосконалення продукту. Ви можете знайти більше інформації про те, які дані ми відстежуємо в нашій <2>Політиці Приватності</2> і нашій <5>Політиці про куки</5>.",
-  "<0></0><1></1>You may withdraw consent by unchecking this box. If you are currently in a call, this setting will take effect at the end of the call.": "<0></0><1></1>Ви можете відкликати згоду, прибравши цей прапорець. Якщо ви зараз розмовляєте, це налаштування застосується після завершення виклику.",
-  "Your feedback": "Ваш відгук",
-  "Thanks, we received your feedback!": "Дякуємо, ми отримали ваш відгук!",
-  "Submitting…": "Надсилання…",
-  "Submit": "Надіслати",
-  "If you are experiencing issues or simply would like to provide some feedback, please send us a short description below.": "Якщо у вас виникли проблеми або ви просто хочете залишити відгук, надішліть нам короткий опис нижче.",
-  "Feedback": "Відгук",
-  "<0>Thanks for your feedback!</0>": "<0>Дякуємо за ваш відгук!</0>",
-  "{{count}} stars|one": "{{count}} зірок",
-  "{{count}} stars|other": "{{count}} зірок",
-  "{{displayName}}, your call has ended.": "{{displayName}}, ваш виклик завершено.",
-  "<0>We'd love to hear your feedback so we can improve your experience.</0>": "<0>Ми будемо раді почути ваші відгуки, щоб поліпшити роботу застосунку.</0>",
-  "How did it go?": "Вам усе сподобалось?",
-  "{{displayName}} is presenting": "{{displayName}} представляє",
-  "Show connection stats": "Показати стан з'єднання",
-  "By clicking \"Go\", you agree to our <2>End User Licensing Agreement (EULA)</2>": "Натискаючи \"Далі\", ви погоджуєтеся з нашою <2>Ліцензійною угодою з кінцевим користувачем (EULA)</2>",
-  "By clicking \"Join call now\", you agree to our <2>End User Licensing Agreement (EULA)</2>": "Натискаючи \"Приєднатися до виклику зараз\", ви погоджуєтеся з нашою <2>Ліцензійною угодою з кінцевим користувачем (EULA)</2>",
-  "This site is protected by ReCAPTCHA and the Google <2>Privacy Policy</2> and <6>Terms of Service</6> apply.<9></9>By clicking \"Register\", you agree to our <12>End User Licensing Agreement (EULA)</12>": "Цей сайт захищений ReCAPTCHA і до нього застосовується <2>Політика приватності</2> і <6>Умови надання послуг</6> Google.<9></9>Натискаючи \"Зареєструватися\", ви погоджуєтеся з нашою <12>Ліцензійною угодою з кінцевим користувачем (EULA)</12>",
-  "Element Call is temporarily not end-to-end encrypted while we test scalability.": "Виклики Element тимчасово не захищаються наскрізним шифруванням, поки ми тестуємо масштабованість.",
-  "Connectivity to the server has been lost.": "Втрачено зв'язок з сервером.",
-  "Reconnect": "Під'єднати повторно",
-  "Retry sending logs": "Повторити надсилання журналів",
-  "You were disconnected from the call": "Вас від'єднано від виклику",
-  "Thanks!": "Дякуємо!",
-  "Enable end-to-end encryption (password protected calls)": "Увімкнути наскрізне шифрування (захищені паролем виклики)",
-  "End-to-end encryption isn't supported on your browser.": "Наскрізне шифрування не підтримується вашим переглядачем.",
-  "{{count, number}}|other": "{{count, number}}",
-  "{{names, list(style: short;)}}": "{{names, list(style: short;)}}",
-  "Encrypted": "Зашифровано",
-  "Microphone on": "Мікрофон увімкнено",
-  "Not encrypted": "Не зашифровано",
-  "Share": "Поділитися",
-  "Sharing screen": "Презентація екрана",
-  "{{count, number}}|one": "{{count, number}}",
-  "End call": "Завершити виклик",
-  "Grid": "Сітка",
-  "Microphone off": "Мікрофон вимкнено",
-  "Share this call": "Поділитися цим викликом",
-  "You": "Ви",
-  "Mute microphone": "Вимкнути мікрофон",
-  "Open in the app": "Відкрити у застосунку",
-  "Ready to join?": "Готові приєднатися?",
-  "Select app": "Вибрати застосунок",
-  "Start video": "Розпочати відео",
-  "Stop video": "Зупинити відео",
-  "Unmute microphone": "Увімкнути мікрофон",
-  "Continue in browser": "Продовжити у браузері",
-  "Name of call": "Назва виклику",
-  "Start new call": "Розпочати новий виклик",
-  "Back to recents": "Повернутися до недавніх",
-  "Call not found": "Виклик не знайдено",
-  "Calls are now end-to-end encrypted and need to be created from the home page. This helps make sure everyone's using the same encryption key.": "Відтепер виклики захищено наскрізним шифруванням, і їх потрібно створювати з домашньої сторінки. Це допомагає переконатися, що всі користувачі використовують один і той самий ключ шифрування.",
-  "Your web browser does not support media end-to-end encryption. Supported Browsers are Chrome, Safari, Firefox >=117": "Ваш браузер не підтримує наскрізне шифрування мультимедійних даних. Підтримувані браузери: Chrome, Safari, Firefox >=117"
+  "a11y": {
+    "user_menu": "Меню користувача"
+  },
+  "action": {
+    "close": "Закрити",
+    "copy": "Копіювати",
+    "copy_link": "Скопіювати посилання",
+    "go": "Далі",
+    "invite": "Запросити",
+    "no": "Ні",
+    "register": "Зареєструватися",
+    "remove": "Вилучити",
+    "sign_in": "Увійти",
+    "sign_out": "Вийти",
+    "submit": "Надіслати"
+  },
+  "analytics_notice": "Користуючись дочасним доступом, ви даєте згоду на збір анонімних даних, які ми використовуємо для вдосконалення продукту. Ви можете знайти більше інформації про те, які дані ми відстежуємо в нашій <2>Політиці Приватності</2> і нашій <6>Політиці про куки</6>.",
+  "app_selection_modal": {
+    "continue_in_browser": "Продовжити у браузері",
+    "open_in_app": "Відкрити у застосунку",
+    "text": "Готові приєднатися?",
+    "title": "Вибрати застосунок"
+  },
+  "browser_media_e2ee_unsupported": "Ваш браузер не підтримує наскрізне шифрування мультимедійних даних. Підтримувані браузери: Chrome, Safari, Firefox >=117",
+  "call_ended_view": {
+    "body": "Вас від'єднано від виклику",
+    "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": {
+    "audio": "Звук",
+    "avatar": "Аватар",
+    "camera": "Камера",
+    "copied": "Скопійовано!",
+    "display_name": "Псевдонім",
+    "encrypted": "Зашифровано",
+    "home": "Домівка",
+    "loading": "Завантаження…",
+    "microphone": "Мікрофон",
+    "password": "Пароль",
+    "profile": "Профіль",
+    "settings": "Налаштування",
+    "unencrypted": "Не зашифровано",
+    "username": "Ім'я користувача",
+    "video": "Відео"
+  },
+  "disconnected_banner": "Втрачено зв'язок з сервером.",
+  "full_screen_view_description": "<0>Надсилання журналів налагодження допоможе нам виявити проблему.</0>",
+  "full_screen_view_h1": "<0>Йой, щось пішло не за планом.</0>",
+  "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": "Приєднатися до виклику",
+    "leave_button": "Повернутися до недавніх"
+  },
+  "logging_in": "Вхід…",
+  "login_auth_links": "<0>Створити обліковий запис</0> або <2>Отримати доступ як гість</2>",
+  "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_caption": "Цей сайт захищений ReCAPTCHA і до нього застосовується <2>Політика приватності</2> і <6>Умови надання послуг</6> Google.<9></9>Натискаючи \"Зареєструватися\", ви погоджуєтеся з нашою <12>Ліцензійною угодою з кінцевим користувачем (EULA)</12>",
+  "recaptcha_dismissed": "Recaptcha не пройдено",
+  "recaptcha_not_loaded": "Recaptcha не завантажено",
+  "register": {
+    "passwords_must_match": "Паролі відрізняються",
+    "registering": "Реєстрація…"
+  },
+  "register_auth_links": "<0>Уже маєте обліковий запис?</0><1><0>Увійти</0> Or <2>Отримати доступ як гість</2></1>",
+  "register_confirm_password_label": "Підтвердити пароль",
+  "return_home_button": "Повернутися на екран домівки",
+  "room_auth_view_eula_caption": "Натискаючи \"Приєднатися до виклику зараз\", ви погоджуєтеся з нашою <2>Ліцензійною угодою з кінцевим користувачем (EULA)</2>",
+  "room_auth_view_join_button": "Приєднатися до виклику зараз",
+  "screenshare_button_label": "Поділитися екраном",
+  "select_input_unset_button": "Вибрати опцію",
+  "settings": {
+    "developer_settings_label": "Налаштування розробника",
+    "developer_settings_label_description": "Відкрийте налаштування розробника у вікні налаштувань.",
+    "developer_tab_title": "Розробнику",
+    "feedback_tab_body": "Якщо у вас виникли проблеми або ви просто хочете залишити відгук, надішліть нам короткий опис нижче.",
+    "feedback_tab_description_label": "Ваш відгук",
+    "feedback_tab_h4": "Надіслати відгук",
+    "feedback_tab_send_logs_label": "Долучити журнали налагодження",
+    "feedback_tab_thank_you": "Дякуємо, ми отримали ваш відгук!",
+    "feedback_tab_title": "Відгук",
+    "more_tab_title": "Докладніше",
+    "opt_in_description": "<0></0><1></1>Ви можете відкликати згоду, прибравши цей прапорець. Якщо ви зараз розмовляєте, це налаштування застосується після завершення виклику.",
+    "show_connection_stats_label": "Показати стан з'єднання",
+    "speaker_device_selection_label": "Динамік"
+  },
+  "star_rating_input_label_one": "{{count}} зірок",
+  "star_rating_input_label_other": "{{count}} зірок",
+  "start_new_call": "Розпочати новий виклик",
+  "start_video_button_label": "Розпочати відео",
+  "stop_screenshare_button_label": "Презентація екрана",
+  "stop_video_button_label": "Зупинити відео",
+  "submitting": "Надсилання…",
+  "unauthenticated_view_body": "Ще не зареєстровані? <2>Створіть обліковий запис</2>",
+  "unauthenticated_view_eula_caption": "Натискаючи \"Далі\", ви погоджуєтеся з нашою <2>Ліцензійною угодою з кінцевим користувачем (EULA)</2>",
+  "unauthenticated_view_login_button": "Увійдіть до свого облікового запису",
+  "unmute_microphone_button_label": "Увімкнути мікрофон",
+  "version": "Версія: {{version}}",
+  "video_tile": {
+    "sfu_participant_local": "Ви"
+  },
+  "waiting_for_participants": "Очікування на інших учасників…"
 }

public/locales/vi/app.json

@@ -1,65 +1,75 @@
 {
-  "Login": "Đăng nhập",
-  "Join call": "Tham gia cuộc gọi",
-  "Password": "Mật khẩu",
-  "Settings": "Cài đặt",
-  "Sending…": "Đang gửi…",
-  "Sign in": "Đăng nhập",
-  "Submit": "Gửi",
-  "Video": "Truyền hình",
-  "Username": "Tên người dùng",
-  "Yes, join call": "Vâng, tham gia cuộc gọi",
-  "Your feedback": "Phản hồi của bạn",
-  "Waiting for other participants…": "Đang đợi những người khác…",
-  "Version: {{version}}": "Phiên bản: {{version}}",
-  "Submit feedback": "Gửi phản hồi",
-  "Speaker": "Loa",
-  "Sign out": "Đăng xuất",
-  "Share screen": "Chia sẻ màn hình",
-  "No": "Không",
-  "Join call now": "Tham gia cuộc gọi",
-  "Create account": "Tạo tài khoản",
-  "<0>Create an account</0> Or <2>Access as a guest</2>": "<0>Tạo tài khoản</0> Hay <2>Tham gia dưới tên khác</2>",
-  "<0>Submitting debug logs will help us track down the problem.</0>": "<0>Gửi nhật ký gỡ lỗi sẽ giúp chúng tôi theo dõi vấn đề.</0>",
-  "Avatar": "Ảnh đại diện",
-  "Audio": "Âm thanh",
-  "Camera": "Máy quay",
-  "Copied!": "Đã sao chép!",
-  "Confirm password": "Xác nhận mật khẩu",
-  "Close": "Đóng",
-  "Debug log": "Nhật ký gỡ lỗi",
-  "Copy": "Sao chép",
-  "Copy and share this call link": "Sao chép và chia sẻ liên kết cuộc gọi này",
-  "Display name": "Tên hiển thị",
-  "Developer Settings": "Cài đặt phát triển",
-  "Developer": "Nhà phát triển",
-  "Download debug logs": "Tải xuống nhật ký gỡ lỗi",
-  "Feedback": "Phản hồi",
-  "Full screen": "Toàn màn hình",
-  "Include debug logs": "Kèm theo nhật ký gỡ lỗi",
-  "Join existing call?": "Tham gia cuộc gọi?",
-  "Loading…": "Đang tải…",
-  "Logging in…": "Đang đăng nhập…",
-  "Login to your account": "Đăng nhập vào tài khoản của bạn",
-  "Microphone": "Micrô",
-  "Not registered yet? <2>Create an account</2>": "Chưa đăng ký? <2>Tạo tài khoản</2>",
-  "Passwords must match": "Mật khẩu phải khớp",
-  "Register": "Đăng ký",
-  "Spotlight": "Tiêu điểm",
-  "Submitting…": "Đang gửi…",
-  "Thanks, we received your feedback!": "Cảm ơn, chúng tôi đã nhận được phản hồi!",
-  "<0>Already have an account?</0><1><0>Log in</0> Or <2>Access as a guest</2></1>": "<0>Đã có tài khoản?</0><1><0>Đăng nhập</0> Hay <2>Tham gia dưới tên Khách</2></1>",
-  "Exit full screen": "Rời chế độ toàn màn hình",
-  "Profile": "Hồ sơ",
-  "Registering…": "Đang đăng ký…",
-  "This call already exists, would you like to join?": "Cuộc gọi đã tồn tại, bạn có muốn tham gia không?",
-  "Recaptcha not loaded": "Chưa tải được Recaptcha",
-  "Debug log request": "Yêu cầu nhật ký gỡ lỗi",
-  "Another user on this call is having an issue. In order to better diagnose these issues we'd like to collect a debug log.": "Một người dùng khác trong cuộc gọi đang gặp vấn đề. Để có thể chẩn đoán tốt hơn chúng tôi muốn thu thập nhật ký gỡ lỗi.",
-  "<0>Why not finish by setting up a password to keep your account?</0><1>You'll be able to keep your name and set an avatar for use on future calls</1>": "<0>Tại sao lại không hoàn thiện bằng cách đặt mật khẩu để giữ tài khoản của bạn?</0><1>Bạn sẽ có thể giữ tên và đặt ảnh đại diện cho những cuộc gọi tiếp theo.</1>",
-  "<0>Oops, something's gone wrong.</0>": "<0>Ối, có cái gì đó sai.</0>",
-  "{{displayName}} is presenting": "{{displayName}} đang trình bày",
-  "{{displayName}}, your call has ended.": "{{displayName}}, cuộc gọi đã kết thúc.",
-  "<0>We'd love to hear your feedback so we can improve your experience.</0>": "<0>Chúng tôi muốn nghe phản hồi của bạn để còn cải thiện trải nghiệm cho bạn.</0>",
-  "<0>Thanks for your feedback!</0>": "<0>Cảm hơn vì đã phản hồi!</0>"
+  "action": {
+    "close": "Đóng",
+    "copy": "Sao chép",
+    "no": "Không",
+    "register": "Đăng ký",
+    "sign_in": "Đăng nhập",
+    "sign_out": "Đăng xuất",
+    "submit": "Gửi"
+  },
+  "call_ended_view": {
+    "create_account_button": "Tạo tài khoản",
+    "create_account_prompt": "<0>Tại sao lại không hoàn thiện bằng cách đặt mật khẩu để giữ tài khoản của bạn?</0><1>Bạn sẽ có thể giữ tên và đặt ảnh đại diện cho những cuộc gọi tiếp theo.</1>",
+    "feedback_done": "<0>Cảm hơn vì đã phản hồi!</0>",
+    "feedback_prompt": "<0>Chúng tôi muốn nghe phản hồi của bạn để còn cải thiện trải nghiệm cho bạn.</0>",
+    "headline": "{{displayName}}, cuộc gọi đã kết thúc."
+  },
+  "common": {
+    "audio": "Âm thanh",
+    "avatar": "Ảnh đại diện",
+    "camera": "Máy quay",
+    "copied": "Đã sao chép!",
+    "display_name": "Tên hiển thị",
+    "loading": "Đang tải…",
+    "microphone": "Micrô",
+    "password": "Mật khẩu",
+    "profile": "Hồ sơ",
+    "settings": "Cài đặt",
+    "username": "Tên người dùng",
+    "video": "Truyền hình"
+  },
+  "full_screen_view_description": "<0>Gửi nhật ký gỡ lỗi sẽ giúp chúng tôi theo dõi vấn đề.</0>",
+  "full_screen_view_h1": "<0>Ối, có cái gì đó sai.</0>",
+  "join_existing_call_modal": {
+    "join_button": "Vâng, tham gia cuộc gọi",
+    "text": "Cuộc gọi đã tồn tại, bạn có muốn tham gia không?",
+    "title": "Tham gia cuộc gọi?"
+  },
+  "layout_spotlight_label": "Tiêu điểm",
+  "lobby": {
+    "join_button": "Tham gia cuộc gọi"
+  },
+  "logging_in": "Đang đăng nhập…",
+  "login_auth_links": "<0>Tạo tài khoản</0> Hay <2>Tham gia dưới tên khác</2>",
+  "login_title": "Đăng nhập",
+  "rageshake_request_modal": {
+    "body": "Một người dùng khác trong cuộc gọi đang gặp vấn đề. Để có thể chẩn đoán tốt hơn chúng tôi muốn thu thập nhật ký gỡ lỗi.",
+    "title": "Yêu cầu nhật ký gỡ lỗi"
+  },
+  "rageshake_sending": "Đang gửi…",
+  "recaptcha_not_loaded": "Chưa tải được Recaptcha",
+  "register": {
+    "passwords_must_match": "Mật khẩu phải khớp",
+    "registering": "Đang đăng ký…"
+  },
+  "register_auth_links": "<0>Đã có tài khoản?</0><1><0>Đăng nhập</0> Hay <2>Tham gia dưới tên Khách</2></1>",
+  "register_confirm_password_label": "Xác nhận mật khẩu",
+  "room_auth_view_join_button": "Tham gia cuộc gọi",
+  "screenshare_button_label": "Chia sẻ màn hình",
+  "settings": {
+    "developer_settings_label": "Cài đặt phát triển",
+    "developer_tab_title": "Nhà phát triển",
+    "feedback_tab_description_label": "Phản hồi của bạn",
+    "feedback_tab_h4": "Gửi phản hồi",
+    "feedback_tab_send_logs_label": "Kèm theo nhật ký gỡ lỗi",
+    "feedback_tab_thank_you": "Cảm ơn, chúng tôi đã nhận được phản hồi!",
+    "feedback_tab_title": "Phản hồi",
+    "speaker_device_selection_label": "Loa"
+  },
+  "submitting": "Đang gửi…",
+  "unauthenticated_view_body": "Chưa đăng ký? <2>Tạo tài khoản</2>",
+  "unauthenticated_view_login_button": "Đăng nhập vào tài khoản của bạn",
+  "version": "Phiên bản: {{version}}",
+  "waiting_for_participants": "Đang đợi những người khác…"
 }

public/locales/zh-Hans/app.json

@@ -1,70 +1,129 @@
 {
-  "Yes, join call": "是，加入通话",
-  "Waiting for other participants…": "等待其他参与者……",
-  "Video": "视频",
-  "Version: {{version}}": "版本：{{version}}",
-  "Username": "用户名",
-  "User menu": "用户菜单",
-  "This call already exists, would you like to join?": "该通话已存在，你想加入吗？",
-  "Submit feedback": "提交反馈",
-  "Spotlight": "聚焦模式",
-  "Speaker": "发言人",
-  "Sign out": "注销登录",
-  "Sign in": "登录",
-  "Audio": "音频",
-  "Another user on this call is having an issue. In order to better diagnose these issues we'd like to collect a debug log.": "这个通话中的另一个用户出现了问题。为了更好地诊断这些问题，我们想收集调试日志。",
-  "<0>Why not finish by setting up a password to keep your account?</0><1>You'll be able to keep your name and set an avatar for use on future calls</1>": "<0>为什么不设置一个密码来保留你的账户？</0><1>你将可以保留你的名字并设置一个头像，以便在未来的通话中使用。</1>",
-  "<0>Create an account</0> Or <2>Access as a guest</2>": "<0>创建账户</0> Or <2>以访客身份继续</2>",
-  "<0>Already have an account?</0><1><0>Log in</0> Or <2>Access as a guest</2></1>": "<0>已有账户？</0><1><0>登录</0> Or <2>以访客身份继续</2></1>",
-  "Inspector": "检查器",
-  "Show call inspector": "显示通话检查器",
-  "Share screen": "屏幕共享",
-  "Settings": "设置",
-  "Sending…": "正在发送……",
-  "Sending debug logs…": "正在发送调试日志……",
-  "Send debug logs": "发送调试日志",
-  "Select an option": "选择一个选项",
-  "Return to home screen": "返回主页",
-  "Remove": "移除",
-  "Registering…": "正在注册……",
-  "Register": "注册",
-  "Recaptcha not loaded": "reCaptcha未加载",
-  "Recaptcha dismissed": "reCaptcha验证失败",
-  "Profile": "个人信息",
-  "Passwords must match": "密码必须匹配",
-  "Password": "密码",
-  "Not registered yet? <2>Create an account</2>": "还没有注册？ <2>创建账户<2>",
-  "Not now, return to home screen": "暂不，先返回主页",
-  "No": "否",
-  "More": "更多",
-  "Microphone": "麦克风",
-  "Login to your account": "登录你的账户",
-  "Login": "登录",
-  "Logging in…": "登录中……",
-  "Local volume": "本地音量",
-  "Loading…": "加载中……",
-  "Join existing call?": "加入现有的通话？",
-  "Join call now": "现在加入通话",
-  "Join call": "加入通话",
-  "Include debug logs": "包含调试日志",
-  "Home": "主页",
-  "Go": "开始",
-  "Full screen": "全屏",
-  "Exit full screen": "退出全屏",
-  "Element Call Home": "Element Call 主页",
-  "Download debug logs": "下载调试日志",
-  "Display name": "显示名称",
-  "Developer": "开发者",
-  "Debug log request": "调试日志请求",
-  "Debug log": "调试日志",
-  "Create account": "创建账户",
-  "Copy and share this call link": "复制并分享该链接",
-  "Copy": "复制",
-  "Copied!": "已复制！",
-  "Confirm password": "确认密码",
-  "Close": "关闭",
-  "Camera": "摄像头",
-  "Avatar": "头像",
-  "<0>Oops, something's gone wrong.</0>": "<0>哎哟，出问题了。</0>",
-  "<0></0><1></1>You may withdraw consent by unchecking this box. If you are currently in a call, this setting will take effect at the end of the call.": ""
+  "a11y": {
+    "user_menu": "用户菜单"
+  },
+  "action": {
+    "close": "关闭",
+    "copy": "复制",
+    "go": "开始",
+    "no": "否",
+    "register": "注册",
+    "remove": "移除",
+    "sign_in": "登录",
+    "sign_out": "登出",
+    "submit": "提交"
+  },
+  "analytics_notice": "参与测试即表示您同意我们收集匿名数据，用于改进产品。您可以在我们的<2>隐私政策</2>和<6>Cookie政策</6>中找到有关我们跟踪哪些数据以及更多信息。",
+  "app_selection_modal": {
+    "continue_in_browser": "在浏览器中继续",
+    "open_in_app": "在应用中打开",
+    "text": "准备好加入了吗？",
+    "title": "选择应用程序"
+  },
+  "browser_media_e2ee_unsupported": "您的浏览器不支持媒体端对端加密。支持的浏览器有 Chrome、Safari、Firefox >=117",
+  "call_ended_view": {
+    "body": "通话已中断",
+    "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": {
+    "audio": "音频",
+    "avatar": "头像",
+    "camera": "摄像头",
+    "copied": "已复制！",
+    "display_name": "显示名称",
+    "encrypted": "已加密",
+    "home": "主页",
+    "loading": "加载中……",
+    "microphone": "麦克风",
+    "password": "密码",
+    "profile": "个人信息",
+    "settings": "设置",
+    "unencrypted": "未加密",
+    "username": "用户名",
+    "video": "视频"
+  },
+  "disconnected_banner": "与服务器的连接中断。",
+  "full_screen_view_description": "<0>提交日志以帮助我们修复问题。</0>",
+  "full_screen_view_h1": "<0>哎哟，出问题了。</0>",
+  "hangup_button_label": "通话结束",
+  "header_label": "Element Call主页",
+  "join_existing_call_modal": {
+    "join_button": "是，加入通话",
+    "text": "该通话已存在，你想加入吗？",
+    "title": "是否加入现有的通话？"
+  },
+  "layout_grid_label": "网格",
+  "layout_spotlight_label": "聚焦模式",
+  "lobby": {
+    "join_button": "加入通话",
+    "leave_button": "返回最近通话"
+  },
+  "logging_in": "登录中……",
+  "login_auth_links": "<0>创建账户</0> Or <2>以访客身份继续</2>",
+  "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_caption": "该站点受 ReCAPTCHA 保护，适用于Google的 <2>隐私政策</2>和 <6>服务条款</6>。 <9></9>点击 \"注册\"，即表示您同意我们的 <12>最终用户许可协议 (EULA)</12>",
+  "recaptcha_dismissed": "人机验证失败",
+  "recaptcha_not_loaded": "recaptcha未加载",
+  "register": {
+    "passwords_must_match": "密码必须匹配",
+    "registering": "正在注册……"
+  },
+  "register_auth_links": "<0>已有账户？</0><1><0>登录</0> Or <2>以访客身份继续</2></1>",
+  "register_confirm_password_label": "确认密码",
+  "return_home_button": "返回主页",
+  "room_auth_view_eula_caption": "点击 \"加入通话\"，即表示您同意我们的<2>最终用户许可协议 (EULA)</2>",
+  "room_auth_view_join_button": "现在加入通话",
+  "screenshare_button_label": "屏幕共享",
+  "select_input_unset_button": "选择一个选项",
+  "settings": {
+    "developer_settings_label": "开发者设置",
+    "developer_settings_label_description": "在设置中显示开发者设置。",
+    "developer_tab_title": "开发者",
+    "feedback_tab_body": "如果遇到问题或想提供一些反馈意见，请在下面向我们发送简短描述。",
+    "feedback_tab_description_label": "您的反馈",
+    "feedback_tab_h4": "提交反馈",
+    "feedback_tab_send_logs_label": "包含调试日志",
+    "feedback_tab_thank_you": "谢谢，我们收到了反馈！",
+    "feedback_tab_title": "反馈",
+    "more_tab_title": "更多",
+    "opt_in_description": "<0></0><1></1>您可以取消选中复选框来撤回同意。如果正在通话中，此设置将在通话结束时生效。",
+    "show_connection_stats_label": "显示连接统计信息",
+    "speaker_device_selection_label": "发言人"
+  },
+  "star_rating_input_label_one": "{{count}} 个星",
+  "star_rating_input_label_other": "{{count}} 个星",
+  "start_new_call": "开始新通话",
+  "start_video_button_label": "开始视频",
+  "stop_screenshare_button_label": "屏幕共享",
+  "stop_video_button_label": "停止视频",
+  "submitting": "提交中…",
+  "unauthenticated_view_body": "还没有注册？ <2>创建账户<2>",
+  "unauthenticated_view_eula_caption": "点击 \"开始\"，即表示您同意我们的<2>最终用户许可协议 (EULA)</2>",
+  "unauthenticated_view_login_button": "登录你的账户",
+  "unmute_microphone_button_label": "取消麦克风静音",
+  "version": "版本：{{version}}",
+  "video_tile": {
+    "sfu_participant_local": "你"
+  },
+  "waiting_for_participants": "等待其他参与者……"
 }

public/locales/zh-Hant/app.json

@@ -1,126 +1,136 @@
 {
-  "<0>Create an account</0> Or <2>Access as a guest</2>": "<0>建立帳號</0> 或<2>以訪客身份登入</2>",
-  "<0>Already have an account?</0><1><0>Log in</0> Or <2>Access as a guest</2></1>": "<0>已經有帳號?</0><1><0>登入</0> 或<2>以訪客身份登入</2></1>",
-  "Expose developer settings in the settings window.": "在設定視窗中顯示開發者設定。",
-  "Developer Settings": "開發者設定",
-  "<0>Submitting debug logs will help us track down the problem.</0>": "<0>送出除錯紀錄，可幫助我們修正問題。</0>",
-  "<0>Oops, something's gone wrong.</0>": "<0>喔喔，有些地方怪怪的。</0>",
-  "Yes, join call": "是，加入對話",
-  "Waiting for other participants…": "等待其他參加者…",
-  "Video": "視訊",
-  "Version: {{version}}": "版本： {{version}}",
-  "Username": "使用者名稱",
-  "User menu": "使用者選單",
-  "This call already exists, would you like to join?": "通話已經開始，請問您要加入嗎？",
-  "Submit feedback": "遞交回覆",
-  "Spotlight": "聚焦",
-  "Speaker": "發言者",
-  "Sign out": "登出",
-  "Sign in": "登入",
-  "Show call inspector": "顯示通話稽查員",
-  "Share screen": "分享畫面",
-  "Settings": "設定",
-  "Sending…": "傳送中…",
-  "Sending debug logs…": "傳送除錯記錄檔中…",
-  "Send debug logs": "傳送除錯紀錄",
-  "Select an option": "選擇一個選項",
-  "Return to home screen": "回到首頁",
-  "Remove": "移除",
-  "Registering…": "註冊中…",
-  "Register": "註冊",
-  "Recaptcha not loaded": "驗證碼未載入",
-  "Recaptcha dismissed": "略過驗證碼",
-  "Profile": "個人檔案",
-  "Passwords must match": "密碼必須相符",
-  "Password": "密碼",
-  "Not registered yet? <2>Create an account</2>": "還沒註冊嗎？<2>建立帳號</2>",
-  "Not now, return to home screen": "現在不行，回到首頁",
-  "No": "否",
-  "More": "更多",
-  "Microphone": "麥克風",
-  "Login to your account": "登入您的帳號",
-  "Login": "登入",
-  "Logging in…": "登入中…",
-  "Local volume": "您的音量",
-  "Loading…": "載入中…",
-  "Join existing call?": "加入已開始的通話嗎？",
-  "Join call now": "現在加入通話",
-  "Join call": "加入通話",
-  "Inspector": "稽查員",
-  "Include debug logs": "包含除錯紀錄",
-  "Home": "首頁",
-  "Go": "前往",
-  "Full screen": "全螢幕",
-  "Exit full screen": "退出全螢幕",
-  "Element Call Home": "Element Call 首頁",
-  "Download debug logs": "下載偵錯報告",
-  "Display name": "顯示名稱",
-  "Developer": "開發者",
-  "Debug log request": "請求偵錯報告",
-  "Debug log": "除錯紀錄",
-  "Create account": "建立帳號",
-  "Copy and share this call link": "複製並分享通話連結",
-  "Copy": "複製",
-  "Copied!": "已複製！",
-  "Confirm password": "確認密碼",
-  "Close": "關閉",
-  "Camera": "相機",
-  "Avatar": "大頭照",
-  "Audio": "語音",
-  "Another user on this call is having an issue. In order to better diagnose these issues we'd like to collect a debug log.": "這通對話中的另一位使用者遇到了某些問題。為了診斷問題，我們將會建立除錯紀錄。",
-  "<0>Why not finish by setting up a password to keep your account?</0><1>You'll be able to keep your name and set an avatar for use on future calls</1>": "<0>何不設定密碼以保留此帳號？</0><1>您可以保留暱稱並設定頭像，以便未來通話時使用</1>",
-  "By participating in this beta, you consent to the collection of anonymous data, which we use to improve the product. You can find more information about which data we track in our <2>Privacy Policy</2> and our <5>Cookie Policy</5>.": "參與此測試版即表示您同意蒐集匿名資料，我們使用這些資料來改進產品。您可以在我們的<2>隱私政策</2>與我們的 <5>Cookie 政策</5> 中找到關於我們追蹤哪些資料的更多資訊。",
-  "<0></0><1></1>You may withdraw consent by unchecking this box. If you are currently in a call, this setting will take effect at the end of the call.": "<0></0><1></1>您可以透過取消核取此方塊來撤回同意。若您目前正在通話中，此設定將在通話結束時生效。",
-  "Your feedback": "您的回饋",
-  "Thanks, we received your feedback!": "感謝，我們已經收到您的回饋了！",
-  "Submitting…": "正在遞交……",
-  "Submit": "遞交",
-  "If you are experiencing issues or simply would like to provide some feedback, please send us a short description below.": "若您遇到問題或只是想提供一些回饋，請在下方傳送簡短說明給我們。",
-  "Feedback": "回饋",
-  "{{count}} stars|other": "{{count}} 個星星",
-  "<0>Thanks for your feedback!</0>": "<0>感謝您的回饋！</0>",
-  "<0>We'd love to hear your feedback so we can improve your experience.</0>": "<0>我們想要聽到您的回饋，如此我們才能改善您的體驗。</0>",
-  "{{count}} stars|one": "{{count}} 個星星",
-  "{{displayName}}, your call has ended.": "{{displayName}}，您的通話已結束。",
-  "How did it go?": "進展如何？",
-  "{{displayName}} is presenting": "{{displayName}} 正在展示",
-  "Show connection stats": "顯示連線統計資料",
-  "By clicking \"Go\", you agree to our <2>End User Licensing Agreement (EULA)</2>": "點擊「前往」即表示您同意我們的<2>終端使用者授權協議 (EULA)</2>",
-  "By clicking \"Join call now\", you agree to our <2>End User Licensing Agreement (EULA)</2>": "點擊「立刻加入通話」即表示您同意我們的<2>終端使用者授權協議 (EULA)</2>",
-  "This site is protected by ReCAPTCHA and the Google <2>Privacy Policy</2> and <6>Terms of Service</6> apply.<9></9>By clicking \"Register\", you agree to our <12>End User Licensing Agreement (EULA)</12>": "此網站被 ReCAPTCHA 保護，並適用 Google 的<2>隱私權政策</2>與<6>服務條款</6>。<9></9>點擊「註冊」即表示您同意我們的<12>終端使用者授權協議 (EULA)</12>",
-  "Element Call is temporarily not end-to-end encrypted while we test scalability.": "在我們測試可擴展性時，Element Call 暫時未進行端到端加密。",
-  "Connectivity to the server has been lost.": "到伺服器的連線已遺失。",
-  "Reconnect": "重新連線",
-  "Retry sending logs": "重試傳送紀錄檔",
-  "Thanks!": "感謝！",
-  "You were disconnected from the call": "您已從通話斷線",
-  "Enable end-to-end encryption (password protected calls)": "啟用端到端加密（密碼保護通話）",
-  "End-to-end encryption isn't supported on your browser.": "您的瀏覽器不支援端到端加密。",
-  "{{count, number}}|one": "{{count, number}}",
-  "{{count, number}}|other": "{{count, number}}",
-  "{{names, list(style: short;)}}": "{{names, list(style: short;)}}",
-  "Encrypted": "已加密",
-  "End call": "結束通話",
-  "Grid": "網格",
-  "Microphone off": "麥克風關閉",
-  "Microphone on": "麥克風開啟",
-  "Not encrypted": "未加密",
-  "Share": "分享",
-  "Share this call": "分享此通話",
-  "Sharing screen": "分享畫面",
-  "You": "您",
-  "Continue in browser": "在瀏覽器中繼續",
-  "Mute microphone": "將麥克風靜音",
-  "Name of call": "通話名稱",
-  "Open in the app": "在應用程式中開啟",
-  "Ready to join?": "準備好加入了？",
-  "Select app": "選取應用程式",
-  "Start new call": "開始新通話",
-  "Start video": "開始影片",
-  "Back to recents": "回到最近的通話",
-  "Stop video": "停止影片",
-  "Unmute microphone": "將麥克風取消靜音",
-  "Call not found": "找不到通話",
-  "Calls are now end-to-end encrypted and need to be created from the home page. This helps make sure everyone's using the same encryption key.": "通話現在是端對端加密的，必須從首頁建立。這有助於確保每個人都使用相同的加密金鑰。",
-  "Your web browser does not support media end-to-end encryption. Supported Browsers are Chrome, Safari, Firefox >=117": "您的網路瀏覽器不支援媒體端到端加密。支援的瀏覽器包含了 Chrome、Safari、Firefox >=117"
+  "a11y": {
+    "user_menu": "使用者選單"
+  },
+  "action": {
+    "close": "關閉",
+    "copy": "複製",
+    "copy_link": "複製連結",
+    "go": "前往",
+    "invite": "邀請",
+    "no": "否",
+    "register": "註冊",
+    "remove": "移除",
+    "sign_in": "登入",
+    "sign_out": "登出",
+    "submit": "遞交"
+  },
+  "analytics_notice": "參與此測試版即表示您同意蒐集匿名資料，我們使用這些資料來改進產品。您可以在我們的<2>隱私政策</2>與我們的 <6>Cookie 政策</6> 中找到關於我們追蹤哪些資料的更多資訊。",
+  "app_selection_modal": {
+    "continue_in_browser": "在瀏覽器中繼續",
+    "open_in_app": "在應用程式中開啟",
+    "text": "準備好加入了？",
+    "title": "選取應用程式"
+  },
+  "browser_media_e2ee_unsupported": "您的網路瀏覽器不支援媒體端到端加密。支援的瀏覽器包含了 Chrome、Safari、Firefox >=117",
+  "call_ended_view": {
+    "body": "您已從通話斷線",
+    "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": {
+    "audio": "語音",
+    "avatar": "大頭照",
+    "camera": "相機",
+    "copied": "已複製！",
+    "display_name": "顯示名稱",
+    "encrypted": "已加密",
+    "home": "首頁",
+    "loading": "載入中…",
+    "microphone": "麥克風",
+    "password": "密碼",
+    "profile": "個人檔案",
+    "settings": "設定",
+    "unencrypted": "未加密",
+    "username": "使用者名稱",
+    "video": "視訊"
+  },
+  "disconnected_banner": "到伺服器的連線已遺失。",
+  "full_screen_view_description": "<0>送出除錯紀錄，可幫助我們修正問題。</0>",
+  "full_screen_view_h1": "<0>喔喔，有些地方怪怪的。</0>",
+  "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": "加入通話",
+    "leave_button": "回到最近的通話"
+  },
+  "logging_in": "登入中…",
+  "login_auth_links": "<0>建立帳號</0> 或<2>以訪客身份登入</2>",
+  "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_caption": "此網站被 ReCAPTCHA 保護，並適用 Google 的<2>隱私權政策</2>與<6>服務條款</6>。<9></9>點擊「註冊」即表示您同意我們的<12>終端使用者授權協議 (EULA)</12>",
+  "recaptcha_dismissed": "略過驗證碼",
+  "recaptcha_not_loaded": "驗證碼未載入",
+  "register": {
+    "passwords_must_match": "密碼必須相符",
+    "registering": "註冊中…"
+  },
+  "register_auth_links": "<0>已經有帳號?</0><1><0>登入</0> 或<2>以訪客身份登入</2></1>",
+  "register_confirm_password_label": "確認密碼",
+  "return_home_button": "回到首頁",
+  "room_auth_view_eula_caption": "點擊「立刻加入通話」即表示您同意我們的<2>終端使用者授權協議 (EULA)</2>",
+  "room_auth_view_join_button": "現在加入通話",
+  "screenshare_button_label": "分享畫面",
+  "select_input_unset_button": "選擇一個選項",
+  "settings": {
+    "developer_settings_label": "開發者設定",
+    "developer_settings_label_description": "在設定視窗中顯示開發者設定。",
+    "developer_tab_title": "開發者",
+    "feedback_tab_body": "若您遇到問題或只是想提供一些回饋，請在下方傳送簡短說明給我們。",
+    "feedback_tab_description_label": "您的回饋",
+    "feedback_tab_h4": "遞交回覆",
+    "feedback_tab_send_logs_label": "包含除錯紀錄",
+    "feedback_tab_thank_you": "感謝，我們已經收到您的回饋了！",
+    "feedback_tab_title": "回饋",
+    "more_tab_title": "更多",
+    "opt_in_description": "<0></0><1></1>您可以透過取消核取此方塊來撤回同意。若您目前正在通話中，此設定將在通話結束時生效。",
+    "show_connection_stats_label": "顯示連線統計資料",
+    "speaker_device_selection_label": "發言者"
+  },
+  "star_rating_input_label_one": "{{count}} 個星星",
+  "star_rating_input_label_other": "{{count}} 個星星",
+  "start_new_call": "開始新通話",
+  "start_video_button_label": "開始影片",
+  "stop_screenshare_button_label": "分享畫面",
+  "stop_video_button_label": "停止影片",
+  "submitting": "正在遞交……",
+  "unauthenticated_view_body": "還沒註冊嗎？<2>建立帳號</2>",
+  "unauthenticated_view_eula_caption": "點擊「前往」即表示您同意我們的<2>終端使用者授權協議 (EULA)</2>",
+  "unauthenticated_view_login_button": "登入您的帳號",
+  "unmute_microphone_button_label": "將麥克風取消靜音",
+  "version": "版本： {{version}}",
+  "video_tile": {
+    "sfu_participant_local": "您"
+  },
+  "waiting_for_participants": "等待其他參加者…"
 }

renovate.json

@@ -3,9 +3,46 @@
   "extends": ["config:base"],
   "packageRules": [
     {
-      "description": "Disable renoavte for packages we want to monitor ourselves",
-      "matchPackagePatterns": ["matrix-js-sdk"],
+      "groupName": "all non-major dependencies",
+      "groupSlug": "all-minor-patch",
+      "matchUpdateTypes": ["minor", "patch"],
+      "extends": ["schedule:weekly"]
+    },
+    {
+      "groupName": "GitHub Actions",
+      "matchDepTypes": ["action"],
+      "pinDigests": true,
+      "extends": ["schedule:monthly"]
+    },
+    {
+      "description": "Disable Renovate for packages we want to monitor ourselves",
+      "groupName": "manually updated packages",
+      "matchDepNames": ["matrix-js-sdk"],
       "enabled": false
+    },
+    {
+      "groupName": "matrix-widget-api",
+      "matchDepNames": ["matrix-widget-api"]
+    },
+    {
+      "groupName": "Compound",
+      "matchPackagePrefixes": ["@vector-im/compound-"],
+      "schedule": "before 5am on Tuesday and Friday"
+    },
+    {
+      "groupName": "LiveKit client",
+      "matchDepNames": ["livekit-client"]
+    },
+    {
+      "groupName": "LiveKit components",
+      "matchPackagePrefixes": ["@livekit/components-"]
+    },
+    {
+      "groupName": "Vaul",
+      "matchDepNames": ["vaul"],
+      "extends": ["schedule:monthly"],
+      "prHeader": "Please review modals on mobile for visual regressions."
     }
-  ]
+  ],
+  "semanticCommits": "disabled"
 }

src/@types/global.d.ts

@@ -1,20 +1,12 @@
 /*
-Copyright 2022 New Vector Ltd
+Copyright 2022-2024 New Vector Ltd.
 
-Licensed under the Apache License, Version 2.0 (the "License");
-you may not use this file except in compliance with the License.
-You may obtain a copy of the License at
-
-    http://www.apache.org/licenses/LICENSE-2.0
-
-Unless required by applicable law or agreed to in writing, software
-distributed under the License is distributed on an "AS IS" BASIS,
-WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-See the License for the specific language governing permissions and
-limitations under the License.
+SPDX-License-Identifier: AGPL-3.0-only
+Please see LICENSE in the repository root for full details.
 */
 
 import "matrix-js-sdk/src/@types/global";
+import { Controls } from "../controls";
 
 declare global {
   interface Document {
@@ -24,14 +16,7 @@ declare global {
   }
 
   interface Window {
-    // TODO: https://gitlab.matrix.org/matrix-org/olm/-/issues/10
-    OLM_OPTIONS: Record<string, string>;
-  }
-
-  // TypeScript doesn't know about the experimental setSinkId method, so we
-  // declare it ourselves
-  interface MediaElement extends HTMLVideoElement {
-    setSinkId: (id: string) => void;
+    controls: Controls;
   }
 
   interface HTMLElement {

src/@types/i18next.d.ts

@@ -0,0 +1,20 @@
+/*
+Copyright 2023, 2024 New Vector Ltd.
+
+SPDX-License-Identifier: AGPL-3.0-only
+Please see LICENSE in the repository root for full details.
+*/
+
+import "i18next";
+// import all namespaces (for the default language, only)
+import app from "../../public/locales/en-GB/app.json";
+
+declare module "i18next" {
+  interface CustomTypeOptions {
+    defaultNS: "app";
+    keySeparator: ".";
+    resources: {
+      app: typeof app;
+    };
+  }
+}

src/@types/modules.d.ts

@@ -1,17 +1,8 @@
 /*
-Copyright 2022 New Vector Ltd
+Copyright 2022-2024 New Vector Ltd.
 
-Licensed under the Apache License, Version 2.0 (the "License");
-you may not use this file except in compliance with the License.
-You may obtain a copy of the License at
-
-http://www.apache.org/licenses/LICENSE-2.0
-
-Unless required by applicable law or agreed to in writing, software
-distributed under the License is distributed on an "AS IS" BASIS,
-WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-See the License for the specific language governing permissions and
-limitations under the License.
+SPDX-License-Identifier: AGPL-3.0-only
+Please see LICENSE in the repository root for full details.
 */
 
 /// <reference types="vite/client" />

src/App.tsx

@@ -1,20 +1,11 @@
 /*
-Copyright 2021 - 2023 New Vector Ltd
+Copyright 2021-2024 New Vector Ltd.
 
-Licensed under the Apache License, Version 2.0 (the "License");
-you may not use this file except in compliance with the License.
-You may obtain a copy of the License at
-
-    http://www.apache.org/licenses/LICENSE-2.0
-
-Unless required by applicable law or agreed to in writing, software
-distributed under the License is distributed on an "AS IS" BASIS,
-WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-See the License for the specific language governing permissions and
-limitations under the License.
+SPDX-License-Identifier: AGPL-3.0-only
+Please see LICENSE in the repository root for full details.
 */
 
-import { Suspense, useEffect, useState } from "react";
+import { FC, Suspense, useEffect, useState } from "react";
 import {
   BrowserRouter as Router,
   Switch,
@@ -22,33 +13,34 @@ import {
   useLocation,
 } from "react-router-dom";
 import * as Sentry from "@sentry/react";
-import { OverlayProvider } from "@react-aria/overlays";
 import { History } from "history";
+import { TooltipProvider } from "@vector-im/compound-web";
+import { logger } from "matrix-js-sdk/src/logger";
 
 import { HomePage } from "./home/HomePage";
 import { LoginPage } from "./auth/LoginPage";
 import { RegisterPage } from "./auth/RegisterPage";
 import { RoomPage } from "./room/RoomPage";
 import { ClientProvider } from "./ClientContext";
-import { SequenceDiagramViewerPage } from "./SequenceDiagramViewerPage";
-import { InspectorContextProvider } from "./room/GroupCallInspector";
 import { CrashView, LoadingView } from "./FullScreenView";
 import { DisconnectedBanner } from "./DisconnectedBanner";
 import { Initializer } from "./initializer";
 import { MediaDevicesProvider } from "./livekit/MediaDevicesContext";
+import { widget } from "./widget";
+import { useTheme } from "./useTheme";
 
 const SentryRoute = Sentry.withSentryRouting(Route);
 
-interface BackgroundProviderProps {
+interface SimpleProviderProps {
   children: JSX.Element;
 }
 
-const BackgroundProvider = ({ children }: BackgroundProviderProps) => {
+const BackgroundProvider: FC<SimpleProviderProps> = ({ children }) => {
   const { pathname } = useLocation();
 
   useEffect(() => {
     let backgroundImage = "";
-    if (!["/login", "/register"].includes(pathname)) {
+    if (!["/login", "/register"].includes(pathname) && !widget) {
       backgroundImage = "var(--background-gradient)";
     }
 
@@ -58,18 +50,25 @@ const BackgroundProvider = ({ children }: BackgroundProviderProps) => {
 
   return <>{children}</>;
 };
+const ThemeProvider: FC<SimpleProviderProps> = ({ children }) => {
+  useTheme();
+  return children;
+};
 
 interface AppProps {
   history: History;
 }
 
-export default function App({ history }: AppProps) {
+export const App: FC<AppProps> = ({ history }) => {
   const [loaded, setLoaded] = useState(false);
-
   useEffect(() => {
-    Initializer.init()?.then(() => {
-      setLoaded(true);
-    });
+    Initializer.init()
+      ?.then(async () => {
+        if (loaded) return;
+        setLoaded(true);
+        await widget?.api.sendContentLoaded();
+      })
+      .catch(logger.error);
   });
 
   const errorPage = <CrashView />;
@@ -79,13 +78,13 @@ export default function App({ history }: AppProps) {
     // @ts-ignore
     <Router history={history}>
       <BackgroundProvider>
-        {loaded ? (
-          <Suspense fallback={null}>
-            <ClientProvider>
-              <MediaDevicesProvider>
-                <InspectorContextProvider>
-                  <Sentry.ErrorBoundary fallback={errorPage}>
-                    <OverlayProvider>
+        <ThemeProvider>
+          <TooltipProvider>
+            {loaded ? (
+              <Suspense fallback={null}>
+                <ClientProvider>
+                  <MediaDevicesProvider>
+                    <Sentry.ErrorBoundary fallback={errorPage}>
                       <DisconnectedBanner />
                       <Switch>
                         <SentryRoute exact path="/">
@@ -97,23 +96,20 @@ export default function App({ history }: AppProps) {
                         <SentryRoute exact path="/register">
                           <RegisterPage />
                         </SentryRoute>
-                        <SentryRoute path="/inspector">
-                          <SequenceDiagramViewerPage />
-                        </SentryRoute>
                         <SentryRoute path="*">
                           <RoomPage />
                         </SentryRoute>
                       </Switch>
-                    </OverlayProvider>
-                  </Sentry.ErrorBoundary>
-                </InspectorContextProvider>
-              </MediaDevicesProvider>
-            </ClientProvider>
-          </Suspense>
-        ) : (
-          <LoadingView />
-        )}
+                    </Sentry.ErrorBoundary>
+                  </MediaDevicesProvider>
+                </ClientProvider>
+              </Suspense>
+            ) : (
+              <LoadingView />
+            )}
+          </TooltipProvider>
+        </ThemeProvider>
       </BackgroundProvider>
     </Router>
   );
-}
+};

src/Avatar.tsx

@@ -1,23 +1,14 @@
 /*
-Copyright 2022 New Vector Ltd
+Copyright 2022-2024 New Vector Ltd.
 
-Licensed under the Apache License, Version 2.0 (the "License");
-you may not use this file except in compliance with the License.
-You may obtain a copy of the License at
-
-http://www.apache.org/licenses/LICENSE-2.0
-
-Unless required by applicable law or agreed to in writing, software
-distributed under the License is distributed on an "AS IS" BASIS,
-WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-See the License for the specific language governing permissions and
-limitations under the License.
+SPDX-License-Identifier: AGPL-3.0-only
+Please see LICENSE in the repository root for full details.
 */
 
 import { useMemo, FC } from "react";
 import { Avatar as CompoundAvatar } from "@vector-im/compound-web";
 
-import { getAvatarUrl } from "./matrix-utils";
+import { getAvatarUrl } from "./utils/matrix";
 import { useClient } from "./ClientContext";
 
 export enum Size {
@@ -58,7 +49,7 @@ export const Avatar: FC<Props> = ({
       Object.values(Size).includes(size as Size)
         ? sizes.get(size as Size)
         : (size as number),
-    [size]
+    [size],
   );
 
   const resolvedSrc = useMemo(() => {

src/Banner.module.css

@@ -1,22 +0,0 @@
-/*
-Copyright 2023 New Vector Ltd
-
-Licensed under the Apache License, Version 2.0 (the "License");
-you may not use this file except in compliance with the License.
-You may obtain a copy of the License at
-
-    http://www.apache.org/licenses/LICENSE-2.0
-
-Unless required by applicable law or agreed to in writing, software
-distributed under the License is distributed on an "AS IS" BASIS,
-WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-See the License for the specific language governing permissions and
-limitations under the License.
-*/
-
-.banner {
-  flex: 1;
-  border-radius: 8px;
-  padding: 16px;
-  background-color: var(--cpd-color-bg-subtle-primary);
-}

src/Banner.tsx

@@ -1,27 +0,0 @@
-/*
-Copyright 2023 New Vector Ltd
-
-Licensed under the Apache License, Version 2.0 (the "License");
-you may not use this file except in compliance with the License.
-You may obtain a copy of the License at
-
-    http://www.apache.org/licenses/LICENSE-2.0
-
-Unless required by applicable law or agreed to in writing, software
-distributed under the License is distributed on an "AS IS" BASIS,
-WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-See the License for the specific language governing permissions and
-limitations under the License.
-*/
-
-import { ReactNode } from "react";
-
-import styles from "./Banner.module.css";
-
-interface Props {
-  children: ReactNode;
-}
-
-export const Banner = ({ children }: Props) => {
-  return <div className={styles.banner}>{children}</div>;
-};

src/ClientContext.tsx

@@ -1,17 +1,8 @@
 /*
-Copyright 2021-2022 New Vector Ltd
+Copyright 2021-2024 New Vector Ltd.
 
-Licensed under the Apache License, Version 2.0 (the "License");
-you may not use this file except in compliance with the License.
-You may obtain a copy of the License at
-
-    http://www.apache.org/licenses/LICENSE-2.0
-
-Unless required by applicable law or agreed to in writing, software
-distributed under the License is distributed on an "AS IS" BASIS,
-WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-See the License for the specific language governing permissions and
-limitations under the License.
+SPDX-License-Identifier: AGPL-3.0-only
+Please see LICENSE in the repository root for full details.
 */
 
 import {
@@ -25,17 +16,18 @@ import {
   useMemo,
 } from "react";
 import { useHistory } from "react-router-dom";
-import { ClientEvent, MatrixClient } from "matrix-js-sdk/src/client";
+import {
+  ClientEvent,
+  ICreateClientOpts,
+  MatrixClient,
+} from "matrix-js-sdk/src/client";
 import { logger } from "matrix-js-sdk/src/logger";
 import { useTranslation } from "react-i18next";
 import { ISyncStateData, SyncState } from "matrix-js-sdk/src/sync";
+import { MatrixError } from "matrix-js-sdk/src/matrix";
 
 import { ErrorView } from "./FullScreenView";
-import {
-  CryptoStoreIntegrityError,
-  fallbackICEServerAllowed,
-  initClient,
-} from "./matrix-utils";
+import { fallbackICEServerAllowed, initClient } from "./utils/matrix";
 import { widget } from "./widget";
 import {
   PosthogAnalytics,
@@ -82,7 +74,8 @@ export type SetClientParams = {
 
 const ClientContext = createContext<ClientState | undefined>(undefined);
 
-export const useClientState = () => useContext(ClientContext);
+export const useClientState = (): ClientState | undefined =>
+  useContext(ClientContext);
 
 export function useClient(): {
   client?: MatrixClient;
@@ -189,7 +182,7 @@ export const ClientProvider: FC<Props> = ({ children }) => {
           user: session.user_id,
           password: session.tempPassword,
         },
-        password
+        password,
       );
 
       saveSession({ ...session, passwordlessUser: false });
@@ -199,7 +192,7 @@ export const ClientProvider: FC<Props> = ({ children }) => {
         passwordlessUser: false,
       });
     },
-    [initClientState?.client]
+    [initClientState?.client],
   );
 
   const setClient = useCallback(
@@ -221,7 +214,7 @@ export const ClientProvider: FC<Props> = ({ children }) => {
         setInitClientState(null);
       }
     },
-    [initClientState?.client]
+    [initClientState?.client],
   );
 
   const logout = useCallback(async () => {
@@ -249,17 +242,15 @@ export const ClientProvider: FC<Props> = ({ children }) => {
   }, []);
 
   const [alreadyOpenedErr, setAlreadyOpenedErr] = useState<Error | undefined>(
-    undefined
+    undefined,
   );
   useEventTarget(
     loadChannel,
     "message",
     useCallback(() => {
       initClientState?.client.stopClient();
-      setAlreadyOpenedErr(
-        translatedError("This application has been opened in another tab.", t)
-      );
-    }, [initClientState?.client, setAlreadyOpenedErr, t])
+      setAlreadyOpenedErr(translatedError("application_opened_another_tab", t));
+    }, [initClientState?.client, setAlreadyOpenedErr, t]),
   );
 
   const [isDisconnected, setIsDisconnected] = useState(false);
@@ -300,7 +291,7 @@ export const ClientProvider: FC<Props> = ({ children }) => {
     (state: SyncState, _old: SyncState | null, data?: ISyncStateData) => {
       setIsDisconnected(clientIsDisconnected(state, data));
     },
-    []
+    [],
   );
 
   useEffect(() => {
@@ -318,7 +309,7 @@ export const ClientProvider: FC<Props> = ({ children }) => {
       initClientState.client.on(ClientEvent.Sync, onSync);
     }
 
-    return () => {
+    return (): void => {
       if (initClientState.client) {
         initClientState.client.removeListener(ClientEvent.Sync, onSync);
       }
@@ -361,13 +352,13 @@ async function loadClient(): Promise<InitResult | null> {
 
       /* eslint-disable camelcase */
       const { user_id, device_id, access_token, passwordlessUser } = session;
-      const initClientParams = {
+      const initClientParams: ICreateClientOpts = {
         baseUrl: Config.defaultHomeserverUrl()!,
         accessToken: access_token,
         userId: user_id,
         deviceId: device_id,
         fallbackICEServerAllowed: fallbackICEServerAllowed,
-        livekitServiceURL: Config.get().livekit!.livekit_service_url,
+        livekitServiceURL: Config.get().livekit?.livekit_service_url,
       };
 
       try {
@@ -377,22 +368,17 @@ async function loadClient(): Promise<InitResult | null> {
           passwordlessUser,
         };
       } catch (err) {
-        if (err instanceof CryptoStoreIntegrityError) {
+        if (err instanceof MatrixError && err.errcode === "M_UNKNOWN_TOKEN") {
           // We can't use this session anymore, so let's log it out
-          try {
-            const client = await initClient(initClientParams, false); // Don't need the crypto store just to log out)
-            await client.logout(true);
-          } catch (err) {
-            logger.warn(
-              "The previous session was lost, and we couldn't log it out, " +
-                err +
-                "either"
-            );
-          }
+          logger.log(
+            "The session from local store is invalid; continuing without a client",
+          );
+          clearSession();
+          // returning null = "no client` pls register" (undefined = "loading" which is the current value when reaching this line)
+          return null;
         }
         throw err;
       }
-      /* eslint-enable camelcase */
     } catch (err) {
       clearSession();
       throw err;
@@ -408,8 +394,8 @@ export interface Session {
   tempPassword?: string;
 }
 
-const clearSession = () => localStorage.removeItem("matrix-auth-store");
-const saveSession = (s: Session) =>
+const clearSession = (): void => localStorage.removeItem("matrix-auth-store");
+const saveSession = (s: Session): void =>
   localStorage.setItem("matrix-auth-store", JSON.stringify(s));
 const loadSession = (): Session | undefined => {
   const data = localStorage.getItem("matrix-auth-store");
@@ -422,5 +408,6 @@ const loadSession = (): Session | undefined => {
 
 const clientIsDisconnected = (
   syncState: SyncState,
-  syncData?: ISyncStateData
-) => syncState === "ERROR" && syncData?.error?.name === "ConnectionError";
+  syncData?: ISyncStateData,
+): boolean =>
+  syncState === "ERROR" && syncData?.error?.name === "ConnectionError";

src/DisconnectedBanner.module.css

@@ -1,17 +1,8 @@
 /*
-Copyright 2023 New Vector Ltd
+Copyright 2023, 2024 New Vector Ltd.
 
-Licensed under the Apache License, Version 2.0 (the "License");
-you may not use this file except in compliance with the License.
-You may obtain a copy of the License at
-
-http://www.apache.org/licenses/LICENSE-2.0
-
-Unless required by applicable law or agreed to in writing, software
-distributed under the License is distributed on an "AS IS" BASIS,
-WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-See the License for the specific language governing permissions and
-limitations under the License.
+SPDX-License-Identifier: AGPL-3.0-only
+Please see LICENSE in the repository root for full details.
 */
 
 .banner {

src/DisconnectedBanner.tsx

@@ -1,36 +1,27 @@
 /*
-Copyright 2023 New Vector Ltd
+Copyright 2023, 2024 New Vector Ltd.
 
-Licensed under the Apache License, Version 2.0 (the "License");
-you may not use this file except in compliance with the License.
-You may obtain a copy of the License at
-
-http://www.apache.org/licenses/LICENSE-2.0
-
-Unless required by applicable law or agreed to in writing, software
-distributed under the License is distributed on an "AS IS" BASIS,
-WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-See the License for the specific language governing permissions and
-limitations under the License.
+SPDX-License-Identifier: AGPL-3.0-only
+Please see LICENSE in the repository root for full details.
 */
 
 import classNames from "classnames";
-import { HTMLAttributes, ReactNode } from "react";
+import { FC, HTMLAttributes, ReactNode } from "react";
 import { useTranslation } from "react-i18next";
 
 import styles from "./DisconnectedBanner.module.css";
 import { ValidClientState, useClientState } from "./ClientContext";
 
-interface DisconnectedBannerProps extends HTMLAttributes<HTMLElement> {
+interface Props extends HTMLAttributes<HTMLElement> {
   children?: ReactNode;
   className?: string;
 }
 
-export function DisconnectedBanner({
+export const DisconnectedBanner: FC<Props> = ({
   children,
   className,
   ...rest
-}: DisconnectedBannerProps) {
+}) => {
   const { t } = useTranslation();
   const clientState = useClientState();
   let shouldShowBanner = false;
@@ -45,9 +36,9 @@ export function DisconnectedBanner({
       {shouldShowBanner && (
         <div className={classNames(styles.banner, className)} {...rest}>
           {children}
-          {t("Connectivity to the server has been lost.")}
+          {t("disconnected_banner")}
         </div>
       )}
     </>
   );
-}
+};

src/E2EEBanner.module.css

@@ -1,23 +0,0 @@
-/*
-Copyright 2023 New Vector Ltd
-
-Licensed under the Apache License, Version 2.0 (the "License");
-you may not use this file except in compliance with the License.
-You may obtain a copy of the License at
-
-    http://www.apache.org/licenses/LICENSE-2.0
-
-Unless required by applicable law or agreed to in writing, software
-distributed under the License is distributed on an "AS IS" BASIS,
-WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-See the License for the specific language governing permissions and
-limitations under the License.
-*/
-
-.e2eeBanner {
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  gap: 12px;
-  font-size: var(--font-size-caption);
-}

src/E2EEBanner.tsx

@@ -1,39 +0,0 @@
-/*
-Copyright 2023 New Vector Ltd
-
-Licensed under the Apache License, Version 2.0 (the "License");
-you may not use this file except in compliance with the License.
-You may obtain a copy of the License at
-
-    http://www.apache.org/licenses/LICENSE-2.0
-
-Unless required by applicable law or agreed to in writing, software
-distributed under the License is distributed on an "AS IS" BASIS,
-WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-See the License for the specific language governing permissions and
-limitations under the License.
-*/
-
-import { Trans } from "react-i18next";
-
-import { Banner } from "./Banner";
-import styles from "./E2EEBanner.module.css";
-import { ReactComponent as LockOffIcon } from "./icons/LockOff.svg";
-import { useEnableE2EE } from "./settings/useSetting";
-
-export const E2EEBanner = () => {
-  const [e2eeEnabled] = useEnableE2EE();
-  if (e2eeEnabled) return null;
-
-  return (
-    <Banner>
-      <div className={styles.e2eeBanner}>
-        <LockOffIcon width={24} height={24} />
-        <Trans>
-          Element Call is temporarily not end-to-end encrypted while we test
-          scalability.
-        </Trans>
-      </div>
-    </Banner>
-  );
-};

src/Facepile.tsx

@@ -1,66 +0,0 @@
-/*
-Copyright 2022 New Vector Ltd
-
-Licensed under the Apache License, Version 2.0 (the "License");
-you may not use this file except in compliance with the License.
-You may obtain a copy of the License at
-
-    http://www.apache.org/licenses/LICENSE-2.0
-
-Unless required by applicable law or agreed to in writing, software
-distributed under the License is distributed on an "AS IS" BASIS,
-WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-See the License for the specific language governing permissions and
-limitations under the License.
-*/
-
-import { HTMLAttributes } from "react";
-import { MatrixClient } from "matrix-js-sdk/src/client";
-import { RoomMember } from "matrix-js-sdk/src/models/room-member";
-import { useTranslation } from "react-i18next";
-import { AvatarStack } from "@vector-im/compound-web";
-
-import { Avatar, Size } from "./Avatar";
-
-interface Props extends HTMLAttributes<HTMLDivElement> {
-  className?: string;
-  client: MatrixClient;
-  members: RoomMember[];
-  max?: number;
-  size?: Size | number;
-}
-
-export function Facepile({
-  className,
-  client,
-  members,
-  max = 3,
-  size = Size.XS,
-  ...rest
-}: Props) {
-  const { t } = useTranslation();
-
-  const displayedMembers = members.slice(0, max);
-
-  return (
-    <AvatarStack
-      title={t("{{names, list(style: short;)}}", {
-        list: displayedMembers.map((m) => m.name),
-      })}
-      {...rest}
-    >
-      {displayedMembers.map((member, i) => {
-        const avatarUrl = member.getMxcAvatarUrl();
-        return (
-          <Avatar
-            key={i}
-            id={member.userId}
-            name={member.name}
-            size={size}
-            src={avatarUrl ?? undefined}
-          />
-        );
-      })}
-    </AvatarStack>
-  );
-}

src/FullScreenView.module.css

@@ -1,17 +1,8 @@
 /*
-Copyright 2022 New Vector Ltd
+Copyright 2022-2024 New Vector Ltd.
 
-Licensed under the Apache License, Version 2.0 (the "License");
-you may not use this file except in compliance with the License.
-You may obtain a copy of the License at
-
-http://www.apache.org/licenses/LICENSE-2.0
-
-Unless required by applicable law or agreed to in writing, software
-distributed under the License is distributed on an "AS IS" BASIS,
-WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-See the License for the specific language governing permissions and
-limitations under the License.
+SPDX-License-Identifier: AGPL-3.0-only
+Please see LICENSE in the repository root for full details.
 */
 
 .page {

src/FullScreenView.tsx

@@ -1,44 +1,40 @@
 /*
-Copyright 2022 New Vector Ltd
+Copyright 2022-2024 New Vector Ltd.
 
-Licensed under the Apache License, Version 2.0 (the "License");
-you may not use this file except in compliance with the License.
-You may obtain a copy of the License at
-
-http://www.apache.org/licenses/LICENSE-2.0
-
-Unless required by applicable law or agreed to in writing, software
-distributed under the License is distributed on an "AS IS" BASIS,
-WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-See the License for the specific language governing permissions and
-limitations under the License.
+SPDX-License-Identifier: AGPL-3.0-only
+Please see LICENSE in the repository root for full details.
 */
 
-import { ReactNode, useCallback, useEffect } from "react";
+import { FC, ReactNode, useCallback, useEffect } from "react";
 import { useLocation } from "react-router-dom";
 import classNames from "classnames";
 import { Trans, useTranslation } from "react-i18next";
 import * as Sentry from "@sentry/react";
+import { logger } from "matrix-js-sdk/src/logger";
+import { Button } from "@vector-im/compound-web";
 
 import { Header, HeaderLogo, LeftNav, RightNav } from "./Header";
-import { LinkButton, Button } from "./button";
+import { LinkButton } from "./button";
 import styles from "./FullScreenView.module.css";
 import { TranslatedError } from "./TranslatedError";
 import { Config } from "./config/Config";
 import { RageshakeButton } from "./settings/RageshakeButton";
+import { useUrlParams } from "./UrlParams";
 
 interface FullScreenViewProps {
   className?: string;
   children: ReactNode;
 }
 
-export function FullScreenView({ className, children }: FullScreenViewProps) {
+export const FullScreenView: FC<FullScreenViewProps> = ({
+  className,
+  children,
+}) => {
+  const { hideHeader } = useUrlParams();
   return (
     <div className={classNames(styles.page, className)}>
       <Header>
-        <LeftNav>
-          <HeaderLogo />
-        </LeftNav>
+        <LeftNav>{!hideHeader && <HeaderLogo />}</LeftNav>
         <RightNav />
       </Header>
       <div className={styles.container}>
@@ -46,18 +42,19 @@ export function FullScreenView({ className, children }: FullScreenViewProps) {
       </div>
     </div>
   );
-}
+};
 
 interface ErrorViewProps {
   error: Error;
 }
 
-export function ErrorView({ error }: ErrorViewProps) {
+export const ErrorView: FC<ErrorViewProps> = ({ error }) => {
   const location = useLocation();
+  const { confineToRoom } = useUrlParams();
   const { t } = useTranslation();
 
   useEffect(() => {
-    console.error(error);
+    logger.error(error);
     Sentry.captureException(error);
   }, [error]);
 
@@ -67,37 +64,28 @@ export function ErrorView({ error }: ErrorViewProps) {
 
   return (
     <FullScreenView>
-      <h1>Error</h1>
+      <h1>{t("common.error")}</h1>
       <p>
         {error instanceof TranslatedError
           ? error.translatedMessage
           : error.message}
       </p>
       <RageshakeButton description={`***Error View***: ${error.message}`} />
-      {location.pathname === "/" ? (
-        <Button
-          size="lg"
-          variant="default"
-          className={styles.homeLink}
-          onPress={onReload}
-        >
-          {t("Return to home screen")}
-        </Button>
-      ) : (
-        <LinkButton
-          size="lg"
-          variant="default"
-          className={styles.homeLink}
-          to="/"
-        >
-          {t("Return to home screen")}
-        </LinkButton>
-      )}
+      {!confineToRoom &&
+        (location.pathname === "/" ? (
+          <Button className={styles.homeLink} onClick={onReload}>
+            {t("return_home_button")}
+          </Button>
+        ) : (
+          <LinkButton className={styles.homeLink} to="/">
+            {t("return_home_button")}
+          </LinkButton>
+        ))}
     </FullScreenView>
   );
-}
+};
 
-export function CrashView() {
+export const CrashView: FC = () => {
   const { t } = useTranslation();
 
   const onReload = useCallback(() => {
@@ -106,34 +94,29 @@ export function CrashView() {
 
   return (
     <FullScreenView>
-      <Trans>
+      <Trans i18nKey="full_screen_view_h1">
         <h1>Oops, something's gone wrong.</h1>
       </Trans>
       {Config.get().rageshake?.submit_url && (
-        <Trans>
+        <Trans i18nKey="full_screen_view_description">
           <p>Submitting debug logs will help us track down the problem.</p>
         </Trans>
       )}
 
       <RageshakeButton description="***Soft Crash***" />
-      <Button
-        size="lg"
-        variant="default"
-        className={styles.wideButton}
-        onPress={onReload}
-      >
-        {t("Return to home screen")}
+      <Button className={styles.wideButton} onClick={onReload}>
+        {t("return_home_button")}
       </Button>
     </FullScreenView>
   );
-}
+};
 
-export function LoadingView() {
+export const LoadingView: FC = () => {
   const { t } = useTranslation();
 
   return (
     <FullScreenView>
-      <h1>{t("Loading…")}</h1>
+      <h1>{t("common.loading")}</h1>
     </FullScreenView>
   );
-}
+};

src/Glass.module.css

@@ -1,31 +0,0 @@
-/*
-Copyright 2023 New Vector Ltd
-
-Licensed under the Apache License, Version 2.0 (the "License");
-you may not use this file except in compliance with the License.
-You may obtain a copy of the License at
-
-    http://www.apache.org/licenses/LICENSE-2.0
-
-Unless required by applicable law or agreed to in writing, software
-distributed under the License is distributed on an "AS IS" BASIS,
-WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-See the License for the specific language governing permissions and
-limitations under the License.
-*/
-
-.glass {
-  border-radius: 36px;
-  padding: 11px;
-  border: 1px solid var(--cpd-color-alpha-gray-400);
-  background: var(--cpd-color-alpha-gray-400);
-  backdrop-filter: blur(10px);
-}
-
-.glass > * {
-  border-radius: 24px;
-}
-
-.glass.frosted {
-  backdrop-filter: blur(20px);
-}

src/Glass.tsx

@@ -1,52 +0,0 @@
-/*
-Copyright 2023 New Vector Ltd
-
-Licensed under the Apache License, Version 2.0 (the "License");
-you may not use this file except in compliance with the License.
-You may obtain a copy of the License at
-
-    http://www.apache.org/licenses/LICENSE-2.0
-
-Unless required by applicable law or agreed to in writing, software
-distributed under the License is distributed on an "AS IS" BASIS,
-WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-See the License for the specific language governing permissions and
-limitations under the License.
-*/
-
-import {
-  ComponentPropsWithoutRef,
-  ReactNode,
-  forwardRef,
-  Children,
-} from "react";
-import classNames from "classnames";
-
-import styles from "./Glass.module.css";
-
-interface Props extends ComponentPropsWithoutRef<"div"> {
-  children: ReactNode;
-  className?: string;
-  /**
-   * Increases the blur effect.
-   * @default false
-   */
-  frosted?: boolean;
-}
-
-/**
- * Adds a border of glass around a child component.
- */
-export const Glass = forwardRef<HTMLDivElement, Props>(
-  ({ frosted = false, children, className, ...rest }, ref) => (
-    <div
-      ref={ref}
-      className={classNames(className, styles.glass, {
-        [styles.frosted]: frosted,
-      })}
-      {...rest}
-    >
-      {Children.only(children)}
-    </div>
-  )
-);

src/Header.module.css

@@ -1,17 +1,8 @@
 /*
-Copyright 2022 New Vector Ltd
+Copyright 2022-2024 New Vector Ltd.
 
-Licensed under the Apache License, Version 2.0 (the "License");
-you may not use this file except in compliance with the License.
-You may obtain a copy of the License at
-
-http://www.apache.org/licenses/LICENSE-2.0
-
-Unless required by applicable law or agreed to in writing, software
-distributed under the License is distributed on an "AS IS" BASIS,
-WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-See the License for the specific language governing permissions and
-limitations under the License.
+SPDX-License-Identifier: AGPL-3.0-only
+Please see LICENSE in the repository root for full details.
 */
 
 .header {
@@ -33,6 +24,7 @@ limitations under the License.
 }
 
 .headerLogo {
+  color: var(--cpd-color-text-primary);
   display: none;
   align-items: center;
   text-decoration: none;
@@ -89,6 +81,7 @@ limitations under the License.
 .nameLine {
   grid-area: name;
   flex-grow: 1;
+  min-width: 0;
   display: flex;
   align-items: center;
   gap: var(--cpd-space-1x);
@@ -96,8 +89,6 @@ limitations under the License.
 
 .nameLine > h1 {
   margin: 0;
-  /* XXX I can't actually get this ellipsis overflow to trigger, because
-  constraint propagation in a nested flexbox layout is a massive pain */
   overflow: hidden;
   text-overflow: ellipsis;
 }
@@ -108,10 +99,10 @@ limitations under the License.
 
 .participantsLine {
   grid-area: participants;
+  color: var(--cpd-color-text-secondary);
   display: flex;
   align-items: center;
   gap: var(--cpd-space-1-5x);
-  font: var(--cpd-font-body-sm-medium);
 }
 
 @media (min-width: 800px) {

src/Header.test.tsx

@@ -0,0 +1,30 @@
+/*
+Copyright 2024 New Vector Ltd.
+
+SPDX-License-Identifier: AGPL-3.0-only
+Please see LICENSE in the repository root for full details.
+*/
+
+import { expect, test } from "vitest";
+import { render, screen } from "@testing-library/react";
+import { axe } from "vitest-axe";
+import { TooltipProvider } from "@vector-im/compound-web";
+
+import { RoomHeaderInfo } from "./Header";
+
+test("RoomHeaderInfo is accessible", async () => {
+  const { container } = render(
+    <TooltipProvider>
+      <RoomHeaderInfo
+        id="!a:example.org"
+        name="Mission Control"
+        avatarUrl=""
+        encrypted
+        participantCount={11}
+      />
+    </TooltipProvider>,
+  );
+  expect(await axe(container)).toHaveNoViolations();
+  // Check that the room name acts as a heading
+  screen.getByRole("heading", { name: "Mission Control" });
+});

src/Header.tsx

@@ -1,30 +1,20 @@
 /*
-Copyright 2022 New Vector Ltd
+Copyright 2022-2024 New Vector Ltd.
 
-Licensed under the Apache License, Version 2.0 (the "License");
-you may not use this file except in compliance with the License.
-You may obtain a copy of the License at
-
-http://www.apache.org/licenses/LICENSE-2.0
-
-Unless required by applicable law or agreed to in writing, software
-distributed under the License is distributed on an "AS IS" BASIS,
-WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-See the License for the specific language governing permissions and
-limitations under the License.
+SPDX-License-Identifier: AGPL-3.0-only
+Please see LICENSE in the repository root for full details.
 */
 
 import classNames from "classnames";
-import { FC, HTMLAttributes, ReactNode } from "react";
+import { FC, HTMLAttributes, ReactNode, forwardRef } from "react";
 import { Link } from "react-router-dom";
 import { useTranslation } from "react-i18next";
-import { MatrixClient, RoomMember } from "matrix-js-sdk/src/matrix";
-import { Heading } from "@vector-im/compound-web";
+import { Heading, Text } from "@vector-im/compound-web";
+import { UserProfileIcon } from "@vector-im/compound-design-tokens/assets/web/icons";
 
 import styles from "./Header.module.css";
-import { ReactComponent as Logo } from "./icons/Logo.svg";
+import Logo from "./icons/Logo.svg?react";
 import { Avatar, Size } from "./Avatar";
-import { Facepile } from "./Facepile";
 import { EncryptionLock } from "./room/EncryptionLock";
 import { useMediaQuery } from "./useMediaQuery";
 
@@ -33,13 +23,21 @@ interface HeaderProps extends HTMLAttributes<HTMLElement> {
   className?: string;
 }
 
-export function Header({ children, className, ...rest }: HeaderProps) {
-  return (
-    <header className={classNames(styles.header, className)} {...rest}>
-      {children}
-    </header>
-  );
-}
+export const Header = forwardRef<HTMLElement, HeaderProps>(
+  ({ children, className, ...rest }, ref) => {
+    return (
+      <header
+        ref={ref}
+        className={classNames(styles.header, className)}
+        {...rest}
+      >
+        {children}
+      </header>
+    );
+  },
+);
+
+Header.displayName = "Header";
 
 interface LeftNavProps extends HTMLAttributes<HTMLElement> {
   children: ReactNode;
@@ -47,26 +45,26 @@ interface LeftNavProps extends HTMLAttributes<HTMLElement> {
   hideMobile?: boolean;
 }
 
-export function LeftNav({
+export const LeftNav: FC<LeftNavProps> = ({
   children,
   className,
   hideMobile,
   ...rest
-}: LeftNavProps) {
+}) => {
   return (
     <div
       className={classNames(
         styles.nav,
         styles.leftNav,
         { [styles.hideMobile]: hideMobile },
-        className
+        className,
       )}
       {...rest}
     >
       {children}
     </div>
   );
-}
+};
 
 interface RightNavProps extends HTMLAttributes<HTMLElement> {
   children?: ReactNode;
@@ -74,52 +72,51 @@ interface RightNavProps extends HTMLAttributes<HTMLElement> {
   hideMobile?: boolean;
 }
 
-export function RightNav({
+export const RightNav: FC<RightNavProps> = ({
   children,
   className,
   hideMobile,
   ...rest
-}: RightNavProps) {
+}) => {
   return (
     <div
       className={classNames(
         styles.nav,
         styles.rightNav,
         { [styles.hideMobile]: hideMobile },
-        className
+        className,
       )}
       {...rest}
     >
       {children}
     </div>
   );
-}
+};
 
 interface HeaderLogoProps {
   className?: string;
 }
 
-export function HeaderLogo({ className }: HeaderLogoProps) {
+export const HeaderLogo: FC<HeaderLogoProps> = ({ className }) => {
   const { t } = useTranslation();
 
   return (
     <Link
       className={classNames(styles.headerLogo, className)}
       to="/"
-      aria-label={t("Element Call Home")}
+      aria-label={t("header_label")}
     >
       <Logo />
     </Link>
   );
-}
+};
 
 interface RoomHeaderInfoProps {
   id: string;
   name: string;
   avatarUrl: string | null;
   encrypted: boolean;
-  participants: RoomMember[];
-  client: MatrixClient;
+  participantCount: number | null;
 }
 
 export const RoomHeaderInfo: FC<RoomHeaderInfoProps> = ({
@@ -127,8 +124,7 @@ export const RoomHeaderInfo: FC<RoomHeaderInfoProps> = ({
   name,
   avatarUrl,
   encrypted,
-  participants,
-  client,
+  participantCount,
 }) => {
   const { t } = useTranslation();
   const size = useMediaQuery("(max-width: 550px)") ? "sm" : "lg";
@@ -153,10 +149,16 @@ export const RoomHeaderInfo: FC<RoomHeaderInfoProps> = ({
         </Heading>
         <EncryptionLock encrypted={encrypted} />
       </div>
-      {participants.length > 0 && (
+      {(participantCount ?? 0) > 0 && (
         <div className={styles.participantsLine}>
-          <Facepile client={client} members={participants} size={20} />
-          {t("{{count, number}}", { count: participants.length })}
+          <UserProfileIcon
+            width={20}
+            height={20}
+            aria-label={t("header_participants_label")}
+          />
+          <Text as="span" size="sm" weight="medium">
+            {t("participant_count", { count: participantCount ?? 0 })}
+          </Text>
         </div>
       )}
     </div>

src/IndexedDBWorker.ts

@@ -1,17 +1,8 @@
 /*
-Copyright 2022 New Vector Ltd
+Copyright 2022-2024 New Vector Ltd.
 
-Licensed under the Apache License, Version 2.0 (the "License");
-you may not use this file except in compliance with the License.
-You may obtain a copy of the License at
-
-http://www.apache.org/licenses/LICENSE-2.0
-
-Unless required by applicable law or agreed to in writing, software
-distributed under the License is distributed on an "AS IS" BASIS,
-WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-See the License for the specific language governing permissions and
-limitations under the License.
+SPDX-License-Identifier: AGPL-3.0-only
+Please see LICENSE in the repository root for full details.
 */
 
 import { IndexedDBStoreWorker } from "matrix-js-sdk/src/indexeddb-worker";

src/LazyEventEmitter.ts

@@ -1,17 +1,8 @@
 /*
-Copyright 2022 New Vector Ltd
+Copyright 2022-2024 New Vector Ltd.
 
-Licensed under the Apache License, Version 2.0 (the "License");
-you may not use this file except in compliance with the License.
-You may obtain a copy of the License at
-
-    http://www.apache.org/licenses/LICENSE-2.0
-
-Unless required by applicable law or agreed to in writing, software
-distributed under the License is distributed on an "AS IS" BASIS,
-WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-See the License for the specific language governing permissions and
-limitations under the License.
+SPDX-License-Identifier: AGPL-3.0-only
+Please see LICENSE in the repository root for full details.
 */
 
 import EventEmitter from "events";
@@ -63,7 +54,7 @@ export class LazyEventEmitter extends EventEmitter {
   public addListener(
     type: string | symbol,
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    listener: (...args: any[]) => void
+    listener: (...args: any[]) => void,
   ): this {
     return this.on(type, listener);
   }

src/ListBox.module.css

@@ -1,49 +0,0 @@
-/*
-Copyright 2022 New Vector Ltd
-
-Licensed under the Apache License, Version 2.0 (the "License");
-you may not use this file except in compliance with the License.
-You may obtain a copy of the License at
-
-http://www.apache.org/licenses/LICENSE-2.0
-
-Unless required by applicable law or agreed to in writing, software
-distributed under the License is distributed on an "AS IS" BASIS,
-WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-See the License for the specific language governing permissions and
-limitations under the License.
-*/
-
-.listBox {
-  margin: 0;
-  padding: 0;
-  max-height: 150px;
-  overflow-y: auto;
-  list-style: none;
-  background-color: transparent;
-  border: 1px solid var(--cpd-color-border-interactive-secondary);
-  background-color: var(--cpd-color-bg-canvas-default);
-  border-radius: 8px;
-}
-
-.option {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  background-color: transparent;
-  color: var(--cpd-color-text-primary);
-  padding: 8px 16px;
-  outline: none;
-  cursor: pointer;
-  font-size: var(--font-size-body);
-  min-height: 32px;
-}
-
-.option.focused {
-  background-color: rgba(111, 120, 130, 0.2);
-}
-
-.option.disabled {
-  color: var(--cpd-color-text-disabled);
-  background-color: var(--stopgap-bgColor3);
-}

src/ListBox.tsx

@@ -1,110 +0,0 @@
-/*
-Copyright 2022 New Vector Ltd
-
-Licensed under the Apache License, Version 2.0 (the "License");
-you may not use this file except in compliance with the License.
-You may obtain a copy of the License at
-
-    http://www.apache.org/licenses/LICENSE-2.0
-
-Unless required by applicable law or agreed to in writing, software
-distributed under the License is distributed on an "AS IS" BASIS,
-WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-See the License for the specific language governing permissions and
-limitations under the License.
-*/
-
-import { MutableRefObject, PointerEvent, useCallback, useRef } from "react";
-import { useListBox, useOption, AriaListBoxOptions } from "@react-aria/listbox";
-import { ListState } from "@react-stately/list";
-import { Node } from "@react-types/shared";
-import classNames from "classnames";
-
-import styles from "./ListBox.module.css";
-
-interface ListBoxProps<T> extends AriaListBoxOptions<T> {
-  optionClassName: string;
-  state: ListState<T>;
-  className?: string;
-  listBoxRef?: MutableRefObject<HTMLUListElement>;
-}
-
-export function ListBox<T>({
-  state,
-  optionClassName,
-  className,
-  listBoxRef,
-  ...rest
-}: ListBoxProps<T>) {
-  const ref = useRef<HTMLUListElement>(null);
-
-  const listRef = listBoxRef ?? ref;
-
-  const { listBoxProps } = useListBox(rest, state, listRef);
-
-  return (
-    <ul
-      {...listBoxProps}
-      ref={listRef}
-      className={classNames(styles.listBox, className)}
-    >
-      {[...state.collection].map((item) => (
-        <Option
-          key={item.key}
-          item={item}
-          state={state}
-          className={optionClassName}
-        />
-      ))}
-    </ul>
-  );
-}
-
-interface OptionProps<T> {
-  className: string;
-  state: ListState<T>;
-  item: Node<T>;
-}
-
-function Option<T>({ item, state, className }: OptionProps<T>) {
-  const ref = useRef(null);
-  const { optionProps, isSelected, isFocused, isDisabled } = useOption(
-    { key: item.key },
-    state,
-    ref
-  );
-
-  // Hack: remove the onPointerUp event handler and re-wire it to
-  // onClick. Chrome Android triggers a click event after the onpointerup
-  // event which leaks through to elements underneath the z-indexed select
-  // popover. preventDefault / stopPropagation don't have any effect, even
-  // adding just a dummy onClick handler still doesn't work, but it's fine
-  // if we handle just onClick.
-  // https://github.com/vector-im/element-call/issues/762
-  const origPointerUp = optionProps.onPointerUp;
-  delete optionProps.onPointerUp;
-  optionProps.onClick = useCallback(
-    // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-    // @ts-ignore
-    (e) => {
-      // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-      // @ts-ignore
-      origPointerUp(e as unknown as PointerEvent<HTMLElement>);
-    },
-    [origPointerUp]
-  );
-
-  return (
-    <li
-      {...optionProps}
-      ref={ref}
-      className={classNames(styles.option, className, {
-        [styles.selected]: isSelected,
-        [styles.focused]: isFocused,
-        [styles.disables]: isDisabled,
-      })}
-    >
-      {item.rendered}
-    </li>
-  );
-}

src/Menu.module.css

@@ -1,73 +0,0 @@
-/*
-Copyright 2022 New Vector Ltd
-
-Licensed under the Apache License, Version 2.0 (the "License");
-you may not use this file except in compliance with the License.
-You may obtain a copy of the License at
-
-http://www.apache.org/licenses/LICENSE-2.0
-
-Unless required by applicable law or agreed to in writing, software
-distributed under the License is distributed on an "AS IS" BASIS,
-WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-See the License for the specific language governing permissions and
-limitations under the License.
-*/
-
-.menu {
-  width: 100%;
-  padding: 0;
-  margin: 0;
-  list-style: none;
-}
-
-.menuItem {
-  cursor: pointer;
-  height: 48px;
-  display: flex;
-  align-items: center;
-  padding: 0 12px;
-  color: var(--cpd-color-text-primary);
-  font-size: var(--font-size-body);
-  text-overflow: ellipsis;
-  overflow: hidden;
-  white-space: nowrap;
-}
-
-.menuItem > * {
-  margin: 0 10px 0 0;
-}
-
-.menuItem > :last-child {
-  margin-right: 0;
-}
-
-.menuItem.focused,
-.menuItem:hover {
-  background-color: var(--cpd-color-bg-action-secondary-hovered);
-}
-
-.menuItem:active {
-  background-color: var(--cpd-color-bg-action-secondary-pressed);
-}
-
-.menuItem.focused:first-child,
-.menuItem:hover:first-child {
-  border-top-left-radius: 8px;
-  border-top-right-radius: 8px;
-}
-
-.menuItem.focused:last-child,
-.menuItem:hover:last-child {
-  border-bottom-left-radius: 8px;
-  border-bottom-right-radius: 8px;
-}
-
-.checkIcon {
-  position: absolute;
-  right: 16px;
-}
-
-.checkIcon * {
-  stroke: var(--cpd-color-text-primary);
-}

src/Menu.tsx

@@ -1,97 +0,0 @@
-/*
-Copyright 2022 New Vector Ltd
-
-Licensed under the Apache License, Version 2.0 (the "License");
-you may not use this file except in compliance with the License.
-You may obtain a copy of the License at
-
-http://www.apache.org/licenses/LICENSE-2.0
-
-Unless required by applicable law or agreed to in writing, software
-distributed under the License is distributed on an "AS IS" BASIS,
-WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-See the License for the specific language governing permissions and
-limitations under the License.
-*/
-
-import { Key, useRef, useState } from "react";
-import { AriaMenuOptions, useMenu, useMenuItem } from "@react-aria/menu";
-import { TreeState, useTreeState } from "@react-stately/tree";
-import { mergeProps } from "@react-aria/utils";
-import { useFocus } from "@react-aria/interactions";
-import classNames from "classnames";
-import { Node } from "@react-types/shared";
-
-import styles from "./Menu.module.css";
-
-interface MenuProps<T> extends AriaMenuOptions<T> {
-  className?: string;
-  onClose: () => void;
-  onAction: (value: Key) => void;
-  label?: string;
-}
-
-export function Menu<T extends object>({
-  className,
-  onAction,
-  onClose,
-  label,
-  ...rest
-}: MenuProps<T>) {
-  const state = useTreeState<T>({ ...rest, selectionMode: "none" });
-  const menuRef = useRef(null);
-  const { menuProps } = useMenu<T>(rest, state, menuRef);
-
-  return (
-    <ul
-      {...mergeProps(menuProps, rest)}
-      ref={menuRef}
-      className={classNames(styles.menu, className)}
-    >
-      {[...state.collection].map((item) => (
-        <MenuItem
-          key={item.key}
-          item={item}
-          state={state}
-          onAction={onAction}
-          onClose={onClose}
-        />
-      ))}
-    </ul>
-  );
-}
-
-interface MenuItemProps<T> {
-  item: Node<T>;
-  state: TreeState<T>;
-  onAction: (value: Key) => void;
-  onClose: () => void;
-}
-
-function MenuItem<T>({ item, state, onAction, onClose }: MenuItemProps<T>) {
-  const ref = useRef(null);
-  const { menuItemProps } = useMenuItem(
-    {
-      key: item.key,
-      onAction,
-      onClose,
-    },
-    state,
-    ref
-  );
-
-  const [isFocused, setFocused] = useState(false);
-  const { focusProps } = useFocus({ onFocusChange: setFocused });
-
-  return (
-    <li
-      {...mergeProps(menuItemProps, focusProps)}
-      ref={ref}
-      className={classNames(styles.menuItem, {
-        [styles.focused]: isFocused,
-      })}
-    >
-      {item.rendered}
-    </li>
-  );
-}

src/Modal.module.css

@@ -1,109 +1,22 @@
 /*
-Copyright 2022 - 2023 New Vector Ltd
+Copyright 2022-2024 New Vector Ltd.
 
-Licensed under the Apache License, Version 2.0 (the "License");
-you may not use this file except in compliance with the License.
-You may obtain a copy of the License at
-
-http://www.apache.org/licenses/LICENSE-2.0
-
-Unless required by applicable law or agreed to in writing, software
-distributed under the License is distributed on an "AS IS" BASIS,
-WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-See the License for the specific language governing permissions and
-limitations under the License.
+SPDX-License-Identifier: AGPL-3.0-only
+Please see LICENSE in the repository root for full details.
 */
 
-.overlay {
-  position: fixed;
-  z-index: 100;
-  inset: 0;
-  background: rgba(3, 12, 27, 0.528);
-}
-
-@keyframes fade-in {
-  from {
-    opacity: 0;
-  }
-  to {
-    opacity: 1;
-  }
-}
-
-.dialogOverlay[data-state="open"] {
-  animation: fade-in 200ms;
-}
-
-@keyframes fade-out {
-  from {
-    opacity: 1;
-  }
-  to {
-    opacity: 0;
-  }
-}
-
-.dialogOverlay[data-state="closed"] {
-  animation: fade-out 130ms;
-}
-
 .modal {
-  position: fixed;
-  z-index: 101;
   display: flex;
   flex-direction: column;
 }
 
 .dialog {
-  left: 50%;
-  top: 50%;
-  transform: translate(-50%, -50%);
   box-sizing: border-box;
   inline-size: 520px;
   max-inline-size: 90%;
   max-block-size: 600px;
 }
 
-@keyframes zoom-in {
-  from {
-    opacity: 0;
-    transform: translate(-50%, -50%) scale(80%);
-  }
-  to {
-    opacity: 1;
-    transform: translate(-50%, -50%) scale(100%);
-  }
-}
-
-@keyframes zoom-out {
-  from {
-    opacity: 1;
-    transform: translate(-50%, -50%) scale(100%);
-  }
-  to {
-    opacity: 0;
-    transform: translate(-50%, -50%) scale(80%);
-  }
-}
-
-.dialog[data-state="open"] {
-  animation: zoom-in 200ms;
-}
-
-.dialog[data-state="closed"] {
-  animation: zoom-out 130ms;
-}
-
-@media (prefers-reduced-motion) {
-  .dialog[data-state="open"] {
-    animation-name: fade-in;
-  }
-
-  .dialog[data-state="closed"] {
-    animation-name: fade-out;
-  }
-}
-
 .content {
   display: flex;
   flex-direction: column;
@@ -212,6 +125,10 @@ body[data-platform="ios"] .drawer {
   padding-block: var(--cpd-space-9x) var(--cpd-space-10x);
 }
 
+.modal.tabbed .body {
+  padding-block-start: 0;
+}
+
 .handle {
   content: "";
   position: absolute;

src/Modal.tsx

@@ -1,21 +1,11 @@
 /*
-Copyright 2023 New Vector Ltd
+Copyright 2023, 2024 New Vector Ltd.
 
-Licensed under the Apache License, Version 2.0 (the "License");
-you may not use this file except in compliance with the License.
-You may obtain a copy of the License at
-
-    http://www.apache.org/licenses/LICENSE-2.0
-
-Unless required by applicable law or agreed to in writing, software
-distributed under the License is distributed on an "AS IS" BASIS,
-WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-See the License for the specific language governing permissions and
-limitations under the License.
+SPDX-License-Identifier: AGPL-3.0-only
+Please see LICENSE in the repository root for full details.
 */
 
-import { ReactNode, useCallback } from "react";
-import { AriaDialogProps } from "@react-types/dialog";
+import { FC, ReactNode, useCallback } from "react";
 import { useTranslation } from "react-i18next";
 import {
   Root as DialogRoot,
@@ -27,16 +17,15 @@ import {
 } from "@radix-ui/react-dialog";
 import { Drawer } from "vaul";
 import { VisuallyHidden } from "@radix-ui/react-visually-hidden";
-import { ReactComponent as CloseIcon } from "@vector-im/compound-design-tokens/icons/close.svg";
+import { CloseIcon } from "@vector-im/compound-design-tokens/assets/web/icons";
 import classNames from "classnames";
-import { Heading } from "@vector-im/compound-web";
+import { Heading, Glass } from "@vector-im/compound-web";
 
 import styles from "./Modal.module.css";
+import overlayStyles from "./Overlay.module.css";
 import { useMediaQuery } from "./useMediaQuery";
-import { Glass } from "./Glass";
 
-// TODO: Support tabs
-export interface ModalProps extends AriaDialogProps {
+export interface Props {
   title: string;
   children: ReactNode;
   className?: string;
@@ -52,20 +41,26 @@ export interface ModalProps extends AriaDialogProps {
    * will be non-dismissable.
    */
   onDismiss?: () => void;
+  /**
+   * Whether the modal content has tabs.
+   */
+  // TODO: Better tabs support
+  tabbed?: boolean;
 }
 
 /**
  * A modal, taking the form of a drawer / bottom sheet on touchscreen devices,
  * and a dialog box on desktop.
  */
-export function Modal({
+export const Modal: FC<Props> = ({
   title,
   children,
   className,
   open,
   onDismiss,
+  tabbed,
   ...rest
-}: ModalProps) {
+}) => {
   const { t } = useTranslation();
   // Empirically, Chrome on Android can end up not matching (hover: none), but
   // still matching (pointer: coarse) :/
@@ -74,7 +69,7 @@ export function Modal({
     (open: boolean) => {
       if (!open) onDismiss?.();
     },
-    [onDismiss]
+    [onDismiss],
   );
 
   if (touchscreen) {
@@ -85,9 +80,18 @@ export function Modal({
         dismissible={onDismiss !== undefined}
       >
         <Drawer.Portal>
-          <Drawer.Overlay className={styles.overlay} />
+          <Drawer.Overlay className={classNames(overlayStyles.bg)} />
           <Drawer.Content
-            className={classNames(className, styles.modal, styles.drawer)}
+            className={classNames(
+              className,
+              overlayStyles.overlay,
+              styles.modal,
+              styles.drawer,
+              { [styles.tabbed]: tabbed },
+            )}
+            // Suppress the warning about there being no description; the modal
+            // has an accessible title
+            aria-describedby={undefined}
             {...rest}
           >
             <div className={styles.content}>
@@ -108,12 +112,20 @@ export function Modal({
       <DialogRoot open={open} onOpenChange={onOpenChange}>
         <DialogPortal>
           <DialogOverlay
-            className={classNames(styles.overlay, styles.dialogOverlay)}
+            className={classNames(overlayStyles.bg, overlayStyles.animate)}
           />
-          <DialogContent asChild {...rest}>
+          {/* Suppress the warning about there being no description; the modal
+          has an accessible title */}
+          <DialogContent asChild aria-describedby={undefined} {...rest}>
             <Glass
-              frosted
-              className={classNames(className, styles.modal, styles.dialog)}
+              className={classNames(
+                className,
+                overlayStyles.overlay,
+                overlayStyles.animate,
+                styles.modal,
+                styles.dialog,
+                { [styles.tabbed]: tabbed },
+              )}
             >
               <div className={styles.content}>
                 <div className={styles.header}>
@@ -126,7 +138,7 @@ export function Modal({
                     <DialogClose
                       className={styles.close}
                       data-testid="modal_close"
-                      aria-label={t("Close")}
+                      aria-label={t("action.close")}
                     >
                       <CloseIcon width={20} height={20} />
                     </DialogClose>
@@ -140,4 +152,4 @@ export function Modal({
       </DialogRoot>
     );
   }
-}
+};

src/Overlay.module.css

@@ -0,0 +1,88 @@
+/*
+Copyright 2023, 2024 New Vector Ltd.
+
+SPDX-License-Identifier: AGPL-3.0-only
+Please see LICENSE in the repository root for full details.
+*/
+
+.bg {
+  position: fixed;
+  inset: 0;
+  background: rgba(3, 12, 27, 0.528);
+}
+
+@keyframes fade-in {
+  from {
+    opacity: 0;
+  }
+  to {
+    opacity: 1;
+  }
+}
+
+.bg.animate[data-state="open"] {
+  animation: fade-in 200ms;
+}
+
+@keyframes fade-out {
+  from {
+    opacity: 1;
+  }
+  to {
+    opacity: 0;
+  }
+}
+
+.bg.animate[data-state="closed"] {
+  animation: fade-out 130ms;
+}
+
+.overlay {
+  position: fixed;
+}
+
+.overlay.animate {
+  left: 50%;
+  top: 50%;
+  transform: translate(-50%, -50%);
+}
+
+@keyframes zoom-in {
+  from {
+    opacity: 0;
+    transform: translate(-50%, -50%) scale(80%);
+  }
+  to {
+    opacity: 1;
+    transform: translate(-50%, -50%) scale(100%);
+  }
+}
+
+@keyframes zoom-out {
+  from {
+    opacity: 1;
+    transform: translate(-50%, -50%) scale(100%);
+  }
+  to {
+    opacity: 0;
+    transform: translate(-50%, -50%) scale(80%);
+  }
+}
+
+.overlay.animate[data-state="open"] {
+  animation: zoom-in 200ms;
+}
+
+.overlay.animate[data-state="closed"] {
+  animation: zoom-out 130ms;
+}
+
+@media (prefers-reduced-motion) {
+  .overlay.animate[data-state="open"] {
+    animation-name: fade-in;
+  }
+
+  .overlay.animate[data-state="closed"] {
+    animation-name: fade-out;
+  }
+}

src/Platform.ts

@@ -1,17 +1,8 @@
 /*
-Copyright 2023 New Vector Ltd
+Copyright 2023, 2024 New Vector Ltd.
 
-Licensed under the Apache License, Version 2.0 (the "License");
-you may not use this file except in compliance with the License.
-You may obtain a copy of the License at
-
-    http://www.apache.org/licenses/LICENSE-2.0
-
-Unless required by applicable law or agreed to in writing, software
-distributed under the License is distributed on an "AS IS" BASIS,
-WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-See the License for the specific language governing permissions and
-limitations under the License.
+SPDX-License-Identifier: AGPL-3.0-only
+Please see LICENSE in the repository root for full details.
 */
 
 /**
@@ -36,3 +27,8 @@ if (/android/i.test(navigator.userAgent)) {
 } else {
   platform = "desktop";
 }
+
+export const isFirefox = (): boolean => {
+  const { userAgent } = navigator;
+  return userAgent.includes("Firefox");
+};

src/QrCode.module.css

@@ -0,0 +1,12 @@
+/*
+Copyright 2024 New Vector Ltd.
+
+SPDX-License-Identifier: AGPL-3.0-only
+Please see LICENSE in the repository root for full details.
+*/
+
+.qrCode img {
+  max-width: 100%;
+  image-rendering: pixelated;
+  border-radius: var(--cpd-space-4x);
+}

src/QrCode.test.tsx

@@ -0,0 +1,25 @@
+/*
+Copyright 2024 New Vector Ltd.
+
+SPDX-License-Identifier: AGPL-3.0-only
+Please see LICENSE in the repository root for full details.
+*/
+
+import { describe, expect, test } from "vitest";
+import { render, configure } from "@testing-library/react";
+
+import { QrCode } from "./QrCode";
+
+configure({
+  defaultHidden: true,
+});
+
+describe("QrCode", () => {
+  test("renders", async () => {
+    const { container, findByRole } = render(
+      <QrCode data="foo" className="bar" />,
+    );
+    (await findByRole("img")) as HTMLImageElement;
+    expect(container.firstChild).toMatchSnapshot();
+  });
+});

src/QrCode.tsx

@@ -0,0 +1,48 @@
+/*
+Copyright 2024 New Vector Ltd.
+
+SPDX-License-Identifier: AGPL-3.0-only
+Please see LICENSE in the repository root for full details.
+*/
+
+import { FC, useEffect, useState } from "react";
+import { toDataURL } from "qrcode";
+import classNames from "classnames";
+import { t } from "i18next";
+
+import styles from "./QrCode.module.css";
+
+interface Props {
+  data: string;
+  className?: string;
+}
+
+export const QrCode: FC<Props> = ({ data, className }) => {
+  const [url, setUrl] = useState<string | null>(null);
+
+  useEffect(() => {
+    let isCancelled = false;
+
+    toDataURL(data, { errorCorrectionLevel: "L" })
+      .then((url) => {
+        if (!isCancelled) {
+          setUrl(url);
+        }
+      })
+      .catch((reason) => {
+        if (!isCancelled) {
+          setUrl(null);
+        }
+      });
+
+    return (): void => {
+      isCancelled = true;
+    };
+  }, [data]);
+
+  return (
+    <div className={classNames(styles.qrCode, className)}>
+      {url && <img src={url} alt={t("qr_code")} />}
+    </div>
+  );
+};

src/SequenceDiagramViewerPage.tsx

@@ -1,72 +0,0 @@
-/*
-Copyright 2022 New Vector Ltd
-
-Licensed under the Apache License, Version 2.0 (the "License");
-you may not use this file except in compliance with the License.
-You may obtain a copy of the License at
-
-    http://www.apache.org/licenses/LICENSE-2.0
-
-Unless required by applicable law or agreed to in writing, software
-distributed under the License is distributed on an "AS IS" BASIS,
-WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-See the License for the specific language governing permissions and
-limitations under the License.
-*/
-
-import { useCallback, useState } from "react";
-import { useTranslation } from "react-i18next";
-
-import {
-  SequenceDiagramViewer,
-  SequenceDiagramMatrixEvent,
-} from "./room/GroupCallInspector";
-import { FieldRow, InputField } from "./input/Input";
-import { usePageTitle } from "./usePageTitle";
-
-interface DebugLog {
-  localUserId: string;
-  eventsByUserId: { [userId: string]: SequenceDiagramMatrixEvent[] };
-  remoteUserIds: string[];
-}
-
-export function SequenceDiagramViewerPage() {
-  const { t } = useTranslation();
-  usePageTitle(t("Inspector"));
-
-  const [debugLog, setDebugLog] = useState<DebugLog>();
-  const [selectedUserId, setSelectedUserId] = useState<string>();
-
-  // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-  // @ts-ignore
-  const onChangeDebugLog = useCallback((e) => {
-    if (e.target.files && e.target.files.length > 0) {
-      e.target.files[0].text().then((text: string) => {
-        setDebugLog(JSON.parse(text));
-      });
-    }
-  }, []);
-
-  return (
-    <div style={{ marginTop: 20 }}>
-      <FieldRow>
-        <InputField
-          type="file"
-          id="debugLog"
-          name="debugLog"
-          label={t("Debug log")}
-          onChange={onChangeDebugLog}
-        />
-      </FieldRow>
-      {debugLog && selectedUserId && (
-        <SequenceDiagramViewer
-          localUserId={debugLog.localUserId}
-          selectedUserId={selectedUserId}
-          onSelectUserId={setSelectedUserId}
-          remoteUserIds={debugLog.remoteUserIds}
-          events={debugLog.eventsByUserId[selectedUserId]}
-        />
-      )}
-    </div>
-  );
-}

src/Slider.module.css

@@ -0,0 +1,57 @@
+/*
+Copyright 2023, 2024 New Vector Ltd.
+
+SPDX-License-Identifier: AGPL-3.0-only
+Please see LICENSE in the repository root for full details.
+*/
+
+.slider {
+  display: flex;
+  align-items: center;
+  position: relative;
+}
+
+.track {
+  flex-grow: 1;
+  border-radius: var(--cpd-radius-pill-effect);
+  background: var(--cpd-color-bg-subtle-primary);
+  height: var(--cpd-space-2x);
+  outline: var(--cpd-border-width-1) solid
+    var(--cpd-color-border-interactive-primary);
+  outline-offset: calc(-1 * var(--cpd-border-width-1));
+  cursor: pointer;
+  transition: outline-color ease 0.15s;
+}
+
+.track[data-disabled] {
+  cursor: initial;
+  outline-color: var(--cpd-color-border-disabled);
+}
+
+.highlight {
+  background: var(--cpd-color-bg-action-primary-rest);
+  position: absolute;
+  block-size: 100%;
+  border-radius: var(--cpd-radius-pill-effect);
+  transition: background-color ease 0.15s;
+}
+
+.highlight[data-disabled] {
+  background: var(--cpd-color-bg-action-primary-disabled);
+}
+
+.handle {
+  display: block;
+  block-size: var(--cpd-space-4x);
+  inline-size: var(--cpd-space-4x);
+  border-radius: var(--cpd-radius-pill-effect);
+  background: var(--cpd-color-bg-action-primary-rest);
+  box-shadow: 0 0 0 2px var(--cpd-color-bg-canvas-default);
+  cursor: pointer;
+  transition: background-color ease 0.15s;
+}
+
+.handle[data-disabled] {
+  cursor: initial;
+  background: var(--cpd-color-bg-action-primary-disabled);
+}

src/Slider.tsx

@@ -0,0 +1,59 @@
+/*
+Copyright 2023, 2024 New Vector Ltd.
+
+SPDX-License-Identifier: AGPL-3.0-only
+Please see LICENSE in the repository root for full details.
+*/
+
+import { FC, useCallback } from "react";
+import { Root, Track, Range, Thumb } from "@radix-ui/react-slider";
+import classNames from "classnames";
+
+import styles from "./Slider.module.css";
+
+interface Props {
+  className?: string;
+  label: string;
+  value: number;
+  onValueChange: (value: number) => void;
+  min: number;
+  max: number;
+  step: number;
+  disabled?: boolean;
+}
+
+/**
+ * A slider control allowing a value to be selected from a range.
+ */
+export const Slider: FC<Props> = ({
+  className,
+  label,
+  value,
+  onValueChange: onValueChangeProp,
+  min,
+  max,
+  step,
+  disabled,
+}) => {
+  const onValueChange = useCallback(
+    ([v]: number[]) => onValueChangeProp(v),
+    [onValueChangeProp],
+  );
+
+  return (
+    <Root
+      className={classNames(className, styles.slider)}
+      value={[value]}
+      onValueChange={onValueChange}
+      min={min}
+      max={max}
+      step={step}
+      disabled={disabled}
+    >
+      <Track className={styles.track}>
+        <Range className={styles.highlight} />
+      </Track>
+      <Thumb className={styles.handle} aria-label={label} />
+    </Root>
+  );
+};

src/Toast.module.css

@@ -0,0 +1,29 @@
+/*
+Copyright 2023, 2024 New Vector Ltd.
+
+SPDX-License-Identifier: AGPL-3.0-only
+Please see LICENSE in the repository root for full details.
+*/
+
+.toast {
+  color: var(--cpd-color-text-on-solid-primary);
+  background: var(--cpd-color-alpha-gray-1200);
+  padding-inline: var(--cpd-space-3x);
+  padding-block: var(--cpd-space-1x);
+  border: none;
+  border-radius: var(--cpd-radius-pill-effect);
+  box-shadow: var(--small-drop-shadow);
+  display: flex;
+  align-items: center;
+  gap: var(--cpd-space-1x);
+}
+
+.toast > h3 {
+  margin: 0;
+}
+
+.toast > svg {
+  color: var(--cpd-color-icon-on-solid-primary);
+  flex-shrink: 0;
+  margin-inline-end: calc(-1 * var(--cpd-space-1x));
+}

src/Toast.test.tsx

@@ -0,0 +1,68 @@
+/*
+Copyright 2023, 2024 New Vector Ltd.
+
+SPDX-License-Identifier: AGPL-3.0-only
+Please see LICENSE in the repository root for full details.
+*/
+
+import { describe, expect, test, vi } from "vitest";
+import { render } from "@testing-library/react";
+import userEvent from "@testing-library/user-event";
+
+import { Toast } from "../src/Toast";
+import { withFakeTimers } from "./utils/test";
+
+describe("Toast", () => {
+  test("renders", () => {
+    const { queryByRole } = render(
+      <Toast open={false} onDismiss={() => {}}>
+        Hello world!
+      </Toast>,
+    );
+    expect(queryByRole("dialog")).toBe(null);
+    const { getByRole } = render(
+      <Toast open={true} onDismiss={() => {}}>
+        Hello world!
+      </Toast>,
+    );
+    expect(getByRole("dialog")).toMatchSnapshot();
+  });
+
+  test("dismisses when Esc is pressed", async () => {
+    const user = userEvent.setup();
+    const onDismiss = vi.fn();
+    render(
+      <Toast open={true} onDismiss={onDismiss}>
+        Hello world!
+      </Toast>,
+    );
+    await user.keyboard("[Escape]");
+    expect(onDismiss).toHaveBeenCalled();
+  });
+
+  test("dismisses when background is clicked", async () => {
+    const user = userEvent.setup();
+    const onDismiss = vi.fn();
+    const { getByRole } = render(
+      <Toast open={true} onDismiss={onDismiss}>
+        Hello world!
+      </Toast>,
+    );
+    const background = getByRole("dialog").previousSibling! as Element;
+    await user.click(background);
+    expect(onDismiss).toHaveBeenCalled();
+  });
+
+  test("dismisses itself after the specified timeout", () => {
+    withFakeTimers(() => {
+      const onDismiss = vi.fn();
+      render(
+        <Toast open={true} onDismiss={onDismiss} autoDismiss={2000}>
+          Hello world!
+        </Toast>,
+      );
+      vi.advanceTimersByTime(2000);
+      expect(onDismiss).toHaveBeenCalled();
+    });
+  });
+});

src/Toast.tsx

@@ -0,0 +1,99 @@
+/*
+Copyright 2023, 2024 New Vector Ltd.
+
+SPDX-License-Identifier: AGPL-3.0-only
+Please see LICENSE in the repository root for full details.
+*/
+
+import {
+  ComponentType,
+  FC,
+  SVGAttributes,
+  useCallback,
+  useEffect,
+} from "react";
+import {
+  Root as DialogRoot,
+  Portal as DialogPortal,
+  Overlay as DialogOverlay,
+  Content as DialogContent,
+  Close as DialogClose,
+  Title as DialogTitle,
+} from "@radix-ui/react-dialog";
+import classNames from "classnames";
+import { Text } from "@vector-im/compound-web";
+
+import styles from "./Toast.module.css";
+import overlayStyles from "./Overlay.module.css";
+
+interface Props {
+  /**
+   * The controlled open state of the toast.
+   */
+  open: boolean;
+  /**
+   * Callback for when the user dismisses the toast.
+   */
+  onDismiss: () => void;
+  /**
+   * A number of milliseconds after which the toast should be automatically
+   * dismissed.
+   */
+  autoDismiss?: number;
+  children: string;
+  /**
+   * A supporting icon to display within the toast.
+   */
+  Icon?: ComponentType<SVGAttributes<SVGElement>>;
+}
+
+/**
+ * A temporary message shown in an overlay in the center of the screen.
+ */
+export const Toast: FC<Props> = ({
+  open,
+  onDismiss,
+  autoDismiss,
+  children,
+  Icon,
+}) => {
+  const onOpenChange = useCallback(
+    (open: boolean) => {
+      if (!open) onDismiss();
+    },
+    [onDismiss],
+  );
+
+  useEffect(() => {
+    if (open && autoDismiss !== undefined) {
+      const timeout = setTimeout(onDismiss, autoDismiss);
+      return (): void => clearTimeout(timeout);
+    }
+  }, [open, autoDismiss, onDismiss]);
+
+  return (
+    <DialogRoot open={open} onOpenChange={onOpenChange}>
+      <DialogPortal>
+        <DialogOverlay
+          className={classNames(overlayStyles.bg, overlayStyles.animate)}
+        />
+        <DialogContent aria-describedby={undefined} asChild>
+          <DialogClose
+            className={classNames(
+              overlayStyles.overlay,
+              overlayStyles.animate,
+              styles.toast,
+            )}
+          >
+            <DialogTitle asChild>
+              <Text as="h3" size="sm" weight="semibold">
+                {children}
+              </Text>
+            </DialogTitle>
+            {Icon && <Icon width={20} height={20} aria-hidden />}
+          </DialogClose>
+        </DialogContent>
+      </DialogPortal>
+    </DialogRoot>
+  );
+};