small code comment fixups

2026-08-20 20:49:20 +00:00 · 2026-02-04 19:55:49 +01:00
253 changed files with 20650 additions and 24711 deletions
--- a/.eslintrc.cjs
+++ b/.eslintrc.cjs
@@ -15,7 +15,6 @@ module.exports = {
    "plugin:matrix-org/typescript",
    "prettier",
    "plugin:rxjs/recommended",
-    "plugin:storybook/recommended",
  ],
  parserOptions: {
    ecmaVersion: "latest",
--- a/.githooks/post-commit
+++ b/.githooks/post-commit
@@ -0,0 +1,11 @@
+#!/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,9 +1,11 @@
-#!/usr/bin/env bash
+#!/usr/bin/sh

-# 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."
+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."
  exit 1
 fi
--- a/.github/PULL_REQUEST_TEMPLATE.md
+++ b/.github/PULL_REQUEST_TEMPLATE.md
@@ -1,39 +0,0 @@
-<!-- Thanks for submitting a PR! Please ensure the following requirements are met in order for us to review your PR -->
-
-## Content
-
-<!-- Describe shortly what has been changed -->
-
-## Motivation and context
-
-<!-- Provide link to the corresponding issue if applicable or explain the context -->
-
-## Screenshots / GIFs
-
-<!--
-
-You can use a table like this to show screenshots comparison.
-Uncomment this markdown table below and edit the last line `|||`:
-|copy screenshot of before here|copy screenshot of after here|
-
-|Before|After|
-|-|-|
-|||
- -->
-
-## Tests
-
-<!-- Explain how you tested your development -->
-
- Step 1
- Step 2
- Step ...
-
-
-## Checklist
-
- [ ] I have read through [CONTRIBUTING.md](https://github.com/element-hq/element-call/blob/livekit/CONTRIBUTING.md).
- [ ] Pull request includes screenshots or videos if containing UI changes
- [ ] Tests written for new code (and old code if 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,16 +1,7 @@
 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,13 +20,10 @@ jobs:
    runs-on: ubuntu-latest
    permissions:
      contents: write # required to upload release asset
-      packages: write # needed for publishing packages to GHCR
-      id-token: write # needed for login into tailscale with GitHub OIDC Token
+      packages: write
    steps:
      - name: Check it out
        uses: actions/checkout@34e114876b0b11c390a56381ad16ebd13914f8d5 # v4
-        with:
-          persist-credentials: false

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

      - name: Log in to container registry
-        uses: docker/login-action@c94ce9fb468520275223c153574b00df6fe4bcc9 # v3.7.0
+        uses: docker/login-action@5e57cd118135c172c3672efd75eb46360885c0ef # v3.6.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@c299e40c65443455700f0fdfc63efafe5b349051 # v5.10.0
+        uses: docker/metadata-action@318604b99e75e41977312d83839a89be02ca4893 # v5.9.0
        with:
-          images: |
-            ${{ env.REGISTRY }}/${{ env.IMAGE_NAME }}
-            oci-push.vpn.infra.element.io/element-call
-          tags: ${{ inputs.docker_tags }}
+          images: ${{ env.REGISTRY }}/${{ env.IMAGE_NAME }}
+          tags: ${{ inputs.docker_tags}}
          labels: |
            org.opencontainers.image.licenses=AGPL-3.0-only OR LicenseRef-Element-Commercial

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

      - name: Build and push Docker image
-        uses: docker/build-push-action@10e90e3645eae34f1e60eeb005ba3a3d33f178e8 # v6.19.2
+        uses: docker/build-push-action@263435318d21b8e681c14492fe198d362a7d2c83 # v6.18.0
        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', 'embedded', or 'sdk'
+        description: The package type to be built. Must be one of 'full' or 'embedded'
        required: true
      build_mode:
        type: string # This would ideally be a `choice` type, but that isn't supported yet
@@ -33,20 +33,17 @@ jobs:
    steps:
      - name: Checkout code
        uses: actions/checkout@34e114876b0b11c390a56381ad16ebd13914f8d5 # v4
-        with:
-          persist-credentials: false
      - name: Enable Corepack
        run: corepack enable
-      - name: pnpm cache
+      - name: Yarn cache
        uses: actions/setup-node@49933ea5288caeca8642d1e84afbd3f7d6820020 # v4
        with:
-          cache: "pnpm"
+          cache: "yarn"
          node-version-file: ".node-version"
      - name: Install dependencies
-        # ignore-pnpmfile should never be commited. Make CI crash if it happened (`pnpmfileChecksum` is present)
-        run: "pnpm install --frozen-lockfile --ignore-pnpmfile"
+        run: "yarn install --immutable"
      - name: Build Element Call
-        run: pnpm run build:"$PACKAGE":"$BUILD_MODE"
+        run: ${{ format('yarn run build:{0}:{1}', inputs.package, inputs.build_mode) }}
        env:
          SENTRY_ORG: ${{ secrets.SENTRY_ORG }}
          SENTRY_PROJECT: ${{ secrets.SENTRY_PROJECT }}
@@ -55,8 +52,6 @@ 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,9 +49,7 @@ 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: |
@@ -71,45 +69,3 @@ 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,16 +1,8 @@
 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, synchronize]
-
-permissions:
-  pull-requests: read
-  statuses: write
-
+    types: [labeled, unlabeled, opened]
 jobs:
  pr-changelog-label:
    runs-on: ubuntu-latest
--- a/.github/workflows/deploy-to-netlify.yaml
+++ b/.github/workflows/deploy-to-netlify.yaml
@@ -14,10 +14,6 @@ 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
@@ -43,7 +39,7 @@ jobs:
        with:
          step: start
          token: ${{ secrets.GITHUB_TOKEN }}
-          env: ${{ inputs.package}}
+          env: Netlify
          ref: ${{ inputs.deployment_ref }}
          desc: |
            Do you trust the author of this PR? Maybe this build will steal your keys or give you malware.
@@ -54,35 +50,23 @@ jobs:
        with:
          github-token: ${{ secrets.ELEMENT_BOT_TOKEN }}
          run-id: ${{ inputs.artifact_run_id }}
-          name: build-output-${{ inputs.package }}
+          name: build-output-full
          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
-        # 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 }}
+        run: curl -s "https://raw.githubusercontent.com/${{ inputs.pr_head_full_name }}/${{ inputs.pr_head_ref }}/config/config_netlify_preview.json" > webapp/config.json
+
      - name: ☁️ Deploy to Netlify
        id: netlify
        uses: nwtgck/actions-netlify@4cbaf4c08f1a7bfa537d6113472ef4424e4eb654 # v3.0
        with:
          publish-dir: webapp
          deploy-message: "Deploy from GitHub Actions"
-          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) }}
+          alias: pr${{ 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
@@ -8,25 +8,22 @@ jobs:
    steps:
      - name: Checkout code
        uses: actions/checkout@34e114876b0b11c390a56381ad16ebd13914f8d5 # v4
-        with:
-          persist-credentials: false
      - name: Enable Corepack
        run: corepack enable
-      - name: pnpm cache
+      - name: Yarn cache
        uses: actions/setup-node@49933ea5288caeca8642d1e84afbd3f7d6820020 # v4
        with:
-          cache: "pnpm"
+          cache: "yarn"
          node-version-file: ".node-version"
      - name: Install dependencies
-        # ignore-pnpmfile should never be commited. Make CI crash if it happened (`pnpmfileChecksum` is present)
-        run: "pnpm install --frozen-lockfile --ignore-pnpmfile"
+        run: "yarn install --immutable"
      - name: Prettier
-        run: "pnpm run prettier:check"
+        run: "yarn run prettier:check"
      - name: i18n
-        run: "pnpm run i18n:check"
+        run: "yarn run i18n:check"
      - name: ESLint
-        run: "pnpm run lint:eslint"
+        run: "yarn run lint:eslint"
      - name: Type check
-        run: "pnpm run lint:types"
+        run: "yarn run lint:types"
      - name: Dead code analysis
-        run: "pnpm run lint:knip"
+        run: "yarn run lint:knip"
--- a/.github/workflows/pr-deploy.yaml
+++ b/.github/workflows/pr-deploy.yaml
@@ -1,7 +1,5 @@
 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:
@@ -9,14 +7,7 @@ on:

 jobs:
  prdetails:
-    # 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
+    if: ${{ github.event.workflow_run.conclusion == 'success' && github.event.workflow_run.event == 'pull_request' }}
    runs-on: ubuntu-latest
    outputs:
      pr_number: ${{ steps.prdetails.outputs.pr_id }}
@@ -29,7 +20,7 @@ jobs:
          owner: ${{ github.event.workflow_run.head_repository.owner.login }}
          branch: ${{ github.event.workflow_run.head_branch }}

-  netlify-full:
+  netlify:
    needs: prdetails
    permissions:
      deployments: write
@@ -40,42 +31,6 @@ 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 }}
@@ -87,9 +42,7 @@ 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,18 +22,8 @@ jobs:
      TAG: ${{ steps.tag.outputs.TAG }}
    steps:
      - name: Calculate VERSION
-        # 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 }}
+        # We should only use the hard coded test value for a dry run
+        run: echo "VERSION=${{ github.event_name == 'release' && github.event.release.tag_name || 'v0.0.0-pre.0' }}" >> "$GITHUB_ENV"
      - id: dry_run
        name: Set DRY_RUN
        # We perform a dry run for all events except releases.
@@ -81,9 +71,7 @@ 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"
-        env:
-          NEEDS_VERSIONING_OUTPUTS_UNPREFIXED_VERSION: ${{ needs.versioning.outputs.UNPREFIXED_VERSION }}
+        run: echo "FILENAME_PREFIX=element-call-embedded-${{ needs.versioning.outputs.UNPREFIXED_VERSION }}" >> "$GITHUB_ENV"
      - name: 📥 Download built element-call artifact
        uses: actions/download-artifact@d3f86a106a0bac45b974a628896c90dbdf5c8093 # v4
        with:
@@ -92,12 +80,12 @@ jobs:
          name: build-output-embedded
          path: ${{ env.FILENAME_PREFIX}}
      - name: Create Tarball
-        run: tar --numeric-owner -cvzf ${FILENAME_PREFIX}.tar.gz ${FILENAME_PREFIX}
+        run: tar --numeric-owner -cvzf ${{ env.FILENAME_PREFIX }}.tar.gz ${{ env.FILENAME_PREFIX }}
      - name: Create Checksum
-        run: find ${FILENAME_PREFIX} -type f -print0 | sort -z | xargs -0 sha256sum | tee ${FILENAME_PREFIX}.sha256
+        run: find ${{ env.FILENAME_PREFIX }} -type f -print0 | sort -z | xargs -0 sha256sum | tee ${{ env.FILENAME_PREFIX }}.sha256
      - name: Upload
        if: ${{ needs.versioning.outputs.DRY_RUN == 'false' }}
-        uses: softprops/action-gh-release@153bb8e04406b158c6c84fc1615b65b24149a1fe # v2
+        uses: softprops/action-gh-release@a06a81a03ee405af7f2048a818ed3f03bbf83c7b # v2
        with:
          files: |
            ${{ env.FILENAME_PREFIX }}.tar.gz
