Merge branch 'livekit' into fkwp/change_video_codec

2026-07-03 18:12:58 +00:00 · 2026-06-09 13:50:09 +02:00
parent 26aee6dcbd 7fa3febf55
commit 21f676a8db
343 changed files with 40518 additions and 23704 deletions
--- a/.eslintrc.cjs
+++ b/.eslintrc.cjs
@@ -8,13 +8,14 @@ Please see LICENSE in the repository root for full details.
 `;

 module.exports = {
-  plugins: ["matrix-org", "rxjs"],
+  plugins: ["matrix-org", "rxjs", "jsdoc"],
  extends: [
    "plugin:matrix-org/react",
    "plugin:matrix-org/a11y",
    "plugin:matrix-org/typescript",
    "prettier",
    "plugin:rxjs/recommended",
+    "plugin:storybook/recommended",
  ],
  parserOptions: {
    ecmaVersion: "latest",
@@ -26,6 +27,13 @@ module.exports = {
    node: true,
  },
  rules: {
+    "jsdoc/no-types": "error",
+    "jsdoc/empty-tags": "error",
+    "jsdoc/check-property-names": "error",
+    "jsdoc/check-values": "error",
+    "jsdoc/check-param-names": "warn",
+    // "jsdoc/require-param": "warn",
+    "jsdoc/require-param-description": "warn",
    "matrix-org/require-copyright-header": ["error", COPYRIGHT_HEADER],
    "jsx-a11y/media-has-caption": "off",
    "react/display-name": "error",
@@ -75,6 +83,30 @@ module.exports = {
        "no-console": ["error"],
      },
    },
+    {
+      files: [
+        "**/*.test.ts",
+        "**/*.test.tsx",
+        "**/test.ts",
+        "**/test.tsx",
+        "**/test-**",
+      ],
+      rules: {
+        "jsdoc/no-types": "off",
+        "jsdoc/empty-tags": "off",
+        "jsdoc/check-property-names": "off",
+        "jsdoc/check-values": "off",
+        "jsdoc/check-param-names": "off",
+        "jsdoc/require-param-description": "off",
+      },
+    },
+    {
+      files: ["playwright/**"],
+      rules: {
+        // Playwright as a `use` function that has nothing to do with React hooks.
+        "react-hooks/rules-of-hooks": "off",
+      },
+    },
  ],
  settings: {
    react: {
--- a/.githooks/post-commit
+++ b/.githooks/post-commit
@@ -1,11 +0,0 @@
-#!/usr/bin/sh
-
-FILE=.links.temp-disabled.yaml
-if test -f "$FILE"; then
-  # Only do the post-commit hook if the file was temp-disabled by the pre-commit hook.
-  # Otherwise linking was actively (`yarn links:disable`) disabled and this hook should noop.
-  mv .links.temp-disabled.yaml .links.yaml
-  yarnLog=$(yarn)
-  echo "[yarn-linker] The post-commit hook has re-enabled .links.yaml."
-  exit 1
-fi
--- a/.githooks/pre-commit
+++ b/.githooks/pre-commit
@@ -1,11 +1,9 @@
-#!/usr/bin/sh
+#!/usr/bin/env bash

-FILE=".links.yaml"
-if test -f "$FILE"; then
-  mv .links.yaml .links.temp-disabled.yaml
-  # echo "running yarn"
-  x=$(yarn)
-  y=$(git add yarn.lock)
-  echo "[yarn-linker] The pre-commit hook has disabled .links.yaml and MODIFIED the yarn.lock file. Review the staged changes (the hook added yarn.lock, was this desired?) and run \`git commit \` again if they look okay. The post-commit hook will re-enable your links."
+# Checks if there currently is linking configured. Informs the user to disable linking before committing.
+
+PNPMFILE=.pnpmfile.cjs
+if test -f "$PNPMFILE"; then
+  echo "[pnpm-linker] The pre-commit hook detected $PNPMFILE which implies you have linked packages in your pnpm-lock.yaml. Run pnpm links:off and commit again. See also linking.md."
  exit 1
 fi
--- a/.github/PULL_REQUEST_TEMPLATE.md
+++ b/.github/PULL_REQUEST_TEMPLATE.md
@@ -0,0 +1,46 @@
+<!-- Thanks for submitting a PR! Please read CONTRIBUTING.md before you start. -->
+
+> [!IMPORTANT]
+> **Features and UI changes require a pre-approved issue.**
+> Every PR must have a linked issue
+> that a maintainer has reviewed and approved **before you started writing code**.
+> PRs that don't meet this requirement will not be reviewed.
+> See [CONTRIBUTING.md](https://github.com/element-hq/element-call/blob/livekit/CONTRIBUTING.md) for ElementCall decided for this approach.
+
+## Content
+
+<!-- Describe shortly what has been changed -->
+
+## Motivation and context
+
+<!-- Provide a link to the pre-approved issue, or explain the context for a bug fix -->
+
+## Screenshots / GIFs
+
+<!--
+
+You can use a table like this to show a before/after comparison.
+Uncomment the markdown table below and fill in the last line:
+
+|Before|After|
+|-|-|
+|||
+
+-->
+
+## Tests
+
+<!-- Explain how you tested your changes -->
+
+- Step 1
+- Step 2
+- Step ...
+
+## Checklist
+
+- [ ] A linked, pre-approved issue exists for this feature or UI change.
+- [ ] I have read [CONTRIBUTING.md](https://github.com/element-hq/element-call/blob/livekit/CONTRIBUTING.md) in full.
+- [ ] Pull request includes screenshots or videos for any UI changes.
+- [ ] Tests written for new code (and existing touched code where feasible).
+- [ ] Linter and other CI checks pass.
+- [ ] I have licensed the changes to Element by completing the [Contributor License Agreement (CLA)](https://cla-assistant.io/element-hq/element-call)
--- a/.github/workflows/blocked.yaml
+++ b/.github/workflows/blocked.yaml
@@ -1,7 +1,16 @@
 name: Prevent blocked
 on:
+  # zizmor: ignore[dangerous-triggers]
+  # Reason: This workflow does not checkout code or use secrets.
+  # It only reads labels to set a failure status on the PR.
  pull_request_target:
    types: [opened, labeled, unlabeled, synchronize]
+
+permissions:
+  pull-requests: read
+  # Required to fail the check on the PR
+  statuses: write
+
 jobs:
  prevent-blocked:
    name: Prevent blocked
--- a/.github/workflows/build-and-publish-docker.yaml
+++ b/.github/workflows/build-and-publish-docker.yaml
@@ -20,10 +20,13 @@ jobs:
    runs-on: ubuntu-latest
    permissions:
      contents: write # required to upload release asset
-      packages: write
+      packages: write # needed for publishing packages to GHCR
+      id-token: write # needed for login into tailscale with GitHub OIDC Token
    steps:
      - name: Check it out
-        uses: actions/checkout@08eba0b27e820071cde6df949e0beb9ba4906955 # v4
+        uses: actions/checkout@34e114876b0b11c390a56381ad16ebd13914f8d5 # v4
+        with:
+          persist-credentials: false

      - name: 📥 Download artifact
        uses: actions/download-artifact@d3f86a106a0bac45b974a628896c90dbdf5c8093 # v4
@@ -34,26 +37,64 @@ jobs:
          path: dist

      - name: Log in to container registry
-        uses: docker/login-action@5e57cd118135c172c3672efd75eb46360885c0ef # v3.6.0
+        uses: docker/login-action@c94ce9fb468520275223c153574b00df6fe4bcc9 # v3.7.0
        with:
          registry: ${{ env.REGISTRY }}
          username: ${{ github.actor }}
          password: ${{ secrets.GITHUB_TOKEN }}

+      - name: Connect to Tailscale
+        uses: tailscale/github-action@306e68a486fd2350f2bfc3b19fcd143891a4a2d8 # v4
+        if: github.event_name != 'pull_request'
+        with:
+          oauth-client-id: ${{ secrets.TS_OAUTH_CLIENT_ID }}
+          audience: ${{ secrets.TS_AUDIENCE }}
+          tags: tag:github-actions
+
+      - name: Compute vault jwt role name
+        id: vault-jwt-role
+        if: github.event_name != 'pull_request'
+        run: |
+          echo "role_name=github_service_management_$( echo "${{ github.repository }}" | sed -r 's|[/-]|_|g')" | tee -a "$GITHUB_OUTPUT"
+
+      - name: Get team registry token
+        id: import-secrets
+        uses: hashicorp/vault-action@4c06c5ccf5c0761b6029f56cfb1dcf5565918a3b # v3
+        if: github.event_name != 'pull_request'
+        with:
+          url: https://vault.infra.ci.i.element.dev
+          role: ${{ steps.vault-jwt-role.outputs.role_name }}
+          path: service-management/github-actions
+          jwtGithubAudience: https://vault.infra.ci.i.element.dev
+          method: jwt
+          secrets: |
+            services/voip-repositories/secret/data/oci.element.io username | OCI_USERNAME ;
+            services/voip-repositories/secret/data/oci.element.io password | OCI_PASSWORD ;
+
+      - name: Login to oci.element.io Registry
+        uses: docker/login-action@c94ce9fb468520275223c153574b00df6fe4bcc9 # v3
+        if: github.event_name != 'pull_request'
+        with:
+          registry: oci-push.vpn.infra.element.io
+          username: ${{ steps.import-secrets.outputs.OCI_USERNAME }}
+          password: ${{ steps.import-secrets.outputs.OCI_PASSWORD }}
+
      - name: Extract metadata (tags, labels) for Docker
        id: meta
-        uses: docker/metadata-action@c1e51972afc2121e065aed6d45c65596fe445f3f # v5.8.0
+        uses: docker/metadata-action@c299e40c65443455700f0fdfc63efafe5b349051 # v5.10.0
        with:
-          images: ${{ env.REGISTRY }}/${{ env.IMAGE_NAME }}
-          tags: ${{ inputs.docker_tags}}
+          images: |
+            ${{ env.REGISTRY }}/${{ env.IMAGE_NAME }}
+            oci-push.vpn.infra.element.io/element-call
+          tags: ${{ inputs.docker_tags }}
          labels: |
            org.opencontainers.image.licenses=AGPL-3.0-only OR LicenseRef-Element-Commercial

      - name: Set up Docker Buildx
-        uses: docker/setup-buildx-action@e468171a9de216ec08956ac3ada2f0791b6bd435 # v3.11.1
+        uses: docker/setup-buildx-action@8d2750c68a42422c14e847fe6c8ac0403b4cbd6f # v3.12.0

      - name: Build and push Docker image
-        uses: docker/build-push-action@263435318d21b8e681c14492fe198d362a7d2c83 # v6.18.0
+        uses: docker/build-push-action@10e90e3645eae34f1e60eeb005ba3a3d33f178e8 # v6.19.2
        with:
          context: .
          platforms: linux/amd64,linux/arm64
--- a/.github/workflows/build-element-call.yaml
+++ b/.github/workflows/build-element-call.yaml
@@ -7,7 +7,7 @@ on:
        type: string
      package:
        type: string # This would ideally be a `choice` type, but that isn't supported yet
-        description: The package type to be built. Must be one of 'full' or 'embedded'
+        description: The package type to be built. Must be one of 'full', 'embedded', or 'sdk'
        required: true
      build_mode:
        type: string # This would ideally be a `choice` type, but that isn't supported yet
@@ -32,18 +32,21 @@ jobs:
    runs-on: ubuntu-latest
    steps:
      - name: Checkout code
-        uses: actions/checkout@08eba0b27e820071cde6df949e0beb9ba4906955 # v4
+        uses: actions/checkout@34e114876b0b11c390a56381ad16ebd13914f8d5 # v4
+        with:
+          persist-credentials: false
      - name: Enable Corepack
        run: corepack enable
-      - name: Yarn cache
+      - name: pnpm cache
        uses: actions/setup-node@49933ea5288caeca8642d1e84afbd3f7d6820020 # v4
        with:
-          cache: "yarn"
+          cache: "pnpm"
          node-version-file: ".node-version"
      - name: Install dependencies
-        run: "yarn install --immutable"
+        # ignore-pnpmfile should never be commited. Make CI crash if it happened (`pnpmfileChecksum` is present)
+        run: "pnpm install --frozen-lockfile --ignore-pnpmfile"
      - name: Build Element Call
-        run: ${{ format('yarn run build:{0}:{1}', inputs.package, inputs.build_mode) }}
+        run: pnpm run build:"$PACKAGE":"$BUILD_MODE"
        env:
          SENTRY_ORG: ${{ secrets.SENTRY_ORG }}
          SENTRY_PROJECT: ${{ secrets.SENTRY_PROJECT }}
@@ -52,6 +55,8 @@ jobs:
          CODECOV_TOKEN: ${{ secrets.CODECOV_TOKEN }}
          VITE_APP_VERSION: ${{ inputs.vite_app_version }}
          NODE_OPTIONS: "--max-old-space-size=4096"
+          PACKAGE: ${{ inputs.package }}
+          BUILD_MODE: ${{ inputs.build_mode }}
      - name: Upload Artifact
        uses: actions/upload-artifact@ea165f8d65b6e75b540449e92b4886f43607fa02 # v4
        with:
--- a/.github/workflows/build.yaml
+++ b/.github/workflows/build.yaml
@@ -49,7 +49,9 @@ jobs:
    permissions:
      contents: write
      packages: write
+      id-token: write
    uses: ./.github/workflows/build-and-publish-docker.yaml
+    secrets: inherit
    with:
      artifact_run_id: ${{ github.run_id }}
      docker_tags: |
@@ -69,3 +71,45 @@ jobs:
      SENTRY_URL: ${{ secrets.SENTRY_URL }}
      SENTRY_AUTH_TOKEN: ${{ secrets.SENTRY_AUTH_TOKEN }}
      CODECOV_TOKEN: ${{ secrets.CODECOV_TOKEN }}
+
+  build_sdk_element_call:
+    # Use the embedded package vite build
+    uses: ./.github/workflows/build-element-call.yaml
+    with:
+      package: sdk
+      vite_app_version: ${{ github.event.release.tag_name || github.sha }}
+      build_mode: ${{ github.event_name == 'pull_request' && contains(github.event.pull_request.labels.*.name, 'development build') && 'development' || 'production' }}
+    secrets:
+      SENTRY_ORG: ${{ secrets.SENTRY_ORG }}
+      SENTRY_PROJECT: ${{ secrets.SENTRY_PROJECT }}
+      SENTRY_URL: ${{ secrets.SENTRY_URL }}
+      SENTRY_AUTH_TOKEN: ${{ secrets.SENTRY_AUTH_TOKEN }}
+      CODECOV_TOKEN: ${{ secrets.CODECOV_TOKEN }}
+
+  build_storybook:
+    name: Build Storybook
+    if: contains(github.event.pull_request.labels.*.name, 'storybook build')
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout code
+        uses: actions/checkout@34e114876b0b11c390a56381ad16ebd13914f8d5 # v4
+        with:
+          persist-credentials: false
+      - name: Enable Corepack
+        run: corepack enable
+      - name: pnpm cache
+        uses: actions/setup-node@49933ea5288caeca8642d1e84afbd3f7d6820020 # v4
+        with:
+          cache: "pnpm"
+          node-version-file: ".node-version"
+      - name: Install dependencies
+        run: "pnpm install --frozen-lockfile --ignore-pnpmfile"
+      - name: Build Storybook
+        run: pnpm run build-storybook
+      - name: Upload Artifact
+        uses: actions/upload-artifact@ea165f8d65b6e75b540449e92b4886f43607fa02 # v4
+        with:
+          name: build-output-storybook
+          path: storybook-static
+          # We'll only use this in a triggered job, then we're done with it
+          retention-days: 1
--- a/.github/workflows/changelog-label.yml
+++ b/.github/workflows/changelog-label.yml
@@ -1,8 +1,16 @@
 name: PR changelog label

 on:
+  # zizmor: ignore[dangerous-triggers]
+  # This is safe because we do not use actions/checkout or execute untrusted code.
+  # Using pull_request_target is necessary to allow status writes for PRs from forks.
  pull_request_target:
-    types: [labeled, unlabeled, opened]
+    types: [labeled, unlabeled, opened, synchronize]
+
+permissions:
+  pull-requests: read
+  statuses: write
+
 jobs:
  pr-changelog-label:
    runs-on: ubuntu-latest
--- a/.github/workflows/deploy-to-netlify.yaml
+++ b/.github/workflows/deploy-to-netlify.yaml
@@ -14,6 +14,10 @@ on:
      deployment_ref:
        required: true
        type: string
+      package:
+        required: true
+        type: string
+        description: Which package to deploy - 'full', 'embedded', 'sdk', or 'storybook'
      artifact_run_id:
        required: false
        type: string
@@ -39,7 +43,7 @@ jobs:
        with:
          step: start
          token: ${{ secrets.GITHUB_TOKEN }}
-          env: Netlify
+          env: ${{ inputs.package}}
          ref: ${{ inputs.deployment_ref }}
          desc: |
            Do you trust the author of this PR? Maybe this build will steal your keys or give you malware.
@@ -50,23 +54,35 @@ jobs:
        with:
          github-token: ${{ secrets.ELEMENT_BOT_TOKEN }}
          run-id: ${{ inputs.artifact_run_id }}
-          name: build-output-full
+          name: build-output-${{ inputs.package }}
          path: webapp

      - name: Add redirects file
        # We fetch from github directly as we don't bother checking out the repo
+        # Not needed for storybook deployments
+        if: inputs.package != 'storybook'
        run: curl -s https://raw.githubusercontent.com/element-hq/element-call/main/config/netlify_redirects > webapp/_redirects

      - name: Add config file
-        run: curl -s "https://raw.githubusercontent.com/${{ inputs.pr_head_full_name }}/${{ inputs.pr_head_ref }}/config/config_netlify_preview.json" > webapp/config.json
-
+        # Not needed for storybook deployments
+        if: inputs.package != 'storybook'
+        run: |
+          if [ "${INPUTS_PACKAGE}" = "full" ]; then
+            curl -s "https://raw.githubusercontent.com/${INPUTS_PR_HEAD_FULL_NAME}/${INPUTS_PR_HEAD_REF}/config/config_netlify_preview.json" > webapp/config.json
+          else
+            curl -s "https://raw.githubusercontent.com/${INPUTS_PR_HEAD_FULL_NAME}/${INPUTS_PR_HEAD_REF}/config/config_netlify_preview_sdk.json" > webapp/config.json
+          fi
+        env:
+          INPUTS_PACKAGE: ${{ inputs.package }}
+          INPUTS_PR_HEAD_FULL_NAME: ${{ inputs.pr_head_full_name }}
+          INPUTS_PR_HEAD_REF: ${{ inputs.pr_head_ref }}
      - name: ☁️ Deploy to Netlify
        id: netlify
        uses: nwtgck/actions-netlify@4cbaf4c08f1a7bfa537d6113472ef4424e4eb654 # v3.0
        with:
          publish-dir: webapp
          deploy-message: "Deploy from GitHub Actions"
-          alias: pr${{ inputs.pr_number }}
+          alias: ${{ inputs.package == 'sdk' && format('pr{0}-sdk', inputs.pr_number) || inputs.package == 'storybook' && format('pr{0}-storybook', inputs.pr_number) || format('pr{0}', inputs.pr_number) }}
        env:
          NETLIFY_AUTH_TOKEN: ${{ secrets.NETLIFY_AUTH_TOKEN }}
          NETLIFY_SITE_ID: ${{ secrets.NETLIFY_SITE_ID }}
--- a/.github/workflows/lint.yaml
+++ b/.github/workflows/lint.yaml
@@ -7,23 +7,26 @@ jobs:
    runs-on: ubuntu-latest
    steps:
      - name: Checkout code
-        uses: actions/checkout@08eba0b27e820071cde6df949e0beb9ba4906955 # v4
+        uses: actions/checkout@34e114876b0b11c390a56381ad16ebd13914f8d5 # v4
+        with:
+          persist-credentials: false
      - name: Enable Corepack
        run: corepack enable
-      - name: Yarn cache
+      - name: pnpm cache
        uses: actions/setup-node@49933ea5288caeca8642d1e84afbd3f7d6820020 # v4
        with:
-          cache: "yarn"
+          cache: "pnpm"
          node-version-file: ".node-version"
      - name: Install dependencies
-        run: "yarn install --immutable"
+        # ignore-pnpmfile should never be commited. Make CI crash if it happened (`pnpmfileChecksum` is present)
+        run: "pnpm install --frozen-lockfile --ignore-pnpmfile"
      - name: Prettier
-        run: "yarn run prettier:check"
+        run: "pnpm run prettier:check"
      - name: i18n
-        run: "yarn run i18n:check"
+        run: "pnpm run i18n:check"
      - name: ESLint
-        run: "yarn run lint:eslint"
+        run: "pnpm run lint:eslint"
      - name: Type check
-        run: "yarn run lint:types"
+        run: "pnpm run lint:types"
      - name: Dead code analysis
-        run: "yarn run lint:knip"
+        run: "pnpm run lint:knip"
--- a/.github/workflows/pr-deploy.yaml
+++ b/.github/workflows/pr-deploy.yaml
@@ -1,5 +1,7 @@
 name: Deploy previews for PRs
 on:
+  # zizmor: ignore[dangerous-triggers]
+  # Reason: This is now restricted to internal PRs only using the 'if' condition below.
  workflow_run:
    workflows: ["Build"]
    types:
@@ -7,7 +9,14 @@ on:

 jobs:
  prdetails:
-    if: ${{ github.event.workflow_run.conclusion == 'success' && github.event.workflow_run.event == 'pull_request' }}
+    # Logic:
+    # 1. Build must be successful
+    # 2. Event must be a pull_request
+    # 3. Head repository must be the SAME as the base repository (No Forks!)
+    if: >
+      github.event.workflow_run.conclusion == 'success' &&
+      github.event.workflow_run.event == 'pull_request' &&
+      github.event.workflow_run.head_repository.full_name == github.repository
    runs-on: ubuntu-latest
    outputs:
      pr_number: ${{ steps.prdetails.outputs.pr_id }}
@@ -20,7 +29,7 @@ jobs:
          owner: ${{ github.event.workflow_run.head_repository.owner.login }}
          branch: ${{ github.event.workflow_run.head_branch }}

-  netlify:
+  netlify-full:
    needs: prdetails
    permissions:
      deployments: write
@@ -31,6 +40,42 @@ jobs:
      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 }}
+      package: full
+    secrets:
+      ELEMENT_BOT_TOKEN: ${{ secrets.ELEMENT_BOT_TOKEN }}
+      NETLIFY_AUTH_TOKEN: ${{ secrets.NETLIFY_AUTH_TOKEN }}
+      NETLIFY_SITE_ID: ${{ secrets.NETLIFY_SITE_ID }}
+
+  netlify-sdk:
+    needs: prdetails
+    permissions:
+      deployments: write
+    uses: ./.github/workflows/deploy-to-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 }}
+      package: sdk
+    secrets:
+      ELEMENT_BOT_TOKEN: ${{ secrets.ELEMENT_BOT_TOKEN }}
+      NETLIFY_AUTH_TOKEN: ${{ secrets.NETLIFY_AUTH_TOKEN }}
+      NETLIFY_SITE_ID: ${{ secrets.NETLIFY_SITE_ID }}
+
+  netlify-storybook:
+    needs: prdetails
+    if: ${{ needs.prdetails.outputs.pr_data_json && contains(fromJSON(needs.prdetails.outputs.pr_data_json).labels.*.name, 'storybook build') }}
+    permissions:
+      deployments: write
+    uses: ./.github/workflows/deploy-to-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 }}
+      package: storybook
    secrets:
      ELEMENT_BOT_TOKEN: ${{ secrets.ELEMENT_BOT_TOKEN }}
      NETLIFY_AUTH_TOKEN: ${{ secrets.NETLIFY_AUTH_TOKEN }}
@@ -42,7 +87,9 @@ jobs:
    permissions:
      contents: write
      packages: write
+      id-token: write
    uses: ./.github/workflows/build-and-publish-docker.yaml
+    secrets: inherit
    with:
      artifact_run_id: ${{ github.event.workflow_run.id || github.run_id }}
      docker_tags: |
--- a/.github/workflows/publish-embedded-packages.yaml
+++ b/.github/workflows/publish-embedded-packages.yaml
@@ -22,8 +22,18 @@ jobs:
      TAG: ${{ steps.tag.outputs.TAG }}
    steps:
      - name: Calculate VERSION
-        # We should only use the hard coded test value for a dry run
-        run: echo "VERSION=${{ github.event_name == 'release' && github.event.release.tag_name || 'v0.0.0-pre.0' }}" >> "$GITHUB_ENV"
+        # Safely store dynamic values in environment variables
+        # to prevent shell injection (template-injection)
+        run: |
+          # The logic is executed within the shell using the env variables
+          if [ "$EVENT_NAME" = "release" ]; then
+            echo "VERSION=$RELEASE_TAG" >> "$GITHUB_ENV"
+          else
+            echo "VERSION=v0.0.0-pre.0" >> "$GITHUB_ENV"
+          fi
+        env:
+          RELEASE_TAG: ${{ github.event.release.tag_name }}
+          EVENT_NAME: ${{ github.event_name }}
      - id: dry_run
        name: Set DRY_RUN
        # We perform a dry run for all events except releases.
@@ -71,7 +81,9 @@ jobs:
      contents: write # required to upload release asset
    steps:
      - name: Determine filename
-        run: echo "FILENAME_PREFIX=element-call-embedded-${{ needs.versioning.outputs.UNPREFIXED_VERSION }}" >> "$GITHUB_ENV"
+        run: echo "FILENAME_PREFIX=element-call-embedded-${NEEDS_VERSIONING_OUTPUTS_UNPREFIXED_VERSION}" >> "$GITHUB_ENV"
+        env:
+          NEEDS_VERSIONING_OUTPUTS_UNPREFIXED_VERSION: ${{ needs.versioning.outputs.UNPREFIXED_VERSION }}
      - name: 📥 Download built element-call artifact
        uses: actions/download-artifact@d3f86a106a0bac45b974a628896c90dbdf5c8093 # v4
        with:
@@ -80,12 +92,12 @@ jobs:
          name: build-output-embedded
          path: ${{ env.FILENAME_PREFIX}}
      - name: Create Tarball
-        run: tar --numeric-owner -cvzf ${{ env.FILENAME_PREFIX }}.tar.gz ${{ env.FILENAME_PREFIX }}
+        run: tar --numeric-owner -cvzf ${FILENAME_PREFIX}.tar.gz ${FILENAME_PREFIX}
      - name: Create Checksum
-        run: find ${{ env.FILENAME_PREFIX }} -type f -print0 | sort -z | xargs -0 sha256sum | tee ${{ env.FILENAME_PREFIX }}.sha256
+        run: find ${FILENAME_PREFIX} -type f -print0 | sort -z | xargs -0 sha256sum | tee ${FILENAME_PREFIX}.sha256
      - name: Upload
        if: ${{ needs.versioning.outputs.DRY_RUN == 'false' }}
-        uses: softprops/action-gh-release@6da8fa9354ddfdc4aeace5fc48d7f679b5214090 # v2
+        uses: softprops/action-gh-release@3bb12739c298aeb8a4eeaf626c5b8d85266b0e65 # v2
        with:
          files: |
            ${{ env.FILENAME_PREFIX }}.tar.gz
@@ -103,7 +115,9 @@ jobs:
      id-token: write # Allow npm to authenticate as a trusted publisher
    steps:
      - name: Checkout
-        uses: actions/checkout@08eba0b27e820071cde6df949e0beb9ba4906955 # v4
+        uses: actions/checkout@34e114876b0b11c390a56381ad16ebd13914f8d5 # v4
+        with:
+          persist-credentials: false

      - name: 📥 Download built element-call artifact
        uses: actions/download-artifact@d3f86a106a0bac45b974a628896c90dbdf5c8093 # v4
@@ -123,13 +137,16 @@ jobs:
      - name: Publish npm
        working-directory: embedded/web
        run: |
-          npm version ${{ needs.versioning.outputs.PREFIXED_VERSION }} --no-git-tag-version
+          npm version ${NEEDS_VERSIONING_OUTPUTS_PREFIXED_VERSION} --no-git-tag-version
          echo "ARTIFACT_VERSION=$(jq '.version' --raw-output package.json)" >> "$GITHUB_ENV"
-          npm publish --provenance --access public --tag ${{ needs.versioning.outputs.TAG }} ${{ needs.versioning.outputs.DRY_RUN == 'true' && '--dry-run' || '' }}
+          npm publish --provenance --access public --tag ${NEEDS_VERSIONING_OUTPUTS_TAG} ${{ needs.versioning.outputs.DRY_RUN == 'true' && '--dry-run' || '' }}
+        env:
+          NEEDS_VERSIONING_OUTPUTS_PREFIXED_VERSION: ${{ needs.versioning.outputs.PREFIXED_VERSION }}
+          NEEDS_VERSIONING_OUTPUTS_TAG: ${{ needs.versioning.outputs.TAG }}

      - id: artifact_version
        name: Output artifact version
-        run: echo "ARTIFACT_VERSION=${{env.ARTIFACT_VERSION}}" >> "$GITHUB_OUTPUT"
+        run: echo "ARTIFACT_VERSION=${ARTIFACT_VERSION}" >> "$GITHUB_OUTPUT"

  publish_android:
    needs: [build_element_call, versioning]
@@ -142,7 +159,9 @@ jobs:
      contents: read
    steps:
      - name: Checkout
-        uses: actions/checkout@08eba0b27e820071cde6df949e0beb9ba4906955 # v4
+        uses: actions/checkout@34e114876b0b11c390a56381ad16ebd13914f8d5 # v4
+        with:
+          persist-credentials: false

      - name: 📥 Download built element-call artifact
        uses: actions/download-artifact@d3f86a106a0bac45b974a628896c90dbdf5c8093 # v4
@@ -153,7 +172,7 @@ jobs:
          path: embedded/android/lib/src/main/assets/element-call

      - name: ☕️ Setup Java
-        uses: actions/setup-java@c5195efecf7bdfc987ee8bae7a71cb8b11521c00 # v4
+        uses: actions/setup-java@c1e323688fd81a25caa38c78aa6df2d33d3e20d9 # v4
        with:
          distribution: "temurin"
          java-version: "17"
@@ -161,16 +180,19 @@ jobs:
      - name: Get artifact version
        # Anything that is not a final release will be tagged as a snapshot
        run: |
-          if [[ "${{ needs.versioning.outputs.TAG }}" == "latest" ]]; then
-            echo "ARTIFACT_VERSION=${{ needs.versioning.outputs.UNPREFIXED_VERSION }}" >> "$GITHUB_ENV"
-          elif [[ "${{ needs.versioning.outputs.TAG }}" == "rc" ]]; then
-            echo "ARTIFACT_VERSION=${{ needs.versioning.outputs.UNPREFIXED_VERSION }}" >> "$GITHUB_ENV"
+          if [[ "${NEEDS_VERSIONING_OUTPUTS_TAG}" == "latest" ]]; then
+            echo "ARTIFACT_VERSION=${NEEDS_VERSIONING_OUTPUTS_UNPREFIXED_VERSION}" >> "$GITHUB_ENV"
+          elif [[ "${NEEDS_VERSIONING_OUTPUTS_TAG}" == "rc" ]]; then
+            echo "ARTIFACT_VERSION=${NEEDS_VERSIONING_OUTPUTS_UNPREFIXED_VERSION}" >> "$GITHUB_ENV"
          else
-            echo "ARTIFACT_VERSION=${{ needs.versioning.outputs.UNPREFIXED_VERSION }}-SNAPSHOT" >> "$GITHUB_ENV"
+            echo "ARTIFACT_VERSION=${NEEDS_VERSIONING_OUTPUTS_UNPREFIXED_VERSION}-SNAPSHOT" >> "$GITHUB_ENV"
          fi
+        env:
+          NEEDS_VERSIONING_OUTPUTS_TAG: ${{ needs.versioning.outputs.TAG }}
+          NEEDS_VERSIONING_OUTPUTS_UNPREFIXED_VERSION: ${{ needs.versioning.outputs.UNPREFIXED_VERSION }}

      - name: Set version string
-        run: sed -i "s/0.0.0/${{ env.ARTIFACT_VERSION }}/g" embedded/android/lib/src/main/kotlin/io/element/android/call/embedded/Version.kt
+        run: sed -i "s/0.0.0/${ARTIFACT_VERSION}/g" embedded/android/lib/src/main/kotlin/io/element/android/call/embedded/Version.kt

      - name: Publish AAR
        working-directory: embedded/android
@@ -184,7 +206,7 @@ jobs:

      - id: artifact_version
        name: Output artifact version
-        run: echo "ARTIFACT_VERSION=${{env.ARTIFACT_VERSION}}" >> "$GITHUB_OUTPUT"
+        run: echo "ARTIFACT_VERSION=${ARTIFACT_VERSION}" >> "$GITHUB_OUTPUT"

  publish_ios:
    needs: [build_element_call, versioning]
@@ -197,9 +219,10 @@ jobs:
      contents: read
    steps:
      - name: Checkout
-        uses: actions/checkout@08eba0b27e820071cde6df949e0beb9ba4906955 # v4
+        uses: actions/checkout@34e114876b0b11c390a56381ad16ebd13914f8d5 # v4
        with:
          path: element-call
+          persist-credentials: false

      - name: 📥 Download built element-call artifact
        uses: actions/download-artifact@d3f86a106a0bac45b974a628896c90dbdf5c8093 # v4
@@ -210,20 +233,22 @@ jobs:
          path: element-call/embedded/ios/Sources/dist

      - name: Checkout element-call-swift
-        uses: actions/checkout@08eba0b27e820071cde6df949e0beb9ba4906955 # v4
+        uses: actions/checkout@34e114876b0b11c390a56381ad16ebd13914f8d5 # v4
        with:
          repository: element-hq/element-call-swift
          path: element-call-swift
-          token: ${{ secrets.SWIFT_RELEASE_TOKEN }}
+          persist-credentials: false

      - name: Copy files
        run: rsync -a --delete --exclude .git element-call/embedded/ios/ element-call-swift

      - name: Get artifact version
-        run: echo "ARTIFACT_VERSION=${{ needs.versioning.outputs.UNPREFIXED_VERSION }}" >> "$GITHUB_ENV"
+        run: echo "ARTIFACT_VERSION=${NEEDS_VERSIONING_OUTPUTS_UNPREFIXED_VERSION}" >> "$GITHUB_ENV"
+        env:
+          NEEDS_VERSIONING_OUTPUTS_UNPREFIXED_VERSION: ${{ needs.versioning.outputs.UNPREFIXED_VERSION }}

      - name: Set version string
-        run: sed -i "s/0.0.0/${{ env.ARTIFACT_VERSION }}/g" element-call-swift/Sources/EmbeddedElementCall/EmbeddedElementCall.swift
+        run: sed -i "s/0.0.0/${ARTIFACT_VERSION}/g" element-call-swift/Sources/EmbeddedElementCall/EmbeddedElementCall.swift

      - name: Test build
        working-directory: element-call-swift
@@ -235,17 +260,23 @@ jobs:
          git config --global user.email "ci@element.io"
          git config --global user.name "Element CI"
          git add -A
-          git commit -am "Release ${{ needs.versioning.outputs.PREFIXED_VERSION }}"
-          git tag -a ${{ env.ARTIFACT_VERSION }} -m "${{ github.event.release.html_url }}"
+          git commit -am "Release ${NEEDS_VERSIONING_OUTPUTS_PREFIXED_VERSION}"
+          git tag -a ${ARTIFACT_VERSION} -m "${GITHUB_EVENT_RELEASE_HTML_URL}"
+        env:
+          NEEDS_VERSIONING_OUTPUTS_PREFIXED_VERSION: ${{ needs.versioning.outputs.PREFIXED_VERSION }}
+          GITHUB_EVENT_RELEASE_HTML_URL: ${{ github.event.release.html_url }}

      - name: Push
+        if: ${{ needs.versioning.outputs.DRY_RUN == 'false' }}
        working-directory: element-call-swift
        run: |
-          git push --tags ${{ needs.versioning.outputs.DRY_RUN == 'true' && '--dry-run' || '' }}
+          git push "https://x-access-token:${SWIFT_RELEASE_TOKEN}@github.com/element-hq/element-call-swift.git" --tags
+        env:
+          SWIFT_RELEASE_TOKEN: ${{ secrets.SWIFT_RELEASE_TOKEN }}

      - id: artifact_version
        name: Output artifact version
-        run: echo "ARTIFACT_VERSION=${{env.ARTIFACT_VERSION}}" >> "$GITHUB_OUTPUT"
+        run: echo "ARTIFACT_VERSION=${ARTIFACT_VERSION}" >> "$GITHUB_OUTPUT"

  release_notes:
    needs: [versioning, publish_npm, publish_android, publish_ios]
@@ -257,12 +288,16 @@ jobs:
    steps:
      - name: Log versions
        run: |
-          echo "NPM: ${{ needs.publish_npm.outputs.ARTIFACT_VERSION }}"
-          echo "Android: ${{ needs.publish_android.outputs.ARTIFACT_VERSION }}"
-          echo "iOS: ${{ needs.publish_ios.outputs.ARTIFACT_VERSION }}"
+          echo "NPM: ${NEEDS_PUBLISH_NPM_OUTPUTS_ARTIFACT_VERSION}"
+          echo "Android: ${NEEDS_PUBLISH_ANDROID_OUTPUTS_ARTIFACT_VERSION}"
+          echo "iOS: ${NEEDS_PUBLISH_IOS_OUTPUTS_ARTIFACT_VERSION}"
+        env:
+          NEEDS_PUBLISH_NPM_OUTPUTS_ARTIFACT_VERSION: ${{ needs.publish_npm.outputs.ARTIFACT_VERSION }}
+          NEEDS_PUBLISH_ANDROID_OUTPUTS_ARTIFACT_VERSION: ${{ needs.publish_android.outputs.ARTIFACT_VERSION }}
+          NEEDS_PUBLISH_IOS_OUTPUTS_ARTIFACT_VERSION: ${{ needs.publish_ios.outputs.ARTIFACT_VERSION }}
      - name: Add release notes
        if: ${{ needs.versioning.outputs.DRY_RUN == 'false' }}
-        uses: softprops/action-gh-release@6da8fa9354ddfdc4aeace5fc48d7f679b5214090 # v2
+        uses: softprops/action-gh-release@3bb12739c298aeb8a4eeaf626c5b8d85266b0e65 # v2
        with:
          append_body: true
          body: |
--- a/.github/workflows/publish.yaml
+++ b/.github/workflows/publish.yaml
@@ -38,11 +38,11 @@ jobs:
          name: build-output-full
          path: ${{ env.FILENAME_PREFIX }}
      - name: Create Tarball
-        run: tar --numeric-owner --transform "s/dist/${{ env.FILENAME_PREFIX }}/" -cvzf ${{ env.FILENAME_PREFIX }}.tar.gz ${{ env.FILENAME_PREFIX }}
+        run: tar --numeric-owner --transform "s/dist/${FILENAME_PREFIX}/" -cvzf ${FILENAME_PREFIX}.tar.gz ${FILENAME_PREFIX}
      - name: Create Checksum
-        run: find ${{ env.FILENAME_PREFIX }} -type f -print0 | sort -z | xargs -0 sha256sum | tee ${{ env.FILENAME_PREFIX }}.sha256
+        run: find ${FILENAME_PREFIX} -type f -print0 | sort -z | xargs -0 sha256sum | tee ${FILENAME_PREFIX}.sha256
      - name: Upload
-        uses: softprops/action-gh-release@6da8fa9354ddfdc4aeace5fc48d7f679b5214090 # v2
+        uses: softprops/action-gh-release@3bb12739c298aeb8a4eeaf626c5b8d85266b0e65 # v2
        with:
          files: |
            ${{ env.FILENAME_PREFIX }}.tar.gz
@@ -55,12 +55,15 @@ jobs:
    permissions:
      contents: write
      packages: write
+      id-token: write
    uses: ./.github/workflows/build-and-publish-docker.yaml
+    secrets: inherit
    with:
      artifact_run_id: ${{ github.event.workflow_run.id || github.run_id }}
      docker_tags: |
        type=sha,format=short,event=branch
        type=raw,value=${{ github.event.release.tag_name }}
+        type=raw,value=latest
      # Like before, using ${{ env.VERSION }} above doesn't work
  add_docker_release_note:
    needs: publish_docker
@@ -68,7 +71,7 @@ jobs:
    runs-on: ubuntu-latest
    steps:
      - name: Add release note
-        uses: softprops/action-gh-release@6da8fa9354ddfdc4aeace5fc48d7f679b5214090 # v2
+        uses: softprops/action-gh-release@3bb12739c298aeb8a4eeaf626c5b8d85266b0e65 # v2
        with:
          append_body: true
          body: |
--- a/.github/workflows/test-netlify.yaml
+++ b/.github/workflows/test-netlify.yaml
@@ -0,0 +1,48 @@
+# Triggers after the playwright tests have finished,
+# taking the artifact and uploading it to Netlify for easier viewing
+name: Upload End to End Test report to Netlify
+on:
+  # Privilege escalation necessary to publish to Netlify
+  # 🚨 We must not execute any checked out code here.
+  workflow_run: # zizmor: ignore[dangerous-triggers]
+    workflows: ["Test"]
+    types:
+      - completed
+
+concurrency:
+  group: ${{ github.workflow }}-${{ github.event.workflow_run.head_branch || github.run_id }}
+  cancel-in-progress: ${{ github.event.workflow_run.event == 'pull_request' }}
+
+permissions: {}
+
+jobs:
+  report:
+    if: github.event.workflow_run.conclusion != 'cancelled'
+    name: Report results
+    runs-on: ubuntu-24.04
+    environment: Netlify
+    permissions:
+      statuses: write
+      deployments: write
+      actions: read
+    steps:
+      - name: Download HTML report
+        uses: actions/download-artifact@3e5f45b2cfb9172054b4087a40e8e0b5a5461e7c # v8
+        with:
+          github-token: ${{ secrets.GITHUB_TOKEN }}
+          run-id: ${{ github.event.workflow_run.id }}
+          name: html-report
+          path: playwright-report
+
+      - name: 📤 Deploy to Netlify
+        uses: matrix-org/netlify-pr-preview@9805cd123fc9a7e421e35340a05e1ebc5dee46b5 # v3
+        with:
+          path: playwright-report
+          owner: ${{ github.event.workflow_run.head_repository.owner.login }}
+          branch: ${{ github.event.workflow_run.head_branch }}
+          revision: ${{ github.event.workflow_run.head_sha }}
+          token: ${{ secrets.NETLIFY_AUTH_TOKEN }}
+          site_id: ${{ secrets.NETLIFY_SITE_ID }}
+          desc: Playwright Report
+          deployment_env: EndToEndTests
+          prefix: "e2e-"
--- a/.github/workflows/test.yaml
+++ b/.github/workflows/test.yaml
@@ -2,27 +2,34 @@ name: Test
 on:
  pull_request: {}
  push:
-    branches: [livekit, full-mesh]
+    branches: [livekit]
 jobs:
  vitest:
    name: Run unit tests
    runs-on: ubuntu-latest
+    container:
+      # Make sure to grab the latest version of the Playwright image
+      # https://playwright.dev/docs/docker#pull-the-image
+      image: mcr.microsoft.com/playwright:v1.60.0-noble
    steps:
      - name: Checkout code
-        uses: actions/checkout@08eba0b27e820071cde6df949e0beb9ba4906955 # v4
+        uses: actions/checkout@34e114876b0b11c390a56381ad16ebd13914f8d5 # v4
+        with:
+          persist-credentials: false
      - name: Enable Corepack
        run: corepack enable
-      - name: Yarn cache
+      - name: pnpm cache
        uses: actions/setup-node@49933ea5288caeca8642d1e84afbd3f7d6820020 # v4
        with:
-          cache: "yarn"
+          cache: "pnpm"
          node-version-file: ".node-version"
      - name: Install dependencies
-        run: "yarn install --immutable"
+        # ignore-pnpmfile should never be commited. Make CI crash if it happened (`pnpmfileChecksum` is present)
+        run: "pnpm install --frozen-lockfile --ignore-pnpmfile"
      - name: Vitest
-        run: "yarn run test:coverage"
+        run: "pnpm run test:coverage"
      - name: Upload to codecov
-        uses: codecov/codecov-action@5a1091511ad55cbe89839c7260b706298ca349f7 # v5
+        uses: codecov/codecov-action@fb8b3582c8e4def4969c97caa2f19720cb33a72f # v7
        env:
          CODECOV_TOKEN: ${{ secrets.CODECOV_TOKEN }}
        with:
@@ -33,17 +40,20 @@ jobs:
    timeout-minutes: 60
    runs-on: ubuntu-latest
    steps:
-      - uses: actions/checkout@08eba0b27e820071cde6df949e0beb9ba4906955 # v4
+      - uses: actions/checkout@34e114876b0b11c390a56381ad16ebd13914f8d5 # v4
+        with:
+          persist-credentials: false
      - name: Enable Corepack
        run: corepack enable
      - uses: actions/setup-node@49933ea5288caeca8642d1e84afbd3f7d6820020 # v4
        with:
-          cache: "yarn"
+          cache: "pnpm"
          node-version-file: ".node-version"
      - name: Install dependencies
-        run: yarn install --immutable
+        # ignore-pnpmfile should never be commited. Make CI crash if it happened (`pnpmfileChecksum` is present)
+        run: pnpm install --frozen-lockfile --ignore-pnpmfile
      - name: Install Playwright Browsers
-        run: yarn playwright install --with-deps
+        run: pnpm exec playwright install --with-deps
      - name: Run backend components
        run: |
          docker compose -f playwright-backend-docker-compose.yml -f playwright-backend-docker-compose.override.yml pull
@@ -52,10 +62,11 @@ jobs:
      - name: Run Playwright tests
        env:
          USE_DOCKER: 1
-        run: yarn playwright test
-      - uses: actions/upload-artifact@ea165f8d65b6e75b540449e92b4886f43607fa02 # v4
+        run: pnpm exec playwright test
+      - uses: actions/upload-artifact@043fb46d1a93c77aae656e7c1c64a875d1fc6a0a # v7.0.1
        if: ${{ !cancelled() }}
        with:
-          name: playwright-report
-          path: playwright-report/
-          retention-days: 3
+          name: html-report
+          path: playwright-report
+          if-no-files-found: error
+          retention-days: 4
--- a/.github/workflows/translations-download.yaml
+++ b/.github/workflows/translations-download.yaml
@@ -13,18 +13,21 @@ jobs:

    steps:
      - name: Checkout the code
-        uses: actions/checkout@08eba0b27e820071cde6df949e0beb9ba4906955 # v4
+        uses: actions/checkout@34e114876b0b11c390a56381ad16ebd13914f8d5 # v4
+        with:
+          persist-credentials: false

      - name: Enable Corepack
        run: corepack enable

      - uses: actions/setup-node@49933ea5288caeca8642d1e84afbd3f7d6820020 # v4
        with:
-          cache: "yarn"
+          cache: "pnpm"
          node-version-file: ".node-version"

      - name: Install Deps
-        run: "yarn install --immutable"
+        # ignore-pnpmfile should never be commited. Make CI crash if it happened (`pnpmfileChecksum` is present)
+        run: "pnpm install --frozen-lockfile --ignore-pnpmfile"

      - name: Prune i18n
        run: "rm -R locales"
@@ -38,11 +41,11 @@ jobs:
        run: "sudo chown runner:docker -R locales"

      - name: Prettier
-        run: yarn prettier:format
+        run: pnpm prettier:format

      - name: Create Pull Request
        id: cpr
-        uses: peter-evans/create-pull-request@271a8d0340265f705b14b6d32b9829c1cb33d45e # v7.0.8
+        uses: peter-evans/create-pull-request@22a9089034f40e5a961c8808d113e2c98fb63676 # v7.0.11
        with:
          token: ${{ secrets.ELEMENT_BOT_TOKEN }}
          branch: actions/localazy-download
--- a/.github/workflows/translations-upload.yaml
+++ b/.github/workflows/translations-upload.yaml
@@ -14,7 +14,9 @@ jobs:

    steps:
      - name: Checkout the code
-        uses: actions/checkout@08eba0b27e820071cde6df949e0beb9ba4906955 # v4
+        uses: actions/checkout@34e114876b0b11c390a56381ad16ebd13914f8d5 # v4
+        with:
+          persist-credentials: false

      - name: Upload
        uses: localazy/upload@27e6b5c0fddf4551596b42226b1c24124335d24a # v1
--- a/.github/workflows/zizmor.yml
+++ b/.github/workflows/zizmor.yml
@@ -0,0 +1,23 @@
+name: GitHub Actions Security Analysis with zizmor 🌈
+
+on:
+  push:
+    branches: ["livekit", "full-mesh"]
+  pull_request: {}
+
+permissions: {}
+
+jobs:
+  zizmor:
+    name: Run zizmor 🌈
+    runs-on: ubuntu-latest
+    permissions:
+      security-events: write # Required for upload-sarif (used by zizmor-action) to upload SARIF files.
+    steps:
+      - name: Checkout repository
+        uses: actions/checkout@de0fac2e4500dabe0009e67214ff5f5447ce83dd # v6.0.2
+        with:
+          persist-credentials: false
+
+      - name: Run zizmor 🌈
+        uses: zizmorcore/zizmor-action@b1d7e1fb5de872772f31590499237e7cce841e8e # v0.5.3
--- a/.gitignore
+++ b/.gitignore
@@ -21,12 +21,20 @@ yarn-error.log
 !/.yarn/releases
 !/.yarn/sdks
 !/.yarn/versions
+# old yarn based linking
 /.links.yaml
 /.links.disabled.yaml
 /.links.temp-disabled.yaml
+# pnpm based linking
+/.links.cjs
+/.links.disabled.cjs
+/.links.temp-disabled.cjs

 # Playwright
 /test-results/
 /playwright-report/
 /blob-report/
 /playwright/.cache/
+
+*storybook.log
+storybook-static
--- a/.prettierignore
+++ b/.prettierignore
@@ -1,2 +1,3 @@
+pnpm-lock.yaml
 node_modules
 dist
--- a/.storybook/main.ts
+++ b/.storybook/main.ts
@@ -0,0 +1,36 @@
+/*
+Copyright 2026 Element Creations Ltd.
+
+SPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial
+Please see LICENSE in the repository root for full details.
+*/
+
+import type { StorybookConfig } from "@storybook/react-vite";
+
+const config: StorybookConfig = {
+  stories: ["../src/**/*.mdx", "../src/**/*.stories.@(js|jsx|mjs|ts|tsx)"],
+  addons: ["@storybook/addon-docs", "@storybook/addon-vitest"],
+  framework: "@storybook/react-vite",
+  // THIS IS IMPORTANT
+  // vitest runs without Vite's normal dependency optimization, so we need to manually include the polyfills for the stories to work.
+  // otherwise we will get: new dependencies optimized: ...
+  // and
+  // ```
+  // [vitest] Vite unexpectedly reloaded a test. This may cause tests to fail, lead to flaky behaviour or duplicated test runs.
+  // For a stable experience, please add mentioned dependencies to your config's `optimizeDeps.include` field manually.
+  // ```
+  // which breaks the storybook ci on the first and only run.
+  viteFinal(config) {
+    config.optimizeDeps = {
+      ...config.optimizeDeps,
+      include: [
+        ...(config.optimizeDeps?.include ?? []),
+        "vite-plugin-node-polyfills/shims/buffer",
+        "vite-plugin-node-polyfills/shims/global",
+        "vite-plugin-node-polyfills/shims/process",
+      ],
+    };
+    return config;
+  },
+};
+export default config;
--- a/.storybook/manager.ts
+++ b/.storybook/manager.ts
@@ -0,0 +1,31 @@
+/*
+Copyright 2026 Element Creations Ltd.
+
+SPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial
+Please see LICENSE in the repository root for full details.
+*/
+
+import { create } from "storybook/theming";
+import { addons } from "storybook/manager-api";
+
+addons.setConfig({
+  theme: create({
+    base: "light",
+    colorPrimary: "#1b1d22",
+    colorSecondary: "#0467dd",
+
+    // Typography
+    fontBase: '"Inter", sans-serif',
+    fontCode: '"Inconsolata", monospace',
+
+    // Text colors
+    textColor: "#1b1d22",
+    appBg: "#ffffff",
+    barBg: "#ffffff",
+
+    brandTitle: "Element Call",
+    brandUrl: "https://element.io/",
+    brandImage: "/src/icons/Logo.svg",
+    brandTarget: "_self",
+  }),
+});
--- a/.storybook/preview.tsx
+++ b/.storybook/preview.tsx
@@ -0,0 +1,56 @@
+/*
+Copyright 2026 Element Creations Ltd.
+
+SPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial
+Please see LICENSE in the repository root for full details.
+*/
+
+import type { Preview } from "@storybook/react-vite";
+import { TooltipProvider } from "@vector-im/compound-web";
+import i18n from "i18next";
+import { logger } from "matrix-js-sdk/lib/logger";
+
+import EN from "../locales/en/app.json";
+import { initReactI18next } from "react-i18next";
+import "../src/index.css";
+
+// Bare-minimum i18n config
+i18n
+  .use(initReactI18next)
+  .init({
+    lng: "en",
+    fallbackLng: "en",
+    supportedLngs: ["en"],
+    // We embed the translations, so that it never needs to fetch
+    resources: {
+      en: {
+        translation: EN,
+      },
+    },
+    interpolation: {
+      escapeValue: false, // React has built-in XSS protections
+    },
+  })
+  .catch((e) => logger.warn("Failed to init i18n for stories", e));
+
+const preview: Preview = {
+  parameters: {
+    layout: "centered",
+    controls: {
+      matchers: {
+        color: /(background|color)$/i,
+        date: /Date$/i,
+      },
+    },
+  },
+  tags: ["autodocs"],
+  decorators: [
+    (Story) => (
+      <TooltipProvider>
+        <Story />
+      </TooltipProvider>
+    ),
+  ],
+};
+
+export default preview;
--- a/.yarn/plugins/linker.cjs
+++ b/.yarn/plugins/linker.cjs
@@ -1,91 +0,0 @@
-/*
-Copyright 2025 New Vector Ltd.
-
-SPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial
-Please see LICENSE in the repository root for full details.
-*/
-
-module.exports = {
-  name: "linker",
-  factory: (require) => ({
-    hooks: {
-      // Yarn's plugin system is very light on documentation. The best we have
-      // for this hook is simply the type definition in
-      // https://github.com/yarnpkg/berry/blob/master/packages/yarnpkg-core/sources/Plugin.ts
-      registerPackageExtensions: async (config, registerPackageExtension) => {
-        const { structUtils } = require("@yarnpkg/core");
-        const { parseSyml } = require("@yarnpkg/parsers");
-        const path = require("path");
-        const fs = require("fs");
-        const process = require("process");
-
-        // Create a descriptor that we can use to target our direct dependencies
-        const projectPath = config.projectCwd
-          .replace(/\\/g, "/")
-          .replace("/C:/", "C:/");
-        const manifestPath = path.join(projectPath, "package.json");
-        const manifest = JSON.parse(fs.readFileSync(manifestPath, "utf8"));
-        const selfDescriptor = structUtils.parseDescriptor(
-          `${manifest.name}@*`,
-          true,
-        );
-
-        // Load the list of linked packages
-        const linksPath = path.join(projectPath, ".links.yaml");
-        let linksFile;
-        try {
-          linksFile = fs.readFileSync(linksPath, "utf8");
-        } catch (e) {
-          return; // File doesn't exist, there's nothing to link
-        }
-        let links;
-        try {
-          links = parseSyml(linksFile);
-        } catch (e) {
-          console.error(".links.yaml has invalid syntax", e);
-          process.exit(1);
-        }
-
-        // Resolve paths and turn them into a Yarn package extension
-        const overrides = Object.fromEntries(
-          Object.entries(links).map(([name, link]) => [
-            name,
-            `portal:${path.resolve(config.projectCwd, link)}`,
-          ]),
-        );
-        const overrideIdentHashes = new Set();
-        for (const name of Object.keys(overrides))
-          overrideIdentHashes.add(
-            structUtils.parseDescriptor(`${name}@*`, true).identHash,
-          );
-
-        // Extend our own package's dependencies with these local overrides
-        registerPackageExtension(selfDescriptor, { dependencies: overrides });
-
-        // Filter out the original dependencies from the package spec so Yarn
-        // actually respects the overrides
-        const filterDependencies = (original) => {
-          const pkg = structUtils.copyPackage(original);
-          pkg.dependencies = new Map(
-            Array.from(pkg.dependencies.entries()).filter(
-              ([, value]) => !overrideIdentHashes.has(value.identHash),
-            ),
-          );
-          return pkg;
-        };
-
-        // Patch Yarn's own normalizePackage method to use the above filter
-        const originalNormalizePackage = config.normalizePackage;
-        config.normalizePackage = function (pkg, extensions) {
-          return originalNormalizePackage.call(
-            this,
-            pkg.identHash === selfDescriptor.identHash
-              ? filterDependencies(pkg)
-              : pkg,
-            extensions,
-          );
-        };
-      },
-    },
-  }),
-};
--- a/.yarnrc.yml
+++ b/.yarnrc.yml
@@ -1,3 +0,0 @@
-nodeLinker: node-modules
-plugins:
-  - .yarn/plugins/linker.cjs
--- a/CONTRIBUTING.md
+++ b/CONTRIBUTING.md
@@ -1,3 +1,71 @@
 # Contributing code to Element

 Element follows the same pattern as the [matrix-js-sdk](https://github.com/matrix-org/matrix-js-sdk/blob/develop/CONTRIBUTING.md).
+
+# Contributing to Element Call
+
+Element Call is a native Matrix video conferencing application built on
+[MatrixRTC (MSC4143)](https://github.com/matrix-org/matrix-spec-proposals/pull/4143)
+and [LiveKit](https://livekit.io/). It runs in multiple deployment contexts — as a
+standalone web app and as a widget embedded in Element Web, Element X iOS, and
+Element X Android. It is also the primary R&D foundation for MatrixRTC, which means
+its architecture, maintainability, and flexibility are held to a high standard.
+
+We welcome contributions from the community. This document explains how to
+contribute effectively so that both you and the maintainers get the best outcome.
+
+## Issue First Policy
+
+> [!IMPORTANT]
+> Before writing a single line of code for a new feature or UI change, you **must**
+> open an issue and have the approach agreed with the maintainers.
+>
+> **We will not review or merge feature or UI pull requests that arrive without a
+> corresponding, pre-approved issue.**
+
+This is not gatekeeping — it's how we prevent wasted effort on both sides. Element
+Call must work correctly across multiple deployment contexts and meet specific product
+and design requirements. It is also a fast-moving codebase that underpins ongoing
+MatrixRTC development. A PR that looks reasonable in isolation can easily conflict
+with in-progress work, planned architecture changes, or design decisions that haven't
+been publicly documented yet.
+
+The issue is where we resolve all of that **before** anyone writes code.
+
+**Bug fixes** are no exception — most confirmed bugs should already have an issue anyways, existing issues that are marked as bugs have an implicit maintainer approval. If the solution for the bug is controversial it is highly recommended to discuss the approach in the issue before opening a PR.
+
+## Contribution Workflow
+
+1. **Open an issue** using the [Enhancement request](https://github.com/element-hq/element-call/issues/new?template=enhancement.yml) template.
+2. **Wait for feedback.** A maintainer will comment on the issue **within two weeks**. The use case and approach will get dicussed.
+   This may involve questions, suggestions, or a request to adjust scope.
+   This also allows to bring design and product into the loop before code gets created.
+3. **Get a green light.** Wait for explicit approval from a maintainer before starting
+   implementation.
+4. **Implement.** Write the code against the agreed approach.
+5. **Open a PR.** Link to the issue in your PR description and satisfy the checklist
+   in the PR template.
+
+## Code Quality
+
+Element Call moves fast and the codebase must stay clean and maintainable.
+
+- **Take responsibility for AI-generated code.** AI tools can be a useful aid, but we expect all the generated code to be understood and reasoned about by the contributor. Questions by the maintainers should be answered without just forwarding them to AI. The maintainers also have access to AI tools. If your contribution is just transporting messages between LLM <-> maintaines all our time is better used if the maintainers decide to interact with AI for this specific problem by themselves.
+- **Think across deployment contexts.** Changes must work correctly in both standalone
+  and widget modes. Consider how your change interacts with Element Web, Element X
+  iOS, and Element X Android.
+- **Write tests.** New functionality should be covered by tests. Where it is feasible,
+  existing uncovered code touched by your PR should also gain tests.
+
+## Contributor License Agreement
+
+All contributors must sign the
+[Element Contributor License Agreement](https://cla-assistant.io/element-hq/element-call)
+before their contribution can be merged. The CLA assistant bot will prompt you
+automatically when you open a PR.
+
+## Getting Help
+
+The best place to ask questions about Element Call development is the MatrixRTC room:
+
+**[#matrixRtc:matrix.org](https://matrix.to/#/#matrixrtc:matrix.org)**
--- a/README.md
+++ b/README.md
@@ -3,6 +3,7 @@
 [![Chat](https://img.shields.io/matrix/webrtc:matrix.org)](https://matrix.to/#/#webrtc:matrix.org)
 [![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)
 [![License](https://img.shields.io/github/license/element-hq/element-call)](LICENSE-AGPL-3.0)
+[![Codecov](https://img.shields.io/codecov/c/github/element-hq/element-call)](https://app.codecov.io/gh/element-hq/element-call)

 [🎬 Live Demo 🎬](https://call.element.io)

@@ -65,7 +66,7 @@ requiring a separate Matrix client.

 ### 📲 In-App Calling (Widget Mode in Messenger Apps)

-When used as a widget 🧩, Element Call is solely responsible on the core calling
+When used as a widget 🧩, Element Call is solely responsible for the core calling
 functionality (MatrixRTC). Authentication, event handling, and room state
 updates (via the Client-Server API) are handled by the hosting client.
 Communication between Element Call and the client is managed through the widget
@@ -107,18 +108,18 @@ recommended method for embedding Element Call.
 </p>

 For more details on the packages, see the
-[Embedded vs. Standalone Guide](./docs/embedded-standalone.md).
+[Embedded vs. Standalone Guide](./docs/embedded_standalone.md).

 ## 🛠️ Self-Hosting

 For operating and deploying Element Call on your own server, refer to the
-[**Self-Hosting Guide**](./docs/self-hosting.md).
+[**Self-Hosting Guide**](./docs/self_hosting.md).

 ## 🧭 MatrixRTC Backend Discovery and Selection

 For proper Element Call operation each site deployment needs a MatrixRTC backend
-setup as outlined in the [Self-Hosting](#self-hosting). A typical federated site
-deployment for three different sites A, B and C is depicted below.
+setup as outlined in the [Self-Hosting Guide](./docs/self_hosting.md). A typical
+federated site deployment for three different sites A, B and C is depicted below.

 <p align="center">
  <img src="./docs/Federated_Setup.drawio.png" alt="Element Call federated setup">
@@ -126,7 +127,7 @@ deployment for three different sites A, B and C is depicted below.

 ### Backend Discovery

-MatrixRTC backend (according to
+The MatrixRTC backend (according to
 [MSC4143](https://github.com/matrix-org/matrix-spec-proposals/pull/4143)) is
 announced by the Matrix site's `.well-known/matrix/client` file and discovered
 via the `org.matrix.msc4143.rtc_foci` key, e.g.:
@@ -150,11 +151,10 @@ via `livekit_service_url`.

 - Each call participant proposes their discovered MatrixRTC backend from
  `org.matrix.msc4143.rtc_foci` in their `org.matrix.msc3401.call.member` state event.
- For **LiveKit** MatrixRTC backend
+- For the **LiveKit** MatrixRTC backend
  ([MSC4195](https://github.com/hughns/matrix-spec-proposals/blob/hughns/matrixrtc-livekit/proposals/4195-matrixrtc-livekit.md)),
-  the **first participant who joined the call** defines via the `foci_preferred`
-  key in their `org.matrix.msc3401.call.member` which actual MatrixRTC backend
-  will be used for this call.
+  the **first participant who joined the call** defines which backend will be used for this call via
+  the `foci_preferred` key in their `org.matrix.msc3401.call.member` state event.
 - During the actual call join flow, the **[MatrixRTC Authorization Service](https://github.com/element-hq/lk-jwt-service)**
  provides the client with the **LiveKit SFU WebSocket URL** and an
  **access JWT token** in order to exchange media via WebRTC.
@@ -177,6 +177,13 @@ discuss and coordinate translation efforts.

 ## 🛠️ Development

+### Dependencies
+
+- Node.js (e.g. via [nvm](https://github.com/nvm-sh/nvm))
+- [Corepack](https://github.com/nodejs/corepack) (not bundled with Node.js anymore starting from 25.0.0)
+- Docker client and runtime + Docker Compose (for the backend)
+  - On macOS you can install everything with `brew install colima docker docker-compose`
+
 ### Frontend

 To get started clone and set up this project:
@@ -185,7 +192,7 @@ To get started clone and set up this project:
 git clone https://github.com/element-hq/element-call.git
 cd element-call
 corepack enable
-yarn
+pnpm install
 ```

 To use it, create a local config by, e.g.,
@@ -196,12 +203,12 @@ environment as outlined in the next section out of box.
 You're now ready to launch the development server:

 ```sh
-yarn dev
+pnpm dev
 ```

 See also:

- [Developing with linked packages](./linking.md)
+- [Developing with linked packages](./docs/linking.md)

 ### Backend

@@ -209,28 +216,29 @@ A docker compose file `dev-backend-docker-compose.yml` is provided to start the
 whole stack of components which is required for a local development environment
 including federation:

- Minimum Synapse Setup (servernameis: `synapse.m.localhost`, `synapse.othersite.m.localhost`)
- MatrixRTC Authorization Service (Note requires Federation API and hence a TLS reverse proxy)
+- Minimum Synapse Setup (servernames: `synapse.m.localhost`, `synapse.othersite.m.localhost`)
+- MatrixRTC Authorization Service (Note: requires Federation API and hence a TLS reverse proxy)
 - Minimum LiveKit SFU setup using dev defaults for config
 - Minimum `localhost` Certificate Authority (CA) for Transport Layer Security (TLS)
  - Hostnames: `m.localhost`, `*.m.localhost`, `*.othersite.m.localhost`
-  - Add [./backend/dev_tls_local-ca.crt](./backend/dev_tls_local-ca.crt) to your web browsers trusted
+  - Add [./backend/dev_tls_local-ca.crt](./backend/dev_tls_local-ca.crt) to your web browser's trusted
    certificates
 - Minimum TLS reverse proxy for
  - Synapse homeserver: `synapse.m.localhost` and `synapse.othersite.m.localhost`
  - MatrixRTC backend: `matrix-rtc.m.localhost` and `matrix-rtc.othersite.m.localhost`
-  - Local Element Call development `call.m.localhost` via `yarn dev --host `
+  - Local Element Call development `call.m.localhost` via `pnpm dev --host `
  - Element Web `app.m.localhost` and `app.othersite.m.localhost`
  - Note certificates will expire on Thr, 20 September 2035 14:27:35 CEST

 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._**

-Run backend components:
+Make sure your Docker runtime is running (e.g. via `colima start`) and then start
+the backend components:

 ```sh
-yarn backend
-# or  for podman-compose
+pnpm backend
+# or for podman-compose:
 # podman-compose -f dev-backend-docker-compose.yml up
 ```

@@ -241,9 +249,17 @@ yarn backend
 > `https://synapse.m.localhost/.well-known/matrix/client`. This can be either
 > done by adding the minimum localhost CA
 > ([./backend/dev_tls_local-ca.crt](./backend/dev_tls_local-ca.crt)) to your web
-> browsers trusted certificates or by simply copying and pasting each URL into
+> browser's trusted certificates or by simply copying and pasting each URL into
 > your browser’s address bar and follow the prompts to add the exception.

+### Updating snapshots
+
+To update snapshots used in tests, use Vitest's `-u` flag, e.g.:
+
+```sh
+pnpm test DeveloperSettingsTab -u
+```
+
 ### Playwright tests

 Our Playwright tests run automatically as part of our CI along with our other
@@ -259,13 +275,13 @@ on https://localhost:3000 (this is configured in `playwright.config.ts`) - this
 is what will be tested.

 The local backend environment should be running for the test to work:
-`yarn backend`
+`pnpm backend`

 There are a few different ways to run the tests yourself. The simplest is to
 run:

 ```shell
-yarn run test:playwright
+pnpm run test:playwright
 ```

 This will run the Playwright tests once, non-interactively.
@@ -273,7 +289,7 @@ This will run the Playwright tests once, non-interactively.
 There is a more user-friendly way to run the tests in interactive mode:

 ```shell
-yarn run test:playwright:open
+pnpm run test:playwright:open
 ```

 The easiest way to develop new test is to use the codegen feature of Playwright:
@@ -315,7 +331,7 @@ 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
+1. Run `pnpm i18n` to extract the new key and update the translation files. This
   will add a skeleton entry to the `locales/en/app.json` file:

   ```jsonc
--- a/WIDGET_TEST.md
+++ b/WIDGET_TEST.md
@@ -1,6 +1,6 @@
 # Testing Element-Call in widget mode

-When running `yarn backend` the latest element-web develop will be deployed and served on `http://localhost:8081`.
+When running `pnpm backend` the latest element-web develop will be deployed and served on `http://localhost:8081`.
 In a development environment, you might prefer to just use the `element-web` repo directly, but this setup is useful for CI/CD testing.

 ## Setup
@@ -18,7 +18,7 @@ that uses
 It is part of the existing backend setup. To start the backend, run:

 ```sh
-yarn backend
+pnpm backend
 ```

 Then open `http://localhost:8081` in your browser.
--- a/backend/dev_homeserver-othersite.yaml
+++ b/backend/dev_homeserver-othersite.yaml
@@ -38,6 +38,8 @@ experimental_features:
  # MSC4222 needed for syncv2 state_after. This allow clients to
  # correctly track the state of the room.
  msc4222_enabled: true
+  # sticky events for MatrixRTC user state
+  msc4354_enabled: true

 # The maximum allowed duration by which sent events can be delayed, as
 # per MSC4140. Must be a positive value if set.  Defaults to no
@@ -48,6 +50,9 @@ max_event_delay_duration: 24h
 enable_registration: true
 enable_registration_without_verification: true

+# Shared secret for admin user registration via API (for testing only!)
+registration_shared_secret: "test_shared_secret_for_local_dev_only"
+
 report_stats: false
 serve_server_wellknown: true

--- a/backend/dev_homeserver.yaml
+++ b/backend/dev_homeserver.yaml
@@ -38,7 +38,7 @@ experimental_features:
  # MSC4222 needed for syncv2 state_after. This allow clients to
  # correctly track the state of the room.
  msc4222_enabled: true
-  # sticky events for matrixRTC user state
+  # sticky events for MatrixRTC user state
  msc4354_enabled: true

 # The maximum allowed duration by which sent events can be delayed, as
@@ -50,6 +50,9 @@ max_event_delay_duration: 24h
 enable_registration: true
 enable_registration_without_verification: true

+# Shared secret for admin user registration via API (for testing only!)
+registration_shared_secret: "test_shared_secret_for_local_dev_only"
+
 report_stats: false
 serve_server_wellknown: true

--- a/backend/dev_livekit-othersite.yaml
+++ b/backend/dev_livekit-othersite.yaml
@@ -18,3 +18,7 @@ keys:
  devkey: secret
 room:
  auto_create: false
+webhook:
+  api_key: devkey
+  urls:
+    - https://matrix-rtc.othersite.m.localhost/livekit/jwt/sfu_webhook
--- a/backend/dev_livekit.yaml
+++ b/backend/dev_livekit.yaml
@@ -18,3 +18,7 @@ keys:
  devkey: secret
 room:
  auto_create: false
+webhook:
+  api_key: devkey
+  urls:
+    - https://matrix-rtc.m.localhost/livekit/jwt/sfu_webhook
--- a/backend/dev_nginx.conf
+++ b/backend/dev_nginx.conf
@@ -28,14 +28,19 @@ server {
    # Reason: the lk-jwt-service uses the federation API for the openid token
    #         verification, which requires TLS
    location ~ ^(/_matrix|/_synapse/client)  {
-        proxy_pass "http://homeserver:8008";       
+        proxy_pass "http://homeserver:8008";
        proxy_http_version 1.1;
        proxy_set_header X-Forwarded-For $remote_addr;
        proxy_set_header X-Forwarded-Proto $scheme;
-        proxy_set_header Host $host;                
+        proxy_set_header Host $host;
+    }
+    location ~ ^(/_matrix|/_synapse/admin)  {
+        proxy_pass "http://homeserver:8008";
+        proxy_http_version 1.1;
+        proxy_set_header X-Forwarded-For $remote_addr;
+        proxy_set_header X-Forwarded-Proto $scheme;
+        proxy_set_header Host $host;
    }
-
-    error_page   500 502 503 504  /50x.html;

 }

@@ -73,10 +78,16 @@ server {
        proxy_http_version 1.1;
        proxy_set_header X-Forwarded-For $remote_addr;
        proxy_set_header X-Forwarded-Proto $scheme;
-        proxy_set_header Host $host;                
+        proxy_set_header Host $host;
    }

-    error_page   500 502 503 504  /50x.html;
+    location ~ ^(/_matrix|/_synapse/admin)  {
+        proxy_pass "http://homeserver-1:18008";
+        proxy_http_version 1.1;
+        proxy_set_header X-Forwarded-For $remote_addr;
+        proxy_set_header X-Forwarded-Proto $scheme;
+        proxy_set_header Host $host;
+    }

 }

@@ -108,7 +119,7 @@ server {

      # JWT Service running at port 6080
      proxy_pass http://jwt-auth-services/;
-    
+
    }

    location ^~ /livekit/sfu/ {
@@ -128,8 +139,6 @@ server {
      # LiveKit SFU websocket connection running at port 7880
      proxy_pass http://livekit-sfu:7880/;
    }
-    
-    error_page   500 502 503 504  /50x.html;

 }

@@ -156,7 +165,7 @@ server {

      # JWT Service running at port 16080
      proxy_pass http://auth-service-1:16080/;
-    
+
    }

    location ^~ /livekit/sfu/ {
@@ -176,12 +185,13 @@ server {
      # LiveKit SFU websocket connection running at port 17880
      proxy_pass http://livekit-sfu-1:17880/;
    }
-    
-    error_page   500 502 503 504  /50x.html;

 }

-# Convenience reverse proxy for the call.m.localhost domain to yarn dev --host
+# Convenience reverse proxy for the call.m.localhost domain to element call
+# running on the host either via
+# - pnpm dev --host or
+# - falling back to http (the element call docker container)
 server {
    listen                  80;
    listen                  [::]:80;
@@ -197,7 +207,7 @@ server {
    ssl_certificate         /root/ssl/cert.pem;
    ssl_certificate_key     /root/ssl/key.pem;

-
+    # 1. Attempt HTTPS first
    location ^~ / {

      proxy_set_header Host $host;
@@ -208,9 +218,23 @@ server {
      proxy_pass https://host.docker.internal:3000;
      proxy_ssl_verify              off;

+      # 2. Redirect specific errors (e.g., 502 Bad Gateway  or 504 Timeout)
+      # to the named fallback location
+      error_page 502 503 504 = @http_fallback;
+
+    }
+
+    # 3. Fallback location using HTTP
+    location @http_fallback {
+
+      proxy_set_header Host $host;
+      proxy_set_header X-Real-IP $remote_addr;
+      proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
+      proxy_set_header X-Forwarded-Proto $scheme;
+
+      proxy_pass http://host.docker.internal:8080;
+
    }
-    
-    error_page   500 502 503 504  /50x.html;

 }

@@ -242,8 +266,6 @@ server {
      proxy_ssl_verify              off;

    }
-    
-    error_page   500 502 503 504  /50x.html;

 }

@@ -275,7 +297,5 @@ server {
      proxy_ssl_verify              off;

    }
-    
-    error_page   500 502 503 504  /50x.html;

 }
--- a/backend/dev_tls_local-ca.crt
+++ b/backend/dev_tls_local-ca.crt
@@ -1,19 +1,19 @@
 -----BEGIN CERTIFICATE-----
-MIIDGjCCAgKgAwIBAgIUbSbx+1UGptOTGefqEn7Zh3yoChIwDQYJKoZIhvcNAQEL
-BQAwHjEcMBoGA1UEAwwTRWxlbWVudCBDYWxsIERldiBDQTAeFw0yNTA5MjIxMjI3
-MzVaFw0zNTA5MjAxMjI3MzVaMB4xHDAaBgNVBAMME0VsZW1lbnQgQ2FsbCBEZXYg
-Q0EwggEiMA0GCSqGSIb3DQEBAQUAA4IBDwAwggEKAoIBAQDHODfkrFsOkqCnXnTb
-QWz3LkUtNCoVvM7wFouirRnITJYG+lFwF+zNl89Eaq+uUN4bwd8ml1ZuR9p+1azC
-SlklD5adhCR/ErknfUWamQEf6amSs3p0NnqnhXbnDEEbQOwNaPU/aGc6aw0+I9O6
-NQ/H830GlVuKd24Bfv0mx6Imo0Hi9jxKYhqFh80nmltk2uyXefaJxuo1jXBhwLyC
-DW8RVj55QvkZyBUzid8yslxrlo0LHKCCjZflwJJv5f+jaubkH5c0qxVaoR4+Liyt
-X/4viIwt3Mhj04ppudTvt973mTbjRG5haCz9y7OkT1mMWhc0xrdMFX+gjPERYS2H
-Ru/RAgMBAAGjUDBOMB0GA1UdDgQWBBTXNfLAKVayGQda/JZLPszrpz6LVzAfBgNV
-HSMEGDAWgBTXNfLAKVayGQda/JZLPszrpz6LVzAMBgNVHRMEBTADAQH/MA0GCSqG
-SIb3DQEBCwUAA4IBAQCvGfyopHHgZB+horGH6i/Xg41V+r4d0o092F1Lfr4vh86e
-XMakRw92vsyk/iWOnLPNPcpVWzPcvINaCs/bahgnGSOAnrA4jjcXqymyGIy/6xc5
-1EeZAxehiL9E5q4LQ841HDX0gps4ZzUO1BRYQcjG9Rdts83JO2ekkfHkZdNj2eQr
-KOrr92Na1/w+EQdo/T9Rs2ES623xKEOxPqb8d/rx5Z4DdeuGx1u+3AfS76Lpo4ni
-EJ0g1ImqdSUtiOLzeCQh6pqqb+vuFbxAyeyYSAJ49847EtFBvZCmWmPL2JICg9uq
-7rKW/qDfEK9GUs0GWCs3+mJkNvOOxBwtMuQrL7ZF
+MIIDGjCCAgKgAwIBAgIUOlA2wgQUGZkKqNDvvifFWEsJfvYwDQYJKoZIhvcNAQEL
+BQAwHjEcMBoGA1UEAwwTRWxlbWVudCBDYWxsIERldiBDQTAeFw0yNjA1MTgwOTM0
+MzFaFw0yODA3MjYwOTM0MzFaMB4xHDAaBgNVBAMME0VsZW1lbnQgQ2FsbCBEZXYg
+Q0EwggEiMA0GCSqGSIb3DQEBAQUAA4IBDwAwggEKAoIBAQCcImv3pStfIUo7PbOO
+XRVUXuDlApBOrg2dCnvZQ1Jfaf4MftGHj/pURkF4eoBuyH4k4+NLzWD0VcU1cM74
+RnxowJt4AceCGe5RK/rqal5fapXc2vYMM8P6xaQR86gkxohpufsLgTnSweh74yqN
+B5WHUnCX00/X0bh1ho2BMUvGM9+dI4MdgKdaQDgWK4zg9hwp2Z6Yq7SkJ/D8+sGW
+WGpn3osDakL8HTBqop+YVJgF40db50yFurfcfQ0gjVtT4JW8ejO9j8PS/S2oQ/s5
+mA1B470XhLtT5qTjGm2bp3WpYkTi5widps8PDzBp5eNr0HrvJqcw7BGpbvBlLa+3
+7dhLAgMBAAGjUDBOMB0GA1UdDgQWBBRDfyRM4yKUqW6vu/2KUSXGb8vswDAfBgNV
+HSMEGDAWgBRDfyRM4yKUqW6vu/2KUSXGb8vswDAMBgNVHRMEBTADAQH/MA0GCSqG
+SIb3DQEBCwUAA4IBAQBoAhD4W4Yi/VJ2pTKrzhstn1UF1rgQnRddnn97v5BaEV/X
+uuBXbSO+/ewjQUupRjePZFp9FFe9co1OiduKcDExlvPU1eIqkWAwDWjMDpI+Lw5q
+KI5yHzplmMrT/7jn9Tepl9atrIcfDeFkP1dGtdRPyU6ARJEEWJSKeH9ftmImAsbM
+ykXAqSyRl8+bPx1ISG4cNihOxFd38VPDHIW53umaRBgRcN4GcvloKBGrVtRFNM//
+H+md8HmNQMP+e7FamETxs28DxjsdpygxjiFNY/T2eD67dH50ZxC3qCxEG6TJsoAg
+TYJafnqEcGDfiWQyNZRBypuaRsRmmTR27hCPVgi8
 -----END CERTIFICATE-----
--- a/backend/dev_tls_local-ca.key
+++ b/backend/dev_tls_local-ca.key
@@ -1,28 +1,28 @@
 -----BEGIN PRIVATE KEY-----
-MIIEvwIBADANBgkqhkiG9w0BAQEFAASCBKkwggSlAgEAAoIBAQDHODfkrFsOkqCn
-XnTbQWz3LkUtNCoVvM7wFouirRnITJYG+lFwF+zNl89Eaq+uUN4bwd8ml1ZuR9p+
-1azCSlklD5adhCR/ErknfUWamQEf6amSs3p0NnqnhXbnDEEbQOwNaPU/aGc6aw0+
-I9O6NQ/H830GlVuKd24Bfv0mx6Imo0Hi9jxKYhqFh80nmltk2uyXefaJxuo1jXBh
-wLyCDW8RVj55QvkZyBUzid8yslxrlo0LHKCCjZflwJJv5f+jaubkH5c0qxVaoR4+
-LiytX/4viIwt3Mhj04ppudTvt973mTbjRG5haCz9y7OkT1mMWhc0xrdMFX+gjPER
-YS2HRu/RAgMBAAECggEABhB9CxYAE5p9D3s9nWsJcSDUdELRQSYlOoPFLmeMkF9c
-dcvq7LmduMh1Q8TnoivOBxRIwbj7pZHEYfYJM0TmH82wrQzXu5KLVltm4gTkVt9b
-DR8vjBgYdb8HVpM17Cl2xhW62XpJIiseFRUsHc/9sf2Egc3MIpPuIleGR0budbSW
-ybBkqEokTYTSiAztcu3G+VN0U9MsJgLMa8HApya7M48ojdrhzngVHZRUOXul9o7u
-zYJWSxPHIIYp5C4pYQBAx8OttThwKK1A9lwbQ2EJx0KnTbBC6O5Gna/jENpGd1h2
-rzK/9MONtsjln7IejP+4mDlNupS6SF3zzHPBHjqKAQKBgQDtXUIKPiVTFS45yWtK
-XD62s3j8jfIi+22b/C30fCPtppn0cm/0zY+vovgWVUBnQXkExafRthZCuxnE8ry7
-E29S40+4z9yivAC9dz7vHZUbyIFP6VG9WyhUYo+/WqOIePyh+iBISQ9TA1DneIYz
-+VZ8iU5GvdybUPl2C5WN8seaoQKBgQDW3EwVN2EEkChLRJbQYN2qpjn+0vYESMJ8
-K0sgMRtgh4+/T2Xb9b8O/dd87Fi/4oaUqWZ2E2sdsXq8P/IEo0cv6SRfHMy7GyxL
-RM7ztwUfMC4LVWi0ZIXMrm4gRDGN2XjGvhkX6fU2lSf6azWL1K3wI3amNV2b7P7d
-ItpvdkH3MQKBgQCXf29YJEQkXB9t6J3fDzND3xb4cwy5wSo7ZeBa7CTuWOhoeeX1
-JIJyAp0/e9goT0SThChRlFtu6gZPivJkoMnr6IOInLrg7we15fc4HPR/kCDgxTVT
-m2wJOAMxigNYZogwRfn2yRLL1BD+PBHD+H936xcX1bSJOUyPSGOC/xLhIQKBgQCb
-kCDd85ygyycBaAWxlZCor3WqFF/fNjbp5Aaepi9mMoBXSUs8eK7+UbelURHozEAY
-fpYaw3B4rTlp9vppdTZjb+/PlXB9v+zQCl+0gTyKGj4cIpiOk4F0co51eipOw7f4
-XUaZ0+CgxlmNq/W26iONjH+pU1YVQQA+Z6+zp/GW4QKBgQCrzYgeugxxqgJzyIRu
-0njJkIg+T5gHvsQrtpzq7LVob+HBiBiT7eDOeGDXTK8F//sk969QVrDMQsTMvGW9
-sG1oTqxciALTMqkJTf8+hT9Uogir0/iTbJUzTt5vPYpQOEQwQHIXMUTjZ9C6NDKT
-QlmeMCxeWyPYqoMfwKmdtDP/Iw==
+MIIEvQIBADANBgkqhkiG9w0BAQEFAASCBKcwggSjAgEAAoIBAQCcImv3pStfIUo7
+PbOOXRVUXuDlApBOrg2dCnvZQ1Jfaf4MftGHj/pURkF4eoBuyH4k4+NLzWD0VcU1
+cM74RnxowJt4AceCGe5RK/rqal5fapXc2vYMM8P6xaQR86gkxohpufsLgTnSweh7
+4yqNB5WHUnCX00/X0bh1ho2BMUvGM9+dI4MdgKdaQDgWK4zg9hwp2Z6Yq7SkJ/D8
+sGWWGpn3osDakL8HTBqop+YVJgF40db50yFurfcfQ0gjVtT4JW8ejO9j8PS/S2o
+Q/s5mA1B470XhLtT5qTjGm2bp3WpYkTi5widps8PDzBp5eNr0HrvJqcw7BGpbvBl
+La+37dhLAgMBAAECggEAEsS4gc5jBk50I+bo3KYn2DqHgj/qpOqbTFNkS9uh3UJa
+fZoJCeiuyM6hNCBVq/uB3mFeg1Au5XAiAqiK2KFwdw8gIS7lkqgXU76brO4YZhPj
+6+aOSS03079KV7YYckNDRqJKoTlpgAI7Nhk6ljVhLiEk07tdD65wJACGpg8M8sg9
+dyAz+ANs9gs65iF5LYjH61O/AFlLqCRQh5/z0mjGX6G9uN27nxeUY4+n4QMAcd9D
+Gcygxjt+4nlQayNAlKMwVfps9bWNtI3Ye9knY4WGkrv5cJbW3bgjV6qrvQsbukbq
+xEYzcIlUiWGO9Tv7MN6rk5uQOyoKT/KUnfRmdVd3YQKBgQDMhWm6Q+WuI7Pyn57R
+tmY4rs+fSqTmv6xAOcozKJxffGaEwSUuNA15NvR/7iedcNqmH3XT9j90ZNVHe090
+ocm1HDUvzC9G5GRrdO6JTTksRaIMZEhosWxqH3DIuBJPLGbF/4obGE7//PJtmDEp
+QVL9Aa0WrcwAWhRzUdvCE+taMwKBgQDDbyZIvtlEr1w2V0bjXO536rRksBapc2ZJ
+XRKtrXivuVtiZYNDB0I7CCJ52cka61n3kyZz2mhQmLq4cAZXyKYWE2i643O+kc3S
+lpZEFSfDZ+3YlhxMxG9oEcgUSwVdbPlAhd/UR8V6n8o2Fm+gug9h6E2zY4fgHLJF
+8hOWoD4hiQKBgA7YXD1F8mT6eHRS+78zIyZYIf/o9iE9pm4fA7tE5lzT9ckLD/zT
+kGrM/2BN1BhMecJ3JCFXjXGQZB7FJ5ZKrA52VrH6ezAFIfjeyvWyYkUBZOrLWKoo
+vrrRP2mCWuneSjNzAf5HfGx+WsZztpXNBQ4SUhMEWHtqDnP0bCQhOAMbAoGAPfLv
+qcOFT3ZevoLv34ZHuQ9W20vOAyynUb4E+7SvOtSAmTIgZ5DXd6recs2MJ9JOlGG6
+oKKsyk9/cJNiD1V1AC5q1kLfH5tMKOK/AxnJnvFEvZDnq5Xg0pZAW95j9vdiEwfc
+qYeOm44nJPn7rHEOCzT93E1CdtHh2LYha2+kAjECgYEAh4qODleBi+2fnf2eq494
+/tAot3szu2+gjyCN00vGjtzoAuDKTYgo0cbU1ILk0Pgpp1NcIvdHz/wQnG9RLX7e
+Dfy1Q+UkyBK67SJUPvcYqBEaZ6ddyijJDunqh+U3nIBGP+IntKIKMIKiLF6wzTKz
+NRpK1HNmllp+O692ZtxoNDU=
 -----END PRIVATE KEY-----
--- a/backend/dev_tls_m.localhost.crt
+++ b/backend/dev_tls_m.localhost.crt
@@ -1,21 +1,21 @@
 -----BEGIN CERTIFICATE-----
-MIIDgDCCAmigAwIBAgIUT9NYpZbrAKokSPSTE3zzsAMowvEwDQYJKoZIhvcNAQEL
-BQAwHjEcMBoGA1UEAwwTRWxlbWVudCBDYWxsIERldiBDQTAeFw0yNTA5MjIxMjI3
-MzVaFw0zNTA5MjAxMjI3MzVaMBgxFjAUBgNVBAMMDSoubS5sb2NhbGhvc3QwggEi
-MA0GCSqGSIb3DQEBAQUAA4IBDwAwggEKAoIBAQDK1DNwTQWmyK71Ar56NvmSMQ8s
-qUY3jGqqPVORjfDUtDCrPPdCxT+ZlnsAgdonElWoWqczMrSyBRgfJlZMd4lEvt6V
-EEiZGUvA/lG1XIVgrx1kMSHKBoJj7lCBN6r3IWmYe6CxgfZurgp+7Z22i6cGMOnQ
-0XduX5Asup6zk5V7AE6i9eKrJsUjYmRBXtk099IitkER4TMqh6WxJmFF+eV9P/ax
-fxkon+bQWITwP1PLC1UOTK7lR0EcVan5aY6WMs/6RfO4Gw/dvuiVG1jCrVcaKNGT
-PYqmQqs+MOvyIqJ9kYELRZu+6bhPWSXk2ESpSIUIPH9twfnmWrncneIJR24/AgMB
-AAGjgbswgbgwHwYDVR0jBBgwFoAU1zXywClWshkHWvyWSz7M66c+i1cwCQYDVR0T
-BAIwADALBgNVHQ8EBAMCBaAwEwYDVR0lBAwwCgYIKwYBBQUHAwEwSQYDVR0RBEIw
-QIIJbG9jYWxob3N0ggttLmxvY2FsaG9zdIINKi5tLmxvY2FsaG9zdIIXKi5vdGhl
-cnNpdGUubS5sb2NhbGhvc3QwHQYDVR0OBBYEFIkGX+cEJ1ISKIwuT1zzp7uHJ90e
-MA0GCSqGSIb3DQEBCwUAA4IBAQBnnnfB7KmyYo16ZYUCmoqGhbM4p8npeYTh5ySb
-K01YwGCnMU1qGfJnKHaRwQ2+KtVGZnpBdjmsHcOUetA3V2BirPaYowMCMtaI36LD
-LnxvboSZLX0mgEYuN7HmxW4a7fSelDecTYa7xti1sNhE/w8xW7Lky046/DousyUy
-d9x3wJ183GGj1W2p6bR1E4sqTr/VbmoULQxnqA3GUNOxW3lRL5e8lQ6jJVRmMF4k
-92BtMPrI/m7jwHj0f/WBLI8mdJ/O/W/NxQOG475FZePDfrg+MkeXPChPggf42/ou
-AMm56FNB7e1l0b1Fots730RfpCPuXpiAxL4pisS0X1dMVeeM
+MIIDijCCAnKgAwIBAgIUWkx2ad/F7QIj1JDaYfbLhiRV+EswDQYJKoZIhvcNAQEL
+BQAwHjEcMBoGA1UEAwwTRWxlbWVudCBDYWxsIERldiBDQTAeFw0yNjA1MTgwOTM0
+MzFaFw0yODA3MjYwOTM0MzFaMBgxFjAUBgNVBAMMDSoubS5sb2NhbGhvc3QwggEi
+MA0GCSqGSIb3DQEBAQUAA4IBDwAwggEKAoIBAQC0hora/UCYMtrLJc6BOjonPUPi
+bYpbNiZYnvnqI4doKbV0LBT2TfokT7tpgdPCtHKV0RknsVSL8vhlXpkRqIiWPml8
+sZaa0+5NDGCQxexS2WVBlsoNCmAaqi/HNSFop6xaxGpQ3bu0iV3oIkUihveXAl6H
+C0VYyGifQ8D5onzepW2ayhemu47YRNSo8wETY5vIi0i/iajTTaw6JvwS+8Kv5/QV
+5prdvcFlG/oBs12p0+KoRyxskyzcdBdyIarvfY+9nDZwym5GfN32xO/iqtDuDQzw
+Q09h2OsfHJCw70IpHcgXLlEQF2DsFbmbVpWSU6HcMm6B7Yw1YeE64W4PRJp3AgMB
+AAGjgcUwgcIwHwYDVR0jBBgwFoAUQ38kTOMilKlur7v9ilElxm/L7MAwCQYDVR0T
+BAIwADALBgNVHQ8EBAMCBaAwEwYDVR0lBAwwCgYIKwYBBQUHAwEwUwYDVR0RBEww
+SoIJbG9jYWxob3N0ggttLmxvY2FsaG9zdIINKi5tLmxvY2FsaG9zdIIXKi5vdGhl
+cnNpdGUubS5sb2NhbGhvc3SCCCoubmlwLmlvMB0GA1UdDgQWBBSd0sKIKmZzTnxT
+gNHHjsJNnFcYaTANBgkqhkiG9w0BAQsFAAOCAQEAeffRTrD9o9PVRIoul5r2chwP
+WF7JtvPdC5xWy9rlCfmIKRNzNRnpVw/mDF/jdhlWcENt3psN8Vb1NM3SECKve9KL
+8bDD2rJEoLBHIFQPS+XpEPqVGLHQcfBtGgs2XdILKvgXJyBHY/pgNZkQmXxYDVoc
+bH9PjJJ4V3t6+tiVWZ792739EU/pHaSz7tab+ycTiggs7mo18E5jpYILhWsDqIVs
+Kz3uczK2OR8537Ix64Z9kmKiklVAqE53odV7Qx2B+7DoOD/7KBN7SMy1KvR1ae6I
+p1ivtDKpBZWbb1ccFxp2cQ30qRHLJrt2YRwz268gx/A6rGXuW6UQPYf4ISNR4Q==
 -----END CERTIFICATE-----
--- a/backend/dev_tls_m.localhost.key
+++ b/backend/dev_tls_m.localhost.key
@@ -1,28 +1,28 @@
 -----BEGIN PRIVATE KEY-----
-MIIEvQIBADANBgkqhkiG9w0BAQEFAASCBKcwggSjAgEAAoIBAQDK1DNwTQWmyK71
-Ar56NvmSMQ8sqUY3jGqqPVORjfDUtDCrPPdCxT+ZlnsAgdonElWoWqczMrSyBRgf
-JlZMd4lEvt6VEEiZGUvA/lG1XIVgrx1kMSHKBoJj7lCBN6r3IWmYe6CxgfZurgp+
-7Z22i6cGMOnQ0XduX5Asup6zk5V7AE6i9eKrJsUjYmRBXtk099IitkER4TMqh6Wx
-JmFF+eV9P/axfxkon+bQWITwP1PLC1UOTK7lR0EcVan5aY6WMs/6RfO4Gw/dvuiV
-G1jCrVcaKNGTPYqmQqs+MOvyIqJ9kYELRZu+6bhPWSXk2ESpSIUIPH9twfnmWrnc
-neIJR24/AgMBAAECggEANRp6vzfDN4gKWoaV5TyYegCTNv+4rRl74cd9pjmx6Jam
-uWaUXCx1etpNqPPWcG1Z9OKLLRnk+kjgKGOqq4mObGvGreNeBot7bHOJZADtwMMI
-YG+Gp7StlclS1YoEHoDmezA/AcqDgTXa9KF0rdMBb1sGFJCLAuBNSJCxtVV6CQIz
-X26uT0m+Wx8MQyQWA7Sqy6DQNJo++IZkvr7a3cidqBOUPs+QvnIV5JsUb2gp5tGn
-zk+ObeRjoFFWYAN/NK7bneRenkP40m3MSL8ZfaEuuonui7CrxM1SiQyq2N1u/Aoy
-OE1JtNaVPbLBo6kG5al7Sj4Z0zhRt+iv93S2lZMkBQKBgQD2+FpLTqyLO1NDOFkE
-kxU+LdLOx0OV9wASC0ApPOu1dHMG6ksByr7TWeiu6GJDgajusPB7NVPOt2cm4iWU
-xPxXPO5l87uiSvu80h5uG4Qdj8KEijHkdap2wbVkU/mm8lBKC36jyBQIlJKySyXY
-zSEMfLK9jQPKz5cKKT3dVj/fAwKBgQDSPq9oks6K96MAB66o6cm214otQlnTQkPM
-xgjtjddX+Lp9tgihGvtSfPbyy89oUDHCfKvW/AHG52e5dec5YUi6mVdHEWbk33Kt
-BoQuxeK3XseIDlD/JD9Dd7KfUyO5w2jtYLfNdqez41O4qj2N52m1KwJYTwMsc8Kq
-izVgkC5hFQKBgBFAc/5CtqbbNAvECePZ6mf3h3xOSxhUsrqP8qFu0gBQ7CAVibvM
-T9wvsaNWNFcG3age0A2rQfl0sk3zCjEEOaRWa0jP59GEb2VXQCzs2yO9gRcFGEsf
-NRMqoOMrQos47gbeGrCSL2QSDNVLjo9AdQiMRWgcS6GFMsXQ77NgbQHFAoGBAI4a
-YGTGFWRITJvQlXUFz5kNxg8hMaVgvILDt3UY0dxb+XDOgLajjgsK+77Pkrhmu7tA
-mMUOQAU4kxr/XfGil43H5v3Z/Tnk7ZWVOfKDPeHC5gpH4ucQkNIBLXISt6rvMRSA
-srrk4CTuGcBPEJvBNemF0Gfvv61j8MdkoAdMbIyhAoGAfGR6yZLBmRMsW5PKmcpT
-nq2oSeUpmtGZra6pWz/3XU7AgrCLcx1DmqEjm4w7y5NQJmxyMZqqdTJILCjr3Srt
-+2F0NqQL6Li+xQGibAvDj0Jxyol38RvFC0J/w2vQmuF0hTuH95yknSd7FPXK+DPG
-qYgXLjun9dht6kx9vGJ69wI=
+MIIEvQIBADANBgkqhkiG9w0BAQEFAASCBKcwggSjAgEAAoIBAQC0hora/UCYMtrL
+Jc6BOjonPUPibYpbNiZYnvnqI4doKbV0LBT2TfokT7tpgdPCtHKV0RknsVSL8vhl
+XpkRqIiWPml8sZaa0+5NDGCQxexS2WVBlsoNCmAaqi/HNSFop6xaxGpQ3bu0iV3o
+IkUihveXAl6HC0VYyGifQ8D5onzepW2ayhemu47YRNSo8wETY5vIi0i/iajTTaw6
+JvwS+8Kv5/QV5prdvcFlG/oBs12p0+KoRyxskyzcdBdyIarvfY+9nDZwym5GfN32
+xO/iqtDuDQzwQ09h2OsfHJCw70IpHcgXLlEQF2DsFbmbVpWSU6HcMm6B7Yw1YeE6
+4W4PRJp3AgMBAAECggEAIgdIbk4VmnrfjjKCsg5JPvNH9AsE7PuQj9zrq+xljkdq
+aksS6ni5YZXb9F/iDE4aWU4waTB+iODUXLtPrCnyESwTk0sgYe/39/MQ0slUKivL
+b+keDgY6JlyVI/5KXWFZ1kQ27CZXxwiruGGZWZBKZF8wdVE1Ea65Neg+HHA6DHee
+Jck002gtgO/J1MMbB1MzdtGcsejYLrA+mO6YddQhA65xdQMljTEfyUwgTVv0pWde
+biyKegGK77vlsOyoCkMpVYORG5NMV1Kxs+htA79yuIW71tWHqVbcRMyoM+BaHzPh
+7uprs+8vYDFrO39LseczA8gURWwUsCgQ0yQ6Ix5W7QKBgQDnSK4AzjPpDEArdHuV
+VGKyzrfPtzH0VV/yTH9hvByNG6i/x8sE/r2KPi5nRMi4PAjjqmxyO1G5qwDOfzvK
+sBvwFrTRpmbnqGITVKPPivdoI9+RveN+FxhOXVA8NylAOv/dtSoakYwg3e507UsC
+RuFW3Re0Oc+0XFq4C8rQyLkIOwKBgQDH0T9gww+XbwIGCtiNpnEziU9FXBKSVwXf
+dCxYcTLPATq3BqHmP4OUA0v+sa3wPcnBkXF7q6eoB9+S6ZYQA/b2BXGU5/j9xYd4
+29cF4DlPkhTwF9S8b+h1zhlGIn96Lw/vZuj7Bc3wuwxvB17d8dpyo8bZynIe7BvF
+KSPJz+2O9QKBgFFyd8xS0VcFeGeVKpwozmUXhQWCBvZ7RkGGjOk3HHrYvbFjw2vr
+5YWUZjT5tRGkGqFJ98y2dQ5EWRFfHwg+wmfnJyAZUG3OD1OtX86Lqpqi321siHtz
+2JxoIgRCjKVQ4aAK11vp24YLgZjto5eWrG4xh9Jw9WMXjt73UCH8PaTXAoGBAIff
+TY1qlmuO3H1nWqHXkBpPQEwVs7s22ZN817q8HqSMXXSfWe/LOJmpND/YakJ2gX7S
+e6xwqOylje3EUHpLd98LDJUIuFM3wkr4klo4gkANQZeRXONV5WhV4PHD+5MF9XwB
+KmOnKsaLKoVFKckZ8EUMAOePtdI5ExkaRG+yqAMRAoGAJyUFK+V9ST1N/6wYgqor
+vywMSRE2cF2WvVIxdMvWffmpoj40bG6lAlaSWm29E2T8SVvAKsRid0wDgCQ4QTEn
+ft7yUDjqVALCJVCrOFHDY0BPStkm6njMWagr/0lGr9zUWqbBOKJhNfDJlykv8gaF
+8kWTgabrMCKmpTi7fBWbzZA=
 -----END PRIVATE KEY-----
--- a/backend/dev_tls_setup
+++ b/backend/dev_tls_setup
@@ -3,7 +3,7 @@
 # Step 1: Create a Root CA key and cert
 openssl genrsa -out dev_tls_local-ca.key 2048
 openssl req -x509 -new -nodes \
-  -days 3650 \
+  -days 800 \
  -subj "/CN=Element Call Dev CA" \
  -key dev_tls_local-ca.key \
  -out dev_tls_local-ca.crt \
@@ -21,7 +21,7 @@ openssl x509 \
  -CA dev_tls_local-ca.crt -CAkey dev_tls_local-ca.key \
  -CAcreateserial \
  -out dev_tls_m.localhost.crt \
-  -days 3650 \
+  -days 800 \
  -sha256 \
  -extfile <( cat <<EOF
 authorityKeyIdentifier=keyid,issuer
@@ -35,5 +35,6 @@ DNS.1 = localhost
 DNS.2 = m.localhost
 DNS.3 = *.m.localhost
 DNS.4 = *.othersite.m.localhost
+DNS.5 = *.nip.io
 EOF
 )
--- a/backend/playwright_homeserver-othersite.yaml
+++ b/backend/playwright_homeserver-othersite.yaml
@@ -38,6 +38,8 @@ experimental_features:
  # MSC4222 needed for syncv2 state_after. This allow clients to
  # correctly track the state of the room.
  msc4222_enabled: true
+  # sticky events for MatrixRTC user state
+  msc4354_enabled: true

 # The maximum allowed duration by which sent events can be delayed, as
 # per MSC4140. Must be a positive value if set.  Defaults to no
@@ -48,6 +50,9 @@ max_event_delay_duration: 24h
 enable_registration: true
 enable_registration_without_verification: true

+# Shared secret for admin user registration via API (for testing only!)
+registration_shared_secret: "test_shared_secret_for_local_dev_only"
+
 report_stats: false
 serve_server_wellknown: true

--- a/backend/playwright_homeserver.yaml
+++ b/backend/playwright_homeserver.yaml
@@ -38,6 +38,8 @@ experimental_features:
  # MSC4222 needed for syncv2 state_after. This allow clients to
  # correctly track the state of the room.
  msc4222_enabled: true
+  # sticky events for MatrixRTC user state
+  msc4354_enabled: true

 # The maximum allowed duration by which sent events can be delayed, as
 # per MSC4140. Must be a positive value if set.  Defaults to no
@@ -48,6 +50,9 @@ max_event_delay_duration: 24h
 enable_registration: true
 enable_registration_without_verification: true

+# Shared secret for admin user registration via API (for testing only!)
+registration_shared_secret: "test_shared_secret_for_local_dev_only"
+
 report_stats: false
 serve_server_wellknown: true

--- a/config/config.sample.json
+++ b/config/config.sample.json
@@ -12,6 +12,7 @@
    "feature_use_device_session_member_events": true
  },
  "ssla": "https://static.element.io/legal/element-software-and-services-license-agreement-uk-1.pdf",
+  "matrix_rtc_mode": "legacy",
  "matrix_rtc_session": {
    "wait_for_key_rotation_ms": 3000,
    "membership_event_expiry_ms": 180000000,
--- a/config/config_netlify_preview_sdk.json
+++ b/config/config_netlify_preview_sdk.json
@@ -0,0 +1,16 @@
+{
+  "default_server_config": {
+    "m.homeserver": {
+      "base_url": "https://call-unstable.ems.host",
+      "server_name": "call-unstable.ems.host"
+    }
+  },
+  "ssla": "https://static.element.io/legal/element-software-and-services-license-agreement-uk-1.pdf",
+  "matrix_rtc_session": {
+    "wait_for_key_rotation_ms": 3000,
+    "membership_event_expiry_ms": 180000000,
+    "delayed_leave_event_delay_ms": 18000,
+    "delayed_leave_event_restart_ms": 4000,
+    "network_error_retry_ms": 100
+  }
+}
--- a/config/otel_dev/README.md
+++ b/config/otel_dev/README.md
@@ -1,5 +1,12 @@
 # OpenTelemetry Collector for development

+## Edit:
+
+Open telemetry has been removed in: https://github.com/element-hq/element-call/pull/3586
+Check this PR to get back the implementation or to use it as reference to add it back.
+
+---
+
 This directory contains a docker compose file that starts a jaeger all-in-one instance
 with an in-memory database, along with a standalone OpenTelemetry collector that forwards
 traces into the jaeger. Jaeger has a built-in OpenTelemetry collector, but it can't be
--- a/dev-backend-docker-compose.yml
+++ b/dev-backend-docker-compose.yml
@@ -3,7 +3,7 @@ networks:

 services:
  auth-service:
-    image: ghcr.io/element-hq/lk-jwt-service:latest-ci
+    image: ghcr.io/element-hq/lk-jwt-service:0.4.4
    pull_policy: always
    hostname: auth-server
    environment:
@@ -25,7 +25,7 @@ services:
      - ecbackend

  auth-service-1:
-    image: ghcr.io/element-hq/lk-jwt-service:latest-ci
+    image: ghcr.io/element-hq/lk-jwt-service:0.4.4
    pull_policy: always
    hostname: auth-server-1
    environment:
@@ -47,7 +47,7 @@ services:
      - ecbackend

  livekit:
-    image: livekit/livekit-server:latest
+    image: livekit/livekit-server:v1.10.1
    pull_policy: always
    hostname: livekit-sfu
    command: --dev --config /etc/livekit.yaml
@@ -62,12 +62,15 @@ services:
      - 7882:7882/tcp
      - 50100-50200:50100-50200/udp
    volumes:
+      - ./backend/dev_tls_m.localhost.crt:/local_cert.pem:Z
      - ./backend/dev_livekit.yaml:/etc/livekit.yaml:Z
+    environment:
+      - SSL_CERT_FILE=/local_cert.pem
    networks:
      - ecbackend

  livekit-1:
-    image: livekit/livekit-server:latest
+    image: livekit/livekit-server:v1.10.1
    pull_policy: always
    hostname: livekit-sfu-1
    command: --dev --config /etc/livekit.yaml
@@ -82,13 +85,16 @@ services:
      - 17882:17882/tcp
      - 50300-50400:50300-50400/udp
    volumes:
+      - ./backend/dev_tls_m.localhost.crt:/local_cert.pem:Z
      - ./backend/dev_livekit-othersite.yaml:/etc/livekit.yaml:Z
+    environment:
+      - SSL_CERT_FILE=/local_cert.pem
    networks:
      - ecbackend

  synapse:
    hostname: homeserver
-    image: docker.io/matrixdotorg/synapse:latest
+    image: ghcr.io/element-hq/synapse:latest
    pull_policy: always
    environment:
      - SYNAPSE_CONFIG_PATH=/data/cfg/homeserver.yaml
@@ -106,7 +112,7 @@ services:

  synapse-1:
    hostname: homeserver-1
-    image: docker.io/matrixdotorg/synapse:latest
+    image: ghcr.io/element-hq/synapse:latest
    pull_policy: always
    environment:
      - SYNAPSE_CONFIG_PATH=/data/cfg/homeserver.yaml
@@ -164,6 +170,8 @@ services:
      - "8448:8448"
    extra_hosts:
      - "host.docker.internal:host-gateway"
+      - "auth-server:127.0.0.1"
+      - "auth-server-1:127.0.0.1"
    depends_on:
      - synapse
    networks:
--- a/docs/README.md
+++ b/docs/README.md
@@ -2,8 +2,8 @@

 This folder contains documentation for setup, usage, and development of Element Call.

- [Embedded vs standalone mode](./embedded-standalone.md)
- [Url format and parameters](./url-params.md)
+- [Embedded vs standalone mode](./embedded_standalone.md)
+- [Url format and parameters](./url_params.md)
 - [Global JS controls](./controls.md)
- [Self-Hosting](./self-hosting.md)
+- [Self-Hosting](./self_hosting.md)
 - [Developing with linked packages](./linking.md)
--- a/docs/_developer.md
+++ b/docs/_developer.md
@@ -0,0 +1,112 @@
+# Developer help
+
+## Testing on Mobile Devices
+
+When developing Element Call locally, you may want to test on physical mobile devices (iOS/Android)
+on the same WiFi network.
+
+**Known Limitations:** For now this setup allows to use your local EC server but not yet the SFUs and Synapses.
+
+### Prerequisites
+
+1. **Start the dev server**
+
+   ```bash
+   pnpm dev
+   ```
+
+Check the output for the `➜  Network` (this will contain the local IP address of your laptop)
+
+```
+  ➜  Local:   https://m.localhost:3000/                                                                                                                                                                 12:06:48
+  ➜  Local:   https://vite.m.localhost:3000/                                                                                                                                                            12:06:48
+  ➜  Local:   https://vite.othersite.m.localhost:3000/                                                                                                                                                  12:06:48
+  ➜  Local:   https://vite.nip.io:3000/                                                                                                                                                                 12:06:48
+  ➜  Network: https://192.168.0.122:3000/
+```
+
+2. **Transfer the CA certificate to your phone**
+
+   The file is located at `backend/dev_tls_local-ca.crt`. Transfer it via:
+   - Matrix room
+   - AirDrop for iphone
+
+### IOS Setup
+
+**Install the certificate profile on iPhone**
+
+- Open the `dev_tls_local-ca.crt` file on your iPhone
+- You'll see "Profile Downloaded"
+- Go to **Settings → General → VPN & Device Management** (or **Settings → General → Profiles**)
+- Tap the "Element Call Dev CA" profile
+- Tap **Install** and enter your passcode
+- Confirm by tapping **Install** again
+
+**Enable full trust (Critical!)**
+
+- Go to **Settings → General → About → Certificate Trust Settings**
+- Under "Enable Full Trust for Root Certificates"
+- Toggle **ON** for "Element Call Dev CA"
+- Confirm the security warning
+
+**Access Element Call**
+
+Find your laptop's IP address (e.g., `192.168.0.122`) and use one of these URLs in Safari to validate:
+
+```
+https://192-168-0-122.nip.io:3000/
+```
+
+**For Element X iOS Developer Tools**
+
+In Element X's developer settings, set the Element Call URL to the nip.io url (replace . with - in the IP address):
+
+```
+https://192-168-0-122.nip.io:3000/room
+```
+
+### Android Setup
+
+**Transfer the CA certificate to your Android device**
+
+The file is located at `backend/dev_tls_local-ca.crt`.
+
+**Install the certificate**
+
+This might vary by Android version and manufacturer, but generally:
+
+- Open **Settings** search for "CA Certificate"/"Certificate"
+- Tap **Install a certificate** or **Install from storage**
+- Select **CA certificate**
+- Confirm the security warning
+- Navigate to and select the `dev_tls_local-ca.crt` file
+- Give it a name like "Element Call Dev CA"
+
+**Access Element Call**
+
+Find your laptop's IP address (e.g., `192.168.0.122`) and use one of these URLs in Chrome to validate:
+
+```
+https://192-168-0-122.nip.io:3000/
+```
+
+**For Element X Android Developer Tools**
+
+In Element X's developer settings, set the Element Call URL to the nip.io url (replace . with - in the IP address):
+
+```
+https://192-168-0-122.nip.io:3000/room
+```
+
+### Why nip.io?
+
+[nip.io](https://nip.io) is a free wildcard DNS service that automatically resolves domain names containing IP addresses. For example, `192-168-0-122.nip.io` automatically resolves to `192.168.0.122`. This means:
+
+- No need to regenerate certificates when your laptop's IP changes
+- Works from any device without DNS configuration
+- iOS/Android treat it as a proper domain name, not an IP address
+- One-time certificate setup works for all future IP addresses
+
+> [!IMPORTANT]
+> Make sure your network router doesn't enforce DNS rebinding protection (which will
+> break nip.io). If it does, try allow-listing nip.io in your router's administration interface.
--- a/docs/controls.md
+++ b/docs/controls.md
@@ -12,7 +12,7 @@ A few aspects of Element Call's interface can be controlled through a global API

 On mobile platforms (iOS, Android), web views do not reliably support selecting audio output devices such as the main speaker, earpiece, or headset. To address this limitation, the following functions allow the hosting application (e.g., Element Web, Element X) to manage audio devices via exposed JavaScript interfaces. These functions must be enabled using the URL parameter `controlledAudioDevices` to take effect.

- `controls.setAvailableAudioDevices(devices: { id: string, name: string, forEarpiece?: boolean, isEarpiece?: boolean isSpeaker?: boolean, isExternalHeadset?, boolean; }[]): void` Sets the list of available audio outputs. `forEarpiece` is used on iOS only.
+- `controls.setAvailableAudioDevices(devices: { id: string, name: string, forEarpiece?: boolean, isEarpiece?: boolean isSpeaker?: boolean, isExternalHeadset?: boolean }[]): void` Sets the list of available audio outputs. `forEarpiece` is used on iOS only.
  It flags the device that should be used if the user selects earpiece mode. This should be the main stereo loudspeaker of the device.
 - `controls.onAudioDeviceSelect: ((id: string) => void) | undefined` Callback called whenever the user or application selects a new audio output.
 - `controls.setAudioDevice(id: string): void` Sets the selected audio device in Element Call's menu. This should be used if the OS decides to automatically switch to Bluetooth, for example.
--- a/docs/embedded_standalone.md
+++ b/docs/embedded_standalone.md
@@ -14,7 +14,7 @@ The table below provides a comparison of the two packages:
 | **Release artifacts**                        | Docker Image, Tarball                                                                                                             | Tarball, NPM for Web, Android AAR, SwiftPM for iOS                                                                                                                                                                  |
 | **Recommended for**                          | Standalone/guest access usage                                                                                                     | Embedding within messenger apps                                                                                                                                                                                     |
 | **Responsibility for regulatory compliance** | The administrator that is deploying the app is responsible for compliance with any applicable regulations (e.g. privacy)          | The developer of the messenger app is responsible for compliance                                                                                                                                                    |
-| **Analytics consent**                        | Element Call will show a consent UI.                                                                                              | Element Call will not show a consent UI. The messenger app should only provide the embedded Element Call with the [analytics URL parameters](./url-params.md#embedded-only-parameters) if consent has been granted. |
+| **Analytics consent**                        | Element Call will show a consent UI.                                                                                              | Element Call will not show a consent UI. The messenger app should only provide the embedded Element Call with the [analytics URL parameters](./url_params.md#embedded-only-parameters) if consent has been granted. |
 | **Analytics data**                           | Element Call will send data to the Posthog, Sentry and Open Telemetry targets specified by the administrator in the `config.json` | Element Call will send data to the Posthog and Sentry targets specified in the URL parameters by the messenger app                                                                                                  |

 ### Using the embedded package within a messenger app
@@ -25,8 +25,8 @@ The basics are:

 1. Add the appropriate platform dependency as given for a [release](https://github.com/element-hq/element-call/releases), or use the embedded tarball. e.g. `npm install @element-hq/element-call-embedded@0.9.0`
 2. Include the assets from the platform dependency in the build process. e.g. copy the assets during a [Webpack](https://github.com/element-hq/element-web/blob/247cd8d56d832d006d7dfb919d1042529d712b59/webpack.config.js#L677-L682) build.
-3. Use the `index.html` entrypointof the imported assets when you are constructing the WebView or iframe. e.g. using a [relative path in a webapp](https://github.com/element-hq/element-web/blob/247cd8d56d832d006d7dfb919d1042529d712b59/src/models/Call.ts#L680), or on the the Android [WebViewAssetLoader](https://github.com/element-hq/element-x-android/blob/fe5aab6588ecdcf9354a3bfbd9e97c1b31175a8f/features/call/impl/src/main/kotlin/io/element/android/features/call/impl/utils/DefaultCallWidgetProvider.kt#L20)
-4. Set any of the [embedded-only URL parameters](./url-params.md#embedded-only-parameters) that you need.
+3. Use the `index.html` entrypoint of the imported assets when you are constructing the WebView or iframe. e.g. using a [relative path in a webapp](https://github.com/element-hq/element-web/blob/247cd8d56d832d006d7dfb919d1042529d712b59/src/models/Call.ts#L680), or on the the Android [WebViewAssetLoader](https://github.com/element-hq/element-x-android/blob/fe5aab6588ecdcf9354a3bfbd9e97c1b31175a8f/features/call/impl/src/main/kotlin/io/element/android/features/call/impl/utils/DefaultCallWidgetProvider.kt#L20)
+4. Set any of the [embedded-only URL parameters](./url_params.md#embedded-only-parameters) that you need.

 ## Widget vs standalone mode

@@ -35,5 +35,5 @@ Element Call is developed using the [js-sdk](https://github.com/matrix-org/matri
 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 then 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).
+Element Call detects that it is run as a widget if `widgetId` is defined in the url parameters. If `widgetId` is present then 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).
--- a/docs/linking.md
+++ b/docs/linking.md
@@ -1,39 +1,65 @@
-# Developing with linked packages
+## Quickstart guide

-If you want to make changes to a package that Element Call depends on and see those changes applied in real time, you can create a link to a local copy of the package. Yarn has a command for this (`yarn link`), but it's not recommended to use it as it ends up modifying package.json with details specific to your development environment.
+Run:

-Instead, you can use our little 'linker' plugin. Create a file named `.links.yaml` in the Element Call project directory, listing the names and paths of any dependencies you want to link. For example:
-
-```yaml
-matrix-js-sdk: ../path/to/matrix-js-sdk
-"@vector-im/compound-web": /home/alice/path/to/compound-web
+```bash
+./scripts/setup-linking.sh
 ```

-Then run `yarn install`.
+Read the script output:
+
+```
+Setup complete.
+Update: .links.cjs to your liking
+Run: 'pnpm links:on' to test your .links.cjs
+Run: 'git commit' with links enabled to test the git pre-commit hook.
+Run: 'pnpm links:off' to be able to commit again
+Run: 'git config --local core.hooksPath ""' to allow committing with linking (not recommended)
+Run: 'rm links.cjs' & 'git config --local core.hooksPath ""' to fully revert what this script did
+```
+
+# Developing with linked packages
+
+If you want to make changes to a package that Element Call depends on and see those changes applied in real time, you can create a link to a local copy of the package. `pnpm` has a command for this (`pnpm link`), but it's not recommended to use it as it ends up modifying package.json with details specific to your development environment.
+
+Instead, create a file named `.links.cjs` in the Element Call project directory (or run `./scripts/setup-linking.sh` to create a template), listing the names and paths of any dependencies you want to link. For example:
+
+```cjs
+// Packages to link to local checkouts
+module.exports = {
+  "matrix-js-sdk": "../your/path/matrix-js-sdk",
+  "matrix-widget-api": "../your/path/matrix-widget-api",
+};
+```
+
+Then run `pnpm links:on`. (this will activate the pnpm file + run `pnpm install` to setup the linking)

 ## Hooks

-Changes in `.links.yaml` will also update `yarn.lock` when `yarn` is executed. The lockfile will then contain the local
+Changes in `.links.cjs` will also update `pnpm-lock.yaml` when `pnpm install` is executed. The lockfile will then contain the local
 version of the package which would not work on others dev setups or the github CI.
-One always needs to run:
+
+One always needs to remove the pnpm `readPackage` script (the `.pnpmfile.cjs`) and run:

 ```bash
-mv .links.yaml .links.disabled.yaml
-yarn
+pnpm install
 ```

 before committing a change.

-To make it more convenient to work with this linking system we added git hooks for your conviniece.
-A `pre-commit` hook will run `mv .links.yaml .links.disabled.yaml`, `yarn` and `git add yarn.lock` if it detects
-a `.links.yaml` file and abort the commit.
-You will than need to check if the resulting changes are appropriate and commit again.
+To make this less of a foot gun we added a git hook.
+A `pre-commit` hook will check if linking is currently used. If it detects
+a `.pnpmfile.cjs` file it will abort the commit with an explanatory message.
+You will then need to run `pnpm links:off` and commit again.

-A `post-commit` hook will setup the linking as it was
-before if a `.links.disabled.yaml` is present. It runs `mv .links.disabled.yaml .links.yaml` and `yarn`.
-
-To activate the hooks automatically configure git with
+To activate the hooks configure git with (when using the setup script (`./scripts/setup-linking.sh`) this is already done):

 ```bash
-git config --local core.hooksPath .githooks/
+git config --local core.hooksPath .githooks
 ```
+
+This will add the hook path for this repository only to .gihooks. which is a tracked (by git) folder containing the pre-commit hook.
+
+## Background
+
+Information, why this approach is used can be found in the [linking concept reasoning](./linking_concept_reasoning.md) document.
--- a/docs/linking_concept_reasoning.md
+++ b/docs/linking_concept_reasoning.md
@@ -0,0 +1,30 @@
+### Why do we not enable .pnpmfile.cjs by default
+
+Background: The presence of the `.pnpmfile.cjs` adds a field to the `pnpm-lock.yaml` called: `pnpmfileChecksum`. This field is a checksum of the content of the `.pnpmfile.cjs` file.
+`pnpm install --frozen-lockfile` **fails** if there is a `.pnpmfile.cjs` but no `pnpmfileChecksum` or vice versa (or on mismatch).
+
+_TLDR: running with `--ignore-pnpmfile` will fail if `pnpmfileChecksum` is present._
+
+#### `pnpmfileChecksum` + renovate bot
+
+When the renovate bot creates a PR it runs `pnpm install --ignore-pnpmfile`. This means that the `pnpmfileChecksum` in the lockfile will be **empty**.
+This breaks builds that **don't** ignore the `.pnpmfile.cjs`-file. (CI that runs on the renovate PR)
+From here we have two possible paths:
+
+- ignore `.pnpmfile.cjs` in all CI builds (CI will also fail if we accidently add it locally).
+- fixup the `pnpm-lock.yaml` in the renovate PR to contain the correct `pnpmfileChecksum`.
+
+Ignoring in all CI builds means that CI will always fail if we enable the linking system.
+This is annoying but can be worked around with the git hook we provide that at least lets us know that we are
+commiting with enabled linking.
+Only if we remember setting it back/disbale linking (or let ourselves remember by the git hook) the CI will work.
+
+#### Summary
+
+- We will always run into conflicts with the `pnpmfileChecksum` because in renovate prs it will be empty (`--ignore-pnpmfile`)
+- To keep it simple we set `--ignore-pnpmfile` in all of our CI builds to see issues immediately.
+- The only solution is to never have a `.pnpmfile.cjs` in the repository when pushing.
+  - This way there will never be a commit with `pnpmfileChecksum` in the lockfile.
+  - renovate (which uses `--ignore-pnpmfile` which we cannot disable) and other CI will work.
+- We are able to use the linking system locally if we `cp` this file from the scripts folder into `./` on demand.
+- `pnpm links:on` and `pnpm links:off` + `./scripts/setup-linking.sh` will help us with this.
--- a/docs/self_hosting.md
+++ b/docs/self_hosting.md
@@ -58,7 +58,7 @@ rc_message:

 rc_delayed_event_mgmt:
  # This needs to match at least the heart-beat frequency plus a bit of headroom
-  # Currently the heart-beat is every 5 seconds which translates into a rate of 0.2s
+  # Currently the heart-beat is every 5 seconds which translates into a rate of 0.2Hz
  per_second: 1
  burst_count: 20
 ```
@@ -70,7 +70,7 @@ make sure that your Synapse server has either a `federation` or `openid`

 ### MatrixRTC Backend

-In order to **guarantee smooth operation** of Element Call MatrixRTC backend is
+In order to **guarantee smooth operation** of Element Call, a MatrixRTC backend is
 required for each site deployment.

 ![MSC4195 compatible setup](MSC4195_setup.drawio.png)
@@ -152,12 +152,46 @@ handle {
 }
 ```

+Using Haproxy, you can achieve this by:
+
+```
+# Frontend
+    # Match /livekit/sfu/ path
+    acl is_sfu path_beg -i /livekit/sfu/
+    use_backend sfu_backend if is_sfu matrixrtc_domain
+
+    acl is_mxrtc_auth path_beg -i /sfu/get
+    use_backend mxrtc_auth_backend if is_mxrtc_auth matrixrtc_domain
+
+# Backend
+## MatrixRTC backend
+backend sfu_backend
+    server livekit 127.0.0.1:7880
+    http-request set-path %[path,regsub(^/livekit/sfu/,/)]
+    http-request set-header Host %[req.hdr(host)]
+    timeout server 120s
+    # WebSocket support
+    option forwardfor
+    option http-server-close
+    option http-buffer-request
+
+backend mxrtc_auth_backend
+    server sfu 127.0.0.1:8070
+    http-request set-header Host %[req.hdr(host)]
+    timeout server 120s
+    # WebSocket support
+    option forwardfor
+    option http-server-close
+    option http-buffer-request
+
+```
+
 #### MatrixRTC backend announcement

 > [!IMPORTANT]
 > As defined in
-> [MSC4143](https://github.com/matrix-org/matrix-spec-proposals/pull/4143)
-> MatrixRTC backend must be announced to the client via your **Matrix site's
+> [MSC4143](https://github.com/matrix-org/matrix-spec-proposals/pull/4143),
+> the MatrixRTC backend(s) must be announced to the client via your **Matrix site's
 > `.well-known/matrix/client`** file (e.g.
 > `example.com/.well-known/matrix/client` matching the site deployment example
 > from above). The configuration is a list of Foci configs:
@@ -188,7 +222,7 @@ Access-Control-Allow-Headers: X-Requested-With, Content-Type, Authorization

 > [!NOTE]  
 > Most `org.matrix.msc4143.rtc_foci` configurations will only have one entry in
-> the array
+> the array.

 ## Building Element Call

@@ -203,8 +237,8 @@ source. First, clone and install the package:
 git clone https://github.com/element-hq/element-call.git
 cd element-call
 corepack enable
-yarn
-yarn build
+pnpm install
+pnpm build
 ```

 If all went well, you can now find the build output under `dist` as a series of
@@ -257,7 +291,7 @@ be able to handle those yet and it may behave unreliably.

 Therefore, to use a self-hosted homeserver, this is recommended to be a new
 server where any user account created has not joined any normal rooms anywhere
-in the Matrix federated network. The homeserver used can be setup to disable
+in the Matrix federated network. The homeserver used can be set up to disable
 federation, so as to prevent spam registrations (if you keep registrations open)
 and to ensure Element Call continues to work in case any user decides to log in
 to their Element Call account using the standard Element app and joins normal
--- a/docs/url_params.md
+++ b/docs/url_params.md
@@ -4,7 +4,7 @@ There are two formats for Element Call URLs.

 ## Link for sharing

-Requires Element Call to be deployed in [standalone](./embedded-standalone.md) mode.
+Requires Element Call to be deployed in [standalone](./embedded_standalone.md) mode.

 ```text
 https://element_call.domain/room/#
@@ -12,7 +12,7 @@ https://element_call.domain/room/#
 ```

 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
+contains the app and the intent 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 room ID and the password which are used
@@ -36,61 +36,60 @@ possible to support encryption.

 | Package                              | Deployment                    | URL                                                                           |
 | ------------------------------------ | ----------------------------- | ----------------------------------------------------------------------------- |
-| [Full](./embedded-standalone.md)     | All                           | `https://element_call.domain/room`                                            |
-| [Embedded](./embedded-standalone.md) | Remote URL                    | `https://element_call.domain/` n.b. no `/room` part                           |
-| [Embedded](./embedded-standalone.md) | Embedded within messenger app | Platform dependent, but you load the `index.html` file without a `/room` part |
+| [Full](./embedded_standalone.md)     | All                           | `https://element_call.domain/room`                                            |
+| [Embedded](./embedded_standalone.md) | Remote URL                    | `https://element_call.domain/` n.b. no `/room` part                           |
+| [Embedded](./embedded_standalone.md) | Embedded within messenger app | Platform dependent, but you load the `index.html` file without a `/room` part |

 ## Parameters

 ### Common Parameters

-These parameters are relevant to both [widget](./embedded-standalone.md) and [standalone](./embedded-standalone.md) modes:
+These parameters are relevant to both [widget](./embedded_standalone.md) and [standalone](./embedded_standalone.md) modes:

-| Name                                                    | Values                                                                                               | Required for widget                                                                               | Required for SPA             | Description                                                                                                                                                                                                                                                                                                                                                                                         |
-| ------------------------------------------------------- | ---------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------- | ---------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
-| `intent`                                                | `start_call`, `join_existing`, `start_call_dm`, `join_existing_dm.                                   | No, defaults to `start_call`                                                                      | No, defaults to `start_call` | The intent is a special url parameter that defines the defaults for all the other parameters. In most cases it should be enough to only set the intent to setup element-call.                                                                                                                                                                                                                       |
-| `allowIceFallback`                                      | `true` or `false`                                                                                    | No, defaults to `false`                                                                           | No, defaults to `false`      | Allows use of fallback STUN servers for ICE if the user's homeserver doesn’t provide any.                                                                                                                                                                                                                                                                                                           |
-| `analyticsID` (deprecated: use `posthogUserId` instead) | Posthog analytics ID                                                                                 | No                                                                                                | No                           | Available only with user's consent for sharing telemetry in Element Web.                                                                                                                                                                                                                                                                                                                            |
-| `appPrompt`                                             | `true` or `false`                                                                                    | No, defaults to `true`                                                                            | No, defaults to `true`       | Prompts the user to launch the native mobile app upon entering a room, applicable only on Android and iOS, and must be enabled in config.                                                                                                                                                                                                                                                           |
-| `confineToRoom`                                         | `true` or `false`                                                                                    | No, defaults to `false`                                                                           | No, defaults to `false`      | Keeps the user confined to the current call/room.                                                                                                                                                                                                                                                                                                                                                   |
-| `displayName`                                           |                                                                                                      | No                                                                                                | No                           | Display name used for auto-registration.                                                                                                                                                                                                                                                                                                                                                            |
-| `enableE2EE` (deprecated)                               | `true` or `false`                                                                                    | No, defaults to `true`                                                                            | No, defaults to `true`       | Legacy flag to enable end-to-end encryption, not used in the `livekit` branch.                                                                                                                                                                                                                                                                                                                      |
-| `fontScale`                                             | A decimal number such as `0.9`                                                                       | No, defaults to `1.0`                                                                             | No, defaults to `1.0`        | Factor by which to scale the interface's font size.                                                                                                                                                                                                                                                                                                                                                 |
-| `fonts`                                                 |                                                                                                      | No                                                                                                | No                           | Defines the font(s) used by the interface. Multiple font parameters can be specified: `?font=font-one&font=font-two...`.                                                                                                                                                                                                                                                                            |
-| `header`                                                | `none`, `standard` or `app_bar`                                                                      | No, defaults to `standard`                                                                        | No, defaults to `standard`   | The style of headers to show. `standard` is the default arrangement, `none` hides the header entirely, and `app_bar` produces a header with a back button like you might see in mobile apps. The callback for the back button is `window.controls.onBackButtonPressed`.                                                                                                                             |
-| `hideScreensharing`                                     | `true` or `false`                                                                                    | No, defaults to `false`                                                                           | No, defaults to `false`      | Hides the screen-sharing button.                                                                                                                                                                                                                                                                                                                                                                    |
-| `homeserver`                                            |                                                                                                      | Not applicable                                                                                    | No                           | Homeserver for registering a new (guest) user, configures non-default guest user server when creating a spa link.                                                                                                                                                                                                                                                                                   |
-| `lang`                                                  | [BCP 47](https://www.rfc-editor.org/info/bcp47) code                                                 | No                                                                                                | No                           | The language the app should use.                                                                                                                                                                                                                                                                                                                                                                    |
-| `password`                                              |                                                                                                      | No                                                                                                | No                           | E2EE password when using a shared secret. (For individual sender keys in embedded mode this is not required.)                                                                                                                                                                                                                                                                                       |
-| `perParticipantE2EE`                                    | `true` or `false`                                                                                    | No, defaults to `false`                                                                           | No, defaults to `false`      | Enables per participant encryption with Keys exchanged over encrypted matrix room messages.                                                                                                                                                                                                                                                                                                         |
-| `controlledAudioDevices`                                | `true` or `false`                                                                                    | No, defaults to `false`                                                                           | No, defaults to `false`      | Whether the [global JS controls for audio devices](./controls.md#audio-devices) should be enabled, allowing the list of audio devices to be controlled by the app hosting Element Call.                                                                                                                                                                                                             |
-| `roomId`                                                | [Matrix Room ID](https://spec.matrix.org/v1.12/appendices/#room-ids)                                 | Yes                                                                                               | No                           | Anything about what room we're pointed to should be from useRoomIdentifier which parses the path and resolves alias with respect to the default server name, however roomId is an exception as we need the room ID in embedded widget mode, and not the room alias (or even the via params because we are not trying to join it). This is also not validated, where it is in `useRoomIdentifier()`. |
-| `showControls`                                          | `true` or `false`                                                                                    | No, defaults to `true`                                                                            | No, defaults to `true`       | Displays controls like mute, screen-share, invite, and hangup buttons during a call.                                                                                                                                                                                                                                                                                                                |
-| `skipLobby` (deprecated: use `intent` instead)          | `true` or `false`                                                                                    | No. If `intent` is explicitly `start_call` then defaults to `true`. Otherwise defaults to `false` | No, defaults to `false`      | Skips the lobby to join a call directly, can be combined with preload in widget. When `true` the audio and video inputs will be muted by default. (This means there currently is no way to start without muted video if one wants to skip the lobby. Also not in widget mode.)                                                                                                                      |
-| `theme`                                                 | One of: `light`, `dark`, `light-high-contrast`, `dark-high-contrast`                                 | No, defaults to `dark`                                                                            | No, defaults to `dark`       | UI theme to use.                                                                                                                                                                                                                                                                                                                                                                                    |
-| `viaServers`                                            | Comma separated list of [Matrix Server Names](https://spec.matrix.org/v1.12/appendices/#server-name) | Not applicable                                                                                    | No                           | Homeserver for joining a room, non-empty value required for rooms not on the user’s default homeserver.                                                                                                                                                                                                                                                                                             |
-| `sendNotificationType`                                  | `ring` or `notification`                                                                             | No                                                                                                | No                           | Will send a "ring" or "notification" `m.rtc.notification` event if the user is the first one in the call.                                                                                                                                                                                                                                                                                           |
-| `autoLeaveWhenOthersLeft`                               | `true` or `false`                                                                                    | No, defaults to `false`                                                                           | No, defaults to `false`      | Whether the app should automatically leave the call when there is no one left in the call.                                                                                                                                                                                                                                                                                                          |
-| `waitForCallPickup`                                     | `true` or `false`                                                                                    | No, defaults to `false`                                                                           | No, defaults to `false`      | When sending a notification, show UI that the app is awaiting an answer, play a dial tone, and (in widget mode) auto-close the widget once the notification expires.                                                                                                                                                                                                                                |
+| Name                                           | Values                                                                                                                                                             | Required for widget                                                                               | Required for SPA             | Description                                                                                                                                                                                                                                                                                                                                                                                         |
+| ---------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------ | ------------------------------------------------------------------------------------------------- | ---------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| `intent`                                       | `start_call`, `join_existing`, `start_call_voice`, `join_existing_voice`, `start_call_dm`, `join_existing_dm`, `start_call_dm_voice`, or `join_existing_dm_voice`. | No, defaults to `start_call`                                                                      | No, defaults to `start_call` | The intent is a special url parameter that defines the defaults for all the other parameters. In most cases it should be enough to only set the intent to setup element-call.                                                                                                                                                                                                                       |
+| `allowIceFallback`                             | `true` or `false`                                                                                                                                                  | No, defaults to `false`                                                                           | No, defaults to `false`      | Allows use of fallback STUN servers for ICE if the user's homeserver doesn’t provide any.                                                                                                                                                                                                                                                                                                           |
+| `posthogUserId`                                | Posthog analytics ID                                                                                                                                               | No                                                                                                | No                           | Available only with user's consent for sharing telemetry in Element Web.                                                                                                                                                                                                                                                                                                                            |
+| `confineToRoom`                                | `true` or `false`                                                                                                                                                  | No, defaults to `false`                                                                           | No, defaults to `false`      | Keeps the user confined to the current call/room.                                                                                                                                                                                                                                                                                                                                                   |
+| `displayName`                                  |                                                                                                                                                                    | No                                                                                                | No                           | Display name used for auto-registration.                                                                                                                                                                                                                                                                                                                                                            |
+| `enableE2EE` (deprecated)                      | `true` or `false`                                                                                                                                                  | No, defaults to `true`                                                                            | No, defaults to `true`       | Legacy flag to enable end-to-end encryption, not used in the `livekit` branch.                                                                                                                                                                                                                                                                                                                      |
+| `fontScale`                                    | A decimal number such as `0.9`                                                                                                                                     | No, defaults to `1.0`                                                                             | No, defaults to `1.0`        | Factor by which to scale the interface's font size.                                                                                                                                                                                                                                                                                                                                                 |
+| `fonts`                                        |                                                                                                                                                                    | No                                                                                                | No                           | Defines the font(s) used by the interface. Multiple font parameters can be specified: `?font=font-one&font=font-two...`.                                                                                                                                                                                                                                                                            |
+| `header`                                       | `none`, `standard` or `app_bar`                                                                                                                                    | No, defaults to `standard`                                                                        | No, defaults to `standard`   | The style of headers to show. `standard` is the default arrangement, `none` hides the header entirely, and `app_bar` produces a header with a back button like you might see in mobile apps. The callback for the back button is `window.controls.onBackButtonPressed`.                                                                                                                             |
+| `hideScreensharing`                            | `true` or `false`                                                                                                                                                  | No, defaults to `false`                                                                           | No, defaults to `false`      | Hides the screen-sharing button.                                                                                                                                                                                                                                                                                                                                                                    |
+| `homeserver`                                   |                                                                                                                                                                    | Not applicable                                                                                    | No                           | Homeserver for registering a new (guest) user, configures non-default guest user server when creating a spa link.                                                                                                                                                                                                                                                                                   |
+| `lang`                                         | [BCP 47](https://www.rfc-editor.org/info/bcp47) code                                                                                                               | No                                                                                                | No                           | The language the app should use.                                                                                                                                                                                                                                                                                                                                                                    |
+| `password`                                     |                                                                                                                                                                    | No                                                                                                | No                           | E2EE password when using a shared secret. (For individual sender keys in embedded mode this is not required.)                                                                                                                                                                                                                                                                                       |
+| `perParticipantE2EE`                           | `true` or `false`                                                                                                                                                  | No, defaults to `false`                                                                           | No, defaults to `false`      | Enables per participant encryption with Keys exchanged over encrypted matrix room messages.                                                                                                                                                                                                                                                                                                         |
+| `controlledAudioDevices`                       | `true` or `false`                                                                                                                                                  | No, defaults to `false`                                                                           | No, defaults to `false`      | Whether the [global JS controls for audio devices](./controls.md#audio-devices) should be enabled, allowing the list of audio devices to be controlled by the app hosting Element Call.                                                                                                                                                                                                             |
+| `roomId`                                       | [Matrix Room ID](https://spec.matrix.org/v1.12/appendices/#room-ids)                                                                                               | Yes                                                                                               | No                           | Anything about what room we're pointed to should be from useRoomIdentifier which parses the path and resolves alias with respect to the default server name, however roomId is an exception as we need the room ID in embedded widget mode, and not the room alias (or even the via params because we are not trying to join it). This is also not validated, where it is in `useRoomIdentifier()`. |
+| `showControls`                                 | `true` or `false`                                                                                                                                                  | No, defaults to `true`                                                                            | No, defaults to `true`       | Displays controls like mute, screen-share, invite, and hangup buttons during a call.                                                                                                                                                                                                                                                                                                                |
+| `skipLobby` (deprecated: use `intent` instead) | `true` or `false`                                                                                                                                                  | No. If `intent` is explicitly `start_call` then defaults to `true`. Otherwise defaults to `false` | No, defaults to `false`      | Skips the lobby to join a call directly, can be combined with preload in widget. When `true` the audio and video inputs will be muted by default. (This means there currently is no way to start without muted video if one wants to skip the lobby. Also not in widget mode.)                                                                                                                      |
+| `theme`                                        | One of: `light`, `dark`, `light-high-contrast`, `dark-high-contrast`                                                                                               | No, defaults to `dark`                                                                            | No, defaults to `dark`       | UI theme to use.                                                                                                                                                                                                                                                                                                                                                                                    |
+| `viaServers`                                   | Comma separated list of [Matrix Server Names](https://spec.matrix.org/v1.12/appendices/#server-name)                                                               | Not applicable                                                                                    | No                           | Homeserver for joining a room, non-empty value required for rooms not on the user’s default homeserver.                                                                                                                                                                                                                                                                                             |
+| `sendNotificationType`                         | `ring` or `notification`                                                                                                                                           | No                                                                                                | No                           | Will send a "ring" or "notification" `m.rtc.notification` event if the user is the first one in the call.                                                                                                                                                                                                                                                                                           |
+| `autoLeaveWhenOthersLeft`                      | `true` or `false`                                                                                                                                                  | No, defaults to `false`                                                                           | No, defaults to `false`      | Whether the app should automatically leave the call when there is no one left in the call.                                                                                                                                                                                                                                                                                                          |
+| `waitForCallPickup`                            | `true` or `false`                                                                                                                                                  | No, defaults to `false`                                                                           | No, defaults to `false`      | When sending a notification, show UI that the app is awaiting an answer, play a dial tone, and (in widget mode) auto-close the widget once the notification expires.                                                                                                                                                                                                                                |

 ### Widget-only parameters

-These parameters are only supported in [widget](./embedded-standalone.md) mode.
+These parameters are only supported in [widget](./embedded_standalone.md) mode.

-| Name            | Values                                                                                    | Required                | Description                                                                                                                                                                                                                                                                                                                                        |
-| --------------- | ----------------------------------------------------------------------------------------- | ----------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
-| `baseUrl`       |                                                                                           | Yes                     | The base URL of the homeserver to use for media lookups.                                                                                                                                                                                                                                                                                           |
-| `deviceId`      | Matrix device ID                                                                          | Yes                     | The Matrix device ID for the widget host.                                                                                                                                                                                                                                                                                                          |
-| `parentUrl`     |                                                                                           | Yes                     | 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) |
-| `posthogUserId` | Posthog user identifier                                                                   | No                      | This replaces the `analyticsID` parameter                                                                                                                                                                                                                                                                                                          |
-| `preload`       | `true` or `false`                                                                         | No, defaults to `false` | Pauses app before joining a call until an `io.element.join` widget action is seen, allowing preloading.                                                                                                                                                                                                                                            |
-| `returnToLobby` | `true` or `false`                                                                         | No, defaults to `false` | Displays the lobby in widget mode after leaving a call; shows a blank page if set to `false`. Useful for video rooms.                                                                                                                                                                                                                              |
-| `userId`        | [Matrix User Identifier](https://spec.matrix.org/v1.12/appendices/#user-identifiers)      | Yes                     | The Matrix user ID.                                                                                                                                                                                                                                                                                                                                |
-| `widgetId`      | [MSC2774](https://github.com/matrix-org/matrix-spec-proposals/pull/2774) format widget ID | Yes                     | 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`.                                                                                                                                        |
+| Name            | Values                                                                                    | Required                | Description                                                                                                                                                                                                                                                                                                                                                 |
+| --------------- | ----------------------------------------------------------------------------------------- | ----------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| `baseUrl`       |                                                                                           | Yes                     | The base URL of the homeserver to use for media lookups.                                                                                                                                                                                                                                                                                                    |
+| `deviceId`      | Matrix device ID                                                                          | Yes                     | The Matrix device ID for the widget host.                                                                                                                                                                                                                                                                                                                   |
+| `parentUrl`     |                                                                                           | Yes                     | 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 in the same WebView the widget lives in. Filtering is done in the widget so it ignores the messages it receives from itself.) |
+| `posthogUserId` | Posthog user identifier                                                                   | No                      | This replaces the `analyticsID` parameter                                                                                                                                                                                                                                                                                                                   |
+| `preload`       | `true` or `false`                                                                         | No, defaults to `false` | Pauses app before joining a call until an `io.element.join` widget action is seen, allowing preloading.                                                                                                                                                                                                                                                     |
+| `returnToLobby` | `true` or `false`                                                                         | No, defaults to `false` | Displays the lobby in widget mode after leaving a call; shows a blank page if set to `false`. Useful for video rooms.                                                                                                                                                                                                                                       |
+| `userId`        | [Matrix User Identifier](https://spec.matrix.org/v1.12/appendices/#user-identifiers)      | Yes                     | The Matrix user ID.                                                                                                                                                                                                                                                                                                                                         |
+| `widgetId`      | [MSC2774](https://github.com/matrix-org/matrix-spec-proposals/pull/2774) format widget ID | Yes                     | 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`.                                                                                                                                                 |

 ### Embedded-only parameters

-These parameters are only supported in the [embedded](./embedded-standalone.md) package of Element Call and will be ignored in the [full](./embedded-standalone.md) package.
+These parameters are only supported in the [embedded](./embedded_standalone.md) package of Element Call and will be ignored in the [full](./embedded_standalone.md) package.

 | Name                 | Values                                                                     | Required | Description                                                                                                                        |
 | -------------------- | -------------------------------------------------------------------------- | -------- | ---------------------------------------------------------------------------------------------------------------------------------- |
--- a/embedded/android/gradle/libs.versions.toml
+++ b/embedded/android/gradle/libs.versions.toml
@@ -2,11 +2,11 @@
 # https://docs.gradle.org/current/userguide/platforms.html#sub::toml-dependencies-format

 [versions]
-android_gradle_plugin = "8.13.0"
+android_gradle_plugin = "8.13.2"

 [libraries]
 android_gradle_plugin = { module = "com.android.tools.build:gradle", version.ref = "android_gradle_plugin" }

 [plugins]
 android_library = { id = "com.android.library", version.ref = "android_gradle_plugin" }
-maven_publish = { id = "com.vanniktech.maven.publish", version = "0.34.0" }
+maven_publish = { id = "com.vanniktech.maven.publish", version = "0.36.0" }
--- a/embedded/android/gradle/wrapper/gradle-wrapper.properties
+++ b/embedded/android/gradle/wrapper/gradle-wrapper.properties
@@ -1,6 +1,6 @@
 distributionBase=GRADLE_USER_HOME
 distributionPath=wrapper/dists
-distributionUrl=https\://services.gradle.org/distributions/gradle-8.14.3-all.zip
+distributionUrl=https\://services.gradle.org/distributions/gradle-8.14.5-all.zip
 networkTimeout=10000
 validateDistributionUrl=true
 zipStoreBase=GRADLE_USER_HOME
--- a/embedded/android/publish_android_package.sh
+++ b/embedded/android/publish_android_package.sh
@@ -11,7 +11,7 @@ pushd $CURRENT_DIR > /dev/null
 function build_assets() {
 	echo "Generating Element Call assets..."
 	pushd ../..  > /dev/null
-	yarn build
+	pnpm build
 	popd  > /dev/null
 }

@@ -26,7 +26,7 @@ function copy_assets() {
 }

 getopts :sh opt
-case $opt in 
+case $opt in
 	s)
 		SKIP=1
 		;;
@@ -41,7 +41,7 @@ if [ ! $SKIP ]; then
  echo ""
  if [[ $REPLY =~ ^[Yy]$ ]]; then
    build_assets
-  else 
+  else
    echo "Using existing assets from ../../dist"
  fi
  copy_assets
@@ -56,4 +56,4 @@ echo "Publishing the Android project"

 ./gradlew publishAndReleaseToMavenCentral --no-daemon

-popd  > /dev/null
+popd  > /dev/null
--- a/index.html
+++ b/index.html
@@ -10,12 +10,25 @@

    <meta
      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=1.0"
+      content="viewport-fit=cover, width=device-width, initial-scale=1.0, maximum-scale=1.0"
    />
    <title><%- brand %></title>
    <script>
      window.global = window;
    </script>
+    <!-- Polyfill for Chrome < 119 (Huawei WebView, etc.) -->
+    <script>
+      if (!Promise.withResolvers) {
+        Promise.withResolvers = function () {
+          var resolve, reject;
+          var promise = new Promise(function (a, b) {
+            resolve = a;
+            reject = b;
+          });
+          return { promise: promise, resolve: resolve, reject: reject };
+        };
+      }
+    </script>

    <% if (packageType === "full") { %>
    <!-- Open graph meta tags -->
--- a/knip.ts
+++ b/knip.ts
@@ -9,7 +9,7 @@ import { type KnipConfig } from "knip";

 export default {
  vite: {
-    config: ["vite.config.ts", "vite-embedded.config.ts"],
+    config: ["vite.config.ts", "vite-embedded.config.ts", "vite-sdk.config.ts"],
  },
  entry: ["src/main.tsx", "i18next-parser.config.ts"],
  ignoreBinaries: [
@@ -18,6 +18,7 @@ export default {
    // https://docs.docker.com/compose/migrate/
    "docker-compose",
  ],
+  ignoreFiles: ["scripts/.pnpmfile.cjs"],
  ignoreDependencies: [
    // Used in CSS
    "normalize.css",
@@ -30,14 +31,10 @@ export default {
    "@types/content-type",
    "@types/sdp-transform",
    "@types/uuid",
-    // We obviously use this, but if the package has been linked with yarn link,
+    // We obviously use this, but if the package has been linked with pnpm link,
    // then Knip will flag it as a false positive
    // https://github.com/webpro-nl/knip/issues/766
    "@vector-im/compound-web",
-    // We need this so that TypeScript is happy with @livekit/track-processors.
-    // This might be a bug in the LiveKit repo but for now we fix it on the
-    // Element Call side.
-    "@types/dom-mediacapture-transform",
    "matrix-widget-api",
  ],
  ignoreExportsUsedInFile: true,
--- a/locales/bg/app.json
+++ b/locales/bg/app.json
@@ -11,22 +11,29 @@
    "register": "Регистрация",
    "remove": "Премахни",
    "sign_in": "Влез",
-    "sign_out": "Излез"
+    "sign_out": "Излез",
+    "submit": "Израти"
  },
+  "analytics_notice": "Когато участвате в тази бета, вие съгласявате се с събирането на анонимни данни, които използваме, за да подобрим продукта. Повечето информация за данните, които следим, можете да намерите в нашата <2>Политика за поверителност</2> и нашата <6>Политика за бисквитки</6>.",
  "call_ended_view": {
    "create_account_button": "Създай акаунт",
    "create_account_prompt": "<0>Защо не настройте парола за да запазите акаунта си?</0><1>Ще можете да запазите името и аватара си за бъдещи разговори</1>",
-    "not_now_button": "Не сега, върни се на началния екран"
+    "feedback_done": "<0>Благодаря за обратната връзка!</0>",
+    "headline": "{{displayName}}, разговорът Ви приключи.",
+    "not_now_button": "Не сега, върни се на началния екран",
+    "survey_prompt": "Как мина?"
  },
  "common": {
    "audio": "Звук",
    "avatar": "Аватар",
    "display_name": "Име/псевдоним",
+    "encrypted": "Шифровано",
    "home": "Начало",
    "loading": "Зареждане…",
    "password": "Парола",
    "profile": "Профил",
    "settings": "Настройки",
+    "unencrypted": "Нешифровано",
    "username": "Потребителско име",
    "video": "Видео"
  },
--- a/locales/cs/app.json
+++ b/locales/cs/app.json
@@ -22,12 +22,6 @@
    "upload_file": "Nahrát soubor"
  },
  "analytics_notice": "Účastí v této beta verzi souhlasíte se shromažďováním anonymních údajů, které používáme ke zlepšování produktu. Více informací o tom, které údaje sledujeme, najdete v našich <2>Zásadách ochrany osobních údajů</2> a <6>Zásadách používání souborů cookie</6>.",
-  "app_selection_modal": {
-    "continue_in_browser": "Pokračovat v prohlížeči",
-    "open_in_app": "Otevřít v aplikaci",
-    "text": "Jste připraveni se připojit?",
-    "title": "Vybrat aplikaci"
-  },
  "call_ended_view": {
    "create_account_button": "Vytvořit účet",
    "create_account_prompt": "<0>Proč neskončit nastavením hesla, abyste mohli účet použít znovu?</0><1>Budete si moci nechat své jméno a nastavit si avatar pro budoucí hovory </1>",
@@ -55,6 +49,7 @@
    "profile": "Profil",
    "reaction": "Reakce",
    "reactions": "Reakce",
+    "reconnecting": "Opětovné spojení...",
    "settings": "Nastavení",
    "unencrypted": "Nešifrováno",
    "username": "Uživatelské jméno",
@@ -63,6 +58,14 @@
  "developer_mode": {
    "always_show_iphone_earpiece": "Zobrazit možnost sluchátek pro iPhone na všech platformách",
    "crypto_version": "Kryptografická verze: {{version}}",
+    "custom_livekit_url": {
+      "current_url": "Aktuálně nastaveno na: ",
+      "from_config": "Aktuálně není nastaveno žádné přepsání. Používá se URL z well-known nebo konfigurace.",
+      "label": "Vlastní Livekit-url",
+      "reset": "Resetovat přepsání",
+      "save": "Uložit",
+      "saving": "Ukládání..."
+    },
    "debug_tile_layout_label": "Ladění rozložení dlaždic",
    "device_id": "ID zařízení: {{id}}",
    "duplicate_tiles_label": "Počet dalších kopií dlaždic na účastníka",
@@ -70,13 +73,25 @@
    "hostname": "Název hostitele: {{hostname}}",
    "livekit_server_info": "Informace o serveru LiveKit",
    "livekit_sfu": "LiveKit SFU: {{url}}",
+    "matrixRTCMode": {
+      "Comptibility": {
+        "description": "Kompatibilní s domovskými servery, které nepodporují přilnavé události (ale všechny ostatní EC klienti jsou v0.17.0 nebo novější)",
+        "label": "Kompatibilita: stavové události a více SFU"
+      },
+      "Legacy": {
+        "description": "Kompatibilní se starými verzemi EC, které nepodporují multi SFU",
+        "label": "Zastaralé: stavové události a nejstarší členské SFU"
+      },
+      "Matrix_2_0": {
+        "description": "Kompatibilní pouze s domovskými servery podporujícími přilnavé události a všemi klienty EC v0.17.0 nebo novějšími.",
+        "label": "Matrix 2.0: přilnavé události a multi SFU"
+      },
+      "title": "Režim MatrixRTC"
+    },
    "matrix_id": "Matrix ID: {{id}}",
    "mute_all_audio": "Ztlumit všechny zvuky (účastníci, reakce, zvuky připojení)",
    "show_connection_stats": "Zobrazit statistiky připojení",
-    "show_non_member_tiles": "Zobrazit dlaždice pro nečlenská média",
-    "url_params": "Parametry URL",
-    "use_new_membership_manager": "Použijte novou implementaci volání MembershipManager",
-    "use_to_device_key_transport": "Použít přenos klíčů do zařízení. Tím se vrátíte k přenosu klíčů do místnosti, když jiný účastník hovoru pošle klíč místnosti"
+    "url_params": "Parametry URL"
  },
  "disconnected_banner": "Připojení k serveru bylo ztraceno.",
  "error": {
@@ -91,9 +106,11 @@
    "generic_description": "Odeslání protokolů ladění nám pomůže vystopovat problém.",
    "insufficient_capacity": "Nedostatečná kapacita",
    "insufficient_capacity_description": "Server dosáhl své maximální kapacity a v tuto chvíli se nemůžete připojit k hovoru. Zkuste to později nebo se obraťte na správce serveru, pokud problém přetrvává.",
-    "matrix_rtc_focus_missing": "Server není nakonfigurován pro práci s {{brand}}. Obraťte se na správce serveru (Doména: {{domain}}, Kód chyby: {{ errorCode }}).",
+    "matrix_rtc_transport_missing": "Server není nakonfigurován pro práci s {{brand}}. Obraťte se na správce serveru (Doména: {{domain}}, Kód chyby: {{ errorCode }}).",
    "open_elsewhere": "Otevřeno na jiné kartě",
    "open_elsewhere_description": "{{brand}} byl otevřen v jiné záložce. Pokud to nezní správně, zkuste stránku znovu načíst.",
+    "room_creation_restricted": "Nepodařilo se vytvořit hovor",
+    "room_creation_restricted_description": "Vytváření hovorů může být omezeno pouze na oprávněné uživatele. Zkuste to znovu později nebo se obraťte na správce serveru, pokud problém přetrvává.",
    "unexpected_ec_error": "Došlo k neočekávané chybě (<0>Error Code:</0> <1>{{ errorCode }}</1>). Obraťte se prosím na správce serveru."
  },
  "group_call_loader": {
@@ -225,7 +242,6 @@
  "video_tile": {
    "always_show": "Vždy zobrazit",
    "camera_starting": "Načítání videa...",
-    "change_fit_contain": "Přizpůsobit rámu",
    "collapse": "Sbalit",
    "expand": "Rozbalit",
    "mute_for_me": "Pro mě ztlumit",
--- a/locales/da/app.json
+++ b/locales/da/app.json
@@ -22,12 +22,6 @@
    "upload_file": "Upload fil"
  },
  "analytics_notice": "Ved at deltage i denne beta giver du samtykke til indsamling af anonyme data, som vi bruger til at forbedre produktet. Du kan finde flere oplysninger om, hvilke data vi sporer, i vores <2>fortrolighedspolitik</2> og vores <6>cookiepolitik</6>.",
-  "app_selection_modal": {
-    "continue_in_browser": "Fortsæt i browseren",
-    "open_in_app": "Åbn i appen",
-    "text": "Klar til at deltage?",
-    "title": "Vælg app"
-  },
  "call_ended_view": {
    "create_account_button": "Opret konto",
    "create_account_prompt": "<0>Hvorfor ikke afslutte med at oprette en adgangskode for at beholde din konto? </0><1>Du kan beholde dit navn og indstille en avatar til brug ved fremtidige opkald </1>",
@@ -55,6 +49,7 @@
    "profile": "Profil",
    "reaction": "Reaktion",
    "reactions": "Reaktioner",
+    "reconnecting": "Genopretter forbindelse…",
    "settings": "Indstillinger",
    "unencrypted": "Ikke krypteret",
    "username": "Brugernavn",
@@ -73,10 +68,7 @@
    "matrix_id": "Matrix ID: {{id}}",
    "mute_all_audio": "Slå al lyd fra (deltagere, reaktioner, deltagelseslyde)",
    "show_connection_stats": "Vis forbindelsesstatistik",
-    "show_non_member_tiles": "Vis fliser for medier fra ikke-medlemmer",
-    "url_params": "URL-parametre",
-    "use_new_membership_manager": "Brug den nye implementering af opkaldet MembershipManager",
-    "use_to_device_key_transport": "Bruges til at transportere enhedsnøgler. Dette vil falde tilbage til transport af værelsesnøgler, når et andet opkaldsmedlem sender en rumnøgle"
+    "url_params": "URL-parametre"
  },
  "disconnected_banner": "Forbindelsen til serveren er gået tabt.",
  "error": {
@@ -91,7 +83,6 @@
    "generic_description": "Indsendelse af fejlfindingslogfiler hjælper os med at spore problemet.",
    "insufficient_capacity": "Utilstrækkelig kapacitet",
    "insufficient_capacity_description": "Serveren har nået sin maksimale kapacitet, og du kan ikke deltage i opkaldet på dette tidspunkt. Prøv igen senere, eller kontakt din serveradministrator, hvis problemet fortsætter.",
-    "matrix_rtc_focus_missing": "Serveren er ikke konfigureret til at arbejde med {{brand}}{{domain}}. Kontakt venligst din serveradministrator (domæne:{{domain}}, fejlkode: {{ errorCode }}).",
    "open_elsewhere": "Åbnet i en anden fane",
    "open_elsewhere_description": "{{brand}} er blevet åbnet i en anden fane. Hvis det ikke lyder rigtigt, kan du prøve at genindlæse siden.",
    "room_creation_restricted": "Kunne ikke oprette opkald",
@@ -225,7 +216,6 @@
  "video_tile": {
    "always_show": "Vis altid",
    "camera_starting": "Indlæser video",
-    "change_fit_contain": "Tilpas til rammen",
    "collapse": "Fold sammen",
    "expand": "Udvid",
    "mute_for_me": "Slå lyden fra for mig",
--- a/locales/de/app.json
+++ b/locales/de/app.json
@@ -22,12 +22,6 @@
    "upload_file": "Datei hochladen"
  },
  "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"
-  },
  "call_ended_view": {
    "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>",
@@ -64,6 +58,14 @@
  "developer_mode": {
    "always_show_iphone_earpiece": "iPhone-Ohrhörer-Option auf allen Plattformen anzeigen",
    "crypto_version": "Krypto-Version: {{version}}",
+    "custom_livekit_url": {
+      "current_url": "Derzeit eingestellt auf: ",
+      "from_config": "Derzeit ist keine spezielle (benutzerdefinierte) URL eingestellt. Daher wird automatisch die URL verwendet, die entweder via „.well-known“ oder in der Webbrowser-Konfiguration („config“) hinterlegt ist.",
+      "label": "Benutzerdefinierte Livekit-URL",
+      "reset": "Zurücksetzen der benutzerdefinierten URL",
+      "save": "Speichern",
+      "saving": "Speichern..."
+    },
    "debug_tile_layout_label": "Kachel-Layout debuggen",
    "device_id": "Geräte-ID: {{id}}",
    "duplicate_tiles_label": "Anzahl zusätzlicher Kachelkopien pro Teilnehmer",
@@ -71,13 +73,25 @@
    "hostname": "Hostname: {{hostname}}",
    "livekit_server_info": "LiveKit-Server Informationen",
    "livekit_sfu": "LiveKit SFU: {{url}}",
+    "matrixRTCMode": {
+      "Comptibility": {
+        "description": "Kompatibel mit Homeservern ohne Sticky Events Support, wobei alle beteiligten Element Call Clients v0.17.0 oder neuer sein müssen.",
+        "label": "Kompatibilität: State Events & Multi-SFU"
+      },
+      "Legacy": {
+        "description": "Kompatibel mit älteren Versionen von Element Call, welche Multi-SFU nicht unterstützen",
+        "label": "Legacy: State Events und \"Oldest Membership\" SFU"
+      },
+      "Matrix_2_0": {
+        "description": "Nur mit Homeservern kompatibel, die Sticky Events unterstützen, wobei alle beteiligten Element Call Clients Version v0.17.0 oder neuer sein müssen.",
+        "label": "Matrix 2.0: Sticky Events und Multi-SFU"
+      },
+      "title": "MatrixRTC Modus"
+    },
    "matrix_id": "Matrix-ID: {{id}}",
    "mute_all_audio": "Stummschalten aller Audiosignale (Teilnehmer, Reaktionen, Beitrittsgeräusche)",
    "show_connection_stats": "Verbindungsstatistiken anzeigen",
-    "show_non_member_tiles": "Kacheln für Nicht-Mitgliedermedien anzeigen",
-    "url_params": "URL-Parameter",
-    "use_new_membership_manager": "Neuen MembershipManager verwenden",
-    "use_to_device_key_transport": "To-Device media E2EE Schlüssel-Transport verwenden. Falls ein anderer Teilnehmer bereits den Raumschlüssel-Transport verwendet, wird automatisch auf Raumschlüssel-Transport zurückgegriffen."
+    "url_params": "URL-Parameter"
  },
  "disconnected_banner": "Die Verbindung zum Server wurde getrennt.",
  "error": {
@@ -88,13 +102,17 @@
    "connection_lost_description": "Ihre Verbindung zum Anruf wurde unterbrochen.",
    "e2ee_unsupported": "Inkompatibler Browser",
    "e2ee_unsupported_description": "Ihr Webbrowser unterstützt keine verschlüsselten Anrufe. Zu den unterstützten Browsern gehören Chrome, Safari und Firefox 117+.",
+    "failed_to_start_livekit": "LiveKit-Verbindung konnte nicht hergestellt werden",
    "generic": "Etwas ist schief gelaufen",
    "generic_description": "Durch das Senden von Debugprotokollen können wir das Problem leichter eingrenzen.",
    "insufficient_capacity": "Unzureichende Kapazität",
    "insufficient_capacity_description": "Der Server hat seine maximale Kapazität erreicht, daher ist ein Beitritt zum Anruf derzeit nicht möglich. Bitte später erneut versuchen oder den Serveradministrator kontaktieren, falls das Problem weiterhin besteht.",
-    "matrix_rtc_focus_missing": "Der Server ist nicht für die Verwendung mit {{brand}} konfiguriert. Bitte den Serveradministrator kontaktieren (Domain: {{domain}}, Fehlercode: {{ errorCode }}).",
+    "matrix_rtc_transport_missing": "Der Server ist nicht für die Verwendung mit {{brand}} konfiguriert. Bitte den Server Admin kontaktieren (Domain: {{domain}}, Fehlercode: {{ errorCode }}).",
+    "membership_manager": "Fehler im MatrixRTC Mitgliedschaftsmanager",
+    "membership_manager_description": "Der MatrixRTC Mitgliedschaftsmanager wurde unerwartet aufgrund fehlgeschlagener Netzwerkanfragen beendet.",
+    "no_matrix_2_authorization_service": "Der Autorisierungsdienst des Medien Servers (SFU) ist veraltet.",
    "open_elsewhere": "In einem anderen Tab geöffnet",
-    "open_elsewhere_description": "{{brand}} wurde in einem anderen Tab geöffnet. Wenn das nicht richtig klingt, versuchen Sie, die Seite neu zu laden.",
+    "open_elsewhere_description": "{{brand}} wurde in einem anderen Tab geöffnet. Wenn das nicht richtig klingt, versuche, die Seite neu zu laden.",
    "room_creation_restricted": "Anruf konnte nicht erstellt werden",
    "room_creation_restricted_description": "Das Erstellen von Anrufen ist nur für autorisierte Nutzer möglich. Versuche es später erneut oder kontaktiere deinen Serveradministrator, falls das Problem weiterhin besteht.",
    "unexpected_ec_error": "Ein unerwarteter Fehler ist aufgetreten (<0>Fehlercode: </0> <1>{{ errorCode }}</1>). Bitte den Serveradministrator kontaktieren."
@@ -200,9 +218,9 @@
    "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.",
    "preferences_tab": {
      "developer_mode_label": "Entwickler-Modus",
-      "developer_mode_label_description": "Aktivieren Sie den Entwicklermodus und zeigen Sie die Registerkarte mit den Entwicklereinstellungen an.",
+      "developer_mode_label_description": "Aktiviere den Entwicklermodus und zeige Entwicklereinstellungen an.",
      "introduction": "Hier können zusätzliche Optionen für individuelle Anforderungen eingestellt werden.",
-      "reactions_play_sound_description": "Spielen Sie einen Soundeffekt ab, wenn jemand eine Reaktion auf einen Anruf sendet.",
+      "reactions_play_sound_description": "Spiele einen Soundeffekt ab, wenn jemand eine Reaktion auf einen Anruf sendet.",
      "reactions_play_sound_label": "Reaktionstöne abspielen",
      "reactions_show_description": "Zeige eine Animation, wenn jemand eine Reaktion sendet.",
      "reactions_show_label": "Reaktionen anzeigen",
@@ -225,12 +243,14 @@
  "version": "{{productName}} Version: {{version}}",
  "video_tile": {
    "always_show": "Immer anzeigen",
+    "call_ended": "Anruf beendet",
+    "calling": "Anruf…",
    "camera_starting": "Video wird geladen...",
-    "change_fit_contain": "An Fenster anpassen",
    "collapse": "Minimieren",
    "expand": "Erweitern",
    "mute_for_me": "Für mich stumm schalten",
    "muted_for_me": "Für mich stumm geschaltet",
+    "screen_share_volume": "Lautstärke der Bildschirmfreigabe",
    "volume": "Lautstärke",
    "waiting_for_media": "Warten auf Medien..."
  }
--- a/locales/el/app.json
+++ b/locales/el/app.json
@@ -22,12 +22,6 @@
    "upload_file": "Μεταφόρτωση αρχείου"
  },
  "analytics_notice": "Συμμετέχοντας σε αυτή τη δοκιμαστική έκδοση, συναινείτε στη συλλογή ανώνυμων δεδομένων, τα οποία χρησιμοποιούμε για τη βελτίωση του προϊόντος. Μπορείτε να βρείτε περισσότερες πληροφορίες σχετικά με το ποια δεδομένα καταγράφουμε στην <2>Πολιτική απορρήτου</2> και στην <6>Πολιτική cookies</6>.",
-  "app_selection_modal": {
-    "continue_in_browser": "Συνέχεια στο πρόγραμμα περιήγησης",
-    "open_in_app": "Ανοίξτε στην εφαρμογή",
-    "text": "Έτοιμοι να συμμετάσχετε?",
-    "title": "Επιλέξτε εφαρμογή"
-  },
  "call_ended_view": {
    "create_account_button": "Δημιουργία λογαριασμού",
    "create_account_prompt": "<0>Γιατί να μην ολοκληρώσετε με τη δημιουργία ενός κωδικού πρόσβασης για τη διατήρηση του λογαριασμού σας;</0><1>Θα μπορείτε να διατηρήσετε το όνομά σας και να ορίσετε ένα avatar για χρήση σε μελλοντικές κλήσεις.</1>",
@@ -71,7 +65,6 @@
    "livekit_sfu": "LiveKit SFU: {{url}}",
    "matrix_id": "Αναγνωριστικό Matrix: {{id}}",
    "show_connection_stats": "Εμφάνιση στατιστικών σύνδεσης",
-    "show_non_member_tiles": "Εμφάνιση πλακιδίων για μέσα μη-μελών",
    "url_params": "Παράμετροι URL"
  },
  "header_label": "Element Κεντρική Οθόνη Κλήσεων",
--- a/locales/en/app.json
+++ b/locales/en/app.json
@@ -3,6 +3,7 @@
    "user_menu": "User menu"
  },
  "action": {
+    "blur_background": "Blur background",
    "close": "Close",
    "copy_link": "Copy link",
    "edit": "Edit",
@@ -22,12 +23,6 @@
    "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"
-  },
  "call_ended_view": {
    "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>",
@@ -108,13 +103,21 @@
    "connection_lost_description": "You were disconnected from the call.",
    "e2ee_unsupported": "Incompatible browser",
    "e2ee_unsupported_description": "Your web browser does not support encrypted calls. Supported browsers include Chrome, Safari, and Firefox 117+.",
+    "failed_to_start_livekit": "Failed to start Livekit connection",
    "generic": "Something went wrong",
    "generic_description": "Submitting debug logs will help us track down the problem.",
    "insufficient_capacity": "Insufficient capacity",
    "insufficient_capacity_description": "The server has reached its maximum capacity and you cannot join the call at this time. Try again later, or contact your server admin if the problem persists.",
+    "livekit_connection_error": "Failed to connect to Livekit server",
+    "livekit_connection_error_description": "An error occurred while connecting to the Livekit server (<1>Reason:</1> <2>{{ reason }}</2>).",
    "matrix_rtc_transport_missing": "The server is not configured to work with {{brand}}. Please contact your server admin (Domain: {{domain}}, Error Code: {{ errorCode }}).",
+    "membership_manager": "Membership Manager Error",
+    "membership_manager_description": "The Membership Manager had to shut down. This is caused by many consecutive failed network requests.",
+    "no_matrix_2_authorization_service": "The authorization service for your media server (SFU) is out of date.",
    "open_elsewhere": "Opened in another tab",
    "open_elsewhere_description": "{{brand}} has been opened in another tab. If that doesn't sound right, try reloading the page.",
+    "peer_connection_timeout": "Connection timeout",
+    "peer_connection_timeout_description": "Connection to the media server timed out. Try switching to a different network or disabling your VPN. If the problem persists, see our <0>troubleshooting guide</0> or contact your server administrator.",
    "room_creation_restricted": "Failed to create call",
    "room_creation_restricted_description": "Call creation might be restricted to authorized users only. Try again later, or contact your server admin if the problem persists.",
    "unexpected_ec_error": "An unexpected error occurred (<0>Error Code:</0> <1>{{ errorCode }}</1>). Please contact your server admin."
@@ -147,6 +150,7 @@
  },
  "layout_grid_label": "Grid",
  "layout_spotlight_label": "Spotlight",
+  "layout_switch_label": "Layout",
  "lobby": {
    "ask_to_join": "Request to join call",
    "join_as_guest": "Join as guest",
@@ -238,6 +242,7 @@
  "stop_video_button_label": "Stop video",
  "submitting": "Submitting…",
  "switch_camera": "Switch camera",
+  "technical_details": "Technical details",
  "unauthenticated_view_body": "Not registered yet? <2>Create an account</2>",
  "unauthenticated_view_login_button": "Login to your account",
  "unauthenticated_view_ssla_caption": "By clicking \"Go\", you agree to our <2>Software and Services License Agreement (SSLA)</2>",
@@ -245,12 +250,14 @@
  "version": "{{productName}} version: {{version}}",
  "video_tile": {
    "always_show": "Always show",
+    "call_ended": "Call ended",
+    "calling": "Calling…",
    "camera_starting": "Video loading...",
-    "change_fit_contain": "Fit to frame",
    "collapse": "Collapse",
    "expand": "Expand",
    "mute_for_me": "Mute for me",
    "muted_for_me": "Muted for me",
+    "screen_share_volume": "Screen share volume",
    "volume": "Volume",
    "waiting_for_media": "Waiting for media..."
  }
--- a/locales/es/app.json
+++ b/locales/es/app.json
@@ -5,22 +5,23 @@
  "action": {
    "close": "Cerrar",
    "copy_link": "Copiar vínculo",
+    "edit": "Editar",
    "go": "Comenzar",
    "invite": "Invitar",
+    "lower_hand": "Bajar mano",
    "no": "No",
+    "pick_reaction": "Elige reacción",
+    "raise_hand": "Levantar la mano",
    "register": "Registrarse",
    "remove": "Eliminar",
+    "show_less": "Mostrar menos",
+    "show_more": "Mostrar más",
    "sign_in": "Iniciar sesión",
    "sign_out": "Cerrar sesión",
-    "submit": "Enviar"
+    "submit": "Enviar",
+    "upload_file": "Cargar archivo"
  },
  "analytics_notice": "Al participar en esta beta, consientes a la recogida de datos anónimos, los cuales usaremos para mejorar el producto. Puedes encontrar más información sobre que datos recogemos en nuestra <2>Política de privacidad</2> y en nuestra <5>Política sobre Cookies</5>.",
-  "app_selection_modal": {
-    "continue_in_browser": "Continuar en el navegador",
-    "open_in_app": "Abrir en la aplicación",
-    "text": "¿Listo para unirte?",
-    "title": "Selecciona aplicación"
-  },
  "call_ended_view": {
    "create_account_button": "Crear cuenta",
    "create_account_prompt": "<0>¿Por qué no mantienes tu cuenta estableciendo una contraseña?</0><1>Podrás mantener tu nombre y establecer un avatar para usarlo en futuras llamadas</1>",
@@ -28,30 +29,142 @@
    "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",
+    "reconnect_button": "Reconnectar",
    "survey_prompt": "¿Cómo ha ido?"
  },
+  "call_name": "Nombre de la llamada",
  "common": {
+    "analytics": "Analíticas",
+    "audio": "Audio",
+    "avatar": "Avatar",
+    "back": "Regresar",
    "display_name": "Nombre a mostrar",
+    "encrypted": "Cifrado",
    "home": "Inicio",
    "loading": "Cargando…",
+    "next": "Próximo",
+    "options": "Opciones",
    "password": "Contraseña",
+    "preferences": "Preferencias",
    "profile": "Perfil",
+    "reaction": "Reacción",
+    "reactions": "Reacciones",
+    "reconnecting": "Reconectando…",
    "settings": "Ajustes",
-    "username": "Nombre de usuario"
+    "unencrypted": "Sin cifrar",
+    "username": "Nombre de usuario",
+    "video": "Vídeo"
  },
+  "developer_mode": {
+    "always_show_iphone_earpiece": "Mostrar la opción de auricular del iPhone en todas las plataformas",
+    "crypto_version": "Versión criptográfica: {{version}}",
+    "custom_livekit_url": {
+      "current_url": "Actualmente configurado: ",
+      "from_config": "Actualmente, no hay ninguna sobrescritura configurada. Se utiliza la URL de well-known o config.",
+      "label": "URL personalizada de Livekit",
+      "reset": "Restablecer sobrescritura",
+      "save": "Guardar",
+      "saving": "Guardando..."
+    },
+    "debug_tile_layout_label": "Depurar diseño de mosaicos",
+    "device_id": "ID del dispositivo: {{id}}",
+    "duplicate_tiles_label": "Número de copias adicionales de fichas por participante",
+    "environment_variables": "Variables de entorno",
+    "hostname": "Nombre del Host: {{hostname}}",
+    "livekit_server_info": "Información servidor LiveKit",
+    "livekit_sfu": "LiveKit SFU:{{url}}",
+    "matrixRTCMode": {
+      "Comptibility": {
+        "description": "Compatible con servidores privados que no admiten eventos persistentes (pero todos los demás clientes de EC son v0.17.0 o posteriores)",
+        "label": "Compatibilidad: eventos de estado y SFU múltiple"
+      },
+      "Legacy": {
+        "description": "Compatible con versiones antiguas de EC que no admiten SFU múltiple.",
+        "label": "Legado: eventos estatales y membresía más antigua SFU"
+      },
+      "Matrix_2_0": {
+        "description": "Compatible solo con servidores domésticos que admiten eventos persistentes y todos los clientes EC v0.17.0 o posterior",
+        "label": "Matrix 2.0: eventos persistentes y SFU múltiple"
+      },
+      "title": "Modo MatrixRTC"
+    },
+    "matrix_id": "Matrix ID: {{id}}",
+    "mute_all_audio": "Silenciar todo el audio (participantes, reacciones, sonidos de unirse)",
+    "show_connection_stats": "Mostrar estadísticas de conexión",
+    "url_params": "Parámetros URL"
+  },
+  "disconnected_banner": "Se perdió la conectividad con el servidor.",
+  "error": {
+    "call_is_not_supported": "La llamada no es compatible",
+    "call_not_found": "Llamada no encontrada",
+    "call_not_found_description": "<0>Ese enlace no parece pertenecer a ninguna llamada existente. Comprueba que tienes el enlace correcto o <2>crea uno nuevo</2>.</0>",
+    "connection_lost": "Conexión interrumpida",
+    "connection_lost_description": "Se cortadó la llamada.",
+    "e2ee_unsupported": "Navegador incompatible",
+    "e2ee_unsupported_description": "Tu navegador web no admite llamadas cifradas. Los navegadores compatibles son Chrome, Safari y Firefox 117+.",
+    "failed_to_start_livekit": "No se ha podido iniciar la conexión Livekit.",
+    "generic": "Algo salió mal",
+    "generic_description": "Enviar registros de depuración nos ayudará a localizar el problema.",
+    "insufficient_capacity": "Capacidad insuficiente",
+    "insufficient_capacity_description": "El servidor ha alcanzado su capacidad máxima y no puedes unirte a la llamada en el momento. Inténtalo más tarde o contacta el administrador del servidor si el problema persiste.",
+    "matrix_rtc_transport_missing": "El servidor no está configurado para trabajar con{{brand}} . Por favor, póngase en contacto con el administrador de su servidor (Dominio:{{domain}} Código de error:{{ errorCode }} ).",
+    "membership_manager": "Error del administrador de miembros",
+    "membership_manager_description": "El Administrador de Membresías tuvo que cerrarse debido a numerosas solicitudes de red fallidas consecutivas.",
+    "no_matrix_2_authorization_service": "El servicio de autorización de su servidor multimedia (SFU) está desactualizado.",
+    "open_elsewhere": "Abierto en otra pestaña",
+    "open_elsewhere_description": "{{brand}}Se ha abierto en otra pestaña. Si no suena bien, intenta recargar la página.",
+    "room_creation_restricted": "Falló crear llamada",
+    "room_creation_restricted_description": "La creación de llamadas podría estar restringida solo a usuarios autorizados. Inténtelo de nuevo más tarde o póngase en contacto con el administrador del servidor si el problema persiste.",
+    "unexpected_ec_error": "Se produjo un error inesperado (<0> Código de error:</0><1>{{ errorCode }}</1> ) Por favor, contacta el administrador de su servidor."
+  },
+  "group_call_loader": {
+    "banned_body": "Has sido expulsado de la sala.",
+    "banned_heading": "Bloqueado",
+    "call_ended_body": "Te han retirado de la llamada.",
+    "call_ended_heading": "Llamada finalizada",
+    "knock_reject_body": "Su solicitud para unirse fue rechazada.",
+    "knock_reject_heading": "Acceso denegado",
+    "reason": "Razón:{{reason}}"
+  },
+  "handset": {
+    "overlay_back_button": "Volver al modo altavoz",
+    "overlay_description": "Solo funciona mientras se utiliza la aplicación.",
+    "overlay_title": "Modo teléfono"
+  },
+  "hangup_button_label": "Finalizar llamada",
  "header_label": "Inicio de Element Call",
+  "header_participants_label": "Participantes",
+  "invite_modal": {
+    "link_copied_toast": "Enlace copiado al portapapeles",
+    "title": "Invita a esta llamada"
+  },
  "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_grid_label": "Grilla",
  "layout_spotlight_label": "Foco",
  "lobby": {
-    "join_button": "Unirse a la llamada"
+    "ask_to_join": "Solicitar unirse a la llamada",
+    "join_as_guest": "Unirse como invitado",
+    "join_button": "Unirse a la llamada",
+    "leave_button": "Volver a recientes",
+    "waiting_for_invite": "¡Solicitud enviada! Esperando permiso para unir..."
  },
+  "log_in": "Iniciar sesión",
  "logging_in": "Iniciando sesión…",
  "login_auth_links": "<0>Crear una cuenta</0> o <2>Acceder como invitado</2>",
+  "login_auth_links_prompt": "¿Aún no se ha registrado?",
+  "login_subheading": "Continuar a Element",
  "login_title": "Iniciar sesión",
+  "microphone_off": "Micrófono desactivado",
+  "microphone_on": "Micrófono activado",
+  "mute_microphone_button_label": "Silenciar micrófono",
+  "participant_count_one": "{{count, number}}",
+  "participant_count_other": "{{count, number}}",
+  "qr_code": "CÓDIGO QR",
+  "rageshake_button_error_caption": "Reintentar enviar registros",
  "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"
@@ -59,30 +172,83 @@
  "rageshake_send_logs": "Enviar registros de depuración",
  "rageshake_sending": "Enviando…",
  "rageshake_sending_logs": "Enviando registros de depuración…",
+  "rageshake_sent": "¡Gracias!",
  "recaptcha_dismissed": "Recaptcha cancelado",
  "recaptcha_not_loaded": "No se ha cargado el Recaptcha",
+  "recaptcha_ssla_caption": "Este sitio está protegido por ReCAPTCHA y se aplican las <2> política de privacidad</2> y<6> Condiciones de servicio</6>de Google aplican.<9></9> Al hacer clic en \"Registrarse\", se acepta nuestros <12> Acuerdo de licencia de software y servicios (SSLA)</12>",
  "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",
+  "register_heading": "Crear tu cuenta",
  "return_home_button": "Volver a la pantalla de inicio",
+  "room_auth_view_continue_button": "Continuar",
+  "room_auth_view_ssla_caption": "Al hacer clic en \"Unirse a la llamada ahora\", acepta nuestros<2> Acuerdo de licencia de software y servicios (SSLA)</2>",
  "screenshare_button_label": "Compartir pantalla",
  "settings": {
+    "audio_tab": {
+      "effect_volume_description": "Ajusta el volumen al que se reproducen las reacciones y los efectos de subir la mano.",
+      "effect_volume_label": "Volumen de efectos de sonido"
+    },
+    "background_blur_header": "Fondo",
+    "background_blur_label": "Desenfocar el fondo del vídeo",
+    "blur_not_supported_by_browser": "(El desenfoque de fondo no esta sopportado de este dispositivo).",
    "developer_tab_title": "Desarrollador",
+    "devices": {
+      "camera": "Cámara",
+      "camera_numbered": "Cámara {{n}}",
+      "change_device_button": "Cambiar dispositivo de audio",
+      "default": "Por defecto",
+      "default_named": "Por defecto<2> ({{name}})</2>",
+      "handset": "Dispositivo",
+      "loudspeaker": "Altavoz",
+      "microphone": "Micrófono",
+      "microphone_numbered": "Micrófono {{n}}",
+      "speaker": "Altavoz",
+      "speaker_numbered": "Altavoz {{n}}"
+    },
    "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",
-    "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."
+    "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.",
+    "preferences_tab": {
+      "developer_mode_label": "Modo desarrollador",
+      "developer_mode_label_description": "Activa el modo de desarrollador y muestra la pestaña de configuración de desarrollador.",
+      "introduction": "Aquí puedes configurar opciones adicionales para una experiencia mejorada.",
+      "reactions_play_sound_description": "Reproduce un sonido cuando alguien envíe una reacción en una llamada.",
+      "reactions_play_sound_label": "Reproduce sonidos de reacción",
+      "reactions_show_description": "Muestra una animación cuando alguien envíe una reacción.",
+      "reactions_show_label": "Mostrar reacciones",
+      "show_hand_raised_timer_description": "Mostrar un temporizador cuando un participante levante la mano",
+      "show_hand_raised_timer_label": "Mostrar la duración de la subida de la mano"
+    }
  },
  "star_rating_input_label_one": "{{count}} estrella",
  "star_rating_input_label_other": "{{count}} estrellas",
+  "start_new_call": "Iniciar nueva llamada",
+  "start_video_button_label": "Iniciar vídeo",
+  "stop_screenshare_button_label": "Compartiendo pantalla",
+  "stop_video_button_label": "Parar vídeo",
  "submitting": "Enviando…",
+  "switch_camera": "Cambiar cámara",
  "unauthenticated_view_body": "¿No estás registrado todavía? <2>Crear una cuenta</2>",
  "unauthenticated_view_login_button": "Iniciar sesión en tu cuenta",
-  "version": "Versión: {{version}}"
+  "unauthenticated_view_ssla_caption": "Al hacer clic en «Continuar», aceptas nuestro Acuerdo de licencia de software y servicios (SSLA) de <2>.</2>",
+  "unmute_microphone_button_label": "Activar micrófono",
+  "version": "Versión: {{version}}",
+  "video_tile": {
+    "always_show": "Mostrar siempre",
+    "camera_starting": "Cargando video...",
+    "collapse": "Colapsar",
+    "expand": "Expandir",
+    "mute_for_me": "Silenciar para mí",
+    "muted_for_me": "Silenciado para mí",
+    "volume": "Volumen",
+    "waiting_for_media": "Esperando medios..."
+  }
 }
--- a/locales/et/app.json
+++ b/locales/et/app.json
@@ -22,12 +22,6 @@
    "upload_file": "Laadi fail üles"
  },
  "analytics_notice": "Nõustudes selle beetaversiooni kasutamisega, sa nõustud ka toote arendamiseks kasutatavate anonüümsete andmete kogumisega. Täpsemat teavet kogutavate andmete kohta leiad meie <2>Privaatsuspoliitikast</2> ja meie <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"
-  },
  "call_ended_view": {
    "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>",
@@ -55,6 +49,7 @@
    "profile": "Profiil",
    "reaction": "Reaktsioon",
    "reactions": "Reageerimised",
+    "reconnecting": "Ühendan uuesti…",
    "settings": "Seadistused",
    "unencrypted": "Krüptimata",
    "username": "Kasutajanimi",
@@ -63,6 +58,14 @@
  "developer_mode": {
    "always_show_iphone_earpiece": "Näita iPhone'i kuulari valikut kõikidel platvormidel",
    "crypto_version": "Krüptoteekide versioon: {{version}}",
+    "custom_livekit_url": {
+      "current_url": "Hetkel määratud olekuks: ",
+      "from_config": "Hetkel on ülekirjutamine määratlemata. Kasutusel on võrguaadress „well-known“-failist või seadistustest.",
+      "label": "Sisu määratud Livekit-url",
+      "reset": "Lähtesta ülekirjutamine",
+      "save": "Salvesta",
+      "saving": "Salvestan..."
+    },
    "debug_tile_layout_label": "Meediapaanide paigutus",
    "device_id": "Seadme tunnus: {{id}}",
    "duplicate_tiles_label": "Täiendavaid vaadete koopiaid osaleja kohta",
@@ -70,13 +73,13 @@
    "hostname": "Hosti nimi: {{hostname}}",
    "livekit_server_info": "LiveKiti serveri teave",
    "livekit_sfu": "LiveKit SFU: {{url}}",
+    "matrixRTCMode": {
+      "title": "MatrixRTC režiim"
+    },
    "matrix_id": "Matrixi kasutajatunnus: {{id}}",
    "mute_all_audio": "Summuta kõik helid (osalejad, regeerimised, liitumise helid)",
    "show_connection_stats": "Näita ühenduse statistikat",
-    "show_non_member_tiles": "Näita ka mitteseotud meedia paane",
-    "url_params": "Võrguaadressi parameetrid",
-    "use_new_membership_manager": "Kasuta kõne liikmelisuse halduri (MembershipManager) uut implementatsiooni",
-    "use_to_device_key_transport": "Kasuta seadmepõhist krüptovõtmete vahetust. Kui jututoa liige peaks saatma jututoakohase krüptovõtme, siis kasuta jututoakohast võtmevahetust"
+    "url_params": "Võrguaadressi parameetrid"
  },
  "disconnected_banner": "Võrguühendus serveriga on katkenud.",
  "error": {
@@ -87,11 +90,14 @@
    "connection_lost_description": "Sinu ühendus selle kõnega on katkenud.",
    "e2ee_unsupported": "Mitteühilduv brauser",
    "e2ee_unsupported_description": "Sinu veebibrauser ei toeta krüptitud kõnesid. Toimivad veebibrauserid on Chrome, Safari, ja Firefox 117+.",
+    "failed_to_start_livekit": "Ei õnnestunud käivitada Livekiti ühendust",
    "generic": "Midagi läks valesti",
    "generic_description": "Silumis- ja vealogide saatmine võib aidata meid vea põhjuseni jõuda.",
    "insufficient_capacity": "Mittepiisav jõudlus",
    "insufficient_capacity_description": "Serveri jõudluse ülempiir on hetkel ületatud ja sa ei saa hetkel selle kõnega liituda. Proovi hiljem uuesti või kui probleem kestab kauem, siis võta ühendust serveri haldajaga.",
-    "matrix_rtc_focus_missing": "See server pole seadistatud töötama rakendusega {{brand}}. Palun võta ühendust serveri halduriga (domeen: {{domain}}, veakood: {{ errorCode }}).",
+    "matrix_rtc_transport_missing": "See server pole seadistatud töötama rakendusega {{brand}}. Palun võta ühendust serveri halduriga (domeen: {{domain}}, veakood: {{ errorCode }}).",
+    "membership_manager": "Viga liikmelisuse haldamisel",
+    "membership_manager_description": "Liikmelisuse haldur pidi oma töö lõpetama. Selle põhjuseks olid paljud järjestikused ebaõnnestunud võrgupäringud.",
    "open_elsewhere": "Avatud teisel vahekaardil",
    "open_elsewhere_description": "{{brand}} on avatud teisel vahekaardil. Kui see ei tundu olema õige, proovi selle lehe uuesti laadimist.",
    "room_creation_restricted": "Kõne loomine ei õnnestunud",
@@ -109,7 +115,8 @@
  },
  "handset": {
    "overlay_back_button": "Tagasi esineja vaatesse",
-    "overlay_description": "See toimib vaid rakenduse kasutamise ajal"
+    "overlay_description": "See toimib vaid rakenduse kasutamise ajal",
+    "overlay_title": "Telefonirežiim"
  },
  "hangup_button_label": "Lõpeta kõne",
  "header_label": "Avaleht: Element Call",
@@ -182,6 +189,7 @@
      "change_device_button": "Muuda heliseadet",
      "default": "Vaikimisi",
      "default_named": "Vaikimisi <2>({{name}})</2>",
+      "handset": "Telefon",
      "loudspeaker": "Valjuhääldi",
      "microphone": "Mikrofon",
      "microphone_numbered": "Mikrofon {{n}}",
@@ -223,7 +231,6 @@
  "video_tile": {
    "always_show": "Näita alati",
    "camera_starting": "Video on laadimisel...",
-    "change_fit_contain": "Mahuta aknasse",
    "collapse": "Näita vähem",
    "expand": "Näita rohkem",
    "mute_for_me": "Summuta minu jaoks",
--- a/locales/fi/app.json
+++ b/locales/fi/app.json
@@ -22,12 +22,6 @@
    "upload_file": "Lähetä tiedosto"
  },
  "analytics_notice": "Osallistumalla tähän betaan hyväksyt nimettömien tietojen keräämisen, joita käytämme tuotteen parantamiseen. Löydät lisätietoa siitä, mitä tietoja seuraamme meidän <2> Tietosuojakäytännöstä</2> ja <6>Evästekäytännöstä</6> .",
-  "app_selection_modal": {
-    "continue_in_browser": "Jatka selaimessa",
-    "open_in_app": "Avaa sovelluksessa",
-    "text": "Oletko valmis liittymään?",
-    "title": "Valitse sovellus"
-  },
  "call_ended_view": {
    "create_account_button": "Luo tili",
    "create_account_prompt": "<0>Miksi et viimeistelisi määrittämällä salasanaa tilisi säilyttämiseksi?</0><1>Voit säilyttää nimesi ja asettaa avatarin käytettäväksi tulevissa puheluissa</1>",
@@ -55,13 +49,23 @@
    "profile": "Profiili",
    "reaction": "Reaktio",
    "reactions": "Reaktiot",
+    "reconnecting": "Yhdistetään uudelleen...",
    "settings": "Asetukset",
    "unencrypted": "Ei salattu",
    "username": "Käyttäjänimi",
    "video": "Video"
  },
  "developer_mode": {
+    "always_show_iphone_earpiece": "Näytä iPhone korvakaiutinvaihtoehto kaikilla alustoilla",
    "crypto_version": "Kryptoversio: {{version}}",
+    "custom_livekit_url": {
+      "current_url": "Tällä hetkellä asetettu: ",
+      "from_config": "Tällä hetkellä ei ole asetettu päällekirjoitusta. Käytetään URL-osoitetta well-known tiedostosta tai konfiguraatiosta.",
+      "label": "Mukautettu Livekit-url",
+      "reset": "Palauta päällekirjoitus",
+      "save": "Tallenna",
+      "saving": "Tallennetaan..."
+    },
    "debug_tile_layout_label": "Laattojen asettelun vianmääritys",
    "device_id": "Laitteen tunnus: {{id}}",
    "duplicate_tiles_label": "Lisälaattakopioiden määrä osallistujaa kohti",
@@ -69,29 +73,48 @@
    "hostname": "Isäntänimi: {{hostname}}",
    "livekit_server_info": "LiveKit-palvelimen tiedot",
    "livekit_sfu": "LiveKit SFU: {{url}}",
+    "matrixRTCMode": {
+      "Comptibility": {
+        "description": "Yhteensopiva kotipalvelimien kanssa, jotka eivät tue tarttuvia tapahtumia (mutta kaikki muut EC-sovellukset ovat v0.17.0 tai uudempia)",
+        "label": "Yhteensopivuus: tilatapahtumat ja useat SFU:t"
+      },
+      "Legacy": {
+        "description": "Yhteensopiva vanhempien EC-versioiden kanssa, jotka eivät tue useita SFU:ita",
+        "label": "Vanha: tilatapahtumat ja vanhimman jäsenen SFU"
+      },
+      "Matrix_2_0": {
+        "description": "Yhteensopiva vain tarttuvia tapahtumia tukevien kotipalvelimien ja kaikkien EC-sovelluksien v0.17.0 tai uudempien kanssa",
+        "label": "Matrix 2.0: tarttuvat tapahtumat ja useat SFU:t"
+      },
+      "title": "MatrixRTC-tila"
+    },
    "matrix_id": "Matrix tunnus: {{id}}",
+    "mute_all_audio": "Mykistä kaikki ääni (osallistujat, reaktiot, liittymisäänet)",
    "show_connection_stats": "Näytä yhteystilastot",
-    "show_non_member_tiles": "Näytä laatat ei-jäsenien medialle",
-    "url_params": "URL-parametrit",
-    "use_new_membership_manager": "Käytä uutta puhelun MembershipManagerin toteutusta",
-    "use_to_device_key_transport": "Käytä laitteen avainten kuljetusta. Tämä palaa huoneen avainten siirtoon, kun toinen puhelun jäsen lähettää huoneavaimen"
+    "url_params": "URL-parametrit"
  },
  "disconnected_banner": "Yhteys palvelimeen on katkennut.",
  "error": {
    "call_is_not_supported": "Puhelua ei tueta",
    "call_not_found": "Puhelua ei löydy",
-    "call_not_found_description": "<0>Kyseinen linkki ei näytä kuuluvan mihinkään olemassa olevaan puheluun. Tarkista, että sinulla on oikea linkki, tai <1>luo uusi linkki</1>.</0>",
+    "call_not_found_description": "<0>Kyseinen linkki ei näytä kuuluvan mihinkään olemassa olevaan puheluun. Tarkista, että sinulla on oikea linkki, tai <2>luo uusi linkki</2>.</0>",
    "connection_lost": "Yhteys katkesi",
    "connection_lost_description": "Sinut katkaistiin puhelusta.",
    "e2ee_unsupported": "Yhteensopimaton selain",
    "e2ee_unsupported_description": "Verkkoselaimesi ei tue salattuja puheluita. Tuettuja selaimia ovat Chrome, Safari ja Firefox 117+.",
+    "failed_to_start_livekit": "Livekit-yhteyden muodostaminen epäonnistui.",
    "generic": "Jokin meni pieleen",
    "generic_description": "Vianmäärityslokien lähettäminen auttaa meitä jäljittämään ongelman.",
    "insufficient_capacity": "Riittämätön kapasiteetti",
    "insufficient_capacity_description": "Palvelin on saavuttanut maksimikapasiteettinsa, etkä voi liittyä puheluun tällä hetkellä. Yritä myöhemmin uudelleen tai ota yhteyttä palvelimen ylläpitäjään, jos ongelma jatkuu.",
-    "matrix_rtc_focus_missing": "Palvelinta ei ole määritetty toimimaan {{brand}} -sovelluksen kanssa. Ota yhteyttä palvelimen ylläpitäjään (Verkkotunnus: {{domain}}, Virhekoodi: {{ errorCode }}).",
+    "matrix_rtc_transport_missing": "Palvelinta ei ole määritetty toimimaan {{brand}} -sovelluksen kanssa. Ota yhteyttä palvelimen ylläpitäjään (Verkkotunnus: {{domain}}, Virhekoodi: {{ errorCode }}).",
+    "membership_manager": "Jäsenyydenhallinnan virhe",
+    "membership_manager_description": "Jäsenyyshallinta jouduttiin sulkemaan. Tämä johtui useista peräkkäisistä epäonnistuneista verkkopyynnöistä.",
+    "no_matrix_2_authorization_service": "Mediapalvelimesi (SFU) valtuutuspalvelu on vanhentunut.",
    "open_elsewhere": "Avattu toisessa välilehdessä",
    "open_elsewhere_description": "{{brand}} on avattu toisessa välilehdessä. Jos tämä ei kuulosta oikealta, yritä ladata sivu uudelleen.",
+    "room_creation_restricted": "Puhelun luominen epäonnistui",
+    "room_creation_restricted_description": "Puheluiden luominen saattaa olla rajoitettu vain valtuutetuille käyttäjille. Yritä myöhemmin uudelleen tai ota yhteyttä palvelimen ylläpitäjään, jos ongelma jatkuu.",
    "unexpected_ec_error": "Tapahtui odottamaton virhe (<0>Virhekoodi:</0> <1>{{ errorCode }}</1>). Ota yhteyttä palvelimen ylläpitäjään."
  },
  "group_call_loader": {
@@ -103,6 +126,11 @@
    "knock_reject_heading": "Pääsy kielletty",
    "reason": "Syy: {{reason}}"
  },
+  "handset": {
+    "overlay_back_button": "Takaisin kaiutintilaan",
+    "overlay_description": "Toimii vain sovellusta käytettäessä",
+    "overlay_title": "Luuritila"
+  },
  "hangup_button_label": "Lopeta puhelu",
  "header_label": "Element Call Etusivu",
  "header_participants_label": "Osallistujat",
@@ -171,8 +199,11 @@
    "devices": {
      "camera": "Kamera",
      "camera_numbered": "Kamera {{n}}",
+      "change_device_button": "Vaihda äänilaite",
      "default": "Oletus",
      "default_named": "Oletus <2>({{name}})</2>",
+      "handset": "Luuri",
+      "loudspeaker": "Kaiutin",
      "microphone": "Mikrofoni",
      "microphone_numbered": "Mikrofoni {{n}}",
      "speaker": "Kaiutin",
@@ -212,12 +243,14 @@
  "version": "{{productName}} versio: {{version}}",
  "video_tile": {
    "always_show": "Näytä aina",
+    "call_ended": "Puhelu päättyi",
+    "calling": "Soitetaan…",
    "camera_starting": "Videota ladataan...",
-    "change_fit_contain": "Sovita kehykseen",
    "collapse": "Supista",
    "expand": "Laajenna",
    "mute_for_me": "Mykistä minulle",
    "muted_for_me": "Mykistetty minulle",
+    "screen_share_volume": "Näytönjaon äänenvoimakkuus",
    "volume": "Äänenvoimakkuus",
    "waiting_for_media": "Odotetaan mediaa..."
  }
--- a/locales/fr/app.json
+++ b/locales/fr/app.json
@@ -5,22 +5,23 @@
  "action": {
    "close": "Fermer",
    "copy_link": "Copier le lien",
+    "edit": "Modifier",
    "go": "Commencer",
    "invite": "Inviter",
+    "lower_hand": "Baisser la main",
    "no": "Non",
+    "pick_reaction": "Choisir une réaction",
+    "raise_hand": "Lever la main",
    "register": "S’enregistrer",
    "remove": "Supprimer",
+    "show_less": "Afficher moins",
+    "show_more": "Afficher plus",
    "sign_in": "Connexion",
    "sign_out": "Déconnexion",
-    "submit": "Envoyer"
+    "submit": "Envoyer",
+    "upload_file": "Téléverser un fichier"
  },
  "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 <5>Politique de cookies</5>.",
-  "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"
-  },
  "call_ended_view": {
    "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>",
@@ -33,20 +34,67 @@
  },
  "call_name": "Nom de l’appel",
  "common": {
+    "analytics": "Statistiques d'utilisation",
+    "audio": "Audio",
+    "avatar": "Avatar",
+    "back": "Retour",
    "display_name": "Nom d’affichage",
    "encrypted": "Chiffré",
    "home": "Accueil",
    "loading": "Chargement…",
+    "next": "Suivant",
+    "options": "Options",
    "password": "Mot de passe",
+    "preferences": "Préférences",
    "profile": "Profil",
+    "reaction": "Réaction",
+    "reactions": "Réactions",
+    "reconnecting": "Reconnexion",
    "settings": "Paramètres",
    "unencrypted": "Non chiffré",
    "username": "Nom d’utilisateur",
    "video": "Vidéo"
  },
+  "developer_mode": {
+    "always_show_iphone_earpiece": "Afficher l'option écouteur iPhone sur toutes les plateformes",
+    "crypto_version": "Version crypto: {{version}}",
+    "debug_tile_layout_label": "Disposition des tuiles de débogage",
+    "device_id": "Id. de l'appareil",
+    "duplicate_tiles_label": "Nombre de copies de tuiles supplémentaires par participant",
+    "environment_variables": "Variables d'environnement",
+    "hostname": "Nom d'hôte: {{hostname}}",
+    "livekit_server_info": "Info du serveur LiveKit",
+    "livekit_sfu": "LiveKit SFU: {{url}}",
+    "matrix_id": "ID Matrix: {{id}}",
+    "mute_all_audio": "Couper tous les sons (participants, réactions, sons de participation)",
+    "show_connection_stats": "Afficher les statistiques de connexion",
+    "url_params": "Paramètres d'URL"
+  },
  "disconnected_banner": "La connexion avec le serveur a été perdue.",
+  "error": {
+    "call_is_not_supported": "L'appel n'est pas pris en charge",
+    "call_not_found": "Appel non trouvé",
+    "call_not_found_description": "<0>Ce ne correspond à aucun appel existant. Vérifier que vous avez le bon lien, ou <1>créer un nouveau</1>.</0>",
+    "connection_lost": "Connexion perdue",
+    "connection_lost_description": "Vous avez été déconnecté de l’appel",
+    "e2ee_unsupported": "Moteur de recherche incompatible",
+    "generic": "Un problème est survenu",
+    "insufficient_capacity": "Capacité insuffisante",
+    "insufficient_capacity_description": "Le serveur a atteint sa capacité maximale et vous ne pouvez pas rejoindre l'appel pour le moment. Veuillez réessayer plus tard ou contacter l'administrateur du serveur si le problème persiste.",
+    "unexpected_ec_error": "Une erreur inattendue s'est produite (<0>Code d'erreur :</0> <1>{{ errorCode }}</1>). Veuillez contacter l'administrateur de votre serveur."
+  },
+  "group_call_loader": {
+    "banned_body": "Vous avez été banni du salon.",
+    "banned_heading": "Banni",
+    "call_ended_body": "Vous avez été retiré de l’appel.",
+    "call_ended_heading": "Appel terminé",
+    "knock_reject_body": "Les membres du salon ont refusé votre demande de participation.",
+    "knock_reject_heading": "Non autorisé à rejoindre",
+    "reason": "Motif"
+  },
  "hangup_button_label": "Terminer l’appel",
  "header_label": "Accueil Element Call",
+  "header_participants_label": "Participants",
  "invite_modal": {
    "link_copied_toast": "Lien copié dans le presse-papier",
    "title": "Inviter dans cet appel"
@@ -59,15 +107,24 @@
  "layout_grid_label": "Grille",
  "layout_spotlight_label": "Premier plan",
  "lobby": {
+    "ask_to_join": "Demandez à rejoindre l'appel",
+    "join_as_guest": "Rejoindre en tant qu'invité",
    "join_button": "Rejoindre l’appel",
-    "leave_button": "Revenir à l’historique des appels"
+    "leave_button": "Revenir à l’historique des appels",
+    "waiting_for_invite": "Demande envoyée"
  },
+  "log_in": "Se connecter",
  "logging_in": "Connexion…",
  "login_auth_links": "<0>Créer un compte</0> Or <2>Accès invité</2>",
+  "login_auth_links_prompt": "Pas encore inscrit?",
+  "login_subheading": "Pour continuer vers Element",
  "login_title": "Connexion",
  "microphone_off": "Microphone éteint",
  "microphone_on": "Microphone allumé",
  "mute_microphone_button_label": "Couper le microphone",
+  "participant_count_one": "{{count, number}}",
+  "participant_count_other": "{{count, number}}",
+  "qr_code": "Code QR",
  "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.",
@@ -85,17 +142,33 @@
  },
  "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",
+  "register_heading": "Créer votre compte",
  "return_home_button": "Retour à l’accueil",
+  "room_auth_view_continue_button": "Continuer",
  "screenshare_button_label": "Partage d’écran",
  "settings": {
+    "audio_tab": {
+      "effect_volume_description": "Régler le volume des effets de réactions et de mains levées.",
+      "effect_volume_label": "Volume des effets sonores"
+    },
+    "background_blur_label": "Flouter l'arrière-plan de la vidéo",
+    "blur_not_supported_by_browser": "(Le flou d'arrière-plan n'est pas pris en charge par cet appareil.)",
    "developer_tab_title": "Développeur",
+    "devices": {
+      "speaker_numbered": "Haut-parleur {{n}}"
+    },
    "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",
-    "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."
+    "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.",
+    "preferences_tab": {
+      "reactions_play_sound_label": "Jouer le son des réactions",
+      "reactions_show_label": "Afficher les réactions",
+      "show_hand_raised_timer_label": "Afficher la durée de la main levée"
+    }
  },
  "star_rating_input_label_one": "{{count}} favori",
  "star_rating_input_label_other": "{{count}} favoris",
@@ -107,5 +180,12 @@
  "unauthenticated_view_body": "Pas encore de compte ? <2>En créer un</2>",
  "unauthenticated_view_login_button": "Connectez vous à votre compte",
  "unmute_microphone_button_label": "Allumer le microphone",
-  "version": "Version : {{version}}"
+  "version": "Version : {{version}}",
+  "video_tile": {
+    "always_show": "Toujours afficher",
+    "collapse": "Réduire",
+    "expand": "Développer",
+    "mute_for_me": "Muet pour moi",
+    "volume": "Volume"
+  }
 }
--- a/locales/id/app.json
+++ b/locales/id/app.json
@@ -21,13 +21,7 @@
    "submit": "Kirim",
    "upload_file": "Unggah berkas"
  },
-  "analytics_notice": "Dengan bergabung dalam beta ini, Anda mengizinkan kami untuk mengumpulkan data anonim, yang kami gunakan untuk meningkatkan produk ini. Anda dapat mempelajari lebih lanjut tentang data apa yang kami lacak dalam <2>Kebijakan Privasi</2> dan <5>Kebijakan Kuki</5> kami.",
-  "app_selection_modal": {
-    "continue_in_browser": "Lanjutkan dalam peramban",
-    "open_in_app": "Buka dalam aplikasi",
-    "text": "Siap untuk bergabung?",
-    "title": "Pilih plikasi"
-  },
+  "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.",
  "call_ended_view": {
    "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>",
@@ -55,12 +49,14 @@
    "profile": "Profil",
    "reaction": "Reaksi",
    "reactions": "Reaksi",
+    "reconnecting": "Menghubungkan kembali…",
    "settings": "Pengaturan",
    "unencrypted": "Tidak terenkripsi",
    "username": "Nama pengguna",
    "video": "Video"
  },
  "developer_mode": {
+    "always_show_iphone_earpiece": "Tampilkan opsi lubang suara iPhone di semua platform",
    "crypto_version": "Versi kripto: {{version}}",
    "debug_tile_layout_label": "Awakutu tata letak ubin",
    "device_id": "ID perangkat: {{id}}",
@@ -70,17 +66,15 @@
    "livekit_server_info": "Info Server LiveKit",
    "livekit_sfu": "SFU LiveKit: {{url}}",
    "matrix_id": "ID Matrix: {{id}}",
+    "mute_all_audio": "Bisukan semua audio (suara peserta, reaksi, bergabung)",
    "show_connection_stats": "Tampilkan statistik koneksi",
-    "show_non_member_tiles": "Tampilkan ubin untuk media non-anggota",
-    "url_params": "Parameter URL",
-    "use_new_membership_manager": "Gunakan implementasi baru dari panggilan MembershipManager",
-    "use_to_device_key_transport": "Gunakan untuk transportasi kunci perangkat. Ini akan kembali ke transportasi kunci ruangan ketika anggota panggilan lain mengirim kunci ruangan"
+    "url_params": "Parameter URL"
  },
  "disconnected_banner": "Koneksi ke server telah hilang.",
  "error": {
    "call_is_not_supported": "Panggilan tidak didukung",
    "call_not_found": "Panggilan tidak ditemukan",
-    "call_not_found_description": "<0>Tautan itu tampaknya bukan milik panggilan yang ada. Periksa apakah Anda memiliki tautan yang tepat, atau <1> buat yang baru</1>.</0>",
+    "call_not_found_description": "<0>Tautan itu tampaknya bukan milik panggilan yang ada. Periksa apakah Anda memiliki tautan yang tepat, atau <2> buat yang baru</2>. </0>",
    "connection_lost": "Koneksi terputus",
    "connection_lost_description": "Anda terputus dari panggilan.",
    "e2ee_unsupported": "Peramban tidak kompatibel",
@@ -89,9 +83,10 @@
    "generic_description": "Mengirimkan log awakutu akan membantu kami melacak masalah.",
    "insufficient_capacity": "Kapasitas tidak mencukupi",
    "insufficient_capacity_description": "Server telah mencapai kapasitas maksimum dan Anda tidak dapat bergabung dalam panggilan saat ini. Coba lagi nanti, atau hubungi admin server Anda jika masalah masih berlanjut.",
-    "matrix_rtc_focus_missing": "Server tidak dikonfigurasi untuk bekerja dengan {{brand}}. Silakan hubungi admin server Anda (Domain: {{domain}}, Kode Kesalahan: {{ errorCode }}).",
    "open_elsewhere": "Dibuka di tab lain",
    "open_elsewhere_description": "{{brand}} telah dibuka di tab lain. Jika sepertinya tidak benar, coba muat ulang halaman.",
+    "room_creation_restricted": "Gagal membuat panggilan",
+    "room_creation_restricted_description": "Pembuatan panggilan mungkin hanya terbatas untuk pengguna yang diizinkan. Coba lagi nanti, atau hubungi admin server Anda jika masalah berlanjut.",
    "unexpected_ec_error": "Terjadi kesalahan tak terduga (<0> Kode Kesalahan:</0><1>{{ errorCode }}</1>). Silakan hubungi admin server Anda."
  },
  "group_call_loader": {
@@ -103,6 +98,11 @@
    "knock_reject_heading": "Akses ditolak",
    "reason": "Alasan: {{reason}}"
  },
+  "handset": {
+    "overlay_back_button": "Kembali ke Mode Pembicara",
+    "overlay_description": "Hanya berfungsi saat menggunakan aplikasi",
+    "overlay_title": "Mode Ponsel"
+  },
  "hangup_button_label": "Akhiri panggilan",
  "header_label": "Beranda Element Call",
  "header_participants_label": "Peserta",
@@ -170,8 +170,11 @@
    "devices": {
      "camera": "Kamera",
      "camera_numbered": "Kamera {{n}}",
+      "change_device_button": "Ubah perangkat audio",
      "default": "Bawaan",
      "default_named": "Bawaan <2>({{name}})</2>",
+      "handset": "Ponsel",
+      "loudspeaker": "Pengeras suara",
      "microphone": "Mikrofon",
      "microphone_numbered": "Mikrofon {{n}}",
      "speaker": "Speaker",
@@ -196,7 +199,6 @@
      "show_hand_raised_timer_label": "Tampilkan durasi angkat tangan"
    }
  },
-  "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",
@@ -208,11 +210,10 @@
  "unauthenticated_view_login_button": "Masuk ke akun Anda",
  "unauthenticated_view_ssla_caption": "Dengan mengeklik \"Go\", Anda menyetujui <2>Perjanjian Lisensi Perangkat Lunak dan Layanan (SSLA) kami</2>",
  "unmute_microphone_button_label": "Nyalakan mikrofon",
-  "version": "Versi: {{version}}",
+  "version": "Versi {{productName}}: {{version}}",
  "video_tile": {
    "always_show": "Selalu tampilkan",
    "camera_starting": "Memuat video...",
-    "change_fit_contain": "Sesuai dengan bingkai",
    "collapse": "Tutup",
    "expand": "Buka",
    "mute_for_me": "Bisukan untuk saya",
--- a/locales/it/app.json
+++ b/locales/it/app.json
@@ -21,13 +21,7 @@
    "submit": "Invia",
    "upload_file": "Carica file"
  },
-  "analytics_notice": "Partecipando a questa beta, acconsenti alla raccolta di dati anonimi che usiamo per migliorare il prodotto. Puoi trovare più informazioni su quali dati monitoriamo nella nostra <2>informativa sulla privacy</2> e nell'<5>informativa sui cookie</5>.",
-  "app_selection_modal": {
-    "continue_in_browser": "Continua nel browser",
-    "open_in_app": "Apri nell'app",
-    "text": "Tutto pronto per entrare?",
-    "title": "Seleziona app"
-  },
+  "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>.",
  "call_ended_view": {
    "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>",
@@ -55,23 +49,49 @@
    "profile": "Profilo",
    "reaction": "Reazione",
    "reactions": "Reazioni",
+    "reconnecting": "Riconnessione…",
    "settings": "Impostazioni",
    "unencrypted": "Non cifrata",
    "username": "Nome utente",
    "video": "Video"
  },
  "developer_mode": {
+    "always_show_iphone_earpiece": "Mostra l'opzione auricolare iPhone su tutte le piattaforme",
    "crypto_version": "Versione crittografica: {{version}}",
+    "custom_livekit_url": {
+      "current_url": "Attualmente impostato a: ",
+      "from_config": "Al momento non è impostata alcuna sovrascrittura. Viene usato l'URL da well-known o config.",
+      "label": "URL Livekit personalizzato",
+      "reset": "Reimposta sovrascrittura",
+      "save": "Salva",
+      "saving": "Salvataggio..."
+    },
    "debug_tile_layout_label": "Debug della disposizione dei riquadri",
    "device_id": "ID dispositivo: {{id}}",
    "duplicate_tiles_label": "Numero di copie di riquadri aggiuntivi per partecipante",
+    "environment_variables": "Variabili di ambiente",
    "hostname": "Nome host: {{hostname}}",
    "livekit_server_info": "Informazioni sul server LiveKit",
    "livekit_sfu": "SFU LiveKit: {{url}}",
+    "matrixRTCMode": {
+      "Comptibility": {
+        "description": "Compatibile con homeserver che non supportano eventi sticky (ma tutte le altre applicazioni EC sono alla v0.17.0 o successive)",
+        "label": "Compatibilità: eventi di stato e multi SFU"
+      },
+      "Legacy": {
+        "description": "Compatibile con le vecchie versioni di EC che non supportano multi SFU",
+        "label": "Classico: event di stato e appartenenza più antica alla SFU"
+      },
+      "Matrix_2_0": {
+        "description": "Compatibile solo con homeserver che supportano eventi sticky e tutte le applicazioni EC alla v0.17.0 o successive",
+        "label": "Matrix 2.0: eventi sticky e multi SFU"
+      },
+      "title": "Modalità MatrixRTC"
+    },
    "matrix_id": "ID Matrix: {{id}}",
+    "mute_all_audio": "Disattiva tutti gli audio (partecipanti, reazioni, suoni di partecipazione)",
    "show_connection_stats": "Mostra le statistiche di connessione",
-    "show_non_member_tiles": "Mostra i riquadri per i file multimediali non-membri",
-    "use_new_membership_manager": "Usa la nuova implementazione della chiamata MembershipManager"
+    "url_params": "Parametri URL"
  },
  "disconnected_banner": "La connessione al server è stata persa.",
  "error": {
@@ -82,13 +102,18 @@
    "connection_lost_description": "Sei stato disconnesso dalla chiamata.",
    "e2ee_unsupported": "Browser incompatibile",
    "e2ee_unsupported_description": "Il tuo browser non supporta le chiamate crittografate. I browser supportati sono Chrome, Safari e Firefox 117+.",
+    "failed_to_start_livekit": "Impossibile avviare la connessione Livekit",
    "generic": "Qualcosa è andato storto",
    "generic_description": "L'invio dei registri di debug ci aiuterà a rintracciare il problema.",
    "insufficient_capacity": "Capacità insufficiente",
    "insufficient_capacity_description": "Il server ha raggiunto la capacità massima e non è possibile partecipare alla chiamata in questo momento. Riprova più tardi o contatta l'amministratore del server se il problema persiste.",
-    "matrix_rtc_focus_missing": "Il server non è configurato per funzionare con {{brand}}. Contatta l'amministratore del tuo server (Dominio: {{domain}}, codice di errore: {{ errorCode }}).",
+    "matrix_rtc_transport_missing": "Il server non è configurato per funzionare con {{brand}}. Contatta l'amministratore del tuo server (Dominio: {{domain}}, codice di errore: {{ errorCode }}).",
+    "membership_manager": "Errore del gestore dei membri",
+    "membership_manager_description": "Il gestore dei membri ha dovuto chiudersi. Ciò è stato causato da numerose richieste di rete consecutive non riuscite.",
    "open_elsewhere": "Aperto in un'altra scheda",
    "open_elsewhere_description": "{{brand}} è stato aperto in un'altra scheda. Se non ti sembra corretto, prova a ricaricare la pagina.",
+    "room_creation_restricted": "Impossibile creare la chiamata",
+    "room_creation_restricted_description": "La creazione di chiamate potrebbe essere limitata solo agli utenti autorizzati. Riprova più tardi o contatta l'amministratore del server se il problema persiste.",
    "unexpected_ec_error": "Si è verificato un errore imprevisto (<0>Codice errore:</0> <1>{{ errorCode }}</1>). Contatta l'amministratore del tuo server."
  },
  "group_call_loader": {
@@ -100,6 +125,11 @@
    "knock_reject_heading": "Partecipazione non consentita",
    "reason": "Motivo"
  },
+  "handset": {
+    "overlay_back_button": "Torna alla modalità altoparlante",
+    "overlay_description": "Funziona solo mentre si usa l'app",
+    "overlay_title": "Modalità cornetta"
+  },
  "hangup_button_label": "Termina chiamata",
  "header_label": "Inizio di Element Call",
  "header_participants_label": "Partecipanti",
@@ -144,6 +174,7 @@
  "rageshake_sent": "Grazie!",
  "recaptcha_dismissed": "Recaptcha annullato",
  "recaptcha_not_loaded": "Recaptcha non caricato",
+  "recaptcha_ssla_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>Software and Services License Agreement (SSLA)</12>",
  "register": {
    "passwords_must_match": "Le password devono coincidere",
    "registering": "Registrazione…"
@@ -153,18 +184,25 @@
  "register_heading": "Crea il tuo account",
  "return_home_button": "Torna alla schermata di iniziale",
  "room_auth_view_continue_button": "Continua",
+  "room_auth_view_ssla_caption": "Cliccando \"Partecipa ora alla chiamata\", accetti il nostro <2>Software and Services License Agreement (SSLA)</2>",
  "screenshare_button_label": "Condividi schermo",
  "settings": {
    "audio_tab": {
      "effect_volume_description": "Regola il volume delle reazioni e degli effetti di alzata di mani.",
      "effect_volume_label": "Volume degli effetti sonori"
    },
+    "background_blur_header": "Sfondo",
+    "background_blur_label": "Sfoca lo sfondo del video",
+    "blur_not_supported_by_browser": "(La sfocatura dello sfondo non è supportata da questo dispositivo.)",
    "developer_tab_title": "Sviluppatore",
    "devices": {
      "camera": "Fotocamera",
      "camera_numbered": "Fotocamera {{n}}",
+      "change_device_button": "Cambia dispositivo audio",
      "default": "Predefinito",
      "default_named": "Predefinito <2>({{name}})</2>",
+      "handset": "Cornetta",
+      "loudspeaker": "Altoparlante",
      "microphone": "Microfono",
      "microphone_numbered": "Microfono {{n}}",
      "speaker": "Altoparlante",
@@ -199,12 +237,12 @@
  "switch_camera": "Cambia fotocamera",
  "unauthenticated_view_body": "Non hai ancora un profilo? <2>Creane uno</2>",
  "unauthenticated_view_login_button": "Accedi al tuo profilo",
+  "unauthenticated_view_ssla_caption": "Cliccando \"Vai\", accetti il nostro <2>Software and Services License Agreement (SSLA)</2>",
  "unmute_microphone_button_label": "Riaccendi il microfono",
-  "version": "Versione: {{version}}",
+  "version": "Versione di {{productName}}: {{version}}",
  "video_tile": {
    "always_show": "Mostra sempre",
    "camera_starting": "Caricamento del video...",
-    "change_fit_contain": "Adatta al frame",
    "collapse": "Riduci",
    "expand": "Espandi",
    "mute_for_me": "Disattiva l'audio per me",
--- a/locales/ja/app.json
+++ b/locales/ja/app.json
@@ -15,12 +15,6 @@
    "submit": "送信"
  },
  "analytics_notice": "ベータ版への参加と同時に、製品の改善のために匿名データを収集することに同意したことになります。追跡するデータの詳細については、<2>プライバシーポリシー</2>と<6>クッキーポリシー</6>をご確認下さい。",
-  "app_selection_modal": {
-    "continue_in_browser": "ブラウザで続行",
-    "open_in_app": "アプリで開く",
-    "text": "準備完了？",
-    "title": "アプリを選択"
-  },
  "call_ended_view": {
    "create_account_button": "アカウントを作成",
    "create_account_prompt": "<0>パスワードを設定してアカウント設定を保持してみませんか?</0><1>名前とアバターの設定を次の通話に利用する事ができます。</1>",
@@ -116,7 +110,6 @@
  "unmute_microphone_button_label": "マイクのミュート解除",
  "version": "バージョン：{{version}}",
  "video_tile": {
-    "change_fit_contain": "フレームに合わせる",
    "mute_for_me": "ミュートする",
    "volume": "ボリューム"
  }
--- a/locales/lv/app.json
+++ b/locales/lv/app.json
@@ -22,12 +22,6 @@
    "upload_file": "Augšupielādēt failu"
  },
  "analytics_notice": "Piedaloties šajā beta versijā, jūs piekrītat anonīmu datu vākšanai, ko mēs izmantojam produkta uzlabošanai. Plašāku informāciju par to, kādus datus mēs izsekojam, varat atrast mūsu <2>konfidencialitātes politikā</2> un mūsu <6>sīkfailu politikā</6>.",
-  "app_selection_modal": {
-    "continue_in_browser": "Turpināt pārlūkprogrammā",
-    "open_in_app": "Atvērt lietotnē",
-    "text": "Gatavs pievienoties?",
-    "title": "Izvēlies lietotni"
-  },
  "call_ended_view": {
    "create_account_button": "Izveidot kontu",
    "create_account_prompt": "<0>Kādēļ nepabeigt ar paroles iestatīšanu, lai paturētu savu kontu?</0><1>Būs iespējams paturēt savu vārdu un iestatīt attēlu izmantošanai turpmākajos zvanos</1>",
@@ -55,13 +49,23 @@
    "profile": "Profils",
    "reaction": "Reakcija",
    "reactions": "Reakcijas",
+    "reconnecting": "Notiek savienojuma atjaunošana...",
    "settings": "Iestatījumi",
    "unencrypted": "Nav šifrēts",
    "username": "Lietotājvārds",
    "video": "Video"
  },
  "developer_mode": {
+    "always_show_iphone_earpiece": "Rādīt iPhone austiņu opciju visās platformās",
    "crypto_version": "Crypto versija: {{version}}",
+    "custom_livekit_url": {
+      "current_url": "Iestatīts uz: ",
+      "from_config": "Šobrīd nav pārrakstīts. Tiek izmantots URL no well-known vai konfigurācijas.",
+      "label": "Pielāgots Livekit URL",
+      "reset": "Atiestatīt pārrakstīto",
+      "save": "Saglabāt",
+      "saving": "Saglabāju..."
+    },
    "debug_tile_layout_label": "Vietu izkārtojuma atkļūdošana",
    "device_id": "Ierīces ID: {{id}}",
    "duplicate_tiles_label": "Papildu vietu kopiju skaits vienam dalībniekam",
@@ -69,11 +73,25 @@
    "hostname": "Saimniekdatora nosaukums: {{hostname}}",
    "livekit_server_info": "LiveKit Server informācija",
    "livekit_sfu": "LiveKit SFU: {{url}}",
+    "matrixRTCMode": {
+      "Comptibility": {
+        "description": "Savietojams ar mājas serveriem, kas neatbalsta fiksētos notikumus (bet visi pārējie EC klienti ir v0.17.0 vai jaunāki)",
+        "label": "Savietojamība: state notikumi & ulti SFU"
+      },
+      "Legacy": {
+        "description": "Savietojams ar vecākām EC versijām, kas neatbalsta multi SFU",
+        "label": "Mantojums: state events & vecākā SFU dalība"
+      },
+      "Matrix_2_0": {
+        "description": "Savietojams tikai ar mājas serveriem, kas atbalsta fiksētos notikumus, un visiem EC klientiem v0.17.0 vai jaunāku versiju.",
+        "label": "Matrix 2.0: fiksētie notikumi un multi SFU"
+      },
+      "title": "MatrixRTC režīms"
+    },
    "matrix_id": "Matrix ID: {{id}}",
+    "mute_all_audio": "Izslēgt visu audio (dalībnieku, reakciju, pievienošanās skaņu)",
    "show_connection_stats": "Rādīt savienojuma statistiku",
-    "show_non_member_tiles": "Rādīt vietu medijiem no ne-dalībniekiem",
-    "url_params": "URL parametri",
-    "use_new_membership_manager": "Izmantojiet jauno zvana MembershipManager versiju"
+    "url_params": "URL parametri"
  },
  "disconnected_banner": "Ir zaudēts savienojums ar serveri.",
  "error": {
@@ -84,13 +102,19 @@
    "connection_lost_description": "Jūs tikāt atvienots no zvana.",
    "e2ee_unsupported": "Nesaderīgs pārlūks",
    "e2ee_unsupported_description": "Jūsu tīmekļa pārlūkprogramma neatbalsta encrypted zvanus. Atbalstītās pārlūkprogrammas ir Chrome, Safari un Firefox 117+.",
+    "failed_to_start_livekit": "Neizdevās uzsākt Livekit savienojumu",
    "generic": "Kaut kas nogāja greizi",
    "generic_description": "Atkļūdošanas žurnālu iesniegšana palīdzēs mums izsekot problēmu.",
    "insufficient_capacity": "Nepietiekama jauda",
    "insufficient_capacity_description": "Serveris ir sasniedzis maksimālo ietilpību, un jūs šobrīd nevarat pievienoties zvanam. Mēģiniet vēlreiz vēlāk vai sazinieties ar servera administratoru, ja problēma joprojām pastāv.",
-    "matrix_rtc_focus_missing": "Serveris nav konfigurēts darbam ar{{brand}}. Lūdzu, sazinieties ar sava servera administratoru (Domēns: {{domain}}, Kļūdas kods: {{ errorCode }}).",
+    "matrix_rtc_transport_missing": "Serveris nav konfigurēts darbam ar{{brand}}. Lūdzu, sazinieties ar sava servera administratoru (Domēns: {{domain}}, Kļūdas kods: {{ errorCode }}).",
+    "membership_manager": "Dalības pārvaldnieka kļūda",
+    "membership_manager_description": "Dalības pārvaldnieks bija jāslēdz. To izraisīja daudzi secīgi, neveiksmīgi tīkla pieprasījumi.",
+    "no_matrix_2_authorization_service": "Jūsu multivides servera (SFU) autorizācijas pakalpojums ir novecojis.",
    "open_elsewhere": "Atvērts citā cilnē",
    "open_elsewhere_description": "{{brand}} ir atvērts citā cilnē. Ja tas neizklausās pareizi, mēģiniet atkārtoti ielādēt lapu.",
+    "room_creation_restricted": "Neizdevās izveidot zvanu",
+    "room_creation_restricted_description": "Zvanu izveide, iespējams, ir atļauta tikai pilnvarotiem lietotājiem. Mēģiniet vēlreiz vēlāk vai sazinieties ar servera administratoru, ja problēma joprojām pastāv.",
    "unexpected_ec_error": "Negaidīta kļūda (<0>kļūdas kods: </0> <1> {{ errorCode }}</1>). Lūdzu, sazinieties ar servera administratoru."
  },
  "group_call_loader": {
@@ -102,6 +126,11 @@
    "knock_reject_heading": "Piekļuve liegta",
    "reason": "Iemesls: {{reason}}"
  },
+  "handset": {
+    "overlay_back_button": "Atpakaļ uz skaļruņa režīmu",
+    "overlay_description": "Darbojas tikai lietotnes lietošanas laikā",
+    "overlay_title": "Klausules režīms"
+  },
  "hangup_button_label": "Beigt zvanu",
  "header_label": "Element Call sākums",
  "header_participants_label": "Dalībnieki",
@@ -164,12 +193,18 @@
      "effect_volume_description": "Pielāgojiet skaļumu, kurā tiek atskaņotas reakcijas un paceltas rokas skaņas.",
      "effect_volume_label": "Skaņas efektu skaļums"
    },
+    "background_blur_header": "Fons",
+    "background_blur_label": "Izplūdināt video fonu",
+    "blur_not_supported_by_browser": "(Šī ierīce neatbalsta fona izplūšanu.)",
    "developer_tab_title": "Izstrādātājs",
    "devices": {
      "camera": "Kamera",
      "camera_numbered": "Kamera {{n}}",
+      "change_device_button": "Mainīt audio ierīci",
      "default": "Noklusējums",
      "default_named": "Noklusējums <2> ({{name}} )</2>",
+      "handset": "Klausule",
+      "loudspeaker": "Skaļrunis",
      "microphone": "Mikrofons",
      "microphone_numbered": "Mikrofons {{n}}",
      "speaker": "Skaļrunis",
@@ -211,7 +246,6 @@
  "video_tile": {
    "always_show": "Vienmēr rādīt",
    "camera_starting": "Video ielāde...",
-    "change_fit_contain": "Pielāgot rāmim",
    "collapse": "Sakļaut",
    "expand": "Izvērst",
    "mute_for_me": "Klusums man",
--- a/locales/nl/app.json
+++ b/locales/nl/app.json
@@ -0,0 +1,96 @@
+{
+  "a11y": {
+    "user_menu": "Gebruikersmenu"
+  },
+  "action": {
+    "close": "Sluiten",
+    "copy_link": "Link kopiëren",
+    "edit": "Bewerken",
+    "go": "Ga",
+    "invite": "Uitnodigen",
+    "lower_hand": "Hand laten zakken",
+    "no": "Nee",
+    "pick_reaction": "Reactie kiezen",
+    "raise_hand": "Hand opsteken",
+    "register": "Registreren",
+    "remove": "Verwijderen",
+    "show_less": "Minder weergeven",
+    "show_more": "Meer weergeven",
+    "sign_in": "Aanmelden",
+    "sign_out": "Afmelden",
+    "submit": "Indienen",
+    "upload_file": "Bestand uploaden"
+  },
+  "analytics_notice": "Door deel te nemen aan deze bètaversie stemt u in met het verzamelen van anonieme gegevens, die we gebruiken om het product te verbeteren. Meer informatie over welke gegevens we bijhouden, vindt u in ons privacybeleid <2>Privacybeleid</2> en ons cookiebeleid <6>Cookiebeleid</6>.",
+  "call_ended_view": {
+    "create_account_button": "Account aanmaken",
+    "create_account_prompt": "<0>Waarom sluit u niet af met het instellen van een wachtwoord om uw account te bewaren?</0><1>U kunt uw naam behouden en een avatar instellen voor gebruik bij toekomstige gesprekken.</1>",
+    "feedback_done": "<0>Bedankt voor je feedback!</0>",
+    "feedback_prompt": "<0>We horen graag uw feedback, zodat we uw ervaring kunnen verbeteren.</0>",
+    "headline": "{{displayName}}, uw gesprek is beëindigd.",
+    "not_now_button": "Niet nu, ga terug naar het startscherm.",
+    "reconnect_button": "Opnieuw verbinden",
+    "survey_prompt": "Hoe is het gegaan?"
+  },
+  "call_name": "Naam van de oproep",
+  "common": {
+    "analytics": "Statistieken",
+    "audio": "Audio",
+    "avatar": "Avatar",
+    "back": "Terug",
+    "display_name": "Weergavenaam",
+    "encrypted": "Versleuteld",
+    "home": "Startpagina",
+    "loading": "Bezig met laden...",
+    "next": "Volgende",
+    "options": "Opties",
+    "password": "Wachtwoord",
+    "preferences": "Voorkeuren",
+    "profile": "Profiel",
+    "reaction": "Reactie",
+    "reactions": "Reacties",
+    "reconnecting": "Opnieuw verbinden...",
+    "settings": "Instellingen",
+    "unencrypted": "Niet versleuteld",
+    "username": "Gebruikersnaam",
+    "video": "Video"
+  },
+  "developer_mode": {
+    "always_show_iphone_earpiece": "iPhone-oortelefoonoptie op alle platformen weergeven",
+    "custom_livekit_url": {
+      "save": "Opslaan",
+      "saving": "Bezig met opslaan..."
+    },
+    "matrixRTCMode": {
+      "title": "MatrixRTC modus"
+    },
+    "matrix_id": "Matrix ID:{{id}}",
+    "mute_all_audio": "Alle audio dempen (deelnemers, reacties, geluiden bij deelname)",
+    "show_connection_stats": "Verbindingsstatistieken weergeven"
+  },
+  "error": {
+    "matrix_rtc_transport_missing": "De server is niet geconfigureerd om te werken met {{brand}}. Neem contact op met uw serverbeheerder (Domein: {{domain}}, Foutcode: {{ errorCode }}).",
+    "no_matrix_2_authorization_service": "De autorisatieservice voor uw mediaserver (SFU) is verouderd."
+  },
+  "mute_microphone_button_label": "Microfoon dempen",
+  "settings": {
+    "preferences_tab": {
+      "developer_mode_label_description": "Schakel de ontwikkelaarsmodus is en geef het tabblad met ontwikkelaarsinstellingen weer.",
+      "reactions_show_description": "Geef een animatie weer wanneer iemand een reactie verstuurt.",
+      "reactions_show_label": "Reacties weergeven",
+      "show_hand_raised_timer_description": "Geef een timer weer wanneer een deelnemer zijn hand opsteekt",
+      "show_hand_raised_timer_label": "Duur van het opsteken van de hand weergeven"
+    }
+  },
+  "unmute_microphone_button_label": "Microfoon dempen opheffen",
+  "video_tile": {
+    "always_show": "Altijd weergeven",
+    "camera_starting": "Video wordt geladen...",
+    "collapse": "Samenvouwen",
+    "expand": "Uitbreiden",
+    "mute_for_me": "Dempen voor mij",
+    "muted_for_me": "Gedempt voor mij",
+    "volume": "Volume",
+    "waiting_for_media": "Wachten op media..."
+  }
+}
--- a/locales/pl/app.json
+++ b/locales/pl/app.json
@@ -22,12 +22,6 @@
    "upload_file": "Prześlij plik"
  },
  "analytics_notice": "Uczestnicząc w tej becie, upoważniasz nas do zbierania anonimowych danych, które wykorzystamy do ulepszenia produktu. Dowiedz się więcej na temat danych, które zbieramy w naszej <2>Polityce prywatności</2> i <5>Polityce ciasteczek</5>.",
-  "app_selection_modal": {
-    "continue_in_browser": "Kontynuuj w przeglądarce",
-    "open_in_app": "Otwórz w aplikacji",
-    "text": "Gotowy, by dołączyć?",
-    "title": "Wybierz aplikację"
-  },
  "call_ended_view": {
    "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>",
@@ -55,12 +49,14 @@
    "profile": "Profil",
    "reaction": "Reakcja",
    "reactions": "Reakcje",
+    "reconnecting": "Próba ponownego połączenia...",
    "settings": "Ustawienia",
    "unencrypted": "Nie szyfrowane",
    "username": "Nazwa użytkownika",
    "video": "Wideo"
  },
  "developer_mode": {
+    "always_show_iphone_earpiece": "Pokaż opcję słuchawki iPhone na wszystkich platformach",
    "crypto_version": "Wersja krypto: {{version}}",
    "debug_tile_layout_label": "Układ kafelków Debug",
    "device_id": "ID urządzenia: {{id}}",
@@ -70,10 +66,9 @@
    "livekit_server_info": "Informacje serwera LiveKit",
    "livekit_sfu": "LiveKit SFU: {{url}}",
    "matrix_id": "ID Matrix: {{id}}",
+    "mute_all_audio": "Wycisz cały dźwięk (uczestnicy, reakcje, dźwięki dołączenia)",
    "show_connection_stats": "Pokaż statystyki połączenia",
-    "show_non_member_tiles": "Pokaż kafelki dla mediów, które nie są od członków",
-    "url_params": "Parametry URL",
-    "use_new_membership_manager": "Użyj nowej implementacji połączenia MembershipManager"
+    "url_params": "Parametry URL"
  },
  "disconnected_banner": "Utracono połączenie z serwerem.",
  "error": {
@@ -88,9 +83,10 @@
    "generic_description": "Wysłanie dziennika debug, pozwoli nam namierzyć problem.",
    "insufficient_capacity": "Za mało miejsca",
    "insufficient_capacity_description": "Serwer osiągnął maksymalną pojemność, przez co nie możesz dołączyć do połączenia. Spróbuj ponownie później lub skontaktuj się z administratorem serwera, jeśli problem nie zniknie.",
-    "matrix_rtc_focus_missing": "Serwer nie jest skonfigurowany do pracy z {{brand}}. Prosimy o kontakt z administratorem serwera (Domena: {{domain}}, Kod błędu: {{ errorCode }}).",
    "open_elsewhere": "Otwarto w innej karcie",
    "open_elsewhere_description": "{{brand}} został otwarty w innej karcie. Jeśli tak nie jest, spróbuj odświeżyć stronę.",
+    "room_creation_restricted": "Nie udało się utworzyć połączenia",
+    "room_creation_restricted_description": "Tworzenie połączeń mogło zostać ograniczone tylko do autoryzowanych użytkowników. Spróbuj ponownie później lub skontaktuj się z administratorem serwera, jeśli problem nie minie.",
    "unexpected_ec_error": "Wystąpił nieoczekiwany błąd (<0>Kod błędu:</0> <1>{{ errorCode }}</1>). Skontaktuj się z administratorem serwera."
  },
  "group_call_loader": {
@@ -102,6 +98,11 @@
    "knock_reject_heading": "Nie możesz dołączyć",
    "reason": "Powód: {{reason}}"
  },
+  "handset": {
+    "overlay_back_button": "Powrót do trybu głośnika",
+    "overlay_description": "Działa tylko podczas korzystania z aplikacji",
+    "overlay_title": "Tryb słuchawkowy"
+  },
  "hangup_button_label": "Zakończ połączenie",
  "header_label": "Strona główna Element Call",
  "header_participants_label": "Uczestnicy",
@@ -164,12 +165,18 @@
      "effect_volume_description": "Dostosuj głośność, z jaką odtwarzane są efekty reakcji i podniesionej ręki",
      "effect_volume_label": "Głośność efektu dźwiękowego"
    },
+    "background_blur_header": "Tło",
+    "background_blur_label": "Rozmycie tła wideo",
+    "blur_not_supported_by_browser": "(Rozmycie tła nie jest wspierane przez to urządzenie.)",
    "developer_tab_title": "Programista",
    "devices": {
      "camera": "Kamera",
      "camera_numbered": "Kamera {{n}}",
+      "change_device_button": "Zmień urządzenie audio",
      "default": "Domyślne",
      "default_named": "Domyślne <2>({{name}})</2>",
+      "handset": "Słuchawka",
+      "loudspeaker": "Głośnomówiący",
      "microphone": "Mikrofon",
      "microphone_numbered": "Mikrofon {{n}}",
      "speaker": "Głośnik",
@@ -210,7 +217,6 @@
  "video_tile": {
    "always_show": "Zawsze pokazuj",
    "camera_starting": "Wczytywanie wideo...",
-    "change_fit_contain": "Dopasuj do obramowania",
    "collapse": "Zwiń",
    "expand": "Rozwiń",
    "mute_for_me": "Wycisz dla mnie",
--- a/locales/ro/app.json
+++ b/locales/ro/app.json
@@ -22,12 +22,6 @@
    "upload_file": "Încărcați fișierul"
  },
  "analytics_notice": "Prin participarea la această versiune beta, sunteți de acord cu colectarea de date anonime, pe care le folosim pentru a îmbunătăți produsul. Puteți găsi mai multe informații despre datele pe care le urmărim în Politica noastră de <2> confidențialitate </2> și Politica noastră <6> privind cookie-urile</6>.",
-  "app_selection_modal": {
-    "continue_in_browser": "Continuați în browser",
-    "open_in_app": "Deschideți în aplicație",
-    "text": "Sunteți gata să vă alăturați?",
-    "title": "Selectați o aplicație"
-  },
  "call_ended_view": {
    "create_account_button": "Creaţi un cont",
    "create_account_prompt": "<0>De ce să nu terminați prin configurarea unei parole pentru a vă păstra contul? </0><1>Veți putea să vă păstrați numele și să setați un avatar pentru a fi utilizat la apelurile viitoare </1>",
@@ -55,24 +49,26 @@
    "profile": "Profil",
    "reaction": "Reacție",
    "reactions": "Reacții",
+    "reconnecting": "Se restabilește conexiunea…",
    "settings": "Setări",
    "unencrypted": "Nu este criptat",
    "username": "Numele utilizatorului",
    "video": "Video"
  },
  "developer_mode": {
+    "always_show_iphone_earpiece": "Afișează opțiunea pentru căștile iPhone pe toate platformele",
    "crypto_version": "Versiunea Crypto: {{version}}",
    "debug_tile_layout_label": "Depanaţi aranjamentul cartonaşelor",
    "device_id": "ID-ul dispozitivului: {{id}}",
    "duplicate_tiles_label": "Numărul de exemplare suplimentare de cartonașe per participant",
    "environment_variables": "Variabile de mediu",
    "hostname": "Numele gazdei: {{hostname}}",
+    "livekit_server_info": "Informaţii despre serverul livekit",
+    "livekit_sfu": "Unitate de expediere selectivă LiveKit: {{url}}",
    "matrix_id": "ID-ul matricei: {{id}}",
+    "mute_all_audio": "Dezactivează toate sunetele (participanți, reacții, sunete de conectare)",
    "show_connection_stats": "Afişaţi informaţii cu privire la starea conexiunii",
-    "show_non_member_tiles": "Afişaţi pictograme pentru fluxul media care nu aparţine participanţilor apelului",
-    "url_params": "Parametrii linkului",
-    "use_new_membership_manager": "Folosiţi noua versiune de administrator pentru participanţi ai apelului",
-    "use_to_device_key_transport": "Folosiţi metoda de transport direct către dispozitiv. Aceasta va reveni la transportul prin intermediul evenimentelor din cameră doar dacă un alt participant la apel recurge la acel mod de transport mai întâi."
+    "url_params": "Parametrii linkului"
  },
  "disconnected_banner": "Conexiunea către server s-a încheiat abrupt",
  "error": {
@@ -87,9 +83,10 @@
    "generic_description": "Dacă ne trimiteţi jurnalele de depanare generate de aplicaţie, ne puteţi ajuta să rezolvăm problema.",
    "insufficient_capacity": "Capacitate insuficientă",
    "insufficient_capacity_description": "Serverul a ajuns la capacitatea maximă și nu vă puteți alătura apelului în acest moment. Încercați din nou in câteva minute, sau contactați administratorul serverului dumneavoastră dacă problema persistă.",
-    "matrix_rtc_focus_missing": "Serverul nu este configurat să funcționeze cu{{brand}}. Vă rugăm să contactați administratorul serverului dumneavoastră pentru a raporta o eroare în configurare. Detalii: Domeniu: {{domain}}. Cod de eroare: {{ errorCode }}.",
    "open_elsewhere": "Aplicaţia este deschisă intr-o altă pagină",
    "open_elsewhere_description": "{{brand}} a fost deschis într-o altă pagină. Dacă credeți că acest mesaj a fost emis in eroare, încercați să reîncărcați pagina.",
+    "room_creation_restricted": "Apelul nu a putut fi creat",
+    "room_creation_restricted_description": "Crearea apelurilor ar putea fi restricționată doar utilizatorilor autorizați. Încercați din nou mai târziu sau contactați administratorul serverului dacă problema persistă.",
    "unexpected_ec_error": "A apărut o eroare neașteptată (Cod de <0> eroare: </0> <1> {{ errorCode }}</1>). Vă rugăm să contactați administratorul serverului dumneavoastră."
  },
  "group_call_loader": {
@@ -101,6 +98,11 @@
    "knock_reject_heading": "Acces refuzat",
    "reason": "Motivul"
  },
+  "handset": {
+    "overlay_back_button": "Înapoi la modul Difuzor",
+    "overlay_description": "Funcționează doar în timp ce se utilizează aplicația",
+    "overlay_title": "Mod telefon"
+  },
  "hangup_button_label": "Încheiați apelul",
  "header_label": "Element Call Home",
  "header_participants_label": "Participanți",
@@ -131,6 +133,9 @@
  "microphone_off": "Microfon oprit",
  "microphone_on": "Microfon pornit",
  "mute_microphone_button_label": "Dezactivați microfonul",
+  "participant_count_one": "{{count, number}}",
+  "participant_count_few": "{{count, number}}",
+  "participant_count_other": "{{count, number}}",
  "qr_code": "COD QR",
  "rageshake_button_error_caption": "Încearcă din nou trimiterea jurnalelor",
  "rageshake_request_modal": {
@@ -143,6 +148,7 @@
  "rageshake_sent": "Multumesc!",
  "recaptcha_dismissed": "Recaptcha a fost respins",
  "recaptcha_not_loaded": "Recaptcha nu a fost încărcat",
+  "recaptcha_ssla_caption": "Acest site este protejat de reCAPTCHA. Se aplică atât Politica de <2> confidențialitate Google </2> cât și <6> Termenii și condițiile. </6> <9></9>Făcând clic pe \"Înregistrare\", sunteți de acord cu Acordul <12> nostru de licență pentru software și servicii (SSLA) </12>",
  "register": {
    "passwords_must_match": "Parolele trebuie să se potrivească",
    "registering": "Înregistrare..."
@@ -152,16 +158,29 @@
  "register_heading": "Creează-ți contul",
  "return_home_button": "Reveniți la ecranul de pornire",
  "room_auth_view_continue_button": "Continuă",
+  "room_auth_view_ssla_caption": "Făcând clic pe „Alăturați-vă apelului acum”, sunteți de acord cu Acordul <2> nostru de licență pentru software și servicii (SSLA) </2>",
  "screenshare_button_label": "Partajare ecran",
  "settings": {
    "audio_tab": {
      "effect_volume_description": "Reglați volumul la care reacționează reacțiile și efectele ridicate de mână",
      "effect_volume_label": "Volumul efectului sonor"
    },
+    "background_blur_header": "Fundal",
+    "background_blur_label": "Estompează fundalul videoclipului",
+    "blur_not_supported_by_browser": "(Funcția de estompare a fundalului nu este acceptată de acest device.)",
    "developer_tab_title": "dezvoltator",
    "devices": {
+      "camera": "Cameră",
+      "camera_numbered": "Camera {{n}}",
+      "change_device_button": "Schimbați dispozitivul audio",
+      "default": "Implicit",
+      "default_named": "Dispozitiv implicit <2>({{name}})</2>",
+      "handset": "Telefon",
+      "loudspeaker": "Difuzor",
      "microphone": "Microfon",
-      "speaker": "Difuzor"
+      "microphone_numbered": "Microfon {{n}}",
+      "speaker": "Difuzor",
+      "speaker_numbered": "Difuzor {{n}}"
    },
    "feedback_tab_body": "Dacă întâmpinați probleme sau pur și simplu doriți să oferiți feedback, vă rugăm să ne trimiteți o scurtă descriere mai jos.",
    "feedback_tab_description_label": "Feedback-ul tău",
@@ -182,6 +201,9 @@
      "show_hand_raised_timer_label": "Afișați durata ridicării mâinii"
    }
  },
+  "star_rating_input_label_one": "{{count}} stea",
+  "star_rating_input_label_few": "{{count}} stele",
+  "star_rating_input_label_other": "{{count}} stele",
  "start_new_call": "Începe un nou apel",
  "start_video_button_label": "Începeți videoclipul",
  "stop_screenshare_button_label": "Partajarea ecranului",
@@ -190,12 +212,12 @@
  "switch_camera": "Comutați camera",
  "unauthenticated_view_body": "Nu sunteți încă înregistrat? <2>Creați un cont </2>",
  "unauthenticated_view_login_button": "Conectați-vă la contul dvs.",
+  "unauthenticated_view_ssla_caption": "Făcând clic pe \"Înainte\", sunteți de acord cu Acordul nostru de licență pentru <2> software și servicii (SSLA) </2>",
  "unmute_microphone_button_label": "Anulează microfonul",
  "version": "{{productName}}Versiune: {{version}}",
  "video_tile": {
    "always_show": "Arată întotdeauna",
    "camera_starting": "Se încarcă fluxul video...",
-    "change_fit_contain": "Se potrivește cadrului",
    "collapse": "colaps",
    "expand": "Extindeți",
    "mute_for_me": "Mute pentru mine",
--- a/locales/ru/app.json
+++ b/locales/ru/app.json
@@ -22,12 +22,6 @@
    "upload_file": "Загрузить файл"
  },
  "analytics_notice": "Участвуя в этой бета-версии, вы соглашаетесь на сбор анонимных данных, которые мы используем для улучшения продукта. Дополнительную информацию о том, какие данные мы отслеживаем, можно найти в нашей <2> Политике конфиденциальности </2> и Политике <6> использования файлов cookie</6>.",
-  "app_selection_modal": {
-    "continue_in_browser": "Продолжить в браузере",
-    "open_in_app": "Открыть в приложении",
-    "text": "Готовы присоединиться?",
-    "title": "Выбрать приложение"
-  },
  "call_ended_view": {
    "create_account_button": "Создать аккаунт",
    "create_account_prompt": "<0>Почему бы не задать пароль, тем самым сохранив аккаунт?</0><1>Так вы можете оставить своё имя и задать аватар для будущих звонков.</1>",
@@ -55,6 +49,7 @@
    "profile": "Профиль",
    "reaction": "Реакция",
    "reactions": "Реакции",
+    "reconnecting": "Восстановление связи…",
    "settings": "Настройки",
    "unencrypted": "Не зашифровано",
    "username": "Имя пользователя",
@@ -63,6 +58,14 @@
  "developer_mode": {
    "always_show_iphone_earpiece": "Показать опцию наушников для iPhone на всех платформах",
    "crypto_version": "Версия криптографии: {{version}}",
+    "custom_livekit_url": {
+      "current_url": "В настоящее время установлено: ",
+      "from_config": "В настоящее время перезапись не установлена. Используется URL из известного источника или конфигурации.",
+      "label": "Пользовательский Livekit-url",
+      "reset": "Сбросить перезапись",
+      "save": "Сохранить",
+      "saving": "Сохранение..."
+    },
    "debug_tile_layout_label": "Отладка расположения плиток",
    "device_id": "Идентификатор устройства: {{id}}",
    "duplicate_tiles_label": "Количество дополнительных копий плиток на участника",
@@ -70,30 +73,48 @@
    "hostname": "Имя хоста: {{hostname}}",
    "livekit_server_info": "Информация о сервере LiveKit",
    "livekit_sfu": "LiveKit SFU: {{url}}",
+    "matrixRTCMode": {
+      "Comptibility": {
+        "description": "Совместимо с домашними серверами, которые не поддерживают закреплённые события (но все остальные клиенты EC имеют версию v0.17.0 или более позднюю)",
+        "label": "Совместимость: события состояния и множество SFU"
+      },
+      "Legacy": {
+        "description": "Совместимо со старыми версиями EC, не поддерживающими несколько SFU",
+        "label": "Legacy: события состояния и старые SFU членство"
+      },
+      "Matrix_2_0": {
+        "description": "Совместимо только с домашними серверами, поддерживающими «закреплённые события», и со всеми клиентами EC версии v0.17.0 или более поздней",
+        "label": "matrix 2.0: липкие события и multi SFU"
+      },
+      "title": "Режим MatrixRTC"
+    },
    "matrix_id": "Matrix ID: {{id}}",
    "mute_all_audio": "Отключить все звуки (участников, реакции, звуки присоединения)",
    "show_connection_stats": "Показать статистику подключений",
-    "show_non_member_tiles": "Показать плитки для медиафайлов, не являющихся участниками",
-    "url_params": "Параметры URL-адреса",
-    "use_new_membership_manager": "Используйте новую реализацию вызова MembershipManager",
-    "use_to_device_key_transport": "Используйте для передачи ключей устройства. Это позволит вернуться к передаче ключей комнаты, когда другой участник вызова отправит ключ комнаты"
+    "url_params": "Параметры URL-адреса"
  },
  "disconnected_banner": "Связь с сервером была потеряна.",
  "error": {
    "call_is_not_supported": "Вызов не поддерживается",
    "call_not_found": "Звонок не найден",
-    "call_not_found_description": "<0>Эта ссылка, похоже, не принадлежит ни к одному существующему звонку. Убедитесь, что у вас есть нужная ссылка, или <1>создайте новую</1>.</0>",
+    "call_not_found_description": "<0>Похоже, эта ссылка не принадлежит ни одному существующему вызову. Убедитесь, что у вас правильная ссылка, или <2>создайте новую</2>.</0>",
    "connection_lost": "Соединение потеряно",
    "connection_lost_description": "Вы были отключены от звонка.",
    "e2ee_unsupported": "Несовместимый браузер",
    "e2ee_unsupported_description": "Ваш веб-браузер не поддерживает зашифрованные звонки. Поддерживаются следующие браузеры: Chrome, Safari и Firefox 117+.",
+    "failed_to_start_livekit": "Не удалось установить соединение с Livekit",
    "generic": "Произошла ошибка",
    "generic_description": "Отправка журналов отладки поможет нам отследить проблему.",
    "insufficient_capacity": "Недостаточная пропускная способность",
    "insufficient_capacity_description": "Сервер достиг максимальной пропускной способности, и вы не можете присоединиться к звонку в данный момент. Повторите попытку позже или обратитесь к администратору сервера, если проблема сохраняется.",
-    "matrix_rtc_focus_missing": "Сервер не настроен для работы с {{brand}}. Пожалуйста, свяжитесь с администратором вашего сервера (Домен: {{domain}}, Код ошибки: {{ errorCode }}).",
+    "matrix_rtc_transport_missing": "Сервер не настроен для работы с {{brand}}. Пожалуйста, свяжитесь с администратором вашего сервера (Домен: {{domain}}, Код ошибки: {{ errorCode }}).",
+    "membership_manager": "Ошибка менеджера участников",
+    "membership_manager_description": "Модуль «Memebership Manager» был вынужден завершить работу. Причиной этого стало большое количество последовательных неудачных сетевых запросов.",
+    "no_matrix_2_authorization_service": "Ваша служба авторизации для медиасервера (SFU) не обновлена до последней версии.",
    "open_elsewhere": "Открыто в другой вкладке",
    "open_elsewhere_description": "{{brand}} был открыт в другой вкладке. Если это неверно, попробуйте перезагрузить страницу.",
+    "room_creation_restricted": "Не удалось создать вызов",
+    "room_creation_restricted_description": "Создание вызовов может быть доступно только авторизованным пользователям. Повторите попытку позже или обратитесь к администратору сервера, если проблема не исчезнет.",
    "unexpected_ec_error": "Произошла непредвиденная ошибка (<0> Код ошибки:</0><1>{{ errorCode }}</1> ). Обратитесь к администратору вашего сервера."
  },
  "group_call_loader": {
@@ -105,6 +126,11 @@
    "knock_reject_heading": "Не разрешено присоединиться",
    "reason": "Причина: {{reason}}"
  },
+  "handset": {
+    "overlay_back_button": "Вернуться в режим динамика",
+    "overlay_description": "Работает только при использовании приложения",
+    "overlay_title": "Режим трубки"
+  },
  "hangup_button_label": "Завершить звонок",
  "header_label": "Главная Element Call",
  "header_participants_label": "Участники",
@@ -177,6 +203,8 @@
      "change_device_button": "Изменить аудиоустройство",
      "default": "По умолчанию",
      "default_named": "По умолчанию <2>({{name}})</2>",
+      "handset": "Динамик телефона",
+      "loudspeaker": "Громкоговоритель",
      "microphone": "Микрофон",
      "microphone_numbered": "Микрофон {{n}}",
      "speaker": "Динамик",
@@ -217,12 +245,14 @@
  "version": "{{productName}} версия: {{version}}",
  "video_tile": {
    "always_show": "Показывать всегда",
+    "call_ended": "Вызов завершен",
+    "calling": "Вызов…",
    "camera_starting": "Загрузка видео...",
-    "change_fit_contain": "По размеру окна",
    "collapse": "Свернуть",
    "expand": "Развернуть",
    "mute_for_me": "Заглушить звук для меня",
    "muted_for_me": "Приглушить для меня",
+    "screen_share_volume": "Громкость демонстрации экрана",
    "volume": "Громкость",
    "waiting_for_media": "В ожидании медиа..."
  }
--- a/locales/sk/app.json
+++ b/locales/sk/app.json
@@ -22,12 +22,6 @@
    "upload_file": "Nahrať súbor"
  },
  "analytics_notice": "Účasťou v tejto beta verzii súhlasíte so zhromažďovaním anonymných údajov, ktoré použijeme na zlepšenie produktu. Viac informácií o tom, ktoré údaje sledujeme, nájdete v našich <2>Zásadách ochrany osobných údajov</2> a <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"
-  },
  "call_ended_view": {
    "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>",
@@ -55,6 +49,7 @@
    "profile": "Profil",
    "reaction": "Reakcia",
    "reactions": "Reakcie",
+    "reconnecting": "Opätovné pripájanie...",
    "settings": "Nastavenia",
    "unencrypted": "Nie je zašifrované",
    "username": "Meno používateľa",
@@ -63,6 +58,14 @@
  "developer_mode": {
    "always_show_iphone_earpiece": "Zobraziť možnosť slúchadla iPhone na všetkých platformách",
    "crypto_version": "Krypto verzia: {{version}}",
+    "custom_livekit_url": {
+      "current_url": "Aktuálne nastavené na: ",
+      "from_config": "Momentálne nie je nastavené žiadne prepísanie. Používa sa URL adresa zo známeho zdroja alebo konfigurácie.",
+      "label": "Vlastná Livekit URL adresa",
+      "reset": "Obnoviť prepísanie",
+      "save": "Uložiť",
+      "saving": "Ukladá sa…"
+    },
    "debug_tile_layout_label": "Ladenie rozloženia dlaždíc",
    "device_id": "ID zariadenia: {{id}}",
    "duplicate_tiles_label": "Počet ďalších kópií dlaždíc na účastníka",
@@ -70,13 +73,25 @@
    "hostname": "Názov hostiteľa: {{hostname}}",
    "livekit_server_info": "Informácie o serveri LiveKit",
    "livekit_sfu": "LiveKit SFU: {{url}}",
+    "matrixRTCMode": {
+      "Comptibility": {
+        "description": "Kompatibilné s domovskými servermi, ktoré nepodporujú sticky udalosti (ale všetci ostatní EC klienti sú v0.17.0 alebo novší)",
+        "label": "Kompatibilita: stavové udalosti a multi SFU"
+      },
+      "Legacy": {
+        "description": "Kompatibilné so staršími verziami EC, ktoré nepodporujú viacero SFU",
+        "label": "Staršie: stavové udalosti a najstaršie členstvo SFU"
+      },
+      "Matrix_2_0": {
+        "description": "Kompatibilné iba s domovskými servermi podporujúcimi prilepené udalosti a všetkými EC klientmi v0.17.0 alebo novšími.",
+        "label": "Matrix 2.0: prilepené udalosti a viacero SFU"
+      },
+      "title": "Režim MatrixRTC"
+    },
    "matrix_id": "Matrix ID: {{id}}",
    "mute_all_audio": "Stlmiť všetky zvuky (účastníkov, reakcií, zvuky pripojenia)",
    "show_connection_stats": "Zobraziť štatistiky pripojenia",
-    "show_non_member_tiles": "Zobraziť dlaždice pre nečlenské médiá",
-    "url_params": "Parametre URL adresy",
-    "use_new_membership_manager": "Použiť novú implementáciu hovoru MembershipManager",
-    "use_to_device_key_transport": "Používa sa na prenos kľúča zariadenia. Toto sa vráti k prenosu kľúča miestnosti, keď iný účastník hovoru poslal kľúč od miestnosti"
+    "url_params": "Parametre URL adresy"
  },
  "disconnected_banner": "Spojenie so serverom sa stratilo.",
  "error": {
@@ -87,13 +102,19 @@
    "connection_lost_description": "Boli ste odpojení od hovoru.",
    "e2ee_unsupported": "Nekompatibilný prehliadač",
    "e2ee_unsupported_description": "Váš webový prehliadač nepodporuje šifrované hovory. Medzi podporované prehliadače patria Chrome, Safari a Firefox 117+.",
+    "failed_to_start_livekit": "Nepodarilo sa spustiť pripojenie Livekit",
    "generic": "Niečo sa pokazilo",
    "generic_description": "Odoslanie záznamov ladenia nám pomôže nájsť problém.",
    "insufficient_capacity": "Nedostatočná kapacita",
    "insufficient_capacity_description": "Server dosiahol svoju maximálnu kapacitu a momentálne sa nemôžete pripojiť k hovoru. Skúste to znova neskôr alebo kontaktujte správcu servera, ak problém pretrváva.",
-    "matrix_rtc_focus_missing": "Server nie je nakonfigurovaný na prácu s aplikáciou {{brand}}. Kontaktujte správcu svojho servera (Doména:{{domain}}, Kód chyby:{{ errorCode }}).",
+    "matrix_rtc_transport_missing": "Server nie je nastavený na prácu s aplikáciou {{brand}}. Kontaktujte prosím správcu svojho servera (Doména: {{domain}}, Kód chyby: {{ errorCode }}).",
+    "membership_manager": "Chyba správcu členstva",
+    "membership_manager_description": "Správca členstva musel byť vypnutý. Príčinou je mnoho po sebe idúcich neúspešných sieťových požiadaviek.",
+    "no_matrix_2_authorization_service": "Autorizačná služba pre váš mediálny server (SFU) je zastaraná.",
    "open_elsewhere": "Otvorené na inej karte",
    "open_elsewhere_description": "Aplikácia {{brand}} bola otvorená na inej karte. Ak sa vám to nezdá, skúste znovu načítať stránku.",
+    "room_creation_restricted": "Nepodarilo sa vytvoriť hovor",
+    "room_creation_restricted_description": "Uskutočňovanie hovorov môže byť obmedzené iba na autorizovaných používateľov. Skúste to znova neskôr alebo kontaktujte správcu servera, ak problém pretrváva.",
    "unexpected_ec_error": "Vyskytla sa neočakávaná chyba (<0>Kód chyby:</0> <1>{{ errorCode }}</1>). Kontaktujte prosím správcu vášho servera."
  },
  "group_call_loader": {
@@ -105,6 +126,11 @@
    "knock_reject_heading": "Nie je povolené pripojiť sa",
    "reason": "Dôvod"
  },
+  "handset": {
+    "overlay_back_button": "Späť do režimu reproduktora",
+    "overlay_description": "Funguje iba pri používaní aplikácie",
+    "overlay_title": "Režim slúchadla"
+  },
  "hangup_button_label": "Ukončiť hovor",
  "header_label": "Domov Element Call",
  "header_participants_label": "Účastníci",
@@ -177,6 +203,7 @@
      "change_device_button": "Zmeniť zvukové zariadenie",
      "default": "Predvolené",
      "default_named": "Predvolené <2>({{name}})</2>",
+      "handset": "Slúchadlo",
      "loudspeaker": "Reproduktor",
      "microphone": "Mikrofón",
      "microphone_numbered": "Mikrofón {{n}}",
@@ -219,7 +246,6 @@
  "video_tile": {
    "always_show": "Vždy zobraziť",
    "camera_starting": "Načítavanie videa...",
-    "change_fit_contain": "Orezať na mieru",
    "collapse": "Zbaliť",
    "expand": "Rozbaliť",
    "mute_for_me": "Pre mňa stlmiť",
--- a/locales/sv/app.json
+++ b/locales/sv/app.json
@@ -22,12 +22,6 @@
    "upload_file": "Ladda upp fil"
  },
  "analytics_notice": "Genom att delta i denna beta samtycker du till insamling av anonyma uppgifter, som vi använder för att förbättra produkten. Du kan hitta mer information om vilka data vi spårar i vår <2>integritetspolicy</2> och vår <5>cookiepolicy</5>.",
-  "app_selection_modal": {
-    "continue_in_browser": "Fortsätt i webbläsaren",
-    "open_in_app": "Öppna i appen",
-    "text": "Är du redo att gå med?",
-    "title": "Välj app"
-  },
  "call_ended_view": {
    "create_account_button": "Skapa konto",
    "create_account_prompt": "<0>Varför inte avsluta genom att skapa ett lösenord för att behålla ditt konto?</0><1>Du kommer att kunna behålla ditt namn och ställa in en avatar för användning vid framtida samtal</1>",
@@ -55,6 +49,7 @@
    "profile": "Profil",
    "reaction": "Reaktion",
    "reactions": "Reaktioner",
+    "reconnecting": "Återansluter …",
    "settings": "Inställningar",
    "unencrypted": "Inte krypterad",
    "username": "Användarnamn",
@@ -63,6 +58,14 @@
  "developer_mode": {
    "always_show_iphone_earpiece": "Visa iPhone-hörsnäckealternativ på alla plattformar",
    "crypto_version": "Kryptoversion: {{version}}",
+    "custom_livekit_url": {
+      "current_url": "För närvarande inställd på: ",
+      "from_config": "För närvarande är ingen överskrivning inställd. URL från well-known eller konfig används.",
+      "label": "Anpassad Livekit-url",
+      "reset": "Återställ överskrivning",
+      "save": "Spara",
+      "saving": "Sparar…"
+    },
    "debug_tile_layout_label": "Felsök panelarrangemang",
    "device_id": "Enhets-ID: {{id}}",
    "duplicate_tiles_label": "Antal ytterligare panelkopior per deltagare",
@@ -70,13 +73,25 @@
    "hostname": "Värdnamn: {{hostname}}",
    "livekit_server_info": "LiveKit-serverinfo",
    "livekit_sfu": "LiveKit SFU: {{url}}",
+    "matrixRTCMode": {
+      "Comptibility": {
+        "description": "Kompatibel med hemservrar som inte stöder sticky events (men alla andra EC-klienter är v0.17.0 eller senare)",
+        "label": "Kompatibilitet: tillståndshändelser och multi-SFU"
+      },
+      "Legacy": {
+        "description": "Kompatibel med äldre versioner av EC som inte stöder multi SFU",
+        "label": "Legacy: state events och oldest membership SFU"
+      },
+      "Matrix_2_0": {
+        "description": "Endast kompatibel med hemservrar som stöder sticky events och alla EC-klienter v0.17.0 eller senare",
+        "label": "Matrix 2.0: sticky events & multi SFU"
+      },
+      "title": "MatrixRTC-läge"
+    },
    "matrix_id": "Matrix-ID: {{id}}",
    "mute_all_audio": "Tysta allt ljud (deltagare, reaktioner, anslutningsljud)",
    "show_connection_stats": "Visa anslutningsstatistik",
-    "show_non_member_tiles": "Visa paneler för media som inte är medlemmar",
-    "url_params": "URL-parametrar",
-    "use_new_membership_manager": "Använd den nya implementeringen av samtals-MembershipManager",
-    "use_to_device_key_transport": "Använd \"till enhet\"-nyckeltransport. Detta kommer att falla tillbaka till rumsnyckeltransport om en annan samtalsmedlem skickar en rumsnyckel."
+    "url_params": "URL-parametrar"
  },
  "disconnected_banner": "Anslutningen till servern har brutits.",
  "error": {
@@ -87,11 +102,15 @@
    "connection_lost_description": "Du kopplades bort från samtalet.",
    "e2ee_unsupported": "Inkompatibel webbläsare",
    "e2ee_unsupported_description": "Din webbläsare stöder inte krypterade samtal. Webbläsare som stöds inkluderar Chrome, Safari och Firefox 117+.",
+    "failed_to_start_livekit": "Misslyckades att starta Livekit-anslutning",
    "generic": "Något gick fel",
    "generic_description": "Att skicka felsökningsloggar hjälper oss att spåra problemet.",
    "insufficient_capacity": "Otillräcklig kapacitet",
    "insufficient_capacity_description": "Servern har nått sin maximala kapacitet och du kan inte gå med i samtalet just nu. Försök igen senare, eller kontakta serveradministratören om problemet kvarstår.",
-    "matrix_rtc_focus_missing": "Servern är inte konfigurerad för att fungera med {{brand}}. Vänligen kontakta serveradministratören (Domän: {{domain}}, Felkod: {{ errorCode }}).",
+    "matrix_rtc_transport_missing": "Servern är inte konfigurerad för att fungera med {{brand}}. Vänligen kontakta din serveradministratör (Domän: {{domain}}, Felkod: {{ errorCode }}).",
+    "membership_manager": "Fel i medlemskapshanteraren",
+    "membership_manager_description": "Medlemskapshanteraren var tvungen att stängas av. Detta orsakas av många misslyckade nätverksförfrågningar i rad.",
+    "no_matrix_2_authorization_service": "Auktoriseringstjänsten för din medieserver (SFU) är föråldrad.",
    "open_elsewhere": "Öppnades i en annan flik",
    "open_elsewhere_description": "{{brand}} har öppnats i en annan flik. Om det inte låter rätt, pröva att ladda om sidan.",
    "room_creation_restricted": "Misslyckades att skapa samtal",
@@ -225,7 +244,6 @@
  "video_tile": {
    "always_show": "Visa alltid",
    "camera_starting": "Video laddar …",
-    "change_fit_contain": "Anpassa till ram",
    "collapse": "Kollapsa",
    "expand": "Expandera",
    "mute_for_me": "Tysta för mig",
--- a/locales/tr/app.json
+++ b/locales/tr/app.json
@@ -22,12 +22,6 @@
    "upload_file": "Dosya Yükle"
  },
  "analytics_notice": "Bu beta sürümüne katılarak, ürünü geliştirmek için kullandığımız anonim verilerin toplanmasına izin vermiş olursunuz. Hangi verileri izlediğimiz hakkında daha fazla bilgiyi <2>Gizlilik Politikamızda</2> ve <6>Çerez Politikamızda bulabilirsiniz</6>..",
-  "app_selection_modal": {
-    "continue_in_browser": "Tarayıcıda devam et",
-    "open_in_app": "Uygulamada aç",
-    "text": "Katılmaya hazır mısınız?",
-    "title": "Uygulama seçin"
-  },
  "call_ended_view": {
    "create_account_button": "Hesap aç",
    "create_account_prompt": "<0>Hesabınızı tutmak için niye bir parola açmıyorsunuz?</0><1>Böylece ileriki aramalarda adınızı ve avatarınızı kullanabileceksiniz</1>",
@@ -69,8 +63,7 @@
    "livekit_server_info": "LiveKit Sunucu Bilgisi",
    "livekit_sfu": "LiveKit SFU: {{url}}",
    "matrix_id": "Matrix Kimliği: {{id}}",
-    "show_connection_stats": "Bağlantı istatistiklerini göster",
-    "show_non_member_tiles": "Üye olmayan kullanıcılar için ortam döşemelerini göster"
+    "show_connection_stats": "Bağlantı istatistiklerini göster"
  },
  "disconnected_banner": "Sunucuyla bağlantı kesildi.",
  "error": {
@@ -198,7 +191,6 @@
  "video_tile": {
    "always_show": "Her zaman göster",
    "camera_starting": "Video paylaşımı başlatılıyor...",
-    "change_fit_contain": "Çerçeveye sığdır",
    "collapse": "Daralt",
    "expand": "Genişlet",
    "mute_for_me": "Benim için sessize al",
--- a/locales/uk/app.json
+++ b/locales/uk/app.json
@@ -22,12 +22,6 @@
    "upload_file": "Завантажити файл"
  },
  "analytics_notice": "Користуючись дочасним доступом, ви даєте згоду на збір анонімних даних, які ми використовуємо для вдосконалення продукту. Ви можете знайти більше інформації про те, які дані ми відстежуємо в нашій <2>Політиці Приватності</2> і нашій <6>Політиці про файли cookie</6>.",
-  "app_selection_modal": {
-    "continue_in_browser": "Продовжити у браузері",
-    "open_in_app": "Відкрити у застосунку",
-    "text": "Готові приєднатися?",
-    "title": "Вибрати застосунок"
-  },
  "call_ended_view": {
    "create_account_button": "Створити обліковий запис",
    "create_account_prompt": "<0>Чому б не завершити, налаштувавши пароль для збереження свого облікового запису?</0><1>Ви зможете зберегти своє ім'я та встановити аватарку для подальшого користування під час майбутніх викликів</1>",
@@ -55,13 +49,23 @@
    "profile": "Профіль",
    "reaction": "Реакція",
    "reactions": "Реакції",
+    "reconnecting": "Повторне з'єднання…",
    "settings": "Налаштування",
    "unencrypted": "Не зашифровано",
    "username": "Ім'я користувача",
    "video": "Відео"
  },
  "developer_mode": {
+    "always_show_iphone_earpiece": "Показувати опцію виводу звуку в динамік iPhone на всіх платформах",
    "crypto_version": "Крипто-версія: {{version}}",
+    "custom_livekit_url": {
+      "current_url": "Наразі налаштовано: ",
+      "from_config": "Наразі перезапис не налаштовано. Використовується URL-адреса з відомого ресурсу або конфігурації.",
+      "label": "Власний Livekit-url",
+      "reset": "Скинути перезапис",
+      "save": "Зберегти",
+      "saving": "Збереження..."
+    },
    "debug_tile_layout_label": "Налагоджування макету плиток",
    "device_id": "ID пристрою: {{id}}",
    "duplicate_tiles_label": "Кількість додаткових копій плиток на одного учасника",
@@ -69,11 +73,25 @@
    "hostname": "Ім'я хоста: {{hostname}}",
    "livekit_server_info": "Інформація про сервер LiveKit",
    "livekit_sfu": "LiveKit SFU: {{url}}",
+    "matrixRTCMode": {
+      "Comptibility": {
+        "description": "Сумісно з домашніми серверами, які не підтримують закріплені події (але всі інші клієнти EC мають версію 0.17.0 або новішу)",
+        "label": "Сумісність: події стану та кілька SFU"
+      },
+      "Legacy": {
+        "description": "Сумісно з давнішими версіями EC, які не підтримують кілька SFU",
+        "label": "Застаріле: події стану та найдавніше членство SFU"
+      },
+      "Matrix_2_0": {
+        "description": "Сумісно лише з домашніми серверами, що підтримують закріплені події, та всіма клієнтами EC версії 0.17.0 або новіших.",
+        "label": "Matrix 2.0: закріплені події та мульти-SFU"
+      },
+      "title": "Режим MatrixRTC"
+    },
    "matrix_id": "Matrix ID: {{id}}",
+    "mute_all_audio": "Вимкнути всі звуки (учасників, реакцій, звуків приєднання)",
    "show_connection_stats": "Показувати статистику підключення",
-    "show_non_member_tiles": "Показувати плитки для медіа, які не є учасниками",
-    "url_params": "Параметри URL",
-    "use_new_membership_manager": "Використовуйте нову реалізацію виклику MembershipManager"
+    "url_params": "Параметри URL"
  },
  "disconnected_banner": "Втрачено зв'язок з сервером.",
  "error": {
@@ -84,13 +102,19 @@
    "connection_lost_description": "Вас було відключено від дзвінка.",
    "e2ee_unsupported": "Несумісний браузер",
    "e2ee_unsupported_description": "Ваш веб-браузер не підтримує зашифровані дзвінки. Підтримувані браузери включають Chrome, Safari та Firefox 117+.",
+    "failed_to_start_livekit": "Не вдалося розпочати з’єднання Livekit",
    "generic": "Щось пішло не так",
    "generic_description": "Надсилання журналів налагодження допоможе нам відстежити проблему.",
    "insufficient_capacity": "Недостатньо обсягу",
    "insufficient_capacity_description": "Сервер досяг максимального обсягу, і ви на разі не можете приєднатися до виклику. Спробуйте пізніше або зверніться до адміністратора сервера, якщо проблема не зникне.",
-    "matrix_rtc_focus_missing": "Сервер не налаштований щоб працювати з {{brand}}. Будь ласка, зв'яжіться з адміністратором сервера (Домен: {{domain}}, Код помилки: {{ errorCode }}).",
+    "matrix_rtc_transport_missing": "Сервер не налаштовано для роботи з{{brand}}. Зверніться до адміністратора вашого сервера (домен: {{domain}} , Код помилки: {{ errorCode }}).",
+    "membership_manager": "Помилка менеджера членства",
+    "membership_manager_description": "Менеджер членства був змушений припинити роботу. Це сталося через численні послідовні невдалі мережеві запити.",
+    "no_matrix_2_authorization_service": "Служба авторизації для вашого медіасервера (SFU) застаріла.",
    "open_elsewhere": "Відкрито в іншій вкладці",
    "open_elsewhere_description": "{{brand}} було відкрито в іншій вкладці. Якщо це звучить неправильно, спробуйте перезавантажити сторінку.",
+    "room_creation_restricted": "Не вдалося створити виклик",
+    "room_creation_restricted_description": "Створення викликів може бути обмежено лише для авторизованих користувачів. Спробуйте пізніше або зверніться до адміністратора сервера, якщо проблема не зникне.",
    "unexpected_ec_error": "Сталася несподівана помилка (<0>Код помилки: </0> <1> {{ errorCode }}</1>). Будь ласка, зв'яжіться з адміністратором сервера."
  },
  "group_call_loader": {
@@ -102,6 +126,11 @@
    "knock_reject_heading": "Доступ заборонено",
    "reason": "Причина: {{reason}}"
  },
+  "handset": {
+    "overlay_back_button": "Повернутися до режиму динаміка",
+    "overlay_description": "Працює лише під час використання застосунку",
+    "overlay_title": "Режим гарнітури"
+  },
  "hangup_button_label": "Завершити виклик",
  "header_label": "Домівка Element Call",
  "header_participants_label": "Учасники",
@@ -164,12 +193,18 @@
      "effect_volume_description": "Змінити гучність реакцій і ефекту підіймання руки.",
      "effect_volume_label": "Гучність звукових ефектів"
    },
+    "background_blur_header": "Фон",
+    "background_blur_label": "Розмиття фону відео",
+    "blur_not_supported_by_browser": "(Розмиття фону не підтримується цим пристроєм.)",
    "developer_tab_title": "Розробнику",
    "devices": {
      "camera": "Камера",
      "camera_numbered": "Камера {{n}}",
+      "change_device_button": "Змінити аудіопристрій",
      "default": "За замовчуванням",
      "default_named": "За замовчуванням <2> ({{name}}) </2>",
+      "handset": "Гарнітура",
+      "loudspeaker": "Гучномовець",
      "microphone": "Мікрофон",
      "microphone_numbered": "Мікрофон {{n}}",
      "speaker": "Динамік",
@@ -211,7 +246,6 @@
  "video_tile": {
    "always_show": "Показувати завжди",
    "camera_starting": "Завантаження відео...",
-    "change_fit_contain": "Допасувати до рамки",
    "collapse": "Згорнути",
    "expand": "Розгорнути",
    "mute_for_me": "Вимкнути звук для мене",
--- a/locales/zh-Hans/app.json
+++ b/locales/zh-Hans/app.json
@@ -5,22 +5,23 @@
  "action": {
    "close": "关闭",
    "copy_link": "复制链接",
+    "edit": "编辑",
    "go": "开始",
    "invite": "邀请",
+    "lower_hand": "放手",
    "no": "否",
+    "pick_reaction": "选择反应",
+    "raise_hand": "举手",
    "register": "注册",
    "remove": "移除",
+    "show_less": "显示更少",
+    "show_more": "显示更多",
    "sign_in": "登录",
    "sign_out": "登出",
-    "submit": "提交"
-  },
-  "analytics_notice": "参与测试即表示您同意我们收集匿名数据，用于改进产品。您可以在我们的<2>隐私政策</2>和<5>Cookie政策</5>中找到有关我们跟踪哪些数据以及更多信息。",
-  "app_selection_modal": {
-    "continue_in_browser": "在浏览器中继续",
-    "open_in_app": "在应用中打开",
-    "text": "准备好加入了吗？",
-    "title": "选择应用程序"
+    "submit": "提交",
+    "upload_file": "上传文件"
  },
+  "analytics_notice": "参与本次测试即表示您同意我们收集匿名数据，这些数据将用于改进产品。有关我们收集的数据的更多信息，请参阅我们的<2>隐私政策</2> 以及我们的<6>Cookie 政策</6> 。",
  "call_ended_view": {
    "create_account_button": "创建账户",
    "create_account_prompt": "<0>为何不设置密码来保留你的账户？</0><1>保留昵称并设置头像，以便在未来的通话中使用。</1>",
@@ -36,25 +37,99 @@
    "analytics": "分析",
    "audio": "音频",
    "avatar": "头像",
+    "back": "返回",
    "display_name": "显示名称",
    "encrypted": "已加密",
    "home": "主页",
    "loading": "加载中……",
+    "next": "下一步",
    "options": "选项",
    "password": "密码",
+    "preferences": "偏好",
    "profile": "个人信息",
+    "reaction": "反应",
+    "reactions": "反应",
+    "reconnecting": "正在重新连接…",
    "settings": "设置",
    "unencrypted": "未加密",
    "username": "用户名",
    "video": "视频"
  },
+  "developer_mode": {
+    "always_show_iphone_earpiece": "在所有平台上显示 iPhone 听筒选项",
+    "crypto_version": "加密组件版本：{{version}}",
+    "custom_livekit_url": {
+      "current_url": "当前设置为： ",
+      "from_config": "当前未设置任何覆盖值。使用来自 well-known 或配置文件中的 URL。",
+      "label": "自定义 LiveKit URL",
+      "reset": "重置覆盖值",
+      "save": "保存",
+      "saving": "正在保存…"
+    },
+    "debug_tile_layout_label": "调试图块布局",
+    "device_id": "设备 ID：{{id}}",
+    "duplicate_tiles_label": "每个参与者的图块副本数量",
+    "environment_variables": "环境变量",
+    "hostname": "主机名：{{hostname}}",
+    "livekit_server_info": "LiveKit 服务器信息",
+    "livekit_sfu": "LiveKit SFU：{{url}}",
+    "matrixRTCMode": {
+      "Comptibility": {
+        "description": "兼容不支持黏着事件的主服务器（但要求所有其它 EC 客户端均为 v0.17.0 或更高版本）",
+        "label": "兼容性：状态事件 & 多重 SFU"
+      },
+      "Legacy": {
+        "description": "兼容不支持多重 SFU 的旧版本 EC",
+        "label": "旧版： 状态事件 & 传统人际 SFU"
+      },
+      "Matrix_2_0": {
+        "description": "仅兼容支持黏着事件的主服务器及所有 EC v0.17.0 或更高版本的参与者客户端",
+        "label": "Matrix 2.0：黏着事件 & 多重 SFU"
+      },
+      "title": "MatrixRTC 模式"
+    },
+    "matrix_id": "Matrix ID：{{id}}",
+    "mute_all_audio": "静默所有声音（参与者、反应与加入音效）",
+    "show_connection_stats": "显示连接统计信息",
+    "url_params": "URL 参数"
+  },
  "disconnected_banner": "与服务器的连接中断。",
+  "error": {
+    "call_is_not_supported": "不支持的通话",
+    "call_not_found": "未找到通话",
+    "call_not_found_description": "<0>该链接似乎不属于任何现有通话. 请检查链接是否正确，或<1>创建新链接</1>。</0>",
+    "connection_lost": "连接已丢失",
+    "connection_lost_description": "你已断开通话。",
+    "e2ee_unsupported": "不兼容的浏览器",
+    "e2ee_unsupported_description": "你的浏览器不支持加密通话。支持的浏览器包括 Chrome、Safari 与 Firefox 117+。",
+    "failed_to_start_livekit": "LiveKit 连接启动失败",
+    "generic": "出现问题",
+    "generic_description": "提交调试日志将有助于我们调查问题。",
+    "insufficient_capacity": "容量不足",
+    "insufficient_capacity_description": "服务器已达到其最大容量，你目前无法加入通话。请稍后再试，或问题仍然存在时请联系服务器管理员。",
+    "matrix_rtc_transport_missing": "服务器未配置为用于 {{brand}}。请联系服务器管理员（域名：{{domain}}，错误代码：{{ errorCode }} ）。",
+    "membership_manager": "人际管理器错误",
+    "membership_manager_description": "人际管理器已关闭。这是由于连续多次网络请求失败造成的。",
+    "no_matrix_2_authorization_service": "媒体服务器（SFU）的授权服务已过期。",
+    "open_elsewhere": "在另一标签页打开",
+    "open_elsewhere_description": "{{brand}} 已在另一标签页中打开。如果这并非预期，请重载页面。",
+    "room_creation_restricted": "通话创建失败",
+    "room_creation_restricted_description": "可能仅限被授权的用户创建通话。请于稍候重试，或问题仍然存在的情况下联系服务器管理员。",
+    "unexpected_ec_error": "出现未知错误（<0>错误代码：</0><1>{{ errorCode }}</1>）。请联系服务器管理员。"
+  },
  "group_call_loader": {
    "banned_body": "你已被房间封禁",
    "banned_heading": "已被封禁",
    "call_ended_body": "你已被移出通话",
    "call_ended_heading": "通话结束",
-    "knock_reject_body": "房间成员拒绝了你的加入请求"
+    "knock_reject_body": "房间成员拒绝了你的加入请求",
+    "knock_reject_heading": "拒绝访问",
+    "reason": "原因：{{reason}}"
+  },
+  "handset": {
+    "overlay_back_button": "返回扬声器模式",
+    "overlay_description": "仅在使用 app 时有效",
+    "overlay_title": "听筒模式"
  },
  "hangup_button_label": "通话结束",
  "header_label": "Element Call主页",
@@ -71,8 +146,11 @@
  "layout_grid_label": "网格",
  "layout_spotlight_label": "聚焦模式",
  "lobby": {
+    "ask_to_join": "请求加入通话",
+    "join_as_guest": "以访客身份加入",
    "join_button": "加入通话",
-    "leave_button": "返回最近通话"
+    "leave_button": "返回最近通话",
+    "waiting_for_invite": "请求已发送！正在等待加入许可……"
  },
  "log_in": "登录",
  "logging_in": "登录中……",
@@ -84,6 +162,7 @@
  "microphone_on": "麦克风开启",
  "mute_microphone_button_label": "静音麦克风",
  "participant_count_other": "{{count, number}}",
+  "qr_code": "二维码",
  "rageshake_button_error_caption": "重传日志",
  "rageshake_request_modal": {
    "body": "这个通话中的另一个用户出现了问题。为了更好地诊断这些问题，我们想收集调试日志。",
@@ -95,6 +174,7 @@
  "rageshake_sent": "谢谢！",
  "recaptcha_dismissed": "人机验证失败",
  "recaptcha_not_loaded": "recaptcha未加载",
+  "recaptcha_ssla_caption": "此站点受 ReCAPTCHA 保护，并且适用于 Google <2>隐私政策</2>与<6>服务条款</6> 。<9></9>点击“注册”即表示你同意<12>软件与服务许可条款（SSLA）</12>",
  "register": {
    "passwords_must_match": "密码必须匹配",
    "registering": "正在注册……"
@@ -103,31 +183,73 @@
  "register_confirm_password_label": "确认密码",
  "register_heading": "创建您的账户",
  "return_home_button": "返回主页",
+  "room_auth_view_continue_button": "继续",
+  "room_auth_view_ssla_caption": "点击“立即加入通话”即表示你同意我们的<2>软件与服务许可条款（SSLA）</2>",
  "screenshare_button_label": "屏幕共享",
  "settings": {
+    "audio_tab": {
+      "effect_volume_description": "调整反应与举手时播放的音效的音量。",
+      "effect_volume_label": "音效音量"
+    },
+    "background_blur_header": "背景",
+    "background_blur_label": "模糊视频背景",
+    "blur_not_supported_by_browser": "（此设备不支持背景模糊）",
    "developer_tab_title": "开发者",
+    "devices": {
+      "camera": "摄像头",
+      "camera_numbered": "摄像头 {{n}}",
+      "change_device_button": "更改音频设备",
+      "default": "默认",
+      "default_named": "默认 <2>({{name}})</2>",
+      "handset": "听筒",
+      "loudspeaker": "扬声器",
+      "microphone": "麦克风",
+      "microphone_numbered": "麦克风 {{n}}",
+      "speaker": "扬声器",
+      "speaker_numbered": "扬声器 {{n}}"
+    },
    "feedback_tab_body": "如果遇到问题或想提供一些反馈意见，请在下面向我们发送简短描述。",
    "feedback_tab_description_label": "您的反馈",
    "feedback_tab_h4": "提交反馈",
    "feedback_tab_send_logs_label": "包含调试日志",
    "feedback_tab_thank_you": "谢谢，我们收到了反馈！",
    "feedback_tab_title": "反馈",
-    "opt_in_description": "<0></0><1></1>您可以取消选中复选框来撤回同意。如果正在通话中，此设置将在通话结束时生效。"
+    "opt_in_description": "<0></0><1></1>您可以取消选中复选框来撤回同意。如果正在通话中，此设置将在通话结束时生效。",
+    "preferences_tab": {
+      "developer_mode_label": "开发者模式",
+      "developer_mode_label_description": "启用开发者模式并显示开发者设置标签",
+      "introduction": "你可以配置此处的额外选项以改善体验。",
+      "reactions_play_sound_description": "当任何人在通话中发送反应时播放音效",
+      "reactions_play_sound_label": "播放反应音效",
+      "reactions_show_description": "当任何人发送反应时显示动画效果。",
+      "reactions_show_label": "显示反应",
+      "show_hand_raised_timer_description": "当有参与者举手时显示计时器",
+      "show_hand_raised_timer_label": "显示举手持续时间"
+    }
  },
-  "star_rating_input_label_one": "{{count}} 个星",
  "star_rating_input_label_other": "{{count}} 个星",
  "start_new_call": "开始新通话",
  "start_video_button_label": "开始视频",
  "stop_screenshare_button_label": "屏幕共享",
  "stop_video_button_label": "停止视频",
  "submitting": "提交中…",
+  "switch_camera": "切换摄像头",
  "unauthenticated_view_body": "还没有注册？ <2>创建账户<2>",
  "unauthenticated_view_login_button": "登录你的账户",
+  "unauthenticated_view_ssla_caption": "点击“开始”即表示你同意我们的 <2>软件与服务许可条款（SSLA）</2>",
  "unmute_microphone_button_label": "取消麦克风静音",
-  "version": "版本：{{version}}",
+  "version": "{{productName}} 版本：{{version}}",
  "video_tile": {
-    "change_fit_contain": "贴合框架",
+    "always_show": "始终显示",
+    "call_ended": "通话结束",
+    "calling": "呼叫中……",
+    "camera_starting": "视频加载中……",
+    "collapse": "折叠",
+    "expand": "展开",
    "mute_for_me": "为我静音",
-    "volume": "音量"
+    "muted_for_me": "为我静音",
+    "screen_share_volume": "屏幕共享音量",
+    "volume": "音量",
+    "waiting_for_media": "正在等待媒体…"
  }
 }
--- a/locales/zh-Hant/app.json
+++ b/locales/zh-Hant/app.json
@@ -15,12 +15,6 @@
    "submit": "遞交"
  },
  "analytics_notice": "參與此測試版即表示您同意蒐集匿名資料，我們使用這些資料來改進產品。您可以在我們的<2>隱私政策</2>與我們的 <5>Cookie 政策</5> 中找到關於我們追蹤哪些資料的更多資訊。",
-  "app_selection_modal": {
-    "continue_in_browser": "在瀏覽器中繼續",
-    "open_in_app": "在應用程式中開啟",
-    "text": "準備好加入了？",
-    "title": "選取應用程式"
-  },
  "call_ended_view": {
    "create_account_button": "建立帳號",
    "create_account_prompt": "<0>何不設定密碼以保留此帳號？</0><1>您可以保留暱稱並設定頭像，以便未來通話時使用</1>",
--- a/package.json
+++ b/package.json
@@ -3,20 +3,23 @@
  "version": "0.0.0",
  "type": "module",
  "scripts": {
-    "dev": "yarn dev:full",
+    "dev": "pnpm dev:full",
    "dev:full": "vite",
    "dev:embedded": "vite --config vite-embedded.config.js",
-    "build": "yarn build:full",
+    "build": "pnpm build:full",
    "build:full": "NODE_OPTIONS=--max-old-space-size=16384 vite build",
-    "build:full:production": "yarn build:full",
-    "build:full:development": "yarn build:full --mode development",
-    "build:embedded": "yarn build:full --config vite-embedded.config.js",
-    "build:embedded:production": "yarn build:embedded",
-    "build:embedded:development": "yarn build:embedded --mode development",
+    "build:full:production": "pnpm build:full",
+    "build:full:development": "pnpm build:full --mode development",
+    "build:embedded": "pnpm build:full --config vite-embedded.config.js",
+    "build:embedded:production": "pnpm build:embedded",
+    "build:embedded:development": "pnpm build:embedded --mode development",
+    "build:sdk:development": "pnpm build:sdk --mode development",
+    "build:sdk": "pnpm build:full --config vite-sdk.config.js",
+    "build:sdk:production": "pnpm build:sdk",
    "serve": "vite preview",
    "prettier:check": "prettier -c .",
    "prettier:format": "prettier -w .",
-    "lint": "yarn lint:types && yarn lint:eslint && yarn lint:knip",
+    "lint": "pnpm lint:types && pnpm lint:eslint && pnpm lint:knip",
    "lint:eslint": "eslint --max-warnings 0 src playwright",
    "lint:eslint-fix": "eslint --max-warnings 0 src playwright --fix",
    "lint:knip": "knip",
@@ -24,50 +27,49 @@
    "i18n": "i18next",
    "i18n:check": "i18next --fail-on-warnings --fail-on-update",
    "test": "vitest",
+    "test:storybook": "vitest --project=storybook",
+    "test:unit": "vitest --project=unit",
    "test:coverage": "vitest --coverage",
    "backend": "docker-compose -f dev-backend-docker-compose.yml up",
    "backend-playwright": "docker-compose -f playwright-backend-docker-compose.yml -f playwright-backend-docker-compose.override.yml up",
    "test:playwright": "playwright test",
-    "test:playwright:open": "yarn test:playwright --ui",
-    "links:enable": "mv .links.disabled.yaml .links.yaml & touch .links.yaml",
-    "links:disable": "mv .links.yaml .links.disabled.yaml"
+    "test:playwright:open": "pnpm test:playwright --ui",
+    "links:on": "cp scripts/.pnpmfile.cjs .pnpmfile.cjs & pnpm install",
+    "links:off": "rm .pnpmfile.cjs & pnpm install",
+    "storybook": "storybook dev -p 6006",
+    "build-storybook": "storybook build"
  },
  "devDependencies": {
    "@babel/core": "^7.16.5",
-    "@babel/preset-env": "^7.22.20",
+    "@babel/preset-env": "^7.29.5",
    "@babel/preset-react": "^7.22.15",
    "@babel/preset-typescript": "^7.23.0",
    "@codecov/vite-plugin": "^1.3.0",
    "@fontsource/inconsolata": "^5.1.0",
    "@fontsource/inter": "^5.1.0",
-    "@formatjs/intl-durationformat": "^0.7.0",
+    "@formatjs/intl-durationformat": "^0.10.0",
    "@formatjs/intl-segmenter": "^11.7.3",
    "@livekit/components-core": "^0.12.0",
    "@livekit/components-react": "^2.0.0",
    "@livekit/protocol": "^1.42.2",
-    "@livekit/track-processors": "^0.5.5",
+    "@livekit/track-processors": "^0.7.1",
    "@mediapipe/tasks-vision": "^0.10.18",
-    "@opentelemetry/api": "^1.4.0",
-    "@opentelemetry/core": "^2.0.0",
-    "@opentelemetry/exporter-trace-otlp-http": "^0.203.0",
-    "@opentelemetry/resources": "^2.0.0",
-    "@opentelemetry/sdk-trace-base": "^2.0.0",
-    "@opentelemetry/sdk-trace-web": "^2.0.0",
-    "@opentelemetry/semantic-conventions": "^1.25.1",
-    "@playwright/test": "^1.56.1",
+    "@playwright/test": "^1.60.0",
    "@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": "^10.0.0",
    "@sentry/react": "^8.0.0",
    "@sentry/vite-plugin": "^3.0.0",
+    "@storybook/addon-docs": "^10.3.6",
+    "@storybook/addon-vitest": "^10.3.6",
+    "@storybook/react-vite": "^10.3.6",
    "@stylistic/eslint-plugin": "^3.0.0",
    "@testing-library/dom": "^10.1.0",
    "@testing-library/jest-dom": "^6.6.3",
    "@testing-library/react": "^16.0.0",
    "@testing-library/user-event": "^14.5.1",
    "@types/content-type": "^1.1.5",
-    "@types/dom-mediacapture-transform": "^0.1.11",
    "@types/grecaptcha": "^3.0.9",
    "@types/jsdom": "^21.1.7",
    "@types/lodash-es": "^4.17.12",
@@ -81,65 +83,83 @@
    "@typescript-eslint/eslint-plugin": "^8.31.0",
    "@typescript-eslint/parser": "^8.31.0",
    "@use-gesture/react": "^10.2.11",
-    "@vector-im/compound-design-tokens": "^6.0.0",
-    "@vector-im/compound-web": "^8.0.0",
+    "@vector-im/compound-design-tokens": "^10.0.0",
+    "@vector-im/compound-web": "^9.3.0",
    "@vitejs/plugin-react": "^4.0.1",
-    "@vitest/coverage-v8": "^3.0.0",
+    "@vitest/browser-playwright": "^4.1.5",
+    "@vitest/coverage-v8": "^4.0.18",
+    "@vitest/ui": "4.1.7",
    "babel-plugin-transform-vite-meta-env": "^1.0.3",
    "classnames": "^2.3.1",
    "copy-to-clipboard": "^3.3.3",
    "eslint": "^8.14.0",
    "eslint-config-google": "^0.14.0",
    "eslint-config-prettier": "^10.0.0",
-    "eslint-plugin-deprecate": "^0.8.2",
+    "eslint-plugin-deprecate": "^0.9.0",
    "eslint-plugin-import": "^2.26.0",
+    "eslint-plugin-jsdoc": "^61.5.0",
    "eslint-plugin-jsx-a11y": "^6.5.1",
    "eslint-plugin-matrix-org": "2.1.0",
    "eslint-plugin-react": "^7.29.4",
    "eslint-plugin-react-hooks": "^5.0.0",
    "eslint-plugin-rxjs": "^5.0.3",
+    "eslint-plugin-storybook": "^10.3.6",
    "eslint-plugin-unicorn": "^56.0.0",
    "fetch-mock": "11.1.5",
    "global-jsdom": "^26.0.0",
-    "i18next": "^24.0.0",
+    "i18next": "^25.0.0",
    "i18next-browser-languagedetector": "^8.0.0",
    "i18next-parser": "^9.1.0",
    "jsdom": "^26.0.0",
-    "knip": "^5.27.2",
-    "livekit-client": "^2.13.0",
+    "knip": "^5.86.0",
+    "livekit-client": "^2.18.1",
    "lodash-es": "^4.17.21",
    "loglevel": "^1.9.1",
-    "matrix-js-sdk": "github:matrix-org/matrix-js-sdk#head=toger5/sticky-events&commit=e7f5bec51b6f70501a025b79fe5021c933385b21",
-    "matrix-widget-api": "^1.13.0",
+    "matrix-js-sdk": "matrix-org/matrix-js-sdk#develop",
+    "matrix-widget-api": "^1.16.1",
+    "node-stdlib-browser": "^1.3.1",
    "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.160.3",
+    "posthog-js": "1.374.0",
    "prettier": "^3.0.0",
    "qrcode": "^1.5.4",
    "react": "19",
    "react-dom": "19",
-    "react-i18next": "^15.0.0",
+    "react-i18next": "^16.0.0 <16.7.0",
    "react-router-dom": "^7.0.0",
    "react-use-measure": "^2.1.1",
    "rxjs": "^7.8.1",
    "sass": "^1.42.1",
+    "storybook": "^10.3.6",
    "typescript": "^5.8.3",
    "typescript-eslint-language-service": "^5.0.5",
    "unique-names-generator": "^4.6.0",
+    "uuid": "^14.0.0",
    "vaul": "^1.0.0",
-    "vite": "^7.0.0",
+    "vite": "^8.0.0",
    "vite-plugin-generate-file": "^0.3.0",
    "vite-plugin-html": "^3.2.2",
+    "vite-plugin-node-polyfills": "^0.28.0",
+    "vite-plugin-node-stdlib-browser": "^0.2.1",
    "vite-plugin-svgr": "^4.0.0",
-    "vitest": "^3.0.0",
+    "vite-plugin-wasm": "^3.6.0",
+    "vitest": "^4.1.5",
    "vitest-axe": "^1.0.0-pre.3"
  },
-  "resolutions": {
-    "@livekit/components-core/rxjs": "^7.8.1",
-    "@livekit/track-processors/@mediapipe/tasks-vision": "^0.10.18"
+  "pnpm": {
+    "overrides": {
+      "@livekit/components-core>rxjs": "^7.8.1",
+      "@livekit/track-processors>@mediapipe/tasks-vision": "^0.10.18",
+      "minimatch": "^10.2.3",
+      "tar": "^7.5.11",
+      "glob": "^10.5.0",
+      "qs": "^6.14.1",
+      "js-yaml": "^4.1.1",
+      "esbuild": "^0.28.0"
+    }
  },
-  "packageManager": "yarn@4.7.0"
+  "packageManager": "pnpm@10.33.0"
 }
--- a/playwright.config.ts
+++ b/playwright.config.ts
@@ -1,16 +1,28 @@
 /*
 Copyright 2025 New Vector Ltd.
+Copyright 2026 Element Creations Ltd.

 SPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial
 Please see LICENSE in the repository root for full details.
 */

 import { defineConfig, devices } from "@playwright/test";
+import { join } from "path";
+import path from "node:path";
+import { fileURLToPath } from "node:url";

 const baseURL = process.env.USE_DOCKER
  ? "http://localhost:8080"
  : "https://localhost:3000";

+const __dirname = path.dirname(fileURLToPath(import.meta.url));
+
+// Needed by the synapse admin API called in fixtures
+process.env.NODE_EXTRA_CA_CERTS = join(
+  __dirname,
+  "backend/dev_tls_local-ca.crt",
+);
+
 /**
 * See https://playwright.dev/docs/test-configuration.
 */
@@ -38,6 +50,7 @@ export default defineConfig({
  projects: [
    {
      name: "chromium",
+      testIgnore: "**/mobile/**",
      use: {
        ...devices["Desktop Chrome"],
        permissions: [
@@ -56,9 +69,9 @@ export default defineConfig({
        },
      },
    },
-
    {
      name: "firefox",
+      testIgnore: "**/mobile/**",
      use: {
        ...devices["Desktop Firefox"],
        ignoreHTTPSErrors: true,
@@ -66,10 +79,36 @@ export default defineConfig({
          firefoxUserPrefs: {
            "permissions.default.microphone": 1,
            "permissions.default.camera": 1,
+            // Equivalent to Chromium's --use-fake-device-for-media-stream:
+            // feeds a synthetic media stream so getUserMedia and
+            // enumerateDevices work on CI runners without real hardware.
+            "media.navigator.streams.fake": true,
+            "media.navigator.permission.disabled": true,
          },
        },
      },
    },
+    {
+      name: "mobile",
+      testMatch: "**/mobile/**",
+      use: {
+        ...devices["Pixel 7"],
+        ignoreHTTPSErrors: true,
+        permissions: [
+          "clipboard-write",
+          "clipboard-read",
+          "microphone",
+          "camera",
+        ],
+        launchOptions: {
+          args: [
+            "--use-fake-ui-for-media-stream",
+            "--use-fake-device-for-media-stream",
+            "--mute-audio",
+          ],
+        },
+      },
+    },

    // No safari for now, until I find a solution to fix `Not allowed to request resource` due to calling
    // clear http to the homeserver
--- a/playwright/access.spec.ts
+++ b/playwright/access.spec.ts
@@ -7,6 +7,8 @@ Please see LICENSE in the repository root for full details.

 import { expect, test } from "@playwright/test";

+import { SpaHelpers } from "./spa-helpers.ts";
+
 test("Sign up a new account, then login, then logout", async ({ browser }) => {
  const userId = `test_user-id_${Date.now()}`;

@@ -69,12 +71,7 @@ test("As a guest, create a call, share link and other join", async ({
  // ========
  // ARRANGE: The first user creates a call as guest, join it, then click the invite button to copy the invite link
  // ========
-  await creatorPage.getByTestId("home_callName").click();
-  await creatorPage.getByTestId("home_callName").fill("Welcome");
-  await creatorPage.getByTestId("home_displayName").click();
-  await creatorPage.getByTestId("home_displayName").fill("Inviter");
-  await creatorPage.getByTestId("home_go").click();
-  await expect(creatorPage.locator("video")).toBeVisible();
+  await SpaHelpers.createCall(creatorPage, "Inviter", "Welcome");

  // join
  await creatorPage.getByTestId("lobby_joinCall").click();
@@ -82,19 +79,7 @@ test("As a guest, create a call, share link and other join", async ({
  await creatorPage.getByRole("radio", { name: "Spotlight" }).check();

  // Get the invite link
-  await creatorPage.getByRole("button", { name: "Invite" }).click();
-  await expect(
-    creatorPage.getByRole("heading", { name: "Invite to this call" }),
-  ).toBeVisible();
-  await expect(creatorPage.getByRole("img", { name: "QR Code" })).toBeVisible();
-  await expect(creatorPage.getByTestId("modal_inviteLink")).toBeVisible();
-  await expect(creatorPage.getByTestId("modal_inviteLink")).toBeVisible();
-  await creatorPage.getByTestId("modal_inviteLink").click();
-
-  const inviteLink = (await creatorPage.evaluate(
-    "navigator.clipboard.readText()",
-  )) as string;
-  expect(inviteLink).toContain("room/#/");
+  const inviteLink = await SpaHelpers.getCallInviteLink(creatorPage);

  // ========
  // ACT: The other user use the invite link to join the call as a guest
@@ -103,13 +88,7 @@ test("As a guest, create a call, share link and other join", async ({
    reducedMotion: "reduce",
  });
  const guestPage = await guestInviteeContext.newPage();
-
-  await guestPage.goto(inviteLink);
-  await guestPage.getByTestId("joincall_displayName").fill("Invitee");
-  await expect(guestPage.getByTestId("joincall_joincall")).toBeVisible();
-  await guestPage.getByTestId("joincall_joincall").click();
-  await guestPage.getByTestId("lobby_joinCall").click();
-  await guestPage.getByRole("radio", { name: "Spotlight" }).check();
+  await SpaHelpers.joinCallFromInviteLink(guestPage, inviteLink);

  // ========
  // ASSERT: check that there are two members in the call
--- a/playwright/create-call.spec.ts
+++ b/playwright/create-call.spec.ts
@@ -22,8 +22,8 @@ test("Start a new call then leave and show the feedback screen", async ({
  await expect(page.getByTestId("lobby_joinCall")).toBeVisible();

  // Check the button toolbar
-  // await expect(page.getByRole('button', { name: 'Mute microphone' })).toBeVisible();
-  // await expect(page.getByRole('button', { name: 'Stop video' })).toBeVisible();
+  // await expect(page.getByRole('switch', { name: 'Mute microphone' })).toBeVisible();
+  // await expect(page.getByRole('switch', { name: 'Stop video' })).toBeVisible();
  await expect(page.getByRole("button", { name: "Settings" })).toBeVisible();
  await expect(page.getByRole("button", { name: "End call" })).toBeVisible();

@@ -58,3 +58,41 @@ test("Start a new call then leave and show the feedback screen", async ({
    page.getByRole("link", { name: "Not now, return to home screen" }),
  ).toBeVisible();
 });
+
+test("BugFix: When unmuting in lobby, you had to click twice to unmute in call", async ({
+  page,
+}) => {
+  await page.goto("/");
+
+  await page.getByTestId("home_callName").click();
+  await page.getByTestId("home_callName").fill("DoubleUnMute");
+  await page.getByTestId("home_displayName").click();
+  await page.getByTestId("home_displayName").fill("me");
+  await page.getByTestId("home_go").click();
+
+  const microphoneButton = page.getByTestId("incall_mute");
+  const cameraButton = page.getByTestId("incall_videomute");
+
+  // Wait for devices to enumerate before the button enables.
+  await expect(microphoneButton).toBeEnabled({ timeout: 10_000 });
+
+  await microphoneButton.click();
+  await cameraButton.click();
+
+  // Should be muted now
+  await expect(microphoneButton).toHaveAccessibleName("Unmute microphone");
+  await expect(cameraButton).toHaveAccessibleName("Start video");
+
+  // Create the call and join
+  await page.getByTestId("lobby_joinCall").click();
+
+  // Give sometime for the all to be connected
+  // Check the number of participants
+  await expect(page.locator("div").filter({ hasText: /^1$/ })).toBeVisible();
+
+  // Click again on the mute button. it should unmute
+  await microphoneButton.click();
+  await expect(microphoneButton).toHaveAccessibleName("Mute microphone");
+  await cameraButton.click();
+  await expect(cameraButton).toHaveAccessibleName("Stop video");
+});
--- a/playwright/errors.spec.ts
+++ b/playwright/errors.spec.ts
@@ -7,6 +7,8 @@ Please see LICENSE in the repository root for full details.

 import { expect, test } from "@playwright/test";

+import { createJTWToken } from "./fixtures/jwt-token";
+
 test("Should show error screen if fails to get JWT token", async ({ page }) => {
  await page.goto("/");

@@ -75,7 +77,12 @@ test("Should automatically retry non fatal JWT errors", async ({

 test("Should show error screen if call creation is restricted", async ({
  page,
+  browserName,
 }) => {
+  test.skip(
+    browserName === "firefox",
+    "The is test is not working on firefox CI environment.",
+  );
  await page.goto("/");

  // We need the socket connection to fail, but this cannot be done by using the websocket route.
@@ -88,15 +95,17 @@ test("Should show error screen if call creation is restricted", async ({
        contentType: "application/json",
        body: JSON.stringify({
          url: "wss://badurltotricktest/livekit/sfu",
-          jwt: "FAKE",
+          jwt: createJTWToken("@fake:user", "!fake:room"),
        }),
      }),
  );

  // Then if the socket connection fails, livekit will try to validate the token!
  // Livekit will not auto_create anymore and will return a 404 error.
+  // Note the regex is required as livekit-client is nowasays trying two
+  // differnt APIs
  await page.route(
-    "**/badurltotricktest/livekit/sfu/rtc/validate?**",
+    /.*\/badurltotricktest\/livekit\/sfu\/rtc(\/v1)?\/validate?.*/,
    async (route) =>
      await route.fulfill({
        status: 404,
--- a/playwright/fixtures/fixture-mobile-create.ts
+++ b/playwright/fixtures/fixture-mobile-create.ts
@@ -0,0 +1,70 @@
+/*
+Copyright 2025 New Vector Ltd.
+
+SPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial
+Please see LICENSE in the repository root for full details.
+*/
+
+import { type Browser, type Page, test, expect } from "@playwright/test";
+
+export interface MobileCreateFixtures {
+  asMobile: {
+    creatorPage: Page;
+    inviteLink: string;
+  };
+}
+
+export const mobileTest = test.extend<MobileCreateFixtures>({
+  asMobile: async ({ browser }, pUse) => {
+    const fixtures = await createCallAndInvite(browser);
+    await pUse({
+      creatorPage: fixtures.page,
+      inviteLink: fixtures.inviteLink,
+    });
+  },
+});
+
+/**
+ * Create a call and generate an invite link
+ */
+async function createCallAndInvite(
+  browser: Browser,
+): Promise<{ page: Page; inviteLink: string }> {
+  const creatorContext = await browser.newContext({ reducedMotion: "reduce" });
+  const creatorPage = await creatorContext.newPage();
+
+  await creatorPage.goto("/");
+
+  // ========
+  // ARRANGE: The first user creates a call as guest, join it, then click the invite button to copy the invite link
+  // ========
+  await creatorPage.getByTestId("home_callName").click();
+  await creatorPage.getByTestId("home_callName").fill("Welcome");
+  await creatorPage.getByTestId("home_displayName").click();
+  await creatorPage.getByTestId("home_displayName").fill("Inviter");
+  await creatorPage.getByTestId("home_go").click();
+  await expect(creatorPage.locator("video")).toBeVisible();
+
+  // join
+  await creatorPage.getByTestId("lobby_joinCall").click();
+
+  // Get the invite link
+  await creatorPage.getByRole("button", { name: "Invite" }).click();
+  await expect(
+    creatorPage.getByRole("heading", { name: "Invite to this call" }),
+  ).toBeVisible();
+  await expect(creatorPage.getByRole("img", { name: "QR Code" })).toBeVisible();
+  await expect(creatorPage.getByTestId("modal_inviteLink")).toBeVisible();
+  await expect(creatorPage.getByTestId("modal_inviteLink")).toBeVisible();
+  await creatorPage.getByTestId("modal_inviteLink").click();
+
+  const inviteLink = (await creatorPage.evaluate(
+    "navigator.clipboard.readText()",
+  )) as string;
+  expect(inviteLink).toContain("room/#/");
+
+  return {
+    page: creatorPage,
+    inviteLink,
+  };
+}
--- a/playwright/fixtures/jwt-token.ts
+++ b/playwright/fixtures/jwt-token.ts
@@ -0,0 +1,22 @@
+/*
+Copyright 2025 New Vector Ltd.
+
+SPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial
+Please see LICENSE in the repository root for full details.
+*/
+
+export function createJTWToken(sub: string, room: string): string {
+  return [
+    {}, // header
+    {
+      // payload
+      sub,
+      video: {
+        room,
+      },
+    },
+    {}, // signature
+  ]
+    .map((d) => global.btoa(JSON.stringify(d)))
+    .join(".");
+}
--- a/playwright/fixtures/widget-user.ts
+++ b/playwright/fixtures/widget-user.ts
@@ -1,22 +1,19 @@
 /*
 Copyright 2025 New Vector Ltd.
+Copyright 2026 Element Creations Ltd.

 SPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial
 Please see LICENSE in the repository root for full details.
 */

-import {
-  type Browser,
-  type Page,
-  test,
-  expect,
-  type JSHandle,
-} from "@playwright/test";
+import { type Page, test, expect, type JSHandle } from "@playwright/test";

 import type { MatrixClient } from "matrix-js-sdk";
+import { HOST1, TestHelpers } from "../widget/test-helpers.ts";

 export type UserBaseFixture = {
  mxId: string;
+  displayName: string;
  page: Page;
  clientHandle: JSHandle<MatrixClient>;
 };
@@ -28,10 +25,10 @@ export type BaseWidgetSetup = {

 export interface MyFixtures {
  asWidget: BaseWidgetSetup;
+  callType: "room" | "dm";
+  addUser: (username: string, host: string) => Promise<UserBaseFixture>;
 }

-const PASSWORD = "foobarbaz1!";
-
 // Minimal config.json for the local element-web instance
 const CONFIG_JSON = {
  default_server_config: {
@@ -65,136 +62,95 @@ const CONFIG_JSON = {
  },
 };

-/**
- * Set the Element Call URL in the dev tool settings using `window.mxSettingsStore` via `page.evaluate`.
- * @param page
- */
-const setDevToolElementCallDevUrl = process.env.USE_DOCKER
-  ? async (page: Page): Promise<void> => {
-      await page.evaluate(() => {
-        window.mxSettingsStore.setValue(
-          "Developer.elementCallUrl",
-          null,
-          "device",
-          "http://localhost:8080/room",
-        );
-      });
-    }
-  : async (page: Page): Promise<void> => {
-      await page.evaluate(() => {
-        window.mxSettingsStore.setValue(
-          "Developer.elementCallUrl",
-          null,
-          "device",
-          "https://localhost:3000/room",
-        );
-      });
-    };
-
-/**
- * Registers a new user and returns page, clientHandle and mxId.
- */
-async function registerUser(
-  browser: Browser,
-  username: string,
-): Promise<{ page: Page; clientHandle: JSHandle<MatrixClient>; mxId: string }> {
-  const userContext = await browser.newContext({
-    reducedMotion: "reduce",
-  });
-  const page = await userContext.newPage();
-  await page.goto("http://localhost:8081/#/welcome");
-  await page.getByRole("link", { name: "Create Account" }).click();
-  await page.getByRole("textbox", { name: "Username" }).fill(username);
-  await page
-    .getByRole("textbox", { name: "Password", exact: true })
-    .fill(PASSWORD);
-  await page.getByRole("textbox", { name: "Confirm password" }).click();
-  await page.getByRole("textbox", { name: "Confirm password" }).fill(PASSWORD);
-  await page.getByRole("button", { name: "Register" }).click();
-  const continueButton = page.getByRole("button", { name: "Continue" });
-  try {
-    await expect(continueButton).toBeVisible({ timeout: 5000 });
-    await page
-      .getByRole("textbox", { name: "Password", exact: true })
-      .fill(PASSWORD);
-    await continueButton.click();
-  } catch {
-    // continueButton not visible, continue as normal
-  }
-  await expect(
-    page.getByRole("heading", { name: `Welcome ${username}` }),
-  ).toBeVisible();
-  await setDevToolElementCallDevUrl(page);
-
-  const clientHandle = await page.evaluateHandle(() =>
-    window.mxMatrixClientPeg.get(),
-  );
-  const mxId = (await clientHandle.evaluate(
-    (cli: MatrixClient) => cli.getUserId(),
-    clientHandle,
-  ))!;
-
-  return { page, clientHandle, mxId };
-}
-
 export const widgetTest = test.extend<MyFixtures>({
-  asWidget: async ({ browser, context }, pUse) => {
+  // allow per-test override: `widgetTest.use({ callType: "dm" })`
+  callType: ["room", { option: true }],
+  asWidget: async ({ browser, context, callType }, pUse) => {
    await context.route(`http://localhost:8081/config.json*`, async (route) => {
      await route.fulfill({ json: CONFIG_JSON });
    });

-    const userA = `brooks_${Date.now()}`;
-    const userB = `whistler_${Date.now()}`;
+    const brooksDisplayName = `brooks_${Date.now()}`;
+    const whistlerDisplayName = `whistler_${Date.now()}`;

    // Register users
    const {
      page: ewPage1,
      clientHandle: brooksClientHandle,
      mxId: brooksMxId,
-    } = await registerUser(browser, userA);
+    } = await TestHelpers.registerUser(browser, brooksDisplayName);
    const {
      page: ewPage2,
      clientHandle: whistlerClientHandle,
      mxId: whistlerMxId,
-    } = await registerUser(browser, userB);
+    } = await TestHelpers.registerUser(browser, whistlerDisplayName);

    // Invite the second user
-    await ewPage1
-      .getByRole("navigation", { name: "Room list" })
-      .getByRole("button", { name: "New conversation" })
-      .click();
+    if (callType === "room") {
+      await TestHelpers.createRoom("Welcome Room", ewPage1);

-    await ewPage1.getByRole("menuitem", { name: "New Room" }).click();
-    await ewPage1.getByRole("textbox", { name: "Name" }).fill("Welcome Room");
-    await ewPage1.getByRole("button", { name: "Create room" }).click();
-    await expect(ewPage1.getByText("You created this room.")).toBeVisible();
-    await expect(ewPage1.getByText("Encryption enabled")).toBeVisible();
+      await ewPage1
+        .getByRole("button", { name: "Invite to this room", exact: true })
+        .click({
+          timeout: 10000,
+        });
+      await expect(
+        ewPage1.getByRole("heading", { name: "Invite to Welcome Room" }),
+      ).toBeVisible();

-    await ewPage1
-      .getByRole("button", { name: "Invite to this room", exact: true })
-      .click();
-    await expect(
-      ewPage1.getByRole("heading", { name: "Invite to Welcome Room" }),
-    ).toBeVisible();
+      // To get the invite textbox we need to specifically select within the
+      // dialog, since there is another textbox in the background (the message
+      // composer). In theory the composer shouldn't be visible to Playwright at
+      // all because the invite dialog has trapped focus, but the focus trap
+      // doesn't quite work right on Firefox.
+      await ewPage1.getByRole("dialog").getByRole("textbox").fill(whistlerMxId);
+      await ewPage1.getByRole("dialog").getByRole("textbox").click();
+      await ewPage1.getByRole("button", { name: "Invite" }).click();
+      await TestHelpers.dismissInviteUnknownUserModal(ewPage1);

-    // To get the invite textbox we need to specifically select within the
-    // dialog, since there is another textbox in the background (the message
-    // composer). In theory the composer shouldn't be visible to Playwright at
-    // all because the invite dialog has trapped focus, but the focus trap
-    // doesn't quite work right on Firefox.
-    await ewPage1.getByRole("dialog").getByRole("textbox").fill(whistlerMxId);
-    await ewPage1.getByRole("dialog").getByRole("textbox").click();
-    await ewPage1.getByRole("button", { name: "Invite" }).click();
+      // Accept the invite
+      await expect(
+        ewPage2.getByRole("option", { name: "Welcome Room" }),
+      ).toBeVisible();
+      await ewPage2.getByRole("option", { name: "Welcome Room" }).click();
+      await ewPage2.getByRole("button", { name: "Accept" }).click();
+      await expect(
+        ewPage2
+          .getByRole("main")
+          .getByRole("heading", { name: "Welcome Room" }),
+      ).toBeVisible();
+    } else if (callType === "dm") {
+      await ewPage1
+        .getByRole("navigation", { name: "Room list" })
+        .getByRole("button", { name: "New conversation" })
+        .click();

-    // Accept the invite
-    await expect(
-      ewPage2.getByRole("option", { name: "Welcome Room" }),
-    ).toBeVisible();
-    await ewPage2.getByRole("option", { name: "Welcome Room" }).click();
-    await ewPage2.getByRole("button", { name: "Accept" }).click();
-    await expect(
-      ewPage2.getByRole("main").getByRole("heading", { name: "Welcome Room" }),
-    ).toBeVisible();
+      await ewPage1.getByRole("menuitem", { name: "Start chat" }).click();
+      await ewPage1.getByRole("textbox", { name: "Search" }).click();
+      await ewPage1.getByRole("textbox", { name: "Search" }).fill(whistlerMxId);
+      await ewPage1.getByRole("button", { name: "Go" }).click();
+      await TestHelpers.dismissInviteUnknownUserModalDM(ewPage1);
+
+      // Wait and send the first message to create the DM
+      await expect(
+        ewPage1.getByText(/Send your first message to invite/),
+      ).toBeVisible();
+
+      await ewPage1.locator(".mx_BasicMessageComposer_input > div").click();
+      await ewPage1
+        .getByRole("textbox", { name: "Send a message…" })
+        .fill("Hello!");
+      await ewPage1.getByRole("button", { name: "Send message" }).click();
+
+      await expect(
+        ewPage1.getByText("This is the beginning of your"),
+      ).toBeVisible();
+
+      // Accept the DM invite from brooks
+      // This how playwright record selects the DM invite in the room list
+      await ewPage2.getByRole("option", { name: "Open room" }).click();
+      await ewPage2.getByRole("button", { name: "Start chatting" }).click();
+    }

    // Renamed use to pUse, as a workaround for eslint error that was thinking this use was a react use.
    await pUse({
@@ -202,12 +158,40 @@ export const widgetTest = test.extend<MyFixtures>({
        mxId: brooksMxId,
        page: ewPage1,
        clientHandle: brooksClientHandle,
+        displayName: brooksDisplayName,
      },
      whistler: {
        mxId: whistlerMxId,
        page: ewPage2,
        clientHandle: whistlerClientHandle,
+        displayName: whistlerDisplayName,
      },
    });
  },
+
+  /**
+   * Provide a way to add additional users within a test.
+   * The returned user will be registered on the default homeserver, the name will be made unique by appending a timestamp.
+   */
+  addUser: async ({ browser }, use) => {
+    await use(
+      async (
+        username: string,
+        host: string = HOST1,
+      ): Promise<UserBaseFixture> => {
+        const uniqueSuffix = Date.now();
+        const { page, clientHandle, mxId } = await TestHelpers.registerUser(
+          browser,
+          `${username.toLowerCase()}_${uniqueSuffix}`,
+          host,
+        );
+        return {
+          mxId,
+          displayName: username,
+          page,
+          clientHandle,
+        };
+      },
+    );
+  },
 });
--- a/playwright/mobile/create-call-mobile.spec.ts
+++ b/playwright/mobile/create-call-mobile.spec.ts
@@ -0,0 +1,118 @@
+/*
+Copyright 2025 Element Creations Ltd.
+
+SPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial
+Please see LICENSE in the repository root for full details.
+*/
+
+import { expect, test } from "@playwright/test";
+
+import { mobileTest } from "../fixtures/fixture-mobile-create.ts";
+
+test("@mobile Start a new call then leave and show the feedback screen", async ({
+  page,
+}) => {
+  await page.goto("/");
+
+  await page.getByTestId("home_callName").click();
+  await page.getByTestId("home_callName").fill("HelloCall");
+  await page.getByTestId("home_displayName").click();
+  await page.getByTestId("home_displayName").fill("John Doe");
+  await page.getByTestId("home_go").click();
+
+  // await page.pause();
+  await expect(page.locator("video")).toBeVisible();
+  await expect(page.getByTestId("lobby_joinCall")).toBeVisible();
+  // Join the call
+  await page.getByTestId("lobby_joinCall").click();
+
+  // Ensure that the call is connected
+  await page
+    .locator("div")
+    .filter({ hasText: /^HelloCall$/ })
+    .click();
+  // Check the number of participants
+  await expect(page.locator("div").filter({ hasText: /^1$/ })).toBeVisible();
+  // The tooltip with the name should be visible
+  await expect(page.getByTestId("name_tag")).toContainText("John Doe");
+
+  // leave the call
+  await page.getByTestId("incall_leave").click();
+  await expect(page.getByRole("heading")).toContainText(
+    "John Doe, your call has ended. How did it go?",
+  );
+  await expect(page.getByRole("main")).toContainText(
+    "Why not finish by setting up a password to keep your account?",
+  );
+
+  await expect(
+    page.getByRole("link", { name: "Not now, return to home screen" }),
+  ).toBeVisible();
+});
+
+mobileTest(
+  "Test earpiece overlay in controlledAudioDevices mode",
+  async ({ asMobile, browser }) => {
+    const { creatorPage, inviteLink } = asMobile;
+
+    // ========
+    // ACT: The other user use the invite link to join the call as a guest
+    // ========
+    const guestInviteeContext = await browser.newContext({
+      reducedMotion: "reduce",
+    });
+    const guestPage = await guestInviteeContext.newPage();
+    await guestPage.goto(inviteLink + "&controlledAudioDevices=true");
+
+    await guestPage.getByTestId("joincall_displayName").fill("Invitee");
+    await expect(guestPage.getByTestId("joincall_joincall")).toBeVisible();
+    await guestPage.getByTestId("joincall_joincall").click();
+    await guestPage.getByTestId("lobby_joinCall").click();
+
+    // ========
+    // ASSERT: check that there are two members in the call
+    // ========
+
+    // There should be two participants now
+    await expect(
+      guestPage.getByTestId("roomHeader_participants_count"),
+    ).toContainText("2");
+    await expect(guestPage.getByTestId("videoTile")).toHaveCount(2);
+
+    // Same in creator page
+    await expect(
+      creatorPage.getByTestId("roomHeader_participants_count"),
+    ).toContainText("2");
+    await expect(creatorPage.getByTestId("videoTile")).toHaveCount(2);
+
+    // TEST: control audio devices from the invitee page
+
+    await guestPage.evaluate(() => {
+      window.controls.setAvailableAudioDevices([
+        { id: "speaker", name: "Speaker", isSpeaker: true },
+        { id: "earpiece", name: "Handset", isEarpiece: true },
+        { id: "headphones", name: "Headphones" },
+      ]);
+    });
+
+    // Open settings to select earpiece
+    await guestPage.getByRole("button", { name: "Settings" }).click();
+    await guestPage
+      .getByRole("radio", { name: "Handset", exact: true })
+      .click();
+
+    // dismiss settings
+    await guestPage.locator("#root").press("Escape");
+
+    await guestPage.pause();
+    await expect(
+      guestPage.getByRole("heading", { name: "Handset Mode" }),
+    ).toBeVisible();
+    await expect(
+      guestPage.getByRole("button", { name: "Back to Speaker Mode" }),
+    ).toBeVisible();
+
+    // Should auto-mute the video when earpiece is selected
+    await expect(guestPage.getByTestId("incall_videomute")).toBeDisabled();
+  },
+);
--- a/playwright/reconnect.spec.ts
+++ b/playwright/reconnect.spec.ts
@@ -49,12 +49,14 @@ test("can only interact with header and footer while reconnecting", async ({
  ).toBeVisible();

  // Tab order should jump directly from header to footer, skipping media tiles
-  await page.getByRole("button", { name: "Mute microphone" }).focus();
+  await page.getByRole("switch", { name: "Mute microphone" }).focus();
  await expect(
-    page.getByRole("button", { name: "Mute microphone" }),
+    page.getByRole("switch", { name: "Mute microphone" }),
  ).toBeFocused();
  await page.keyboard.press("Tab");
-  await expect(page.getByRole("button", { name: "Stop video" })).toBeFocused();
+  await expect(page.getByRole("button", { name: "Microphone" })).toBeFocused();
+  await page.keyboard.press("Tab");
+  await expect(page.getByRole("switch", { name: "Stop video" })).toBeFocused();
  // Most critically, we should be able to press the hangup button
  await page.getByRole("button", { name: "End call" }).click();
 });
--- a/playwright/sfu-reconnect-bug.spec.ts
+++ b/playwright/sfu-reconnect-bug.spec.ts
@@ -9,7 +9,9 @@ import { expect, test } from "@playwright/test";

 test("When creator left, avoid reconnect to the same SFU", async ({
  browser,
+  browserName,
 }) => {
+  test.skip(browserName === "firefox", "Browser independent");
  // Use reduce motion to disable animations that are making the tests a bit flaky
  const creatorContext = await browser.newContext({ reducedMotion: "reduce" });
  const creatorPage = await creatorContext.newPage();
@@ -68,11 +70,6 @@ test("When creator left, avoid reconnect to the same SFU", async ({
    reducedMotion: "reduce",
  });
  const guestCPage = await guestC.newPage();
-  let sfuGetCallCount = 0;
-  await guestCPage.route("**/livekit/jwt/sfu/get", async (route) => {
-    sfuGetCallCount++;
-    await route.continue();
-  });
  // Track WebSocket connections
  let wsConnectionCount = 0;
  await guestCPage.routeWebSocket("**", (ws) => {
@@ -96,9 +93,10 @@ test("When creator left, avoid reconnect to the same SFU", async ({
  // the creator leaves the call
  await creatorPage.getByTestId("incall_leave").click();

-  await guestCPage.waitForTimeout(2000);
  // https://github.com/element-hq/element-call/issues/3344
  // The app used to request a new jwt token then to reconnect to the SFU
  expect(wsConnectionCount).toBe(1);
-  expect(sfuGetCallCount).toBe(2 /* the first one is for the warmup */);
+  // Wait a bit to be sure that if there was a reconnect, it would have happened by now
+  await guestCPage.waitForTimeout(6000);
+  expect(wsConnectionCount).toBe(1);
 });
--- a/playwright/spa-call-sticky.spec.ts
+++ b/playwright/spa-call-sticky.spec.ts
@@ -0,0 +1,144 @@
+/*
+Copyright 2026 Element Creations Ltd.
+
+SPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial
+Please see LICENSE in the repository root for full details.
+*/
+
+import {
+  expect,
+  type Page,
+  test,
+  type Request,
+  type Browser,
+} from "@playwright/test";
+
+import { SpaHelpers } from "./spa-helpers";
+
+async function setupTwoUserSpaCall(
+  browser: Browser,
+  page: Page,
+  browserName: string,
+): Promise<{ guestPage: Page }> {
+  test.skip(
+    browserName === "firefox",
+    "The is test is not working on firefox CI environment. No mic/audio device inputs so cam/mic are disabled",
+  );
+
+  await page.goto("/");
+
+  let androlHasSentStickyEvent = false;
+  const androlResolver = Promise.withResolvers<void>();
+  await interceptEventSend(
+    page,
+    // This room is not encrypted, so the event is sent in clear
+    "org.matrix.msc4143.rtc.member",
+    (req) => {
+      androlHasSentStickyEvent =
+        androlHasSentStickyEvent || isStickySend(req.url());
+      androlResolver.resolve();
+    },
+  );
+
+  await SpaHelpers.createCall(page, "Androl", "HelloCall", true, "2_0");
+
+  const inviteLink = await SpaHelpers.getCallInviteLink(page);
+
+  // Other
+  const guestInviteeContext = await browser.newContext({
+    reducedMotion: "reduce",
+  });
+  const guestPage = await guestInviteeContext.newPage();
+
+  await guestPage.goto("/");
+
+  let pevaraHasSentStickyEvent = false;
+
+  const pevaraResolver = Promise.withResolvers<void>();
+  await interceptEventSend(
+    guestPage,
+    // This room is not encrypted, so the event is sent in clear
+    "org.matrix.msc4143.rtc.member",
+    (req) => {
+      pevaraHasSentStickyEvent =
+        pevaraHasSentStickyEvent || isStickySend(req.url());
+      pevaraResolver.resolve();
+    },
+  );
+
+  await SpaHelpers.joinCallFromInviteLink(
+    guestPage,
+    inviteLink,
+    "Pevara",
+    "2_0",
+  );
+  // Assert both sides have sent sticky membership events
+  await androlResolver.promise;
+  expect(androlHasSentStickyEvent).toEqual(true);
+  await pevaraResolver.promise;
+  expect(pevaraHasSentStickyEvent).toEqual(true);
+
+  return { guestPage };
+}
+
+test("One to One call using matrix rtc 2.0 aka sticky events", async ({
+  browser,
+  page,
+  browserName,
+}) => {
+  const { guestPage } = await setupTwoUserSpaCall(browser, page, browserName);
+
+  await SpaHelpers.expectVideoTilesCount(page, 2);
+  await SpaHelpers.expectVideoTilesCount(guestPage, 2);
+});
+
+// This issue occurs when a member leave but does not clean up their sticky event.
+// If they rejoin they will use a new stickye key (stickyKey = member.id = UUID())
+// We end up with two memberships with the same user and device id. This previously
+// was a impossible case since that would be the same state event. Now its possible.
+// We need to ALWAYS key by userId, deviceId and member.id. This test checks that.
+test("One to One rejoin after improper leave does not crash EC", async ({
+  browser,
+  page,
+  browserName,
+}) => {
+  const { guestPage } = await setupTwoUserSpaCall(browser, page, browserName);
+
+  await SpaHelpers.expectVideoTilesCount(page, 2);
+  await SpaHelpers.expectVideoTilesCount(guestPage, 2);
+
+  await guestPage.reload();
+  await expect(guestPage.getByTestId("lobby_joinCall")).toBeVisible();
+
+  // Check if rejoining with the same browser context (device) breaks EC.
+  // This has happened on versions that do not consider the member.id as part of the key for a media tile.
+  await guestPage.getByTestId("lobby_joinCall").click();
+
+  // We cannot use the `expectVideoTilesCount` helper here since one of them is expected to show waiting for media
+  await expect(page.getByTestId("videoTile")).toHaveCount(3, {
+    timeout: 10000,
+  });
+  await expect(guestPage.getByTestId("videoTile")).toHaveCount(2, {
+    timeout: 10000,
+  });
+});
+
+function isStickySend(url: string): boolean {
+  return !!new URL(url).searchParams.get(
+    "org.matrix.msc4354.sticky_duration_ms",
+  );
+}
+
+async function interceptEventSend(
+  page: Page,
+  eventType: string,
+  callback: (request: Request) => void,
+): Promise<void> {
+  await page.route(
+    `**/_matrix/client/v3/rooms/**/send/${eventType}/**`,
+    async (route, req) => {
+      callback(req);
+      return route.continue();
+    },
+  );
+}
--- a/playwright/spa-helpers.ts
+++ b/playwright/spa-helpers.ts
@@ -0,0 +1,150 @@
+/*
+Copyright 2026 Element Creations Ltd.
+
+SPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial
+Please see LICENSE in the repository root for full details.
+*/
+
+import { expect, type Page } from "@playwright/test";
+
+import { type RtcMode } from "./widget/test-helpers.ts";
+
+/**
+ * Create and join a call from the SPA home page.
+ *
+ * @param page - The Playwright page object
+ * @param userName - The display name to use for the call
+ * @param callName - The name of the call to create
+ * @param autoJoin - Whether to automatically join the call after creating it
+ * @param mode - The RTC mode to use for the call
+ */
+async function createCall(
+  page: Page,
+  userName: string,
+  callName: string,
+  autoJoin: boolean = false,
+  mode: RtcMode | undefined = undefined,
+): Promise<void> {
+  await page.getByTestId("home_callName").click();
+  await page.getByTestId("home_callName").fill(callName);
+  await page.getByTestId("home_displayName").click();
+  await page.getByTestId("home_displayName").fill(userName);
+  await page.getByTestId("home_go").click();
+
+  await expect(page.locator("video")).toBeVisible();
+  await expect(page.getByTestId("lobby_joinCall")).toBeVisible();
+
+  if (mode) {
+    await setRtcModeFromSettings(page, mode);
+  }
+
+  if (autoJoin) {
+    // Join the call
+    await page.getByTestId("lobby_joinCall").click();
+  }
+}
+
+/**
+ * Get the invite link for the current call.
+ */
+async function getCallInviteLink(page: Page): Promise<string> {
+  await page.getByRole("button", { name: "Invite" }).click();
+  await expect(
+    page.getByRole("heading", { name: "Invite to this call" }),
+  ).toBeVisible();
+  await expect(page.getByRole("img", { name: "QR Code" })).toBeVisible();
+  await expect(page.getByTestId("modal_inviteLink")).toBeVisible();
+  await expect(page.getByTestId("modal_inviteLink")).toBeVisible();
+  await page.getByTestId("modal_inviteLink").click();
+
+  const inviteLink = (await page.evaluate(
+    "navigator.clipboard.readText()",
+  )) as string;
+  expect(inviteLink).toContain("room/#/");
+
+  return inviteLink;
+}
+
+/**
+ * Join a call from an invitation link.
+ * @param page - The Playwright page object
+ * @param inviteLink - The invite link to join
+ * @param displayName - The display name to use when joining the call
+ * @param mode - The RTC mode to use for the call
+ */
+async function joinCallFromInviteLink(
+  page: Page,
+  inviteLink: string,
+  displayName: string = "Invitee",
+  mode: RtcMode | undefined = undefined,
+): Promise<void> {
+  await page.goto(inviteLink);
+  await page.getByTestId("joincall_displayName").fill(displayName);
+  await expect(page.getByTestId("joincall_joincall")).toBeVisible();
+  await page.getByTestId("joincall_joincall").click();
+
+  if (mode) {
+    await setRtcModeFromSettings(page, mode);
+  }
+
+  await page.getByTestId("lobby_joinCall").click();
+  await page.getByRole("radio", { name: "Spotlight" }).check();
+}
+
+async function setRtcModeFromSettings(
+  page: Page,
+  mode: RtcMode,
+): Promise<void> {
+  await page.getByRole("button", { name: "Settings" }).click();
+  await page.getByRole("tab", { name: "Preferences" }).click();
+  await page.getByText("Developer mode", { exact: true }).check(); // Idempotent:  won't uncheck if already checked
+
+  // Move to Developer tab now
+  await page.getByRole("tab", { name: "Developer" }).click();
+  if (mode == "legacy") {
+    await page.getByText("Legacy: state events").click();
+  } else if (mode == "2_0") {
+    await page.getByText("Matrix 2.0").click();
+  } else {
+    // compat
+    await page.getByText("Compatibility: state events").click();
+  }
+
+  await page.getByTestId("modal_close").click();
+}
+
+/**
+ * Expect a certain number of video tiles to be present and visible.
+ */
+async function expectVideoTilesCount(page: Page, count: number): Promise<void> {
+  await expect(page.getByTestId("videoTile")).toHaveCount(2);
+
+  // No one should be waiting for media
+  await expect(page.getByText("Waiting for media...")).not.toBeVisible({
+    timeout: 10000,
+  });
+
+  // There should be `count` video elements, visible and autoplaying
+  await expect(page.locator("video")).toHaveCount(count);
+
+  await expect(async () => {
+    const videoBlockCount = await page
+      .locator("video")
+      .evaluateAll(
+        (videos: Element[]) =>
+          videos.filter(
+            (v: Element) => window.getComputedStyle(v).display === "block",
+          ).length,
+      );
+    expect(videoBlockCount).toBe(count);
+  }).toPass({
+    timeout: 10000,
+  });
+}
+
+export const SpaHelpers = {
+  createCall,
+  getCallInviteLink,
+  joinCallFromInviteLink,
+  expectVideoTilesCount,
+};
--- a/playwright/utils/synapse-admin.ts
+++ b/playwright/utils/synapse-admin.ts
@@ -0,0 +1,142 @@
+/*
+Copyright 2026 Element Creations Ltd.
+
+SPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial
+Please see LICENSE in the repository root for full details.
+*/
+
+import { createHmac } from "crypto";
+
+/**
+ * Response from Synapse registration API
+ */
+export interface SynapseRegistrationResponse {
+  access_token: string;
+  user_id: string;
+  home_server: string;
+  device_id: string;
+}
+
+/**
+ * Utility class for interacting with Synapse Admin API
+ * This provides fast user registration without going through the UI
+ *
+ * @see https://matrix-org.github.io/synapse/latest/admin_api/register_api.html
+ */
+export class SynapseAdmin {
+  public constructor(
+    private baseUrl: string = "https://synapse.m.localhost",
+    private sharedSecret: string = "test_shared_secret_for_local_dev_only",
+  ) {}
+
+  /**
+   * Register a user using the Synapse Admin API
+   * This is much faster than going through the UI registration flow
+   *
+   * @param username - The username (localpart) for the new user
+   * @param password - The password for the new user
+   * @param displayName - Optional display name (defaults to username)
+   * @param admin - Whether the user should be an admin (defaults to false)
+   * @returns Registration response containing access token and user ID
+   */
+  public async registerUser(
+    username: string,
+    password: string,
+    displayName?: string,
+    admin: boolean = false,
+  ): Promise<SynapseRegistrationResponse> {
+    // Get a nonce first
+    const nonce = await this.getNonce();
+
+    // Generate the HMAC
+    const mac = this.generateMac(username, password, admin, nonce);
+
+    // Make the registration request
+    const response = await fetch(`${this.baseUrl}/_synapse/admin/v1/register`, {
+      method: "POST",
+      headers: {
+        "Content-Type": "application/json",
+      },
+      body: JSON.stringify({
+        nonce,
+        username,
+        password,
+        displayname: displayName || username,
+        admin,
+        mac,
+      }),
+    });
+
+    if (!response.ok) {
+      const error = await response.text();
+      throw new Error(
+        `Failed to register user ${username}: ${response.status} ${error}`,
+      );
+    }
+
+    return response.json();
+  }
+
+  /**
+   * Get a nonce for registration
+   * The nonce is required for the HMAC calculation
+   *
+   * @returns A nonce string
+   */
+  private async getNonce(): Promise<string> {
+    const response = await fetch(`${this.baseUrl}/_synapse/admin/v1/register`, {
+      method: "GET",
+    });
+
+    if (!response.ok) {
+      throw new Error(
+        `Failed to get nonce: ${response.status} ${await response.text()}`,
+      );
+    }
+
+    const data = await response.json();
+    return data.nonce;
+  }
+
+  /**
+   * Generate HMAC for shared secret registration
+   * This is the authentication mechanism for the admin API
+   *
+   * @param username - The username
+   * @param password - The password
+   * @param admin - Whether the user is an admin
+   * @param nonce - The nonce from the server
+   * @returns The HMAC hex string
+   */
+  private generateMac(
+    username: string,
+    password: string,
+    admin: boolean,
+    nonce: string,
+  ): string {
+    const mac = createHmac("sha1", this.sharedSecret);
+    mac.update(nonce);
+    mac.update("\x00");
+    mac.update(username);
+    mac.update("\x00");
+    mac.update(password);
+    mac.update("\x00");
+    mac.update(admin ? "admin" : "notadmin");
+
+    return mac.digest("hex");
+  }
+
+  /**
+   * Create a new SynapseAdmin instance for a different homeserver
+   *
+   * @param baseUrl - The base URL of the homeserver
+   * @param sharedSecret - The shared secret (defaults to test secret)
+   * @returns A new SynapseAdmin instance
+   */
+  public static forHomeserver(
+    baseUrl: string,
+    sharedSecret: string = "test_shared_secret_for_local_dev_only",
+  ): SynapseAdmin {
+    return new SynapseAdmin(baseUrl, sharedSecret);
+  }
+}
--- a/playwright/widget/federated-call.test.ts
+++ b/playwright/widget/federated-call.test.ts
@@ -0,0 +1,83 @@
+/*
+Copyright 2026 Element Creations Ltd.
+
+SPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial
+Please see LICENSE in the repository root for full details.
+*/
+
+import { expect, test } from "@playwright/test";
+
+import { widgetTest } from "../fixtures/widget-user";
+import { HOST1, HOST2, type RtcMode, TestHelpers } from "./test-helpers";
+
+const modePairs: [RtcMode, RtcMode][] = [
+  ["compat", "compat"],
+  ["legacy", "legacy"],
+  ["legacy", "compat"],
+  ["compat", "legacy"],
+];
+
+modePairs.forEach(([rtcMode1, rtcMode2]) => {
+  widgetTest(
+    `Test federated call with rtc modes ${rtcMode1} and ${rtcMode2}`,
+    async ({ addUser, browserName }) => {
+      test.skip(
+        browserName === "firefox",
+        "The is test is not working on firefox CI environment. No mic/audio device inputs so cam/mic are disabled",
+      );
+
+      test.slow();
+
+      const [florian, timo] = await Promise.all([
+        addUser("florian", HOST1),
+        addUser("timo", HOST2),
+      ]);
+
+      const roomName = "Call Room";
+
+      await TestHelpers.createRoom(roomName, florian.page, [timo.mxId]);
+
+      await TestHelpers.acceptRoomInvite(roomName, timo.page);
+
+      await florian.page.pause();
+
+      await TestHelpers.openWidgetSetEmbeddedElementCallRtcModeCloseWidget(
+        florian.page,
+        rtcMode1,
+      );
+      await TestHelpers.openWidgetSetEmbeddedElementCallRtcModeCloseWidget(
+        timo.page,
+        rtcMode2,
+      );
+
+      await TestHelpers.startCallInCurrentRoom(florian.page, false);
+      await TestHelpers.joinCallFromLobby(florian.page);
+
+      // timo joins
+      await TestHelpers.joinCallInCurrentRoom(timo.page);
+
+      // We should see 2 video tiles everywhere now
+      for (const user of [timo, florian]) {
+        const frame = user.page
+          .locator('iframe[title="Element Call"]')
+          .contentFrame();
+        await expect(frame.getByTestId("videoTile")).toHaveCount(2, {
+          timeout: 10000,
+        });
+
+        // No one should be waiting for media
+        await expect(frame.getByText("Waiting for media...")).not.toBeVisible({
+          timeout: 10000,
+        });
+
+        // There should be 2 video elements, visible and autoplaying
+        const videoElements = await frame.locator("video").all();
+        expect(videoElements.length).toBe(2);
+
+        await TestHelpers.expectVisibleVideoCount(frame, 2);
+      }
+
+      // await florian.page.pause();
+    },
+  );
+});
--- a/playwright/widget/federation-oldest-membership-bug.spec.ts
+++ b/playwright/widget/federation-oldest-membership-bug.spec.ts
@@ -0,0 +1,85 @@
+/*
+Copyright 2026 Element Creations Ltd.
+
+SPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial
+Please see LICENSE in the repository root for full details.
+*/
+
+import { expect, test } from "@playwright/test";
+
+import { widgetTest } from "../fixtures/widget-user";
+import { HOST1, HOST2, TestHelpers } from "./test-helpers";
+
+widgetTest(
+  "Bug new joiner was not publishing on correct SFU",
+  async ({ addUser, browserName }) => {
+    test.skip(
+      browserName === "firefox",
+      "This is a bug in the old widget, not a browser problem.",
+    );
+
+    test.slow();
+
+    // 2 users in federation
+    const florian = await addUser("floriant", HOST1);
+    const timo = await addUser("timo", HOST2);
+
+    // Florian creates a room and invites Timo to it
+    const roomName = "Call Room";
+    await TestHelpers.createRoom(roomName, florian.page, [timo.mxId]);
+
+    // Timo joins the room
+    await TestHelpers.acceptRoomInvite(roomName, timo.page);
+
+    // Ensure we are in legacy mode (should be the default)
+    await TestHelpers.openWidgetSetEmbeddedElementCallRtcModeCloseWidget(
+      florian.page,
+      "legacy",
+    );
+    await TestHelpers.openWidgetSetEmbeddedElementCallRtcModeCloseWidget(
+      timo.page,
+      "legacy",
+    );
+
+    // Let timo create a call
+    await TestHelpers.startCallInCurrentRoom(timo.page, false);
+    await TestHelpers.joinCallFromLobby(timo.page);
+
+    // We want to simulate that the oldest membership authentication is way slower than
+    // the preffered auth.
+    // In this setup, timo advertised$ transport will be it's own, and the active will be the one from florian
+    await florian.page.route(
+      "**/matrix-rtc.othersite.m.localhost/livekit/jwt/**",
+      async (route) => {
+        await new Promise((resolve) => setTimeout(resolve, 2000)); // 5 second delay
+        await route.continue();
+      },
+    );
+
+    // Florian joins the call
+    await expect(florian.page.getByTestId("join-call-button")).toBeVisible();
+    await florian.page.getByTestId("join-call-button").click();
+    await TestHelpers.joinCallFromLobby(florian.page);
+
+    await florian.page.waitForTimeout(3000);
+    await timo.page.waitForTimeout(3000);
+
+    // We should see 2 video tiles everywhere now
+    for (const user of [timo, florian]) {
+      const frame = user.page
+        .locator('iframe[title="Element Call"]')
+        .contentFrame();
+      await expect(frame.getByTestId("videoTile")).toHaveCount(2);
+
+      // No one should be waiting for media
+      await expect(frame.getByText("Waiting for media...")).not.toBeVisible();
+
+      // There should be 2 video elements, visible and autoplaying
+      await expect(frame.locator("video")).toHaveCount(2, {
+        timeout: 10000,
+      });
+
+      await TestHelpers.expectVisibleVideoCount(frame, 2);
+    }
+  },
+);
--- a/playwright/widget/hotswap-legacy-compat.test.ts
+++ b/playwright/widget/hotswap-legacy-compat.test.ts
@@ -0,0 +1,91 @@
+/*
+Copyright 2026 Element Creations Ltd.
+
+SPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial
+Please see LICENSE in the repository root for full details.
+*/
+
+import { expect, test } from "@playwright/test";
+
+import { widgetTest } from "../fixtures/widget-user";
+import { HOST1, HOST2, TestHelpers } from "./test-helpers";
+
+// ## Issue
+// This test reproduces an issue with the publisher.
+// When switching local focus, we need to recreate the publisher.
+// This failed because of a dead lock in the old publishers destruction.
+//
+// There are numerus ways to enforece this situation:
+//  - oldest member swap (manually set the oldest member focus and leave with the prev oldest member)
+//    This almost never happens in the real worls since clients will set their preferredFoci list to what the oldest member is.
+//  - switch from oldest member to multi sfu as the NOT the first joiner + the first joiner is on a different sfu than your preferred sfu.
+//
+// This test uses the "switch from oldest member to multi sfu" approach.
+//
+// It is a copy of federated-call.test.ts in the `["legacy", "legacy"]` setup,
+// which once connected will make the second user switch to multi sfu.
+widgetTest(
+  `Test swapping publisher from ${HOST1} to ${HOST2}`,
+  async ({ addUser, browserName }) => {
+    test.slow();
+    test.skip(
+      browserName === "firefox",
+      "The is test is not working on firefox CI environment. No mic/audio device inputs so cam/mic are disabled",
+    );
+
+    const florian = await addUser("floriant", HOST1);
+    const timo = await addUser("timo", HOST2);
+
+    const roomName = "Call Room";
+
+    await TestHelpers.createRoom(roomName, florian.page, [timo.mxId]);
+
+    await TestHelpers.acceptRoomInvite(roomName, timo.page);
+
+    await florian.page.pause();
+
+    await TestHelpers.openWidgetSetEmbeddedElementCallRtcModeCloseWidget(
+      florian.page,
+      "legacy",
+    );
+    await TestHelpers.openWidgetSetEmbeddedElementCallRtcModeCloseWidget(
+      timo.page,
+      "legacy",
+    );
+
+    await TestHelpers.startCallInCurrentRoom(florian.page, false);
+    await TestHelpers.joinCallFromLobby(florian.page);
+
+    // timo joins
+    await TestHelpers.joinCallInCurrentRoom(timo.page);
+
+    // We should see 2 video tiles everywhere now
+    for (const user of [timo, florian]) {
+      const frame = user.page
+        .locator('iframe[title="Element Call"]')
+        .contentFrame();
+      await expect(frame.getByTestId("videoTile")).toHaveCount(2);
+
+      // Wait for "Waiting for media..." to disappear (with timeout)
+      await expect(frame.getByText("Waiting for media...")).not.toBeVisible({
+        timeout: 10000, // Maximum time to wait
+      });
+
+      // There should be 2 video elements, visible and autoplaying
+      await expect(frame.locator("video")).toHaveCount(2, {
+        timeout: 10000,
+      });
+
+      await TestHelpers.expectVisibleVideoCount(frame, 2);
+    }
+
+    // now we switch the mode for timo (second joiner on multi-sfu HOST2 but currently HOST1)
+    await TestHelpers.setEmbeddedElementCallRtcMode(timo.page, "compat");
+    await timo.page.waitForTimeout(3000);
+
+    await TestHelpers.expectVisibleVideoCount(
+      timo.page.locator('iframe[title="Element Call"]').contentFrame(),
+      2,
+    );
+  },
+);
--- a/playwright/widget/huddle-call.test.ts
+++ b/playwright/widget/huddle-call.test.ts
@@ -0,0 +1,129 @@
+/*
+Copyright 2026 Element Creations Ltd.
+
+SPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial
+Please see LICENSE in the repository root for full details.
+*/
+
+import { expect, test } from "@playwright/test";
+
+import { widgetTest } from "../fixtures/widget-user.ts";
+import { HOST1, TestHelpers } from "./test-helpers.ts";
+
+widgetTest("Create and join a group call", async ({ addUser, browserName }) => {
+  // increase the timeouts, it is a long test and it is annoying to retry from the beginning for a single timeout.
+  test.slow();
+
+  test.skip(
+    browserName === "firefox",
+    "The is test is not working on firefox CI environment. No mic/audio device inputs so cam/mic are disabled",
+  );
+
+  const [valere, timo, robin, halfshot, florian] = await Promise.all([
+    addUser("Valere", HOST1),
+    addUser("Timo", HOST1),
+    addUser("Robin", HOST1),
+    addUser("Halfshot", HOST1),
+    addUser("florian", HOST1),
+  ]);
+
+  const roomName = "Group Call Room";
+  await TestHelpers.createRoom(roomName, valere.page, [
+    timo.mxId,
+    robin.mxId,
+    halfshot.mxId,
+    florian.mxId,
+  ]);
+
+  for (const user of [timo, robin, halfshot, florian]) {
+    // Accept the invite
+    // This isn't super stable to get this as this super generic locator,
+    // but it works for now.
+    await TestHelpers.acceptRoomInvite(roomName, user.page);
+  }
+
+  // Start the call as Valere
+  await TestHelpers.startCallInCurrentRoom(valere.page, false);
+  await expect(
+    valere.page.locator('iframe[title="Element Call"]'),
+  ).toBeVisible();
+
+  await TestHelpers.joinCallFromLobby(valere.page);
+
+  await Promise.all(
+    [timo, robin, halfshot, florian].map(async (user) => {
+      await TestHelpers.joinCallInCurrentRoom(user.page);
+    }),
+  );
+
+  await Promise.all(
+    [timo, robin, halfshot, florian].map(async (user) => {
+      const frame = user.page
+        .locator('iframe[title="Element Call"]')
+        .contentFrame();
+      await expect(
+        frame.getByRole("switch", { name: "Stop video", checked: true }),
+      ).toBeVisible({
+        timeout: 10000,
+      });
+    }),
+  );
+
+  // We should see 5 video tiles everywhere now
+  await Promise.all(
+    [valere, timo, robin, halfshot, florian].map(async (user) => {
+      const frame = user.page
+        .locator('iframe[title="Element Call"]')
+        .contentFrame();
+      await expect(frame.getByTestId("videoTile")).toHaveCount(5, {
+        timeout: 15000,
+      });
+
+      await Promise.all(
+        [valere, timo, robin, halfshot, florian].map(async (user) => {
+          // Check the names are correct
+          await expect(frame.getByText(user.displayName)).toBeVisible();
+        }),
+      );
+
+      // No one should be waiting for media
+      await expect(frame.getByText("Waiting for media...")).not.toBeVisible({
+        // Use a bigger timeout here
+        timeout: 10000,
+      });
+
+      // There should be 5 video elements, visible and autoplaying
+      await expect(frame.locator("video")).toHaveCount(5);
+      await expect(frame.locator("video[autoplay]")).toHaveCount(5);
+
+      await TestHelpers.expectVisibleVideoCount(frame, 5);
+    }),
+  );
+
+  // Quickly test muting one participant to see it reflects and that our asserts works
+  const florianFrame = florian.page
+    .locator('iframe[title="Element Call"]')
+    .contentFrame();
+  const florianVideoButton = florianFrame.getByRole("switch", {
+    name: /video/,
+  });
+  await expect(florianVideoButton).toHaveAccessibleName("Stop video");
+  await expect(florianVideoButton).toBeChecked();
+  await florianVideoButton.click();
+  // Now the button should indicate we can start video
+  await expect(florianVideoButton).toHaveAccessibleName("Start video");
+  await expect(florianVideoButton).not.toBeChecked();
+
+  {
+    const frame = valere.page
+      .locator('iframe[title="Element Call"]')
+      .contentFrame();
+
+    await expect(frame.locator("video")).toHaveCount(5, {
+      timeout: 10000,
+    });
+
+    // out of 5 ONLY 4 are visible (display:block) !!
+    await TestHelpers.expectVisibleVideoCount(frame, 4);
+  }
+});
--- a/Show More
+++ b/Show More