@@ -116,8 +104,6 @@ jobs:
    steps:
      - name: Checkout
        uses: actions/checkout@34e114876b0b11c390a56381ad16ebd13914f8d5 # v4
-        with:
-          persist-credentials: false

      - name: 📥 Download built element-call artifact
        uses: actions/download-artifact@d3f86a106a0bac45b974a628896c90dbdf5c8093 # v4
@@ -137,16 +123,13 @@ 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' || '' }}
-        env:
-          NEEDS_VERSIONING_OUTPUTS_PREFIXED_VERSION: ${{ needs.versioning.outputs.PREFIXED_VERSION }}
-          NEEDS_VERSIONING_OUTPUTS_TAG: ${{ needs.versioning.outputs.TAG }}
+          npm publish --provenance --access public --tag ${{ needs.versioning.outputs.TAG }} ${{ needs.versioning.outputs.DRY_RUN == 'true' && '--dry-run' || '' }}

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

  publish_android:
    needs: [build_element_call, versioning]
@@ -160,8 +143,6 @@ jobs:
    steps:
      - name: Checkout
        uses: actions/checkout@34e114876b0b11c390a56381ad16ebd13914f8d5 # v4
-        with:
-          persist-credentials: false

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

      - name: ☕️ Setup Java
-        uses: actions/setup-java@c1e323688fd81a25caa38c78aa6df2d33d3e20d9 # v4
+        uses: actions/setup-java@c5195efecf7bdfc987ee8bae7a71cb8b11521c00 # v4
        with:
          distribution: "temurin"
          java-version: "17"
@@ -180,19 +161,16 @@ 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/${ARTIFACT_VERSION}/g" embedded/android/lib/src/main/kotlin/io/element/android/call/embedded/Version.kt
+        run: sed -i "s/0.0.0/${{ env.ARTIFACT_VERSION }}/g" embedded/android/lib/src/main/kotlin/io/element/android/call/embedded/Version.kt

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

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

  publish_ios:
    needs: [build_element_call, versioning]
@@ -222,7 +200,6 @@ jobs:
        uses: actions/checkout@34e114876b0b11c390a56381ad16ebd13914f8d5 # v4
        with:
          path: element-call
-          persist-credentials: false

      - name: 📥 Download built element-call artifact
        uses: actions/download-artifact@d3f86a106a0bac45b974a628896c90dbdf5c8093 # v4
@@ -238,18 +215,15 @@ jobs:
          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"
-        env:
-          NEEDS_VERSIONING_OUTPUTS_UNPREFIXED_VERSION: ${{ needs.versioning.outputs.UNPREFIXED_VERSION }}
+        run: echo "ARTIFACT_VERSION=${{ needs.versioning.outputs.UNPREFIXED_VERSION }}" >> "$GITHUB_ENV"

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

      - name: Test build
        working-directory: element-call-swift
@@ -261,22 +235,17 @@ 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 ${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 }}
+          git commit -am "Release ${{ needs.versioning.outputs.PREFIXED_VERSION }}"
+          git tag -a ${{ env.ARTIFACT_VERSION }} -m "${{ github.event.release.html_url }}"

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

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

  release_notes:
    needs: [versioning, publish_npm, publish_android, publish_ios]
@@ -288,16 +257,12 @@ 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}"
-        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 }}
+          echo "NPM: ${{ needs.publish_npm.outputs.ARTIFACT_VERSION }}"
+          echo "Android: ${{ needs.publish_android.outputs.ARTIFACT_VERSION }}"
+          echo "iOS: ${{ needs.publish_ios.outputs.ARTIFACT_VERSION }}"
      - name: Add release notes
        if: ${{ needs.versioning.outputs.DRY_RUN == 'false' }}
-        uses: softprops/action-gh-release@153bb8e04406b158c6c84fc1615b65b24149a1fe # v2
+        uses: softprops/action-gh-release@a06a81a03ee405af7f2048a818ed3f03bbf83c7b # 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/${FILENAME_PREFIX}/" -cvzf ${FILENAME_PREFIX}.tar.gz ${FILENAME_PREFIX}
+        run: tar --numeric-owner --transform "s/dist/${{ env.FILENAME_PREFIX }}/" -cvzf ${{ env.FILENAME_PREFIX }}.tar.gz ${{ env.FILENAME_PREFIX }}
      - name: Create Checksum
-        run: find ${FILENAME_PREFIX} -type f -print0 | sort -z | xargs -0 sha256sum | tee ${FILENAME_PREFIX}.sha256
+        run: find ${{ env.FILENAME_PREFIX }} -type f -print0 | sort -z | xargs -0 sha256sum | tee ${{ env.FILENAME_PREFIX }}.sha256
      - name: Upload
-        uses: softprops/action-gh-release@153bb8e04406b158c6c84fc1615b65b24149a1fe # v2
+        uses: softprops/action-gh-release@a06a81a03ee405af7f2048a818ed3f03bbf83c7b # v2
        with:
          files: |
            ${{ env.FILENAME_PREFIX }}.tar.gz
@@ -55,9 +55,7 @@ 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: |
@@ -71,7 +69,7 @@ jobs:
    runs-on: ubuntu-latest
    steps:
      - name: Add release note
-        uses: softprops/action-gh-release@153bb8e04406b158c6c84fc1615b65b24149a1fe # v2
+        uses: softprops/action-gh-release@a06a81a03ee405af7f2048a818ed3f03bbf83c7b # v2
        with:
          append_body: true
          body: |
--- a/.github/workflows/test-netlify.yaml
+++ b/.github/workflows/test-netlify.yaml
@@ -1,48 +0,0 @@
-# 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
@@ -10,22 +10,19 @@ jobs:
    steps:
      - name: Checkout code
        uses: actions/checkout@34e114876b0b11c390a56381ad16ebd13914f8d5 # v4
-        with:
-          persist-credentials: false
      - name: Enable Corepack
        run: corepack enable
-      - name: pnpm cache
+      - name: Yarn cache
        uses: actions/setup-node@49933ea5288caeca8642d1e84afbd3f7d6820020 # v4
        with:
-          cache: "pnpm"
+          cache: "yarn"
          node-version-file: ".node-version"
      - name: Install dependencies
-        # ignore-pnpmfile should never be commited. Make CI crash if it happened (`pnpmfileChecksum` is present)
-        run: "pnpm install --frozen-lockfile --ignore-pnpmfile"
+        run: "yarn install --immutable"
      - name: Vitest
-        run: "pnpm run test:coverage"
+        run: "yarn run test:coverage"
      - name: Upload to codecov
-        uses: codecov/codecov-action@75cd11691c0faa626561e295848008c8a7dddffe # v5
+        uses: codecov/codecov-action@5a1091511ad55cbe89839c7260b706298ca349f7 # v5
        env:
          CODECOV_TOKEN: ${{ secrets.CODECOV_TOKEN }}
        with:
@@ -37,19 +34,16 @@ jobs:
    runs-on: ubuntu-latest
    steps:
      - uses: actions/checkout@34e114876b0b11c390a56381ad16ebd13914f8d5 # v4
-        with:
-          persist-credentials: false
      - name: Enable Corepack
        run: corepack enable
      - uses: actions/setup-node@49933ea5288caeca8642d1e84afbd3f7d6820020 # v4
        with:
-          cache: "pnpm"
+          cache: "yarn"
          node-version-file: ".node-version"
      - name: Install dependencies
-        # ignore-pnpmfile should never be commited. Make CI crash if it happened (`pnpmfileChecksum` is present)
-        run: pnpm install --frozen-lockfile --ignore-pnpmfile
+        run: yarn install --immutable
      - name: Install Playwright Browsers
-        run: pnpm exec playwright install --with-deps
+        run: yarn 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
@@ -58,11 +52,10 @@ jobs:
      - name: Run Playwright tests
        env:
          USE_DOCKER: 1
-        run: pnpm exec playwright test
-      - uses: actions/upload-artifact@043fb46d1a93c77aae656e7c1c64a875d1fc6a0a # v7.0.1
+        run: yarn playwright test
+      - uses: actions/upload-artifact@ea165f8d65b6e75b540449e92b4886f43607fa02 # v4
        if: ${{ !cancelled() }}
        with:
-          name: html-report
-          path: playwright-report
-          if-no-files-found: error
-          retention-days: 4
+          name: playwright-report
+          path: playwright-report/
+          retention-days: 3
--- a/.github/workflows/translations-download.yaml
+++ b/.github/workflows/translations-download.yaml
@@ -14,20 +14,17 @@ jobs:
    steps:
      - name: Checkout the code
        uses: actions/checkout@34e114876b0b11c390a56381ad16ebd13914f8d5 # v4
-        with:
-          persist-credentials: false

      - name: Enable Corepack
        run: corepack enable

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

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

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

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

      - name: Create Pull Request
        id: cpr
-        uses: peter-evans/create-pull-request@22a9089034f40e5a961c8808d113e2c98fb63676 # v7.0.11
+        uses: peter-evans/create-pull-request@84ae59a2cdc2258d6fa0732dd66352dddae2a412 # v7.0.9
        with:
          token: ${{ secrets.ELEMENT_BOT_TOKEN }}
          branch: actions/localazy-download
--- a/.github/workflows/translations-upload.yaml
+++ b/.github/workflows/translations-upload.yaml
@@ -15,8 +15,6 @@ jobs:
    steps:
      - name: Checkout the code
        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
@@ -1,23 +0,0 @@
-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@71321a20a9ded102f6e9ce5718a2fcec2c4f70d8 # v0.5.2
--- a/.gitignore
+++ b/.gitignore
@@ -21,20 +21,12 @@ 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,3 +1,2 @@
-pnpm-lock.yaml
 node_modules
 dist
--- a/.storybook/main.ts
+++ b/.storybook/main.ts
@@ -1,15 +0,0 @@
-/*
-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"],
-  framework: "@storybook/react-vite",
-};
-export default config;
--- a/.storybook/manager.ts
+++ b/.storybook/manager.ts
@@ -1,31 +0,0 @@
-/*
-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
@@ -1,56 +0,0 @@
-/*
-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
@@ -0,0 +1,91 @@
+/*
+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
@@ -0,0 +1,3 @@
+nodeLinker: node-modules
+plugins:
+  - .yarn/plugins/linker.cjs
--- a/README.md
+++ b/README.md
@@ -108,17 +108,17 @@ 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
+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.

 <p align="center">
@@ -186,7 +186,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
-pnpm install
+yarn
 ```

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

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

 See also:
@@ -230,7 +230,7 @@ only for local development and **_never be exposed to the public Internet._**
 Run backend components:

 ```sh
-pnpm backend
+yarn backend
 # or  for podman-compose
 # podman-compose -f dev-backend-docker-compose.yml up
 ```
@@ -260,13 +260,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:
-`pnpm backend`
+`yarn backend`

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

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

 This will run the Playwright tests once, non-interactively.
@@ -274,7 +274,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
-pnpm run test:playwright:open
+yarn run test:playwright:open
 ```

 The easiest way to develop new test is to use the codegen feature of Playwright:
@@ -316,7 +316,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 `pnpm i18n` to extract the new key and update the translation files. This
+1. Run `yarn 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 `pnpm backend` the latest element-web develop will be deployed and served on `http://localhost:8081`.
+When running `yarn 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
-pnpm backend
+yarn backend
 ```

 Then open `http://localhost:8081` in your browser.
--- a/backend/dev_homeserver-othersite.yaml
+++ b/backend/dev_homeserver-othersite.yaml
@@ -50,9 +50,6 @@ 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
@@ -50,9 +50,6 @@ 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,7 +18,3 @@ 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,7 +18,3 @@ 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,20 +28,15 @@ 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;
-    }
-    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;
+        proxy_set_header Host $host;                
    }

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

 # Synapse reverse proxy including .well-known/matrix/client
@@ -78,16 +73,10 @@ 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;                
    }

-    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;
-    }
+    error_page   500 502 503 504  /50x.html;

 }

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

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

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

 }

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

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

    location ^~ /livekit/sfu/ {
@@ -185,12 +176,14 @@ 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 element call
 # running on the host either via
-# - pnpm dev --host or
+# - yarn dev --host or
 # - falling back to http (the element call docker container)
 server {
    listen                  80;
@@ -235,6 +228,7 @@ server {
      proxy_pass http://host.docker.internal:8080;

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

 }

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

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

 }

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

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

 }
--- a/backend/playwright_homeserver-othersite.yaml
+++ b/backend/playwright_homeserver-othersite.yaml
@@ -50,9 +50,6 @@ 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
@@ -50,9 +50,6 @@ 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_netlify_preview_sdk.json
+++ b/config/config_netlify_preview_sdk.json
@@ -1,16 +0,0 @@
-{
-  "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/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:0.4.4
+    image: ghcr.io/element-hq/lk-jwt-service:sha-f8ddd00
    pull_policy: always
    hostname: auth-server
    environment:
@@ -25,7 +25,7 @@ services:
      - ecbackend

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

  livekit:
-    image: livekit/livekit-server:v1.10.1
+    image: livekit/livekit-server:v1.9.4
    pull_policy: always
    hostname: livekit-sfu
    command: --dev --config /etc/livekit.yaml
@@ -62,15 +62,12 @@ 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:v1.10.1
+    image: livekit/livekit-server:v1.9.4
    pull_policy: always
    hostname: livekit-sfu-1
    command: --dev --config /etc/livekit.yaml
@@ -85,16 +82,13 @@ 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: ghcr.io/element-hq/synapse:latest
+    image: ghcr.io/element-hq/synapse:pr-18968-dcb7678281bc02d4551043a6338fe5b7e6aa47ce
    pull_policy: always
    environment:
      - SYNAPSE_CONFIG_PATH=/data/cfg/homeserver.yaml
@@ -112,7 +106,7 @@ services:

  synapse-1:
    hostname: homeserver-1
-    image: ghcr.io/element-hq/synapse:latest
+    image: ghcr.io/element-hq/synapse:pr-18968-dcb7678281bc02d4551043a6338fe5b7e6aa47ce
    pull_policy: always
    environment:
      - SYNAPSE_CONFIG_PATH=/data/cfg/homeserver.yaml
@@ -170,8 +164,6 @@ 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/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
@@ -26,7 +26,7 @@ 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.
+4. Set any of the [embedded-only URL parameters](./url-params.md#embedded-only-parameters) that you need.

 ## Widget vs standalone mode

@@ -36,4 +36,4 @@ As a widget, the app only uses the core calling (MatrixRTC) parts. The rest (aut
 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).
+](./url-params.md).
--- a/docs/linking.md
+++ b/docs/linking.md
@@ -1,65 +1,39 @@
-## Quickstart guide
-
-run
-
-```bash
-./scripts/setup-linking.sh
-```
-
-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.
+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.

-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:
+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:

-```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",
-};
+```yaml
+matrix-js-sdk: ../path/to/matrix-js-sdk
+"@vector-im/compound-web": /home/alice/path/to/compound-web
 ```

-Then run `pnpm links:on`. (this will activate the pnpm file + run `pnpm install` to setup the linking)
+Then run `yarn install`.

 ## Hooks

-Changes in `.links.cjs` will also update `pnpm-lock.yaml` when `pnpm install` is executed. The lockfile will then contain the local
+Changes in `.links.yaml` will also update `yarn.lock` when `yarn` 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 remove the pnpm `readPackage` script (the `.pnpmfile.cjs`) and run:
+One always needs to run:

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

 before committing a change.

-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 than need to run `pnpm links:off` and commit again.
+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 activate the hooks configure git with (when using the setup script (`./scripts/setup-linking.sh`) this is already done):
+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

 ```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
@@ -1,30 +0,0 @@
-### 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 ours CI 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
@@ -237,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
-pnpm install
-pnpm build
+yarn
+yarn build
 ```

 If all went well, you can now find the build output under `dist` as a series of
--- 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/#
@@ -36,45 +36,46 @@ 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_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.                                                                                                                                                                                                                                |
+| 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.                                                                                                                                                                                                                                |

 ### 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                                                                                                                                                                                                                                                                                                                                        |
 | --------------- | ----------------------------------------------------------------------------------------- | ----------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
@@ -89,7 +90,7 @@ These parameters are only supported in [widget](./embedded_standalone.md) mode.

 ### 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.2"
+android_gradle_plugin = "8.13.1"

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

 [plugins]
 android_library = { id = "com.android.library", version.ref = "android_gradle_plugin" }
-maven_publish = { id = "com.vanniktech.maven.publish", version = "0.36.0" }
+maven_publish = { id = "com.vanniktech.maven.publish", version = "0.35.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.4-all.zip
+distributionUrl=https\://services.gradle.org/distributions/gradle-8.14.3-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
-	pnpm build
+	yarn 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,7 +10,7 @@

    <meta
      name="viewport"
-      content="viewport-fit=cover, width=device-width, initial-scale=1.0, maximum-scale=1.0"
+      content="width=device-width, initial-scale=1.0, maximum-scale=1.0"
    />
    <title><%- brand %></title>
    <script>
--- a/knip.ts
+++ b/knip.ts
@@ -18,7 +18,6 @@ export default {
    // https://docs.docker.com/compose/migrate/
    "docker-compose",
  ],
-  ignoreFiles: ["scripts/.pnpmfile.cjs"],
  ignoreDependencies: [
    // Used in CSS
    "normalize.css",
@@ -31,7 +30,7 @@ export default {
    "@types/content-type",
    "@types/sdp-transform",
    "@types/uuid",
-    // We obviously use this, but if the package has been linked with pnpm link,
+    // We obviously use this, but if the package has been linked with yarn link,
    // then Knip will flag it as a false positive
    // https://github.com/webpro-nl/knip/issues/766
    "@vector-im/compound-web",
--- a/locales/cs/app.json
+++ b/locales/cs/app.json
@@ -22,6 +22,12 @@
    "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>",
--- a/locales/da/app.json
+++ b/locales/da/app.json
@@ -22,6 +22,12 @@
    "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>",
--- a/locales/de/app.json
+++ b/locales/de/app.json
@@ -22,6 +22,12 @@
    "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>",
--- a/locales/el/app.json
+++ b/locales/el/app.json
@@ -22,6 +22,12 @@
    "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>",
--- a/locales/en/app.json
+++ b/locales/en/app.json
@@ -22,6 +22,12 @@
    "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>",
@@ -243,14 +249,12 @@
  "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
@@ -15,6 +15,12 @@
    "submit": "Enviar"
  },
  "analytics_notice": "Al participar en esta beta, consientes a la recogida de datos anónimos, los cuales usaremos para mejorar el producto. Puedes encontrar más información sobre que datos recogemos en nuestra <2>Política de privacidad</2> y en nuestra <5>Política sobre Cookies</5>.",
+  "app_selection_modal": {
+    "continue_in_browser": "Continuar en el navegador",
+    "open_in_app": "Abrir en la aplicación",
+    "text": "¿Listo para unirte?",
+    "title": "Selecciona aplicación"
+  },
  "call_ended_view": {
    "create_account_button": "Crear cuenta",
    "create_account_prompt": "<0>¿Por qué no mantienes tu cuenta estableciendo una contraseña?</0><1>Podrás mantener tu nombre y establecer un avatar para usarlo en futuras llamadas</1>",
--- a/locales/et/app.json
+++ b/locales/et/app.json
@@ -22,6 +22,12 @@
    "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>",
--- a/locales/fi/app.json
+++ b/locales/fi/app.json
@@ -22,6 +22,12 @@
    "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>",
--- a/locales/fr/app.json
+++ b/locales/fr/app.json
@@ -15,6 +15,12 @@
    "submit": "Envoyer"
  },
  "analytics_notice": "En participant à cette beta, vous consentez à la collecte de données anonymes, qui seront utilisées pour améliorer le produit. Vous trouverez plus d’informations sur les données collectées dans notre <2>Politique de vie privée</2> et notre <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>",
--- a/locales/id/app.json
+++ b/locales/id/app.json
@@ -22,6 +22,12 @@
    "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"
+  },
  "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>",
--- a/locales/it/app.json
+++ b/locales/it/app.json
@@ -22,6 +22,12 @@
    "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"
+  },
  "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>",
--- a/locales/ja/app.json
+++ b/locales/ja/app.json
@@ -15,6 +15,12 @@
    "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>",
--- a/locales/lv/app.json
+++ b/locales/lv/app.json
@@ -22,6 +22,12 @@
    "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>",
--- a/locales/pl/app.json
+++ b/locales/pl/app.json
@@ -22,6 +22,12 @@
    "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>",
--- a/locales/ro/app.json
+++ b/locales/ro/app.json
@@ -22,6 +22,12 @@
    "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>",
--- a/locales/ru/app.json
+++ b/locales/ru/app.json
@@ -22,6 +22,12 @@
    "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>",
--- a/locales/sk/app.json
+++ b/locales/sk/app.json
@@ -22,6 +22,12 @@
    "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>",
--- a/locales/sv/app.json
+++ b/locales/sv/app.json
@@ -22,6 +22,12 @@
    "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>",
--- a/locales/tr/app.json
+++ b/locales/tr/app.json
@@ -22,6 +22,12 @@
    "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>",
--- a/locales/uk/app.json
+++ b/locales/uk/app.json
@@ -22,6 +22,12 @@
    "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>",
--- a/locales/zh-Hans/app.json
+++ b/locales/zh-Hans/app.json
@@ -15,6 +15,12 @@
    "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/locales/zh-Hant/app.json
+++ b/locales/zh-Hant/app.json
@@ -15,6 +15,12 @@
    "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,23 +3,22 @@
  "version": "0.0.0",
  "type": "module",
  "scripts": {
-    "dev": "pnpm dev:full",
+    "dev": "yarn dev:full",
    "dev:full": "vite",
    "dev:embedded": "vite --config vite-embedded.config.js",
-    "build": "pnpm build:full",
+    "build": "yarn build:full",
    "build:full": "NODE_OPTIONS=--max-old-space-size=16384 vite build",
-    "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",
+    "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:sdk": "yarn build:full --config vite-sdk.config.js",
+    "build:sdk:development": "yarn build:sdk --mode development",
    "serve": "vite preview",
    "prettier:check": "prettier -c .",
    "prettier:format": "prettier -w .",
-    "lint": "pnpm lint:types && pnpm lint:eslint && pnpm lint:knip",
+    "lint": "yarn lint:types && yarn lint:eslint && yarn lint:knip",
    "lint:eslint": "eslint --max-warnings 0 src playwright",
    "lint:eslint-fix": "eslint --max-warnings 0 src playwright --fix",
    "lint:knip": "knip",
@@ -31,11 +30,9 @@
    "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": "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"
+    "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"
  },
  "devDependencies": {
    "@babel/core": "^7.16.5",
@@ -45,12 +42,12 @@
    "@codecov/vite-plugin": "^1.3.0",
    "@fontsource/inconsolata": "^5.1.0",
    "@fontsource/inter": "^5.1.0",
-    "@formatjs/intl-durationformat": "^0.10.0",
+    "@formatjs/intl-durationformat": "^0.9.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.7.1",
+    "@livekit/track-processors": "^0.6.0 || ^0.7.1",
    "@mediapipe/tasks-vision": "^0.10.18",
    "@playwright/test": "^1.57.0",
    "@radix-ui/react-dialog": "^1.0.4",
@@ -59,8 +56,6 @@
    "@react-spring/web": "^10.0.0",
    "@sentry/react": "^8.0.0",
    "@sentry/vite-plugin": "^3.0.0",
-    "@storybook/addon-docs": "^10.3.3",
-    "@storybook/react-vite": "^10.3.3",
    "@stylistic/eslint-plugin": "^3.0.0",
    "@testing-library/dom": "^10.1.0",
    "@testing-library/jest-dom": "^6.6.3",
@@ -80,17 +75,17 @@
    "@typescript-eslint/eslint-plugin": "^8.31.0",
    "@typescript-eslint/parser": "^8.31.0",
    "@use-gesture/react": "^10.2.11",
-    "@vector-im/compound-design-tokens": "^10.0.0",
-    "@vector-im/compound-web": "^9.3.0",
+    "@vector-im/compound-design-tokens": "^6.0.0",
+    "@vector-im/compound-web": "^8.0.0",
    "@vitejs/plugin-react": "^4.0.1",
-    "@vitest/coverage-v8": "^4.0.18",
+    "@vitest/coverage-v8": "^3.0.0",
    "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.9.0",
+    "eslint-plugin-deprecate": "^0.8.2",
    "eslint-plugin-import": "^2.26.0",
    "eslint-plugin-jsdoc": "^61.5.0",
    "eslint-plugin-jsx-a11y": "^6.5.1",
@@ -98,7 +93,6 @@
    "eslint-plugin-react": "^7.29.4",
    "eslint-plugin-react-hooks": "^5.0.0",
    "eslint-plugin-rxjs": "^5.0.3",
-    "eslint-plugin-storybook": "^10.3.3",
    "eslint-plugin-unicorn": "^56.0.0",
    "fetch-mock": "11.1.5",
    "global-jsdom": "^26.0.0",
@@ -106,8 +100,8 @@
    "i18next-browser-languagedetector": "^8.0.0",
    "i18next-parser": "^9.1.0",
    "jsdom": "^26.0.0",
-    "knip": "^5.86.0",
-    "livekit-client": "^2.18.1",
+    "knip": "^5.27.2",
+    "livekit-client": "^2.13.0",
    "lodash-es": "^4.17.21",
    "loglevel": "^1.9.1",
    "matrix-js-sdk": "matrix-org/matrix-js-sdk#develop",
@@ -123,38 +117,27 @@
    "qrcode": "^1.5.4",
    "react": "19",
    "react-dom": "19",
-    "react-i18next": "^16.0.0 <16.7.0",
+    "react-i18next": "^16.0.0 <16.1.0",
    "react-router-dom": "^7.0.0",
    "react-use-measure": "^2.1.1",
    "rxjs": "^7.8.1",
    "sass": "^1.42.1",
-    "storybook": "^10.3.3",
    "typescript": "^5.8.3",
    "typescript-eslint-language-service": "^5.0.5",
    "unique-names-generator": "^4.6.0",
-    "uuid": "^14.0.0",
+    "uuid": "^13.0.0",
    "vaul": "^1.0.0",
-    "vite": "^8.0.0",
+    "vite": "^7.0.0",
    "vite-plugin-generate-file": "^0.3.0",
    "vite-plugin-html": "^3.2.2",
-    "vite-plugin-node-polyfills": "^0.26.0",
    "vite-plugin-node-stdlib-browser": "^0.2.1",
    "vite-plugin-svgr": "^4.0.0",
-    "vite-plugin-wasm": "^3.6.0",
-    "vitest": "^4.0.18",
+    "vitest": "^3.0.0",
    "vitest-axe": "^1.0.0-pre.3"
  },
-  "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"
-    }
+  "resolutions": {
+    "@livekit/components-core/rxjs": "^7.8.1",
+    "@livekit/track-processors/@mediapipe/tasks-vision": "^0.10.18"
  },
-  "packageManager": "pnpm@10.33.0"
+  "packageManager": "yarn@4.7.0"
 }
--- a/playwright.config.ts
+++ b/playwright.config.ts
@@ -7,22 +7,11 @@ 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.
 */
--- 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('switch', { name: 'Mute microphone' })).toBeVisible();
-  // await expect(page.getByRole('switch', { name: 'Stop video' })).toBeVisible();
+  // await expect(page.getByRole('button', { name: 'Mute microphone' })).toBeVisible();
+  // await expect(page.getByRole('button', { name: 'Stop video' })).toBeVisible();
  await expect(page.getByRole("button", { name: "Settings" })).toBeVisible();
  await expect(page.getByRole("button", { name: "End call" })).toBeVisible();

--- a/playwright/errors.spec.ts
+++ b/playwright/errors.spec.ts
@@ -102,10 +102,8 @@ test("Should show error screen if call creation is restricted", async ({

  // 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(\/v1)?\/validate?.*/,
+    "**/badurltotricktest/livekit/sfu/rtc/validate?**",
    async (route) =>
      await route.fulfill({
        status: 404,
--- a/playwright/fixtures/fixture-mobile-create.ts
+++ b/playwright/fixtures/fixture-mobile-create.ts
@@ -45,6 +45,9 @@ async function createCallAndInvite(
  await creatorPage.getByTestId("home_go").click();
  await expect(creatorPage.locator("video")).toBeVisible();

+  await creatorPage
+    .getByRole("button", { name: "Continue in browser" })
+    .click();
  // join
  await creatorPage.getByTestId("lobby_joinCall").click();

--- a/playwright/fixtures/widget-user.ts
+++ b/playwright/fixtures/widget-user.ts
@@ -91,9 +91,7 @@ export const widgetTest = test.extend<MyFixtures>({

      await ewPage1
        .getByRole("button", { name: "Invite to this room", exact: true })
-        .click({
-          timeout: 10000,
-        });
+        .click();
      await expect(
        ewPage1.getByRole("heading", { name: "Invite to Welcome Room" }),
      ).toBeVisible();
@@ -106,7 +104,6 @@ export const widgetTest = test.extend<MyFixtures>({
      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);

      // Accept the invite
      await expect(
@@ -129,7 +126,6 @@ export const widgetTest = test.extend<MyFixtures>({
      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(
--- a/playwright/mobile/create-call-mobile.spec.ts
+++ b/playwright/mobile/create-call-mobile.spec.ts
@@ -23,6 +23,8 @@ test("@mobile Start a new call then leave and show the feedback screen", async (
  // await page.pause();
  await expect(page.locator("video")).toBeVisible();
  await expect(page.getByTestId("lobby_joinCall")).toBeVisible();
+
+  await page.getByRole("button", { name: "Continue in browser" }).click();
  // Join the call
  await page.getByTestId("lobby_joinCall").click();

@@ -53,6 +55,7 @@ test("@mobile Start a new call then leave and show the feedback screen", async (
 mobileTest(
  "Test earpiece overlay in controlledAudioDevices mode",
  async ({ asMobile, browser }) => {
+    test.slow(); // Triples the timeout
    const { creatorPage, inviteLink } = asMobile;

    // ========
@@ -64,6 +67,10 @@ mobileTest(
    const guestPage = await guestInviteeContext.newPage();
    await guestPage.goto(inviteLink + "&controlledAudioDevices=true");

+    await guestPage
+      .getByRole("button", { name: "Continue in browser" })
+      .click();
+
    await guestPage.getByTestId("joincall_displayName").fill("Invitee");
    await expect(guestPage.getByTestId("joincall_joincall")).toBeVisible();
    await guestPage.getByTestId("joincall_joincall").click();
@@ -93,18 +100,8 @@ mobileTest(
        { id: "earpiece", name: "Handset", isEarpiece: true },
        { id: "headphones", name: "Headphones" },
      ]);
+      window.controls.setAudioDevice("earpiece");
    });
-
-    // 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();
--- a/playwright/reconnect.spec.ts
+++ b/playwright/reconnect.spec.ts
@@ -49,12 +49,12 @@ 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("switch", { name: "Mute microphone" }).focus();
+  await page.getByRole("button", { name: "Mute microphone" }).focus();
  await expect(
-    page.getByRole("switch", { name: "Mute microphone" }),
+    page.getByRole("button", { name: "Mute microphone" }),
  ).toBeFocused();
  await page.keyboard.press("Tab");
-  await expect(page.getByRole("switch", { name: "Stop video" })).toBeFocused();
+  await expect(page.getByRole("button", { 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,9 +9,7 @@ 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();
@@ -93,10 +91,8 @@ 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);
-  // 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
@@ -28,7 +28,7 @@ async function setupTwoUserSpaCall(
  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
@@ -36,7 +36,6 @@ async function setupTwoUserSpaCall(
    (req) => {
      androlHasSentStickyEvent =
        androlHasSentStickyEvent || isStickySend(req.url());
-      androlResolver.resolve();
    },
  );

@@ -54,7 +53,6 @@ async function setupTwoUserSpaCall(

  let pevaraHasSentStickyEvent = false;

-  const pevaraResolver = Promise.withResolvers<void>();
  await interceptEventSend(
    guestPage,
    // This room is not encrypted, so the event is sent in clear
@@ -62,7 +60,6 @@ async function setupTwoUserSpaCall(
    (req) => {
      pevaraHasSentStickyEvent =
        pevaraHasSentStickyEvent || isStickySend(req.url());
-      pevaraResolver.resolve();
    },
  );

@@ -73,9 +70,7 @@ async function setupTwoUserSpaCall(
    "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 };
@@ -115,12 +110,8 @@ test("One to One rejoin after improper leave does not crash EC", async ({
  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,
-  });
+  await expect(page.getByTestId("videoTile")).toHaveCount(3);
+  await expect(guestPage.getByTestId("videoTile")).toHaveCount(2);
 });

 function isStickySend(url: string): boolean {
--- a/playwright/spa-helpers.ts
+++ b/playwright/spa-helpers.ts
@@ -119,27 +119,25 @@ async function setRtcModeFromSettings(
 async function expectVideoTilesCount(page: Page, count: number): Promise<void> {
  await expect(page.getByTestId("videoTile")).toHaveCount(2);

+  // There are no other options than to wait for all media to be ready?
+  // Or it is too flaky :/
+  await page.waitForTimeout(3000);
  // No one should be waiting for media
-  await expect(page.getByText("Waiting for media...")).not.toBeVisible({
-    timeout: 10000,
-  });
+  await expect(page.getByText("Waiting for media...")).not.toBeVisible();

-  // There should be `count` video elements, visible and autoplaying
-  await expect(page.locator("video")).toHaveCount(count);
+  // There should be 5 video elements, visible and autoplaying
+  const videoElements = await page.locator("video").all();
+  expect(videoElements.length).toBe(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,
-  });
+  const blockDisplayCount = await page
+    .locator("video")
+    .evaluateAll(
+      (videos: Element[]) =>
+        videos.filter(
+          (v: Element) => window.getComputedStyle(v).display === "block",
+        ).length,
+    );
+  expect(blockDisplayCount).toBe(count);
 }

 export const SpaHelpers = {
--- a/playwright/utils/synapse-admin.ts
+++ b/playwright/utils/synapse-admin.ts
@@ -1,142 +0,0 @@
-/*
-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
@@ -26,12 +26,8 @@ modePairs.forEach(([rtcMode1, rtcMode2]) => {
        "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 florian = await addUser("floriant", HOST1);
+      const timo = await addUser("timo", HOST2);

      const roomName = "Call Room";

@@ -61,20 +57,27 @@ modePairs.forEach(([rtcMode1, rtcMode2]) => {
        const frame = user.page
          .locator('iframe[title="Element Call"]')
          .contentFrame();
-        await expect(frame.getByTestId("videoTile")).toHaveCount(2, {
-          timeout: 10000,
-        });
+        await expect(frame.getByTestId("videoTile")).toHaveCount(2);

+        // There are no other options than to wait for all media to be ready?
+        // Or it is too flaky :/
+        await user.page.waitForTimeout(3000);
        // No one should be waiting for media
-        await expect(frame.getByText("Waiting for media...")).not.toBeVisible({
-          timeout: 10000,
-        });
+        await expect(frame.getByText("Waiting for media...")).not.toBeVisible();

        // 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);
+        const blockDisplayCount = await frame
+          .locator("video")
+          .evaluateAll(
+            (videos: Element[]) =>
+              videos.filter(
+                (v: Element) => window.getComputedStyle(v).display === "block",
+              ).length,
+          );
+        expect(blockDisplayCount).toBe(2);
      }

      // await florian.page.pause();
--- a/playwright/widget/federation-oldest-membership-bug.spec.ts
+++ b/playwright/widget/federation-oldest-membership-bug.spec.ts
@@ -1,85 +0,0 @@
-/*
-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
@@ -27,7 +27,6 @@ import { HOST1, HOST2, TestHelpers } from "./test-helpers";
 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",
@@ -66,26 +65,40 @@ widgetTest(
        .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 are no other options than to wait for all media to be ready?
+      // Or it is too flaky :/
+      await user.page.waitForTimeout(3000);
+      // 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,
-      });
+      const videoElements = await frame.locator("video").all();
+      expect(videoElements.length).toBe(2);

-      await TestHelpers.expectVisibleVideoCount(frame, 2);
+      const blockDisplayCount = await frame
+        .locator("video")
+        .evaluateAll(
+          (videos: Element[]) =>
+            videos.filter(
+              (v: Element) => window.getComputedStyle(v).display === "block",
+            ).length,
+        );
+      expect(blockDisplayCount).toBe(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,
-    );
+    const blockDisplayCount = await timo.page
+      .locator('iframe[title="Element Call"]')
+      .contentFrame()
+      .locator("video")
+      .evaluateAll(
+        (videos: Element[]) =>
+          videos.filter(
+            (v: Element) => window.getComputedStyle(v).display === "block",
+          ).length,
+      );
+    expect(blockDisplayCount).toBe(2);
  },
 );
--- a/playwright/widget/huddle-call.test.ts
+++ b/playwright/widget/huddle-call.test.ts
@@ -11,21 +11,18 @@ 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),
-  ]);
+  test.slow(); // We are registering multiple users here, give it more time
+
+  const valere = await addUser("Valere", HOST1);
+  const timo = await addUser("Timo", HOST1);
+  const robin = await addUser("Robin", HOST1);
+  const halfshot = await addUser("Halfshot", HOST1);
+  const florian = await addUser("florian", HOST1);

  const roomName = "Group Call Room";
  await TestHelpers.createRoom(roomName, valere.page, [
@@ -50,80 +47,90 @@ widgetTest("Create and join a group call", async ({ addUser, browserName }) => {

  await TestHelpers.joinCallFromLobby(valere.page);

-  await Promise.all(
-    [timo, robin, halfshot, florian].map(async (user) => {
-      await TestHelpers.joinCallInCurrentRoom(user.page);
-    }),
-  );
+  for (const user of [timo, robin, halfshot, florian]) {
+    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,
-      });
-    }),
-  );
+  for (const user of [timo, robin, halfshot, florian]) {
+    const frame = user.page
+      .locator('iframe[title="Element Call"]')
+      .contentFrame();
+
+    // No lobby, should start with video on
+    // The only way to know if it is muted or not is to look at the data-kind attribute..
+    const videoButton = frame.getByTestId("incall_videomute");
+    await expect(videoButton).toBeVisible();
+    // video should be off by default in a voice call
+    await expect(videoButton).toHaveAttribute("aria-label", /^Stop video$/);
+  }

  // 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,
-      });
+  for (const user of [valere, timo, robin, halfshot, florian]) {
+    const frame = user.page
+      .locator('iframe[title="Element Call"]')
+      .contentFrame();
+    await expect(frame.getByTestId("videoTile")).toHaveCount(5);
+    for (const participant of [valere, timo, robin, halfshot, florian]) {
+      // Check the names are correct
+      await expect(frame.getByText(participant.displayName)).toBeVisible();
+    }

-      await Promise.all(
-        [valere, timo, robin, halfshot, florian].map(async (user) => {
-          // Check the names are correct
-          await expect(frame.getByText(user.displayName)).toBeVisible();
-        }),
+    // There is no other options than to wait for all media to be ready?
+    // Or it is too flaky :/
+    await user.page.waitForTimeout(5000);
+    // No one should be waiting for media
+    await expect(frame.getByText("Waiting for media...")).not.toBeVisible();
+
+    // There should be 5 video elements, visible and autoplaying
+    const videoElements = await frame.locator("video").all();
+    expect(videoElements.length).toBe(5);
+    await expect(frame.locator("video[autoplay]")).toHaveCount(5);
+
+    const blockDisplayCount = await frame
+      .locator("video")
+      .evaluateAll(
+        (videos: Element[]) =>
+          videos.filter(
+            (v: Element) => window.getComputedStyle(v).display === "block",
+          ).length,
      );
-
-      // 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);
-    }),
-  );
+    expect(blockDisplayCount).toBe(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();
+  const florianMuteButton = florianFrame.getByTestId("incall_videomute");
+  await florianMuteButton.click();
  // Now the button should indicate we can start video
-  await expect(florianVideoButton).toHaveAccessibleName("Start video");
-  await expect(florianVideoButton).not.toBeChecked();
+  await expect(florianMuteButton).toHaveAttribute(
+    "aria-label",
+    /^Start video$/,
+  );

+  // wait a bit for the state to propagate
+  await valere.page.waitForTimeout(3000);
  {
    const frame = valere.page
      .locator('iframe[title="Element Call"]')
      .contentFrame();

-    await expect(frame.locator("video")).toHaveCount(5, {
-      timeout: 10000,
-    });
+    const videoElements = await frame.locator("video").all();
+    expect(videoElements.length).toBe(5);
+
+    const blockDisplayCount = await frame
+      .locator("video")
+      .evaluateAll(
+        (videos: Element[]) =>
+          videos.filter(
+            (v: Element) => window.getComputedStyle(v).display === "block",
+          ).length,
+      );

    // out of 5 ONLY 4 are visible (display:block) !!
-    await TestHelpers.expectVisibleVideoCount(frame, 4);
+    // XXX we need to be better at our HTML markup and accessibility, it would make
+    // this kind of stuff way easier to test if we could look out for aria attributes.
+    expect(blockDisplayCount).toBe(4);
  }
 });
--- a/playwright/widget/pip-call-button-interaction.test.ts
+++ b/playwright/widget/pip-call-button-interaction.test.ts
@@ -1,71 +0,0 @@
-/*
-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("Footer interaction in PiP", 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",
-  );
-
-  const valere = await addUser("Valere", HOST1);
-
-  const callRoom = "CallRoom";
-  await TestHelpers.createRoom("CallRoom", valere.page);
-
-  await TestHelpers.createRoom("OtherRoom", valere.page);
-
-  await TestHelpers.switchToRoomNamed(valere.page, callRoom);
-
-  // 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);
-  // wait a bit so that the PIP has rendered
-  await valere.page.waitForTimeout(600);
-
-  // Switch to the other room, the call should go to PIP
-  await TestHelpers.switchToRoomNamed(valere.page, "OtherRoom");
-
-  // We should see the PIP overlay
-  const iFrame = valere.page
-    .locator('iframe[title="Element Call"]')
-    .contentFrame();
-
-  {
-    // Check for a bug where the video had the wrong fit in PIP
-    const audioBtn = iFrame.getByRole("switch", { name: /microphone/ });
-    const videoBtn = iFrame.getByRole("switch", { name: /video/ });
-    await expect(
-      iFrame.getByRole("button", { name: "End call" }),
-    ).toBeVisible();
-    await expect(audioBtn).toBeVisible();
-    await expect(videoBtn).toBeVisible();
-    await expect(audioBtn).toHaveAccessibleName("Mute microphone");
-    await expect(audioBtn).toBeChecked();
-    await expect(videoBtn).toHaveAccessibleName("Stop video");
-    await expect(videoBtn).toBeChecked();
-
-    await videoBtn.click();
-    await audioBtn.click();
-
-    // stop hovering on any of the buttons
-    await iFrame.getByTestId("videoTile").hover();
-
-    await expect(audioBtn).toHaveAccessibleName("Unmute microphone");
-    await expect(audioBtn).not.toBeChecked();
-    await expect(videoBtn).toHaveAccessibleName("Start video");
-    await expect(videoBtn).not.toBeChecked();
-  }
-});
--- a/playwright/widget/pip-call.test.ts
+++ b/playwright/widget/pip-call.test.ts
@@ -1,77 +0,0 @@
-/*
-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("Put call in PIP", 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 valere = await addUser("Valere", HOST1);
-  const timo = await addUser("Timo", HOST1);
-
-  const callRoom = "TeamRoom";
-  await TestHelpers.createRoom(callRoom, valere.page, [timo.mxId]);
-
-  await TestHelpers.createRoom("DoubleTask", valere.page);
-
-  await TestHelpers.acceptRoomInvite(callRoom, timo.page);
-
-  await TestHelpers.switchToRoomNamed(valere.page, callRoom);
-
-  // 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 TestHelpers.joinCallInCurrentRoom(timo.page);
-
-  const frame = timo.page
-    .locator('iframe[title="Element Call"]')
-    .contentFrame();
-
-  // check that the video is on
-  await expect(
-    frame.getByRole("switch", { name: "Stop video", checked: true }),
-  ).toBeVisible({
-    // Increase timeout, as this expect was flaky
-    timeout: 15000,
-  });
-
-  // Switch to the other room, the call should go to PIP
-  await TestHelpers.switchToRoomNamed(valere.page, "DoubleTask");
-
-  // We should see the PIP overlay
-  await expect(valere.page.getByTestId("widget-pip-container")).toBeVisible();
-
-  {
-    // wait a bit so that the PIP has rendered the video
-    await valere.page.waitForTimeout(600);
-
-    // Check for a bug where the video had the wrong fit in PIP
-    const frame = valere.page
-      .locator('iframe[title="Element Call"]')
-      .contentFrame();
-
-    await expect(frame.locator("video")).toHaveCount(1, { timeout: 10000 });
-
-    const videoElements = await frame.locator("video").all();
-
-    const pipVideo = videoElements[0];
-    await expect(pipVideo).toHaveCSS("object-fit", "cover");
-  }
-});
--- a/playwright/widget/screen-share.test.ts
+++ b/playwright/widget/screen-share.test.ts
@@ -1,152 +0,0 @@
-/*
-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("Sharing screen in group call", 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(); // We are registering multiple users here, give it more time
-
-  const [alice, bob, carol] = await Promise.all([
-    addUser("Alice", HOST1),
-    addUser("Bob", HOST1),
-    addUser("Carol", HOST1),
-  ]);
-
-  const roomName = "Meeting Room";
-  await TestHelpers.createRoom(roomName, alice.page, [bob.mxId, carol.mxId]);
-
-  for (const user of [bob, carol]) {
-    // 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);
-  }
-
-  await TestHelpers.startCallInCurrentRoom(alice.page, false);
-  await expect(
-    alice.page.locator('iframe[title="Element Call"]'),
-  ).toBeVisible();
-
-  await TestHelpers.joinCallFromLobby(alice.page);
-
-  for (const user of [bob, carol]) {
-    await TestHelpers.joinCallInCurrentRoom(user.page);
-  }
-
-  for (const user of [alice, bob, carol]) {
-    const frame = user.page
-      .locator('iframe[title="Element Call"]')
-      .contentFrame();
-
-    // Expect 3 video tiles
-    await expect(frame.locator("video")).toHaveCount(3, {
-      timeout: 10000,
-    });
-  }
-
-  // await alice.page.pause();
-
-  await alice.page
-    .locator('iframe[title="Element Call"]')
-    .contentFrame()
-    .getByRole("switch", { name: "Share screen" })
-    .click();
-
-  // await alice.page.pause();
-
-  for (const user of [alice, bob, carol]) {
-    const frame = user.page
-      .locator('iframe[title="Element Call"]')
-      .contentFrame();
-
-    // Expect 4 (3 + screen share) video tiles
-    await expect(frame.locator("video")).toHaveCount(4, {
-      timeout: 5000,
-    });
-
-    await expect(
-      frame.locator('video[data-lk-source="screen_share"]'),
-    ).toHaveCount(1);
-  }
-
-  // Alice should be in grid mode as she is local sharing
-  {
-    const frame = alice.page
-      .locator('iframe[title="Element Call"]')
-      .contentFrame();
-    await expect(frame.getByRole("radio", { name: "Grid" })).toBeChecked();
-  }
-
-  // Others should have switched to spotlight
-  for (const user of [bob, carol]) {
-    const frame = user.page
-      .locator('iframe[title="Element Call"]')
-      .contentFrame();
-
-    await expect(frame.getByRole("radio", { name: "Spotlight" })).toBeChecked();
-  }
-  // await alice.page.pause();
-  // await bob.page.pause();
-
-  // Let's start another screen share from bob
-  await bob.page
-    .locator('iframe[title="Element Call"]')
-    .contentFrame()
-    .getByRole("switch", { name: "Share screen" })
-    .click();
-
-  {
-    const frame = carol.page
-      .locator('iframe[title="Element Call"]')
-      .contentFrame();
-
-    // Expect 5 (2 + screen share) video tiles
-    await expect(frame.locator("video")).toHaveCount(5, {
-      timeout: 5000,
-    });
-
-    await expect(
-      frame.locator('video[data-lk-source="screen_share"]'),
-    ).toHaveCount(2);
-
-    // Expect 2 indicators at the bottom
-    await expect(frame.getByTestId("screenshare-indicator")).toHaveCount(2);
-
-    // Check the first indicator is visible
-    await expect(
-      frame.getByTestId("screenshare-indicator").first(),
-    ).toHaveAttribute("data-visible", "true");
-
-    await carol.page.pause();
-
-    // now click on next
-    await expect(frame.getByRole("button", { name: "Next" })).toBeVisible();
-    await frame.getByRole("button", { name: "Next" }).click();
-
-    // Check the second indicator is visible
-    await expect(
-      frame.getByTestId("screenshare-indicator").nth(1),
-    ).toHaveAttribute("data-visible", "true");
-    // the first one should be grayed out
-    await expect(
-      frame.getByTestId("screenshare-indicator").first(),
-    ).toHaveAttribute("data-visible", "false");
-
-    // There should be a prev button now
-    await expect(frame.getByRole("button", { name: "Back" })).toBeVisible();
-
-    // await carol.page.pause();
-  }
-});
--- a/playwright/widget/simple-create.spec.ts
+++ b/playwright/widget/simple-create.spec.ts
@@ -8,7 +8,6 @@ Please see LICENSE in the repository root for full details.
 import { expect, test } from "@playwright/test";

 import { widgetTest } from "../fixtures/widget-user.ts";
-import { TestHelpers } from "./test-helpers.ts";

 // Skip test, including Fixtures
 widgetTest.skip(
@@ -17,11 +16,23 @@ widgetTest.skip(
 );

 widgetTest("Start a new call as widget", async ({ asWidget, browserName }) => {
-  test.slow();
+  test.slow(); // Triples the timeout

  const { brooks, whistler } = asWidget;

-  await TestHelpers.startCallInCurrentRoom(brooks.page, false);
+  await expect(
+    brooks.page.getByRole("button", { name: "Video call" }),
+  ).toBeVisible();
+  await brooks.page.getByRole("button", { name: "Video call" }).click();
+
+  await expect(
+    brooks.page.getByRole("menuitem", { name: "Legacy Call" }),
+  ).toBeVisible();
+  await expect(
+    brooks.page.getByRole("menuitem", { name: "Element Call" }),
+  ).toBeVisible();
+
+  await brooks.page.getByRole("menuitem", { name: "Element Call" }).click();

  await expect(
    brooks.page
@@ -45,7 +56,11 @@ widgetTest("Start a new call as widget", async ({ asWidget, browserName }) => {
  ).toBeVisible();

  // Join from the other side
-  await TestHelpers.joinCallInCurrentRoom(whistler.page);
+  await expect(whistler.page.getByText("Video call started")).toBeVisible();
+  await expect(
+    whistler.page.getByRole("button", { name: "Join" }),
+  ).toBeVisible();
+  await whistler.page.getByRole("button", { name: "Join" }).click();

  // Currently disabled due to recent Element Web is bypassing Lobby
  // await expect(
@@ -83,12 +98,8 @@ widgetTest("Start a new call as widget", async ({ asWidget, browserName }) => {
    .locator('iframe[title="Element Call"]')
    .contentFrame()
    .getByTestId("incall_leave")
-    .click({ timeout: 15000 });
+    .click();

-  await expect(whistler.page.locator(".mx_BasicMessageComposer")).toBeVisible({
-    timeout: 10000,
-  });
-  await expect(brooks.page.locator(".mx_BasicMessageComposer")).toBeVisible({
-    timeout: 10000,
-  });
+  await expect(whistler.page.locator(".mx_BasicMessageComposer")).toBeVisible();
+  await expect(brooks.page.locator(".mx_BasicMessageComposer")).toBeVisible();
 });
--- a/playwright/widget/test-helpers.ts
+++ b/playwright/widget/test-helpers.ts
@@ -10,12 +10,9 @@ import {
  expect,
  type JSHandle,
  type Page,
-  type FrameLocator,
 } from "@playwright/test";
 import { type MatrixClient } from "matrix-js-sdk";

-import { SynapseAdmin } from "../utils/synapse-admin.ts";
-
 const PASSWORD = "foobarbaz1!";

 export const HOST1 = "https://app.m.localhost/#/welcome";
@@ -29,14 +26,14 @@ export class TestHelpers {
    voice: boolean = false,
  ): Promise<void> {
    const buttonName = voice ? "Voice call" : "Video call";
+    await expect(page.getByRole("button", { name: buttonName })).toBeVisible();
+    await page.getByRole("button", { name: buttonName }).click();

-    await page.getByRole("button", { name: buttonName }).click({
-      timeout: 5000,
-    });
+    await expect(
+      page.getByRole("menuitem", { name: "Element Call" }),
+    ).toBeVisible();

-    await page.getByRole("menuitem", { name: "Element Call" }).click({
-      timeout: 10000,
-    });
+    await page.getByRole("menuitem", { name: "Element Call" }).click();
  }

  public static async joinCallFromLobby(page: Page): Promise<void> {
@@ -54,40 +51,15 @@ export class TestHelpers {
      .click();
  }

-  public static async joinCallInCurrentDM(
-    page: Page,
-    audioOnly: boolean = false,
-  ): Promise<void> {
-    await this.joinCallInRoom(page, audioOnly, true);
-  }
-
  public static async joinCallInCurrentRoom(
    page: Page,
    audioOnly: boolean = false,
  ): Promise<void> {
-    await this.joinCallInRoom(page, audioOnly, false);
-  }
-
-  public static async joinCallInRoom(
-    page: Page,
-    audioOnly: boolean = false,
-    isDM: boolean = false,
-  ): Promise<void> {
-    // XXX This using the notification toast to join the room.
-    // Not the button in the header
-
-    await page.waitForTimeout(3000);
-    const label = isDM
-      ? audioOnly
-        ? "Incoming voice call"
-        : "Incoming video call"
-      : "Group call started";
-    await expect(page.getByText(label)).toBeVisible({
-      timeout: 10000,
-    });
-    await page.getByRole("button", { name: "Join" }).click({
-      timeout: 5000,
-    });
+    // This is the header button that notifies about an ongoing call
+    const label = audioOnly ? "Voice call started" : "Video call started";
+    await expect(page.getByText(label)).toBeVisible();
+    await expect(page.getByRole("button", { name: "Join" })).toBeVisible();
+    await page.getByRole("button", { name: "Join" }).click();
  }

  /**
@@ -102,56 +74,43 @@ export class TestHelpers {
    clientHandle: JSHandle<MatrixClient>;
    mxId: string;
  }> {
-    // Determine which homeserver to use based on the host
-    const synapseBaseUrl =
-      host === HOST2
-        ? "https://synapse.othersite.m.localhost"
-        : "https://synapse.m.localhost";
-
-    // Register user via Synapse Admin API to speed things up
-    const synapseAdmin = SynapseAdmin.forHomeserver(synapseBaseUrl);
-    const credentials = await synapseAdmin.registerUser(
-      username,
-      PASSWORD,
-      username,
-    );
-
-    // STEP 2: Open browser and login
    const userContext = await browser.newContext({
      reducedMotion: "reduce",
    });
    const page = await userContext.newPage();
    await page.goto(host);
-
-    await page.getByRole("link", { name: "Sign in" }).click({
-      timeout: 10000,
-    });
-
-    await page.getByRole("textbox", { name: "Username" }).fill(username, {
-      timeout: 10000,
-    });
-    await page.getByRole("textbox", { name: "Password" }).fill(PASSWORD, {
-      timeout: 10000,
-    });
-    await page.getByRole("button", { name: "Sign in" }).click();
+    await page.getByRole("link", { name: "Create Account" }).click();
+    await page.getByRole("textbox", { name: "Username" }).fill(username);
+    await page.getByRole("textbox", { name: "Password", exact: true }).click();
+    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();

    await expect(
      page.getByRole("heading", { name: `Welcome ${username}` }),
    ).toBeVisible({
-      // Increase timeout here :/ flaky
-      timeout: 15000,
+      // Increase timeout as registration can be slow :/
+      timeout: 15_000,
    });

    await this.maybeDismissBrowserNotSupportedToast(page);
    await this.maybeDismissServiceWorkerWarningToast(page);
-    await this.maybeDismissBackupChat(page);

    await TestHelpers.setDevToolElementCallDevUrl(page);

    const clientHandle = await page.evaluateHandle(() =>
      window.mxMatrixClientPeg.get(),
    );
-    const mxId = credentials.user_id;
+    const mxId = (await clientHandle.evaluate(
+      (cli: MatrixClient) => cli.getUserId(),
+      clientHandle,
+    ))!;
+
    return { page, clientHandle, mxId };
  }

@@ -193,38 +152,6 @@ export class TestHelpers {
    }
  }

-  private static async maybeDismissBackupChat(page: Page): Promise<void> {
-    const toast = page
-      .locator(".mx_Toast_toast")
-      .getByText("Back up your chats");
-
-    try {
-      await expect(toast).toBeVisible({ timeout: 700 });
-      await page
-        .locator(".mx_Toast_toast")
-        .getByRole("button", { name: "Dismiss" })
-        .click();
-    } catch {
-      // toast not visible, continue as normal
-    }
-  }
-
-  public static async maybeDismissKeyBackupToast(page: Page): Promise<void> {
-    const toast = page
-      .locator(".mx_Toast_toast")
-      .getByText("Back up your chats");
-
-    try {
-      await expect(toast).toBeVisible({ timeout: 700 });
-      await page
-        .locator(".mx_Toast_toast")
-        .getByRole("button", { name: "Dismiss" })
-        .click();
-    } catch {
-      // toast not visible, continue as normal
-    }
-  }
-
  public static async createRoom(
    name: string,
    page: Page,
@@ -235,16 +162,11 @@ export class TestHelpers {
      .getByRole("button", { name: "New conversation" })
      .click();

-    await page.getByRole("menuitem", { name: "New Room" }).click({
-      timeout: 5000,
-    });
+    await page.getByRole("menuitem", { name: "New Room" }).click();
    await page.getByRole("textbox", { name: "Name" }).fill(name);
    await page.getByRole("button", { name: "Create room" }).click();
-    await expect(page.getByText("You created this room.")).toBeVisible({
-      timeout: 10000,
-    });
+    await expect(page.getByText("You created this room.")).toBeVisible();
    await expect(page.getByText("Encryption enabled")).toBeVisible();
-    await TestHelpers.maybeDismissKeyBackupToast(page);

    // Invite users if any
    if (andInvite.length > 0) {
@@ -260,7 +182,6 @@ export class TestHelpers {
      }

      await page.getByRole("button", { name: "Invite" }).click();
-      await TestHelpers.dismissInviteUnknownUserModal(page);
    }
  }

@@ -273,17 +194,13 @@ export class TestHelpers {
    roomName: string,
    page: Page,
  ): Promise<void> {
-    await page.getByRole("option", { name: roomName }).click({
-      timeout: 10000,
-    });
-    await page.getByRole("button", { name: "Accept" }).click({
-      timeout: 5000,
-    });
+    await expect(page.getByRole("option", { name: roomName })).toBeVisible();
+    await page.getByRole("option", { name: roomName }).click();
+    await page.getByRole("button", { name: "Accept" }).click();

    await expect(
      page.getByRole("main").getByRole("heading", { name: roomName }),
    ).toBeVisible();
-    await TestHelpers.maybeDismissKeyBackupToast(page);
  }

  /**
@@ -298,17 +215,11 @@ export class TestHelpers {
    page: Page,
    mode: RtcMode,
  ): Promise<void> {
-    await page.getByRole("button", { name: "Video call" }).click({
-      timeout: 5000,
-    });
-    await page.getByRole("menuitem", { name: "Element Call" }).click({
-      timeout: 10000,
-    });
-
+    await page.getByRole("button", { name: "Video call" }).click();
+    await page.getByRole("menuitem", { name: "Element Call" }).click();
    await TestHelpers.setEmbeddedElementCallRtcMode(page, mode);
    await page.getByRole("button", { name: "Close lobby" }).click();
  }
-
  /**
   * Goes to the settings to set the RTC mode.
   * then closes the settings modal.
@@ -365,64 +276,4 @@ export class TestHelpers {
      });
    }
  }
-
-  /**
-   * Switches to a room in the room list by its name.
-   * @param page - The EW page
-   * @param roomName - The name of the room to switch to
-   */
-  public static async switchToRoomNamed(
-    page: Page,
-    roomName: string,
-  ): Promise<void> {
-    await page.getByRole("option", { name: `Open room ${roomName}` }).click();
-  }
-
-  public static async dismissInviteUnknownUserModal(page: Page): Promise<void> {
-    await expect(
-      page.getByRole("heading", { name: "Invite new contacts to this" }),
-    ).toBeVisible();
-    await page.getByRole("button", { name: "Invite" }).click({
-      timeout: 5000,
-    });
-  }
-
-  public static async dismissInviteUnknownUserModalDM(
-    page: Page,
-  ): Promise<void> {
-    await expect(
-      page.getByRole("heading", {
-        name: "Start a chat with this new contact?",
-      }),
-    ).toBeVisible();
-    await page.getByRole("button", { name: "Continue" }).click({
-      timeout: 5000,
-    });
-  }
-
-  public static async expectVisibleVideoCount(
-    frame: FrameLocator,
-    count: number,
-  ): Promise<void> {
-    // XXX we need to be better at our HTML markup and accessibility, it would make
-    // this kind of stuff way easier to test if we could look out for aria attributes.
-    await expect
-      .poll(
-        async () => {
-          return await frame
-            .locator("video")
-            .evaluateAll(
-              (videos: Element[]) =>
-                videos.filter(
-                  (v: Element) =>
-                    window.getComputedStyle(v).display === "block",
-                ).length,
-            );
-        },
-        {
-          timeout: 10000,
-        },
-      )
-      .toBe(count);
-  }
 }
--- a/playwright/widget/voice-call-dm.spec.ts
+++ b/playwright/widget/voice-call-dm.spec.ts
@@ -20,6 +20,8 @@ widgetTest(
      "The is test is not working on firefox CI environment. No mic/audio device inputs so cam/mic are disabled",
    );

+    test.slow(); // Triples the timeout
+
    const { brooks, whistler } = asWidget;

    await TestHelpers.startCallInCurrentRoom(brooks.page, true);
@@ -32,16 +34,13 @@ widgetTest(
      .locator('iframe[title="Element Call"]')
      .contentFrame();

-    // We should show a ringing tile, let's check for that
+    // We should show a ringing overlay, let's check for that
    await expect(
-      brooksFrame
-        .getByTestId("videoTile")
-        .filter({ has: brooksFrame.getByText(whistler.displayName) })
-        .filter({ has: brooksFrame.getByText("Calling…") }),
+      brooksFrame.getByText(`Waiting for ${whistler.displayName} to join…`),
    ).toBeVisible();

    await expect(whistler.page.getByText("Incoming voice call")).toBeVisible();
-    await whistler.page.getByRole("button", { name: "Join" }).click();
+    await whistler.page.getByRole("button", { name: "Accept" }).click();

    await expect(
      whistler.page.locator('iframe[title="Element Call"]'),
@@ -52,36 +51,34 @@ widgetTest(
      .contentFrame();

    // ASSERT the button states for whistler (the callee)
-    // video should be off by default in a voice call
-    await expect(
-      whistlerFrame.getByRole("switch", {
-        name: "Start video",
-        checked: false,
-      }),
-    ).toBeVisible();
-    // audio should be on for the voice call
-    await expect(
-      whistlerFrame.getByRole("switch", {
-        name: "Mute microphone",
-        checked: true,
-      }),
-    ).toBeVisible();
+    {
+      // The only way to know if it is muted or not is to look at the data-kind attribute..
+      const videoButton = whistlerFrame.getByTestId("incall_videomute");
+      // video should be off by default in a voice call
+      await expect(videoButton).toHaveAttribute("aria-label", /^Start video$/);
+
+      const audioButton = whistlerFrame.getByTestId("incall_mute");
+      // audio should be on for the voice call
+      await expect(audioButton).toHaveAttribute(
+        "aria-label",
+        /^Mute microphone$/,
+      );
+    }

    // ASSERT the button states for brools (the caller)
-    // video should be off by default in a voice call
-    await expect(
-      whistlerFrame.getByRole("switch", {
-        name: "Start video",
-        checked: false,
-      }),
-    ).toBeVisible();
-    // audio should be on for the voice call
-    await expect(
-      whistlerFrame.getByRole("switch", {
-        name: "Mute microphone",
-        checked: true,
-      }),
-    ).toBeVisible();
+    {
+      // The only way to know if it is muted or not is to look at the data-kind attribute..
+      const videoButton = brooksFrame.getByTestId("incall_videomute");
+      // video should be off by default in a voice call
+      await expect(videoButton).toHaveAttribute("aria-label", /^Start video$/);
+
+      const audioButton = brooksFrame.getByTestId("incall_mute");
+      // audio should be on for the voice call
+      await expect(audioButton).toHaveAttribute(
+        "aria-label",
+        /^Mute microphone$/,
+      );
+    }

    // In order to confirm that the call is disconnected we will check that the message composer is shown again.
    // So first we need to confirm that it is hidden when in the call.
@@ -93,7 +90,10 @@ widgetTest(
    ).not.toBeVisible();

    // ASSERT hanging up on one side ends the call for both
-    await brooksFrame.getByRole("button", { name: "End call" }).click();
+    {
+      const hangupButton = brooksFrame.getByTestId("incall_leave");
+      await hangupButton.click();
+    }

    // The widget should be closed on both sides and the timeline should be back on screen
    await expect(
@@ -111,6 +111,8 @@ widgetTest(
      "The is test is not working on firefox CI environment. No mic/audio device inputs so cam/mic are disabled",
    );

+    test.slow(); // Triples the timeout
+
    const { brooks, whistler } = asWidget;

    await TestHelpers.startCallInCurrentRoom(brooks.page, false);
@@ -123,16 +125,13 @@ widgetTest(
      .locator('iframe[title="Element Call"]')
      .contentFrame();

-    // We should show a ringing tile, let's check for that
+    // We should show a ringing overlay, let's check for that
    await expect(
-      brooksFrame
-        .getByTestId("videoTile")
-        .filter({ has: brooksFrame.getByText(whistler.displayName) })
-        .filter({ has: brooksFrame.getByText("Calling…") }),
+      brooksFrame.getByText(`Waiting for ${whistler.displayName} to join…`),
    ).toBeVisible();

    await expect(whistler.page.getByText("Incoming video call")).toBeVisible();
-    await whistler.page.getByRole("button", { name: "Join" }).click();
+    await whistler.page.getByRole("button", { name: "Accept" }).click();

    await expect(
      whistler.page.locator('iframe[title="Element Call"]'),
@@ -143,30 +142,34 @@ widgetTest(
      .contentFrame();

    // ASSERT the button states for whistler (the callee)
-    // video should be off by default in a video call
-    await expect(
-      whistlerFrame.getByRole("switch", { name: "Stop video", checked: true }),
-    ).toBeVisible();
-    // audio should be on too
-    await expect(
-      whistlerFrame.getByRole("switch", {
-        name: "Mute microphone",
-        checked: true,
-      }),
-    ).toBeVisible();
+    {
+      // The only way to know if it is muted or not is to look at the data-kind attribute..
+      const videoButton = whistlerFrame.getByTestId("incall_videomute");
+      // video should be on by default in a voice call
+      await expect(videoButton).toHaveAttribute("aria-label", /^Stop video$/);
+
+      const audioButton = whistlerFrame.getByTestId("incall_mute");
+      // audio should be on for the voice call
+      await expect(audioButton).toHaveAttribute(
+        "aria-label",
+        /^Mute microphone$/,
+      );
+    }

    // ASSERT the button states for brools (the caller)
-    // video should be off by default in a video call
-    await expect(
-      whistlerFrame.getByRole("switch", { name: "Stop video", checked: true }),
-    ).toBeVisible();
-    // audio should be on too
-    await expect(
-      whistlerFrame.getByRole("switch", {
-        name: "Mute microphone",
-        checked: true,
-      }),
-    ).toBeVisible();
+    {
+      // The only way to know if it is muted or not is to look at the data-kind attribute..
+      const videoButton = brooksFrame.getByTestId("incall_videomute");
+      // video should be on by default in a voice call
+      await expect(videoButton).toHaveAttribute("aria-label", /^Stop video$/);
+
+      const audioButton = brooksFrame.getByTestId("incall_mute");
+      // audio should be on for the voice call
+      await expect(audioButton).toHaveAttribute(
+        "aria-label",
+        /^Mute microphone$/,
+      );
+    }

    // In order to confirm that the call is disconnected we will check that the message composer is shown again.
    // So first we need to confirm that it is hidden when in the call.
@@ -178,7 +181,10 @@ widgetTest(
    ).not.toBeVisible();

    // ASSERT hanging up on one side ends the call for both
-    await brooksFrame.getByRole("button", { name: "End call" }).click();
+    {
+      const hangupButton = brooksFrame.getByTestId("incall_leave");
+      await hangupButton.click();
+    }

    // The widget should be closed on both sides and the timeline should be back on screen
    await expect(
@@ -196,6 +202,8 @@ widgetTest(
      "The is test is not working on firefox CI environment. No mic/audio device inputs so cam/mic are disabled",
    );

+    test.slow(); // Triples the timeout
+
    const { brooks, whistler } = asWidget;

    await TestHelpers.startCallInCurrentRoom(brooks.page, false);
@@ -208,16 +216,13 @@ widgetTest(
      .locator('iframe[title="Element Call"]')
      .contentFrame();

-    // We should show a ringing tile, let's check for that
+    // We should show a ringing overlay, let's check for that
    await expect(
-      brooksFrame
-        .getByTestId("videoTile")
-        .filter({ has: brooksFrame.getByText(whistler.displayName) })
-        .filter({ has: brooksFrame.getByText("Calling…") }),
+      brooksFrame.getByText(`Waiting for ${whistler.displayName} to join…`),
    ).toBeVisible();

    await expect(whistler.page.getByText("Incoming video call")).toBeVisible();
-    await whistler.page.getByRole("button", { name: "Ignore" }).click();
+    await whistler.page.getByRole("button", { name: "Decline" }).click();

    await expect(
      whistler.page.locator('iframe[title="Element Call"]'),
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
--- a/pnpm-workspace.yaml
+++ b/pnpm-workspace.yaml
@@ -1,3 +0,0 @@
-# dependencies where we use branches and hashes in the package.json. But that also use a pre/post install script.
-onlyBuiltDependencies:
-  - "matrix-js-sdk"
--- a/renovate.json
+++ b/renovate.json
@@ -54,8 +54,8 @@
      "matchFileNames": ["embedded/**/*"]
    },
    {
-      "groupName": "Pnpm",
-      "matchDepNames": ["pnpm"]
+      "groupName": "Yarn",
+      "matchDepNames": ["yarn"]
    }
  ],
  "semanticCommits": "disabled",
--- a/scripts/.pnpmfile.cjs
+++ b/scripts/.pnpmfile.cjs
@@ -1,62 +0,0 @@
-/*
-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.
-*/
-// DONT RUN THIS FILE MANUALLY
-// This file is intended to be used with `pnpm links:on` and `pnpm links:off` which will copy this file to the project root.
-// See docs/linking.md for details.
-//
-//
-// Created based on https://github.com/element-hq/element-call/blob/60fae70a60e3697eb41210ccf1e400cab37df7c8/.yarn/plugins/linker.cjs
-// and the following prompt history:
-// - Can you convert this yarn plugin into a pnpm plugin.
-// - The goal is to not have modifications to the package.json and lock files so that we do not track links on gh.
-// This seems to modify the package.json file.
-// What can we do with pnpm to have the link inforamtion in a seperate file
-// - why do you cache the loaded links. When does this file get executed?
-// Do we need this optimization.
-// How do we guarantee, that we aleays use the most recent content from the links file?
-//
-// Manual transition to cjs. Claude proposed manual yaml parsing.
-
-const fs = require("fs");
-const path = require("path");
-
-function loadLinks() {
-  try {
-    return require(path.join(__dirname, ".links.cjs"));
-  } catch (e) {
-    return null;
-  }
-}
-
-function readPackage(pkg, context) {
-  const links = loadLinks();
-  if (!links) return pkg;
-
-  const manifest = JSON.parse(
-    fs.readFileSync(path.join(__dirname, "package.json"), "utf8"),
-  );
-  if (pkg.name !== manifest.name) return pkg;
-
-  for (const [name, linkPath] of Object.entries(links)) {
-    const resolved = `link:${path.resolve(__dirname, linkPath)}`;
-    if (pkg.dependencies && pkg.dependencies[name]) {
-      context.log(`Linking ${name} -> ${resolved}`);
-      pkg.dependencies[name] = resolved;
-    } else if (pkg.devDependencies && pkg.devDependencies[name]) {
-      context.log(`Linking ${name} -> ${resolved}`);
-      pkg.devDependencies[name] = resolved;
-    }
-  }
-
-  return pkg;
-}
-
-module.exports = {
-  hooks: {
-    readPackage,
-  },
-};
--- a/scripts/dockerbuild.sh
+++ b/scripts/dockerbuild.sh
@@ -5,5 +5,5 @@ set -ex
 export VITE_APP_VERSION=$(git describe --tags --abbrev=0)

 corepack enable
-pnpm install
-pnpm run build
+yarn install
+yarn run build
--- a/scripts/playwright-webserver-command.sh
+++ b/scripts/playwright-webserver-command.sh
@@ -1,10 +1,10 @@
 #!/bin/sh
 if [ -n "$USE_DOCKER" ]; then
    set -ex
-    pnpm build
+    yarn build
    docker build -t element-call:testing .
    exec docker run --rm --name element-call-testing -p 8080:8080 -v ./config/config.devenv.json:/app/config.json:ro,Z element-call:testing
 else
    cp config/config.devenv.json public/config.json
-    exec pnpm dev --host
+    exec yarn dev
 fi
--- a/scripts/setup-linking.sh
+++ b/scripts/setup-linking.sh
@@ -1,26 +0,0 @@
-#!/usr/bin/env bash
-
-# Checks if there currently is linking configured. Informs the user to disable linking before committing.
-
-LINKSFILE=.links.cjs
-echo "Checking for existing linking configuration in $LINKSFILE..."
-if test -f "$LINKSFILE"; then
-echo "Linking configuration found in $LINKSFILE."
-else
-    echo "No $LINKSFILE -> Creating $LINKSFILE with default values. Please edit this file to point to your local checkouts of the dependencies you want to link."
-    echo '''// Packages to link to local checkouts
-module.exports = {
-    "matrix-js-sdk": "../your/path/matrix-js-sdk",
-    "matrix-widget-api": "../your/path/matrix-widget-api",
-};''' > $LINKSFILE
-fi
-echo "updating local git hookPath to .githooks"
-git config --local core.hooksPath .githooks
-echo ""
-echo "Setup complete."
-echo "Update: .links.cjs to your liking"
-echo "Run: 'pnpm links:on' to test your .links.cjs"
-echo "Run: 'git commit' with links enabled to test the git pre-commit hook."
-echo "Run: 'pnpm links:off' to be able to commit again"
-echo "Run: 'git config --local core.hooksPath \"\"' to allow committing with linking on (not recommended)"
-echo "Run: 'rm links.cjs' & 'git config --local core.hooksPath \"\"' to fully revert what this script did"
--- a/sdk/README.md
+++ b/sdk/README.md
@@ -1,4 +1,4 @@
-# SDK mode (EXPERIMENTAL)
+# SDK mode

 EC can be build in sdk mode. This will result in a compiled js file that can be imported in very simple webapps.

@@ -13,15 +13,15 @@ This folder contains an example index.html file that showcases the sdk in use (h
 To get started run

 ```
-pnpm install
-pnpm build:sdk
+yarn
+yarn build:sdk
 ```

 in the repository root.

 It will create a `dist` folder containing the compiled js file.

-This file needs to be hosted. Locally (via `npx serve -l 81234 --cors`) or on a remote server.
+This file needs to be hosted. Locally (via `npx serve -l 1234 --cors`) or on a remote server.

 Now you just need to add the widget to element web via:

--- a/Show More
+++ b/Show More